/*
Theme Name: Designer's Pit Theme
Theme URI: cssluxury/designers_pit
Description: Community based template
Version: 1.0
Author: disgogo
Author URI: themeforest/user/disgogo
Tags: grey, white, fixed width, two columns(left/right),1 column, widgets, theme options
*/
@import url("css/reset.css");
/* General styles of the background and general style of formatting the default text */
* {padding:0;margin:0}
body{background:#F7F7F7 url("images/background.png") repeat-x left top;
font-family:Arial,Helvetica,sans-serif; font-size:14px;color:#111312}
/* Style for links */
a{color:#fc0082}a:hover{color:#008da8}
/* Elements */
p{line-height:1.4em;padding-bottom:20px}
h1,h2,h3,h4,h5,h6{font-family:Helvetica,Arial,Verdana,sans-serif;font-weight:700;letter-spacing:-.05em;margin:20px 0;padding:0;line-height:normal;clear:left;width:100%;color:#6E6F6A}
h1{font-size:28px;color:#002a54;clear:left}
h2{font-size:24px}
h3{font-size:18px;font-weight:400}
h4{font-size:14px}
h5{font-size:12px}
h6{font-size:11px}
img.aligncenter{display:block;margin:10px auto;background:#FCFCFC url("images/nav_a.gif") repeat-x scroll 0 0;border:1px solid #D7D7D7;padding:4px}
img.alignright{padding:4px; margin:0 0 15px 10px;display:inline;background:#FCFCFC url("images/nav_a.gif") repeat-x scroll 0 0;border:1px solid #D7D7D7}
img.alignleft{padding:4px;margin:0 10px 15px 0;display:inline;background:#FCFCFC url("images/nav_a.gif") repeat-x scroll 0 0;border:1px solid #D7D7D7}
.alignright{float:right}
.alignleft{float:left}
a.more-link{color:#008da8;font-weight:700}
a.more-link:hover{text-decoration:underline}
.left{float:left}
.clear{clear:both}
/* The wrapper of the content */
.wrapper{width:960px;margin:0 auto;text-align:left}
.content{width:960px;margin:0 auto; float:left;text-align:left}
.left-wrapper{float:left; width:657px; overflow:hidden}
.right-wrapper{float:right;width:276px}
/* Header Section*/
.header{float:left;width:960px;margin-bottom:30px}
.header-up{float:left;display:block;width:960px;height:92px}
.header-up a.logo{float:left}
.header-up a.logo img {margin:25px 0 0}
.header-up form#searchform{float:right;margin-top:30px}
.header-up form#searchform input{background: url("images/search_input_back.gif") left top no-repeat;width:182px;height:18px;float:left;padding:8px;border:0}
.header-up form#searchform input#searchsubmit{background:url("images/search-btn.gif") no-repeat left top;width:42px;height:29px;text-align:center;color:#fff;float:left;padding:0;cursor:pointer;text-indent:-99999em;overflow:hidden;display:block;font-size:0}
.header-up form#searchform label{display:none}
.header-menu{float:left;width:963px;height:45px;line-height:45px}
.header-up span.description{margin-top:40px;margin-left:10px;color:#6E6F6A;display:block;float:left; font-style:italic}
/* Navigation */
.menu{float:left;width:963px;height:45px;line-height:45px}
ul.menu{list-style:none;margin:0;padding:0;z-index:9999}
ul.menu *{margin:0;padding:0;z-index:9999}
ul.menu a{font-weight:700;float:left;display:block;padding:0 15px;text-align:center;font-size:14px;color:#111312;border:none;overflow:hidden}
ul.menu .menulink:hover, ul.menu .menuhover, ul.menu .selected {background:url("images/menu_hover.png") left top repeat-x;text-decoration:none}
ul.menu li{position:relative;float:left;margin-right:2px}
ul.menu ul{position:absolute;top:45px;left:0;display:none;list-style:none;z-index:99999;background:#111312;width:100%}
ul.menu ul li{position:relative;border-bottom:1px solid #252525;width:100%;margin:0}
ul.menu ul li a{display:block;padding:0 3px 3px 15px;background-color:#111312;color:#FFF;width:auto}
ul.menu ul li a:hover{color:#FFF}
ul.menu ul ul{left:148px;top:-1px}
ul.menu .menulink {}
ul.menu .sub{background:#252525}
ul.menu .topline{border-top:1px solid #aaa}
/* Featured post */
.container{width:660px;margin:0 auto;float:left;display:block}
/* Main Image Preview */
.main_image{width:400px;height:351px;float:left;background:#333;position:relative;overflow:hidden;color:#fff;border-top:1px solid #CCC;border-bottom:1px solid #CCC}
.main_image h2{font-size:2em;font-weight:400;margin:0 0 5px;padding:10px 10px 0}
.main_image p{font-size:1.2em;padding:10px;margin:0;line-height:1.6em}
.block small{padding: 0 0 0 20px;background: url("images/calendar.gif") no-repeat 0 center;color:#999; font-size:11px;font-weight:400}
.main_image .block small{margin-left:10px}
.main_image .desc{position:absolute;bottom:0;left:0;width:100%;display:none}
.main_image .desc h2 a{color:#fff}
.main_image .desc h2 a:hover{color:#6E6F6A;text-decoration:none}
.main_image .block{width:100%;background:#111;border-top:1px solid #000;display:block;padding-bottom:10px}
.main_image a.collapse{height:27px;width:93px;text-indent:-99999px;position:absolute;top:-27px;right:20px}
.main_image a.show{background-position:left bottom} 
.image_thumb{float:left;width:229px;background:#f0f0f0;border-right:1px solid #fff;border-top:1px solid #ccc;height:352px;overflow:hidden}
.image_thumb img{border:1px solid #ccc;padding:5px;background:#fff;float:left}
.image_thumb ul{margin:0;padding:0;list-style:none}
.box_content_holder .image_thumb ul li{margin:0;padding:12px 10px;background:#fcfcfc url("images/nav_a.gif") repeat-x;width:208px;float:left;border-bottom:1px solid #ccc;border-top:1px solid #fff;border-right:1px solid #ccc;list-style-type:none}
h1.title{float:left;width:85%;margin-bottom:5px;margin-top:0;clear:both}
h1.title_page{float:left;width:100%;margin-bottom:10px;margin-top:0;clear:both}
.box_content_holder h1 a{color:#002a54;font-size:30px}
.box_content_holder h1 a:hover{background-color:#ddd;text-decoration:none}
.box_content_holder ol{list-style-position:outside;list-style-type:decimal}
.box_content_holder ul{list-style-position:outside;list-style-type:square}
.box_content_holder ul li, .box_content_holder ol li{margin-left:2.5em;padding:5px 0}
/* The generic box model - Left Wrapper */
.box_content_holder ul.related li{margin:0;padding:0 10px 10px;background:#fcfcfc url("images/nav_a.gif") repeat-x;width:388px;float:left;border-bottom:1px solid #ccc;border-top:1px solid #fff;border-right:1px solid #ccc;border-left:1px solid #ccc;list-style-type:none}
.box_content_holder ul.related li h3{margin-bottom:5px;margin-top:10px;float:left;clear:left}
.box_content_holder ul.related li h3 a:hover{background-color:#ddd;text-decoration:none;color:#111312}
.box_content_holder  ul.related{float:right;width:65%}
.box_content_holder .most-commented li{display:block;float:left}
.box_content_holder .most-commented .commented_link{width:80%;float:left}
.image_thumb ul li.hover{background:#ddd;cursor:pointer}
.image_thumb ul li.active{background:#fff;cursor:default}
html .image_thumb ul li h2{font-size:1.2em;margin:5px 0;padding:0}
.image_thumb ul li .block{float:left;margin-left:10px;padding:0;width:120px}
.image_thumb ul li p{display:none}
/* The generic box model -POST */
.box_holder{display:block;width:652px;background:#fff;border:1px solid #D7D7D7;float:left;margin:0 0 20px}
.box_content_holder{float:left;display:block;width:630px;background:#fcfcfc url("images/nav_a.gif") repeat-x;margin:1px;padding:10px}
.box_holder2{display:block;width:630px;background:#fff;border:1px solid #D7D7D7;float:left;margin:0 0 10px}
.box_content_holder2{float:left;display:block;width:608px;background:#fcfcfc url("images/nav_a.gif") repeat-x;margin:1px;padding:10px}
.whitefp{float:left;display:block;width:608px;background:#fcfcfc url("images/nav_a.gif") repeat-x;border:1px solid #D7D7D7;margin:1px;padding:10px}
.whitefp_content{display:table-cell;vertical-align:middle;float:right;display:block;width:486px;background:#fff;border:1px solid #d7d7d7;margin:1px;padding:0 10px;text-align:center;font-size:12px}
.colfp{width:100px;float:left;padding:5px;margin:5px;border-right:1px solid #D7D7D7}
.colfp2{width:100px;float:left;padding:5px;margin:5px}
.spacefp{line-height:20px;display:block}
/* Right content */
.right-wrapper ul li, .footer-wrapper ul li{padding:5px 0;background:url("images/footer-separator.gif") left bottom repeat-x;width:100%;display:block;color:#999;margin-left:0 !important;list-style-type:none}
.right-wrapper ul li ul li, .footer-wrapper ul li ul li{padding:5px 0;background:url("images/footer-separator.gif") left bottom repeat-x;width:93%;display:block;color:#999;list-style-type:none;margin-left:20px !important}
.right-wrapper .box_content_holder h2,
.footer-content .box_content_holder h2{float:left;width:100%;margin-bottom:0;margin-top:10px;font-size:18px;padding-bottom:15px;clear:none;line-height:20px;color:#002a54}
/* target IE7 for a weird margin bug */
.right-wrapper .box_content_holder h1:first-child+html{padding-bottom:5px}
.footer-content .box_content_holder h1 h1:first-child+html{padding-bottom:5px}
.right-wrapper ul li-border, .footer-wrapper ul li-border{background:none}
.right-wrapper img, .footer-wrapper img{background:#FFF;border:1px solid #D7D7D7;display:inline;margin:6px;padding:4px}
.right-wrapper ul li a.small_image, .footer-wrapper ul li a.small_image{margin-right:5px}
.footer-wrapper ul li a.small_image{margin:6px}
.footer-wrapper ul.small_image{margin-left:2px}
.right-wrapper ul li a, .footer-wrapper ul li a{font-weight:700;color:#6e6f6a}
.right-wrapper ul li a:hover, .footer-wrapper ul li a:hover{text-decoration:none;color:#fc0082}
span.date_comments{color:#999;font-size:11px;font-weight:400}
/* The generic box model - Right COLUMN*/
.shaddow{margin-bottom:20px;display:block;float:left}
.post-edit-link{display:none}
.right-wrapper .box_holder{display:block;width:274px;background:#fff;border:1px solid #D7D7D7;float:left}
.right-wrapper .box_content_holder{float:left;display:block;width:252px;background:#fcfcfc url("images/nav_a.gif") repeat-x;margin:1px;padding:10px}
.right-wrapper .follow li,.footer-wrapper .follow li{background:none;display:inline}
.right-wrapper .follow li a.rss,.footer-wrapper .follow li a.rss{background:#FFF;display:block;float:left;margin-right:5px;width:45px;height:45px}
.right-wrapper .follow li a.twitter, .footer-wrapper .follow li a.twitter {background:#FFF;display:block;float:left;margin-right:5px;width:45px;height:45px}
.right-wrapper .follow li a.delicious,
.footer-wrapper .follow li a.delicious{background:#FFF;display:block;float:left;margin-right:5px;width:45px;height:45px}
.right-wrapper .follow li a.flickr, .footer-wrapper .follow li a.flickr{background:#FFF;display:block;float:left;margin-right:0;width:48px;height:48px}
.right-wrapper .follow li a.email, .footer-wrapper .follow li a.email{background:#FFF;display:block;float:left;margin-right:5px;width:48px;height:48px}
.big_image img{padding:0;margin:0;border:0;display:block;margin:0 auto}
.small_image{margin-left:-5px;width:280px}
.small_image img{padding:0;margin:0;border:0}
a.small_image{float:left;width:125px;margin:2px}
.right-wrapper ul.small_image li, .footer-wrapper  ul.small_image li{background:none;display:inline}
/* The generic box model - FOOTER*/
.footer-content .box_holder{display:block;width:300px;background:#fff;border:1px solid #D7D7D7;float:left}
.footer-content .box_content_holder{float:left;display:block;width:278px;background:#fcfcfc url("images/nav_a.gif") repeat-x;margin:1px;padding:10px}
/* The generic box model - AVATAR*/
.avatar{float:left}
.avatar .box_holder{display:block;width:72px;background:#fff;border:1px solid #D7D7D7;float:left}
.avatar .box_content_holder{float:left;display:block;width:50px;background:#fcfcfc url("images/nav_a.gif") repeat-x;margin:1px;padding:10px}
/* The generic box model - COMMENT HOLDER*/
div.comment-holder{float:right;width:550px;display:block;margin-bottom:20px}
.comments-holder{display:block;clear:both}
.comment-content{float:left;clear:left;margin-top:15px}
.comment-holder .box_holder{display:block;width:547px;background:#fff;border:1px solid #D7D7D7;float:left;margin-bottom:0}
.comment-holder .box_content_holder{float:left;display:block;width:525px;background:#fcfcfc url("images/nav_a.gif") repeat-x;margin:1px;padding:10px}
/* The generic box model - COMMENT HOLDER - LEVEL 1*/
.reply_level1 .box_holder{display:block;width:490px;background:#fff;border:1px solid #D7D7D7;float:right;margin-bottom:0}
span.comment_sep{width:45px;height:46px;display:block;background:url("images/comment_sep.gif") no-repeat;float:left}
.reply_level1 .box_content_holder{float:left;display:block;width:468px;background:#fcfcfc url("images/nav_a.gif") repeat-x;margin:1px;padding:10px}
/* The generic box model - COMMENT HOLDER - LEVEL 2*/
.reply_level2 .box_holder{display:block;width:432px;background:#fff;border:1px solid #D7D7D7;float:right}
.reply_level2 .box_content_holder{float:left;display:block;width:410px;background:#fcfcfc url("images/nav_a.gif") repeat-x;margin:1px;padding:10px}
.post_comments_holder{display:block;width:80px;background:#fff;border:1px solid #D7D7D7;float:right}
.post_comments_content_holder{float:left;display:block;width:69px;background:#fcfcfc url("images/nav_a.gif") repeat-x;margin:1px;padding:5px;text-align:center}
.post_comments_content_holder a{font-size:24px;font-weight:700;width:100%;color:#6E6F6A;margin-top:2px;display:block}
.post_comments_content_holder a:hover{color:#111312;text-decoration:none}
.post_comments_content_holder a span{font-size:11px;font-weight:400;color:#6E6F6A;display:block}
.post_comments_content_holder a:hover span{color:#111312;text-decoration:none}
.inline {float:left;width:auto;display:inline}
.box_content_holder  h2.post_social{width:30%;float:left;font-size:24px}
ul.post_social{float:right;margin:0}
.box_content_holder ul.post_social li{display:inline;margin-left:0}
ul.post_social li a{display:block;float:left;margin:5px}
span.post_meta{display:block;float:left;font-size:11px;color:#999;margin-bottom:20px;width:85%}
span.post_meta a{color:#6E6F6A;font-weight:700}
span.tags{float:left;display:block;padding:10px 0;background:url("images/footer-separator.gif") left top repeat-x;width:100%;margin-top:15px}
.most-commented .commented{background:url("images/comment-right.gif") left 4px no-repeat;float:right;
position:relative;display:block;padding-left:15px}
.related small{background:transparent url("images/calendar.gif") no-repeat scroll 0 center;color:#999;font-size:11px;font-weight:400;padding:0 0 0 20px;width:100%;float:left;display:block}
.post-footer p{margin:0;padding:15px}
.reply_level1{float:right;width:548px;display:block;margin-bottom:20px}
.reply_level2{float:right;width:490px;display:block;margin-top:20px}
/* Comments Section */
.no_comments{background:#FCFCFC url("images/nav_a.gif") repeat-x scroll 0 0;border-bottom:1px solid #CCC;border-right:1px solid #CCC;border-left:1px solid #CCC;border-top:1px solid #FFF;display:block;float:left;width:652px;margin-bottom:20px}
.no_comments .left{margin-left:10px;width:40%}
.no_comments .right{margin-right:10px;float:right;width:40%;text-align:right}
div.comments-area{float:left;display:block;width:654px}
a.reply, a.comment-reply-link{float:left;color:#111312;font-weight:700}
a.comment-edit-link{float:left;color:#111312;clear:left}
a.reply:hover, a.comment-reply-link:hover{text-decoration:underline}
.author-comment img.avatar-48{border:2px solid #111312;background:#F0F0F0}
a.comment-name{color:#111312;text-decoration:underline;display:block;float:left;font-weight:700}
span.date{float:right;display:block;padding-left:20px;font-size:11px;color:#6C6C6C}
.level1 img.avatar-48{float:left}
.reply-details{float:left;width:auto;font-size:11px;color:#999;display:block;line-height:24px}
.reply-details a.reply-name{font-weight:700}
.reply-details span.reply-picture{margin-right:5px}
.reply-details span.reply-picture img{float:left;margin-right:5px}
.reply-holder-footer{width:100%;float:left;padding:11px 0 0;background:url("images/footer-separator.gif") left top repeat-x;display:block}
.reply-details span.date{color:#6C6C6C;display:inline;float:none;font-size:11px;padding-left:0}
.reply_level1 a.comment-reply-link,
.reply_level1 a.comment-edit-link{float:right;padding-top:4px}
.level3 a.comment-edit-link{float:left;margin-left:-271px;position:relative}
/* Footer Section */
.footer-wrapper{float:left;background:url("images/footer-separator.gif") repeat-x top;display:block;width:100%;margin:15px auto 0}
.footer-content{width:960px;margin:30px auto 0;text-align:left;overflow:hidden}
/* Copyright Section */
div.copyright{float:left;display:block;width:100%;margin:30px auto 0;background:url("images/footer-separator.gif") repeat-x top;padding:30px 0}
div.copyright p{width:963px;margin:0 auto}
div.copyright span{float:left;display:block}
div.copyright a.back-top{float:right;background:#fff;display:block;padding:0 30px 0 0;line-height:24px;width:42px;height:29px}
/* Tables */
table{border-bottom:7px solid #C8C7C8;border-collapse:collapse;border-top:7px solid #C8C7C8;font-size:12px;margin:20px 0;text-align:center;width:100%}
table td{border-left:1px solid #C8C7C8;border-right:1px solid #C8C7C8;color:#231F20;padding:8px}
table th{background:#FFF none repeat scroll 0 0;border-left:1px solid #C8C7C8;border-right:1px solid #C8C7C8;font-size:13px;font-weight:400;padding:8px}
/* Calendar style */
table#wp-calendar{width:234px;text-align:center;border:0;margin:0 auto}
table#wp-calendar caption{margin-bottom:10px;font-weight:700}
table#wp-calendar td{color:#CFCFCF;border:0;padding:0}
table#wp-calendar tr td#today{color:#111312;font-weight:700}
table#wp-calendar th{background:none;padding:0;border:0;font-size:12px;font-weight:700}
#left{float:left;width:140px;margin:0 20px 14px 0;background-color:#DCDCDC;border:3px double #FFF;font-size:10px;line-height:1.4em}
.gutter{margin:10px}
#right{float:right;width:120px;margin:0 0 14px 20px}
/* Forms */
fieldset{border:1px solid #DDD;margin:10px 0;padding:10px}
legend{color:#666;font-weight:700}
form label{display:block;float:left;margin-right:10px;padding-right:10px;padding-top:5px;padding-bottom:5px;position:relative;text-align:left;width:100px}
form input, form textarea{padding:5px;border:1px solid #ccc}
form div{ clear:left;margin:10px 0;display:block;float:left}
form div.textarea{clear:none}
form div.notify{clear:left}
#contactForm li{display:block;float:left;margin-left:0}
#contactForm li.buttons{clear:both;margin-left:120px}
#contactForm li.buttons button{background:#FCFCFC url("images/nav_b.gif") repeat-x scroll 0 0;border:1px solid #CCC;clear:both;color:#111312;cursor:pointer;float:left;font-size:18px;font-weight:700;height:42px;margin:0;padding:0;text-align:center;width:98px;clear:left}
#contactForm label{float:left;width:100px;line-height:42px;clear:left;font-size:14px;color:#111312;text-align:left}
#contactForm input{float:left;width:430px;height:22px;padding:13px 10px 7px;margin:.5em 0;color:#6C6C6C;background:#FCFCFC url("images/nav_b.gif") repeat-x scroll 0 0;border:1px solid #CCC}
#contactForm textarea{float:left;width:440px;height:208px;margin:.5em 0;color:#6C6C6C;background:#FCFCFC url("images/nav_b.gif") repeat-x scroll 0 0;border:1px solid #CCC}
#contactForm input#sendCopy{float:left;display:block;width:15px;margin-left:120px;background:none;border:none}
#contactForm .inline label{float:left;display:block;width:300px;margin-left:10px;padding:0;clear:none;line-height:34px}
#contactForm span.error{float:left;display:block;width:430px;padding:8px;color:#000;margin-top:8px;text-align:center;margin-left:112px}
#contactForm .buttons #submitted,#contactForm #checking{display:none;}
/* Style for the comment form */
form.comment-form{float:left;display:block;width:657px}
form.contact-form{float:left;display:block;width:623px}
form.comment-form h2, form.contact-form h2{margin:0 0 15px}
form.comment-form label{float:left;width:90px;font-size:14px;color:#111312;text-align:left;padding:13px 0 7px 30px;margin:6px 0 8px;background:#FCFCFC;border:1px solid #CCC;border-left:0;height:22px}
form.contact-form label{float:left;width:100px;line-height:42px;margin:.3em 0;clear:left;font-size:14px;color:#111312;text-align:left}
form.comment-form input{float:left;width:430px;height:22px;padding:13px 10px 7px;margin:.5em 0; color:#6C6C6C;background:#FCFCFC url("images/nav_b.gif") repeat-x scroll 0 0;border:1px solid #CCC}
form.contact-form input{float:left;width:430px;height:22px;padding:13px 10px 7px;margin:.5em 0;color:#6C6C6C;background:#FCFCFC url("images/nav_b.gif") repeat-x scroll 0 0;border:1px solid #CCC}
form.contact-form em{float:right;clear:right;line-height:42px}
form.comment-form textarea{float:left;width:440px;height:208px;margin:6px 0 8px;color:#6C6C6C;background:#FCFCFC url("images/nav_b.gif") repeat-x scroll 0 0;border:1px solid #CCC}
form.comment-form .textarea{margin:0}
form.contact-form textarea{float:left;width:440px;height:208px;margin:0.5em 0;color:#6C6C6C;background:#FCFCFC url("images/nav_b.gif") repeat-x scroll 0 0;border: 1px solid #CCC}
form.comment-form input.submit-btn {width:98px;height:42px;color:#111312;font-weight:700;font-size:18px;text-align:center;padding:0;cursor:pointer;margin:0;background:#FCFCFC url("images/nav_b.gif") repeat-x scroll 0 0;border:1px solid #CCC;float:left;clear:both}
form.contact-form input.submit-btn{width:98px;height:42px;color:#111312;font-weight:700;font-size:18px;text-align:center;padding:0;cursor:pointer;margin:0;background:#FCFCFC url("images/nav_b.gif") repeat-x scroll 0 0;border:1px solid #CCC}
form.comment-form div.notify span input{width:auto;background:none;margin:0 10px 0 0}
form.contact-form div.notify span input{width:auto;background:none;margin:0 10px 0 0}
/* Pagination */
#next-page{background:#FCFCFC url("images/nav_a.gif") repeat-x scroll 0 0;border-bottom:1px solid #CCC;border-right:1px solid #CCC;border-top:1px solid #FFF;float:left;list-style-type:none;margin:0}
#next-page a, #previous-page a{margin:10px;display:block}
#previous-page{background:#FCFCFC url("images/nav_a.gif") repeat-x scroll 0 0;border-bottom:1px solid #CCC;border-right:1px solid #CCC;border-top:1px solid #FFF;float:right;list-style-type:none;margin:0}
.page-numbers li{background:#FCFCFC url("images/nav_a.gif") repeat-x scroll 0 0;border-bottom:1px solid #CCC;border-right:1px solid #CCC;border-top:1px solid #FFF;display:block;float:left;padding:5px 10px}
/* --- injected clearfix (WaybackScraper) --- */
.clearfix::after{content:"";display:table;clear:both}
.clearfix{display:block}
