/*
Theme Name: The Beautiful Mess
Theme URI: http://luxecetera.com
Author: Luxecetera
Author URI: http://luxecetera.com
*/

html, body { margin:0; padding:0; width:100%; height:100%; min-height:100%; }
body { font-size:1em; font-family:Arial, Helvetica, sans-serif; color:#444; }

/* helpers */
.clear { clear:both; }
.left { float:left; }
.right { float:right; }
* { outline-style:none; }
body form { margin:0; padding:0; }
/* .helpers */

.alignright { float:right; margin-left:10px; }
.alignleft { float:left; margin-right:10px; }

h1, h2, h3, h4, h5, h6 { font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; color:#000; }
h1 { font-size:2em; }

body a img { border:none; }
body a { text-decoration:none; color:#000; }

#wrap { width:100%; margin:0; padding:0; }
.wrap { width:960px; margin-left:auto; margin-right:auto; }

/* header */
#head { position:relative; z-index:999; display:block; height:230px; background:url(images/head-bg.jpg) repeat-x top center; text-align:center; padding-top:35px; }
#head .logo { display:block; }

#head #nav { position:relative; width:900px; margin:0 auto; }
#head #nav ul { display:block; text-align:center; margin:0 auto; text-align:center; padding:0; width:326px; }
#head #nav ul li { display:inline; margin:0; padding:0; list-style-type:none; }
#head #nav ul li a { float:left; position:relative; color:#fff; font-size:17px; padding:0 10px; font-family:Georgia, "Times New Roman", Times, serif; }

#head #nav ul li ul.hover { position:absolute; top:-490px; left:-220px; width:503px; white-space:nowrap; margin:0; padding:20px 0 0 0; background:url(images/nav-dd-arrow.png) no-repeat center 16px; }
#head #nav ul li ul.hover li { position:relative; float:left; padding:0 0 0 10px; height:22px; margin:0; background:#fff; white-space:nowrap; }
#head #nav ul li ul.hover li:first-child { margin-left:220px; }
#head #nav ul li ul.hover li a { position:relative; top:2px; color:#000; font-size:14px; padding:0; margin:0; }

#head #nav ul li ul.hover li.dd-first, #head #nav ul li ul.hover li.dd-last { padding:0; margin:0; width:5px; height:22px; }
#head #nav ul li ul.hover li.dd-first { background:#000 url(images/nav-dd-left-bg.png) no-repeat top right; }
#head #nav ul li ul.hover li.dd-last { background:#000 url(images/nav-dd-right-bg.png) no-repeat top left; }

#head #nav ul li ul.dd1 { left:125px; }
#head #nav ul li ul.dd2 { left:205px; }
#head #nav ul li ul.dd3 { left:265px; }

/* content */
#content { display:block; margin:15px 0; padding:0; line-height:1.2em; }
#content p { margin-bottom:10px; }
#content a { color:#444; }

/* home page */
#content .home-slide { position:relative; margin:0 auto 15px; padding:0; width:983px; height:397px; background:url(images/header-bg.png) no-repeat top center; }
#content .home-slide .ajax-loader { position:absolute; top:50%; left:50%; }
#content .home-slide .images { position:absolute; top:17px; left:16px; width:948px; height:361px; overflow:hidden; }

#content .blog-intro { overflow:hidden; font-size:.720em; margin-bottom:50px; }
#content .blog-intro .col { position:relative; margin:0; padding:0; }
#content .blog-intro .col1 { width:30%; }
#content .blog-intro .col2 { width:40%; margin-left:25px; }
#content .blog-intro .col3 { width:24%; }

#content .blog-intro h1 { font-size:2em; margin-bottom:5px; }

#content .blog-intro .tweet h1 { background:url(images/twitter-bg.png) no-repeat left top; padding:10px 0 0 65px; height:32px; overflow:hidden; }
#content .blog-intro .tweet p { margin-bottom:15px; }
#content .blog-intro .tweet a { color:#e41a1e; text-align:right; font-style:italic; font-size:14px; display:block;}

#content .blog-intro .intro { }

#content .blog-intro .search h1 { margin-bottom:0; padding-left:10px; }
#content .blog-intro .search .x-input { background:url(images/search_box.png) no-repeat left top; margin:0; width:215px; height:48px; padding:15px 0 0 15px; }
#content .blog-intro .search input { border:none; background:none; width:185px; font-size:1em; color:#444; }

/* posts */
#content #posts { margin:15px 0 100px; padding:0; }
#content #posts .post { }
#content #posts .post .post-title { display:block; min-width:960px; text-align:center; background:url(images/ptitle-left-2.png) repeat-x center center; margin-bottom:25px; }
#content #posts .post .post-title h1 a { padding:3px 15px; background:#fff; }

#content #posts .post .post-meta { text-align:center; white-space:nowrap; color:#000; font-size:1em; font-family:Georgia, "Times New Roman", Times, serif; margin-bottom:15px; }
#content #posts .post .post-meta a { text-decoration:underline; }

#content #posts .post .post-content { text-align:left; font-size:.720em; }
#content #posts .post .post-content p { margin-bottom:10px; font-size: 1.2em; }
#content #posts .post .post-content img { display:block; margin:5px auto; padding:0; max-width:960px; }

#content #posts .post .post-actions { display:block; margin:25px 0; padding:0; overflow:hidden; }
#content #posts .post .post-actions .col { position:relative; }

#content #posts .post .post-actions .col1 { width:50%; }
#content #posts .post .post-actions .col1 .actions { overflow:hidden; margin-bottom:10px; display:block; text-align:center; font-family:Georgia, "Times New Roman", Times, serif; border-bottom:#e2e2e2 1px solid; padding-bottom:10px; }
#content #posts .post .post-actions .col1 .actions a { display:inline-block; position:relative; color:#000; font-size:1.115em; font-weight:normal; padding-left:25px; padding-bottom:2px; height:22px; }
#content #posts .post .post-actions .col1 .actions a:hover { color:#e41a1e; }

#content #posts .post .post-actions .col1 .actions a.a1 { background:url(images/a1-bg.png) no-repeat left center; padding-left:29px; }
#content #posts .post .post-actions .col1 .actions a.a1:hover { background:url(images/a1-hover-bg.png) no-repeat left center; }
#content #posts .post .post-actions .col1 .actions a.a2 { background:url(images/a2-bg.png) no-repeat left top; padding-left:27px; }
#content #posts .post .post-actions .col1 .actions a.a2:hover { background:url(images/a2-hover-bg.png) no-repeat left top; }
#content #posts .post .post-actions .col1 .actions a.a3 { background:url(images/a3-bg.png) no-repeat left center; }
#content #posts .post .post-actions .col1 .actions a.a3:hover { background:url(images/a3-hover-bg.png) no-repeat left center; }

#content #posts .post .post-actions .col1 .comments-wrap { display:block; height:240px; overflow:auto; }
#content #posts .post .post-actions .col1 .comments-wrap .comments { font-size:.725em; width:95%; overflow: auto;}
#content #posts .post .post-actions .col1 .comments-wrap .comments .comment { margin-bottom:15px; }
#content #posts .post .post-actions .col1 .comments-wrap .comments .comment a { color:#000; font-weight:bold; font-size:1.05em; }

#content #posts .post .post-actions .col2 { width:47%; }
#content #posts .post .post-actions .col2 h2 { font-size:1.1em; margin-bottom:15px; }
#content #posts .post .post-actions .col2 .comment-form { font-size:.715em; color:#000; }
#content #posts .post .post-actions .col2 .comment-form label { display:block; margin-bottom:2px; }
#content #posts .post .post-actions .col2 .comment-form input[type=text], #content #posts .post .post-actions .col2 .comment-form textarea {
	display:block;
	width:98%;
	color:#444;
	border:#e7e7e7 1px solid;
	background:none;
	padding:2px;
	margin-bottom:10px;
	font-size:10px;
}
#content #posts .post .post-actions .col2 .comment-form textarea { font-size:10px; }
#content #posts .post .post-actions .col2 .comment-form .comment-submit { display:block; background:url(images/comment-btn.png) no-repeat top left; width:75px; height:32px; }

#content #posts .post .post-actions .col2 .link-wrap { display:none; font-size:.8em; }
#content #posts .post .post-actions .col2 .link-wrap h2 { font-size:1.5em; }
#content #posts .post .post-actions .col2 .link-wrap p { margin-bottom:10px; }

/* post slideshow */
#content #posts .post .post-slideshow { position:relative; left:-40px; display:block; margin:0 auto 15px; background:url(images/post-gal-bg.png) no-repeat top center; width:1052px; height:402px; }
#content #posts .post .post-slideshow .next, #content #posts .post .post-slideshow .prev { position:absolute; top:50%; margin-top:-14px; z-index:9999; width:28px; height:28px; background:url(images/post-gal-controls.png) no-repeat; cursor:pointer; }
#content #posts .post .post-slideshow .prev { background-position:top left; left:40px; }
#content #posts .post .post-slideshow .prev:hover { background-position:bottom left; }
#content #posts .post .post-slideshow .next { background-position:top right; right:50px; }
#content #posts .post .post-slideshow .next:hover { background-position:bottom right; }
#content #posts .post .post-slideshow .images { position:absolute; top:13px; left:52px; width:934px; height:373px; overflow:hidden; }
#content #posts .post .post-slideshow .images img { position:absolute; top:0; left:0; }

#content .pagination { position:relative; display:block; text-align:center; background:url(images/pagi-bg.png) no-repeat center center; height:13px; min-width:600px; margin:15px 0 25px; font-family:Georgia, "Times New Roman", Times, serif; }
#content .pagination .prev, #content .pagination .next { position:absolute; top:-2px; left:50%; }
#content .pagination .prev { margin-left:-55px; }
#content .pagination .next { margin-left:20px; }

/* archives */
#content .archives { display:block; overflow:hidden; }
#content .archives .header { overflow:hidden; border-bottom:#e7e7e7 1px solid; display:block; padding-bottom:10px; margin-bottom:10px; }
#content .archives .header a { position:relative; }
#content .archives .header h1 { font-size:1.5em; width:25%; }
#content .archives .archive { position:relative; float:left; background:url(images/archive-bg.png) no-repeat top left; text-align:center; color:#000; font-size:.85em; width:77px; height:61px; padding-top:15px; margin-left:11px; }
#content .archives .archive:first-child { margin-left:0; }

/* page content */
#content .page-content { font-size:.8em; }
#content .page-content h1 { margin-bottom:20px; font-size:2em; }

#content .contact-form { overflow:hidden; font-size:.8em; margin-top:25px; color:#000; }
#content .contact-form .col { position:relative; width:47%; }
#content .contact-form label { display:block; margin-bottom:2px; color:#000; }
#content .contact-form input[type=text], #content .contact-form textarea {
	display:block;
	width:98%;
	color:#444;
	border:#e7e7e7 1px solid;
	background:none;
	padding:2px;
	margin-bottom:10px;
	font-size:1em;
}
#content .contact-form textarea { font-size:1.15em; }
#content .contact-form .r1 { margin-left:15px; }
#content .contact-form .l1 { margin-top:25px; }
#content .contact-form input[type=radio] { position:relative; top:3px; }
#content .contact-form a.x-send { display:block; background:url(images/send_btn.jpg) no-repeat top left; width:71px; height:26px; }

/* scrolling page */
#content .page-scroll { display:block; overflow:hidden; }
#content .page-scroll .image { position:relative; width:468px; overflow:hidden; margin-right:15px; }
#content .page-scroll .content-wrap { position:relative; width:475px; height:452px; overflow:hidden; }
#content .page-scroll .content-wrap .content { width:452px; }
#content .page-scroll .content-wrap .content h1 { margin-bottom:10px; }

/* gallery page */
#content .ajax-loader { background:url(images/ajax-loader.gif) no-repeat top center; min-width:16px; min-height:16px; white-space:nowrap; padding-top:15px; font-size:10px; }

#content .gallery { width:1000px; margin-left:auto; margin-right:auto; }
#content .gallery .full { position:relative; display:block; position:relative; height:545px; background:url(images/gallery_bg.png) no-repeat top center; }
#content .gallery .full .img-wrap { position:absolute; z-index:9000; width:934px; height:487px; overflow:hidden; top:30px; left:34px; }
#content .gallery .full .ajax-loader { position:absolute; left:50%; top:50%; }
#content .gallery .full .img-wrap ul { position:relative; width:9999em; display:none; }
#content .gallery .full .img-wrap ul li { position:relative; float:left; width:934px; height:487px; }
#content .gallery .full .img-wrap ul li img { width:934px; }

#content .gallery .full .controls { position:absolute; z-index:9999; bottom:40px; right:45px; white-space:nowrap; }
#content .gallery .full .controls a { background:url(images/gallery_controls.png) no-repeat; height:12px; position:relative; float:left; display:block; }
#content .gallery .full .controls a.c-prev { width:12px; background-position:left top; }
#content .gallery .full .controls a.c-play { width:12px; background-position:-12px top; }
#content .gallery .full .controls a.c-pause { width:12px; background-position:-24px top; }
#content .gallery .full .controls a.c-stop { width:18px; background-position:-36px top; }
#content .gallery .full .controls a.c-next { width:15px; background-position:right top; }

#content .gallery .thumbs-wrap { position:relative; display:block; }
#content .gallery .thumbs-wrap .thumbs { position:relative; width:92%; height:75px; margin:0 auto; overflow:hidden; }
#content .gallery .thumbs-wrap .thumbs .ajax-loader { position:absolute; left:50%; top:50%; }
#content .gallery .thumbs-wrap .thumbs ul { display:none; width:9999em; height:75px; }
#content .gallery .thumbs-wrap .thumbs ul li { position:relative; float:left; width:75px; height:75px; margin-right:10px; overflow:hidden; cursor:pointer; }
#content .gallery .thumbs-wrap .prev, #content .gallery .thumbs-wrap .next { position:absolute; top:50%; margin-top:-8px; background:url(images/gallery_thumbs_scroll.jpg) no-repeat; width:12px; height:16px; cursor:pointer; }
#content .gallery .thumbs-wrap .prev { background-position:left top; left:20px; }
#content .gallery .thumbs-wrap .next { background-position:right top; right:20px; }


/* footer */
#footer { display:block; padding:30px 0; margin:0; overflow:hidden; font-size:.715em; }
#footer div { position:relative; }

.wht { background:#fff; color:#000; }
.wht a { color:#000; }

.blk { background:#000; color:#fff; }
.blk a { color:#fff; }

#footer .social { overflow:hidden; }
#footer .social a { display:inline-block; background:url(images/social-icons.png) no-repeat; width:44px; height:45px; }
#footer .social a.s1 { background-position:left top; }
#footer .social a.s2 { background-position:-51px 0; }
#footer .social a.s3 { background-position:right top; }