/*  

Theme Name: Blueprint for Style

Theme URI: http://ewebscapes.com

Description: Custom WP Theme for Blueprint for Style designed by Vivien from E.Webscapes

Version: 1.0

Author: E.Webscapes (Vivien)

Author URI: http://www.inspirationbit.com/



*/



/*COLOURS*/

/*********************************

#f68e56 - orange

#dc563d - dark orange links

#005e97 - blue

#5091ba - light blue

*********************************/

ul#subnav {list-style:none; margin:0; padding:0; width: 100%; clear:both; }

ul#subnav li {float:left; font-size: 10px; margin-right: .514em; margin-bottom: 10px;}

ul#subnav li a {padding: 5px; background: #f7f7f7; border: 1px solid #eee; margin-bottom: 10px;}

ul#subnav li a:hover, ul#subnav li.current_page_item a {background: #dc563d; color: white;}

.nav-clear {clear:both; height: 5px;}



ul#wardrobe-nav {background: #f7f7f7; border: 1px solid #eee; padding: 5px; font-size: 12px;}

ul#wardrobe-nav li {line-height: 1.2em; padding: 2px}

ul#wardrobe-nav li a:hover, ul#wardrobe-nav li.current_page_item a {background: #dc563d; color: white; padding: 2px;}

ul#wardrobe-nav h3.widgettitle  {text-align:left; font-weight: 600}





html, body, ol, ul, h1, h2, h3, p {

border:0pt none;

font-family:inherit;

margin:0pt;

padding:0pt;

text-align:left;

vertical-align:baseline;

}



* {

margin:0pt;

padding:0pt;

}



img {border: 0;}



.clear {clear: both;}



* html .clearfix { display: inline-block; }  /* for IE 6 */

* + html .clearfix { display: inline-block; }  /* for IE 7 */



h1, h2, h3, h4 {font-weight: 500; color: #000;}



p {margin: 1em 0;}



ul {

list-style-image:none;

list-style-position:outside;

list-style-type:none;

}





a {color: #f67530;}

a {text-decoration: none;}

a:hover {color: #5091ba;}



body {background: #5091ba url(images/page_bg.jpg) repeat-x left top; font-family:Georgia, serif; font-size: .88em; color: #000;}



h4 {font-size: 0.75em;}

h3 {font-size: 1.125em;}

h2 {font-size: medium;}





/*Main Structure*/



#wrapper {width: 900px; margin: 0 auto;}

#header {background: transparent url(images/header_bg.gif) no-repeat left top; height: 250px;}

#logo {height: 198px;}

#navigation {height: 52px; background: #fff url(images/menu_bg.gif) no-repeat left top; overflow: hidden;}

#pagebody {background: #fff url(images/search_bg.gif) no-repeat right top; overflow: hidden;}



#navigation2 {height: 52px; background: #fff url(images/menu_bg.gif) no-repeat left top; overflow: hidden;}


/*typography*/

.post p, #leftsidebar p ,#rightsidebar p {font-size: 0.90em; line-height: 1.6em;}





/*header*/

#logo-container {padding-top: 60px;}



#logo h1 a {

	display:block;

	background:transparent url(images/blueprintforstyle.gif) no-repeat scroll left top;

	width:287px;

	height:67px;

	margin: 0 auto;

	text-indent:-9999px;

}



#logo h2 {

	display:block;

	background:transparent url(images/tagline.gif) no-repeat scroll left 10px;

	width:436px;

	height:33px;

	margin: 0 auto;

	text-indent:-9999px;

}



#navigation ul li {float: left; padding: 15px 10px; font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Geneva,Helvetica,Arial,sans-serif; letter-spacing: -0.02em; f--ont-size: .9em; font-size: 11px;}



#navigation ul li a {color: #0072bc;}

#navigation ul li a:hover {color: #dc563d;}



/*pagebody*/

#leftsidebar {float: left; width: 260px;}

#middlecontent {float: left; width: 380px;}

#rightsidebar {float: right; width: 260px;}



#maincontent {float: left; width: 640px;}

#maincontent #content {padding: 0 20px;}

.sidebar-container {padding: 0 20px;}





/*content*/

.entry {overflow: hidden;}

.women .headline {background: transparent url(images/women_title_bg.gif) no-repeat left top;}

.women .entry-footer {background: transparent url(images/ruller_red_bot.gif) no-repeat left bottom;}

.menwomen .headline {background: transparent url(images/wm_title_bg.gif) no-repeat left top;}

.men .headline {background: transparent url(images/men_title_bg.gif) no-repeat left top;}

.men .entry-footer {background: transparent url(images/ruller_brown_bot.gif) no-repeat left bottom;}

.post h2, .page h2, .attachment h2 {color: #f68e56; padding: 25px 0 10px 30px;}

.menwomen .post h2, .menwomen .page h2, .menwomen #archivespage h2 {padding: 25px 0 10px 42px;}

.post h2 a {color: #f68e56;}

.authordate {font-size: x-small; color: #005e97; margin: 2px 0;}

.authordate a {color: #005e97;}

.entry-footer {overflow: hidden; font-size:0.75em; line-height:1.3em; margin:1em 0;color: #005e97; padding-bottom: 12px;}

.left_ef {float: left;}

.right_ef {float: right;}



.navigation {margin: 1em 0; padding: 5px 0; font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Geneva,Helvetica,Arial,sans-serif; letter-spacing: -0.02em; font-size: 0.814em;}



.entry ul {list-style-position:inside; list-style-type: disc; margin:1.5em 0;}

.entry ol {list-style-position:inside; list-style-type: decimal; margin:1.5em 0;}

.entry ul li, .entry ol li {font-size: 0.89em; line-height:1.5em;}



/*archives*/

#archivespage ul {margin: 1em 0;}

#archivespage ul li {font-size:0.914em; padding:5px 0;}





/*left sidebar*/

#social ul li {font-size: 0.80em; font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Geneva,Helvetica,Arial,sans-serif; letter-spacing: -0.02em; padding-left: 28px; margin: 5px 0; height: 25px; line-height: 25px;}

#social ul li.rss {background: transparent url(images/icon_rss.gif) no-repeat left top;  }

#social ul li.rssemail {background: transparent url(images/icon_rssemail.gif) no-repeat left top;  }

#social ul li.fb {background: transparent url(images/icon_fb.gif) no-repeat left top;  }

#social ul li.twitter {background: transparent url(images/icon_twitter.gif) no-repeat left top;  }



#mensmatters {margin: 1em 0; background: transparent url(images/men_title_bg.gif) no-repeat left top;}

#mensmatters h2 {padding: 25px 0 10px 25px; font-variant: small-caps; letter-spacing: 0.04em; color: #5b3a25;}

.menstopic {padding: 10px 0 5px; border-bottom: 1px solid #5b3a25;}

.menstopic h3 {background: #5b3a25; color: #fff; padding: 5px;}

#mensmatters ul li {margin: 0.5em 0; font-size: 0.875em; padding: 5px 0; border-bottom: 1px solid #5b3a25; color: #5b3a25;}

#mensmatters ul li a {color: #5b3a25;}

#mensmatters ul li a:hover {color: #f68e56;}



.mentopics {font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Geneva,Helvetica,Arial,sans-serif; font-size: 0.814em; padding: 5px 0; text-transform: uppercase;}



/* leftsidebar - rightsidebar */



.subsections {background: transparent url(images/ruller_red.gif) no-repeat left top; padding-bottom: 1em;}

.subsections h3 {color: #f68e56; padding: 15px 0 10px; font-size: medium;}

.subsections h3.colorpalette {background: transparent url(images/colors.jpg) no-repeat right 15px;  height: 40px;}

.subsections ul li, .widget ul li {font-size: 0.83em; padding: 5px 0;}

.subsections ul li a {border-bottom: 1px solid #f67530;}

.bfs .subsections ul {padding: 20px 0;}



/*right sidebar*/

#searchbox {padding: 10px 0;}

#searchbox {margin-bottom: 15px;}

#searchform input {border: none; padding: 5px 3px;}

#searchform input#s {border: 1px solid #f68e56; width: 90px;}

#searchform input#searchsubmit {background: #f68e56; color: #fff; font-size: 0.75em; font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Geneva,Helvetica,Arial,sans-serif; width: 70px;}



.advertisement {margin: 1em 0;}



.colors {overflow: hidden;}

.colors ul li {width: 72px; float: left;}



#bfslogo h2 a{

	display:block;

	background:transparent url(images/bfslogo.jpg) no-repeat scroll left top;

	width:200px;

	height:150px;

	margin: 0 auto;

	text-indent:-9999px;

	}



#footer {}

#footer-content {overflow: hidden; background: #005e97;}

#contact {float: left; width: 260px;}

#archives {float: left; width: 380px;}

#extras {float: right; width: 260px;}

.footer-container {padding: 10px 20px;}

.footer-container h3 {background: #5091ba; color: #fff; padding: 3px 5px; font-weight: 300; letter-spacing: 0.02em;}

.footer-container h4 {font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Geneva,Helvetica,Arial,sans-serif; letter-spacing: 0.02em; text-transform: uppercase; color: #5091ba; font-weight: 300; margin: 0.5em 0; font-size: 0.875em;}



.footer-container ul li {color: #fff; font-size: 0.90em; line-height: 1.375em; padding-left: 18px; margin: 8px 0;}

.footer-container ul li q {font-style: italic;}

.footer-container ul li a {color: #E4D8D0; font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Geneva,Helvetica,Arial,sans-serif; border-bottom: 1px solid #E4D8D0;}

.footer-container #convo ul li {background: transparent url(images/icon_comment.gif) no-repeat left 4px;}

.footer-container #pastcontests ul li {background: transparent url(images/icon_flag.gif) no-repeat left top;}

.footer-container #latest ul li {background: transparent url(images/icon_check.gif) no-repeat left 4px;}



#testimonials ul li {background: transparent url(images/testimonial_quote.gif) no-repeat left top;}

.footer-container #press ul li a {font-family:Georgia, serif;}



#copyright {color: #fff; font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Geneva,Helvetica,Arial,sans-serif; font-size: 0.689em; }

#copyright p {text-align: center;}

#copyright a {color: #fff; border-bottom: 1px solid #fff;}



/* COMMENTS

--------*--------*--------*--------*--------*--------*--------*--------*--------*/

#respond {overflow: hidden;}



.comments-template {font-size: 0.9em; letter-spacing: 0.01em; line-height: 1.6em;}

.comments-template ol li, ol.commentlist li {margin: 1.5em 0; overflow: hidden;}



.comments-template .commentheading {border-top: 2px solid #f68e56; border-bottom: 1px solid #f68e56; margin: 10px 0; overflow: hidden; font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,Geneva,Helvetica,Arial,sans-serif; color: #44206a; font-size: 0.875em; letter-spacing:0.02em; text-transform: uppercase;}



.comments-template .alt .commentheading  {border-top: 2px solid #005e97; border-bottom: 1px solid #005e97;}

.comments-template .commentheading cite {font-style: normal;}



.comments-template .comment_container {width: 438px; float: left; margin-right: 64px;}

.comments-template .commentnumber {width: 246px; float: left; text-align: right;}

.commentnumber h3 {padding: 10px 0; font-style: normal; font-size: 3.5em; color: #ABD6A8; text-align: right;}



.pinglist {width: 438px; font-size: 0.75em; line-height: 1.4em;}



.comments-template .authorcomment .commentheading {background: #C5F5BB; padding-left: 3px; padding-right: 3px;}



/*styling my author comments differently*/



#commentform p {margin: 1em 0;}

.commentlist p {margin: 0 0 1.5em 0; }

.commentlist {font-size: 0.814em; line-height: 1.4em;}



#commentform label {display: block; font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,Geneva,Helvetica,Arial,sans-serif; background: #f68e56; padding:2px 4px; width: 300px;}

#commentform input, #commentform textarea {font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,Geneva,Helvetica,Arial,sans-serif; font-size: 1em; border: none;}

#commentform input#author, #commentform input#email, #commentform input#url {width: 300px; border: 1px solid #f68e56;}



#commentform input, #commentform textarea {border: 1px solid #f68e56; border-top: 1px solid #f68e56; background: transparent; padding: 3px;}

#commentform input#submit {background: #f68e56; padding: 2px; width: 300px; margin-left: 4px; color: #fff; border: none;}



#commentform textarea {width: 350px;}



#commentform .subscribe-to-comments label {display: inline; background: none;}



.says, .reply {

	display: none;

}



.comment-author cite {

	text-transform: lowercase;

	font-variant: small-caps;

	font-style: normal;

}



.comment-meta {

	border-bottom: 1px dotted #CCC;

	margin-bottom: 5px;

	font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Geneva,Helvetica,Arial,sans-serif; 

	letter-spacing: -0.02em;

	font-size: 0.814em;

}



.avatar {

	float: right;

}



/*miscellaneous*/



/*input#email, textarea#comment {display: none;}*/ /*no-captcha spam*/



/*default WP styles - still needs more styling later*/

.aligncenter,

div.aligncenter {

   display: block;

   margin-left: auto;

   margin-right: auto;

}



.alignleft, .left {

   float: left; margin: 0 0.5em 0.5em 0;

}



.alignright, .right {

   float: right; margin: 0 0 0.5em 0.5em;

}



.wp-caption {

   text-align: center;

   padding-top: 4px;

   margin: 10px;

}



.wp-caption img {



}



.wp-caption p {

   font-size: 0.875em;

   line-height: 1.125em;

font-variant: small-caps;

text-transform: lowercase;

color:#44206A;

   padding: 4px 5px 0;

   margin: 0;

}





/*widgets*/

.widget {text-align: center; padding: 1em 0;}

h3.widgettitle {text-align: center; color: #F68E56; border-bottom: 1px solid #F68E56; padding-bottom: 3px;}