/*   
Theme Name: BFWide
Theme URI: http://www.vfxdude.com/downloads/
Description: A child theme for Big Feature
Author: Chuck Spidell
Client: Illusio Design
Company: Copyright 2010, Illusio Design
Website: http://illusiodesign.com
Template: bigfeature
Version: 1.0
*/

@import "../bigfeature/style.css";


/* ---------------------------------------------------------------- 
 *  FONT GUIDELINES - used thoughout
 * ---------------------------------------------------------------- 
	
	Post headers:
	color: #686868;
	font-size: 1.3em;
	
	Body copy:
	color: #5d676a;
	font-size: 1em;
	
	Blue hover for nav links:
	color: #4897b6;
	
	Background cream:
	background: #f7efdd;
	
	Background tan:
	background: #d9c8a1;
	

*/ 


/**********************************************
	Global styles 
***********************************************/

body {
	background: #fff url("images/bg-play.gif") top center fixed no-repeat;
	-moz-background-size: cover;		/* Gecko 1.9.2 (Firefox 3.6) */
	background-size: cover;				/* Gecko 2.0 (Firefox 4.0) and other CSS3-compliant browsers */        
    -o-background-size: cover;          /* Opera 9.5 */
    -webkit-background-size: cover;     /* Safari 3.0 */
}


p {
    margin: 0 0 10px 0;
}


a:hover {	
	text-decoration: none !important;
}

a.more-link {
	font-size: .85em !important;
	font-weight: bold;
	text-transform: uppercase;
}

#topheader {
	margin: 0;
    padding: 0;
	/* background: url(images/bg_tile_top_shadow.png) repeat-x;	*/
	background: transparent;
}


#container {
	background: none;
	padding: 0 !important;
}

#logo {
	float: right;
	margin: 40px 0 0 0;
	padding: 0;
}

.banner-full {
	width: 100%;		
}

.meta {
	border-top: none !important;
	border-bottom: 1px solid #bdcaa0 !important;
	color: #999 !important;
	padding-bottom: 3px;
}


.dropcap {
	float: left;
	font-size: 6em;
	color: #5d676a;
	padding: 10px 0 0 0;
	margin: 0 15px -15px 0;
}

.retweet {
	position: relative;
	top: -2px;
	font-family: Trebuchet MS;
	font-size: .8em  !important;
	color: #5d676a !important;
	font-weight: normal;
}

/* Feature images padding */
.feature {
	margin-bottom: 20px !important;
}


.blue-arrow {
	background: transparent url(images/blue_arrow_right_32.png) left top no-repeat;
	height: 32px;
	padding-left: 40px;
}


/**********************************************
	MP3 player
***********************************************/

/* player wrap */
.wpaudio-container {
	margin: 5px 0 !important;
}

/* play icon */
.wpaudio-container img.wpaudio-play {
	margin: 0 6px -2px 0 !important;
}

/* progress bar */
.wpaudio-container div.wpaudio-slide {
	margin: 6px 0 6px 2px !important;
}

/* details */
.wpaudio-container div.wpaudio-meta {
	margin: 3px 0 0 19px !important;
}

/* Hid the Small square in the footer */
#sm2-container {
	background: #3a3d40;
}


/**********************************************
	Galleria
***********************************************/

.galleria {
    background: transparent !important;
}

/* Hide the left & right controls
.galleria-image-nav {
	display: none;
}
*/

/* Hide the bottom controls */
.galleria-thumbnails-container {
	display: none;
}


/**********************************************
	Colors - local stylings
***********************************************/

.default {
	color: #5d676a !important;
}

.bark {
	color: #663300 !important;
}

.grass {
	color: #678232 !important;
}

.copper {
	color: #b95d2f !important;
}

.ocean {
	color: #4b879f !important;
}


/**********************************************
	Headers
***********************************************/

h1, h2, h3, h4, h5, h6 {
	letter-spacing: .002em;
	color: #5d676a !important;
}

h1.head-about { 
	font-size: 1.5em !important;
	padding-bottom: 4px;
}

h2, h4#comments, #respond h4 {
	color: #5d676a !important;
}

/* View Details header */
h2.thumb-details {
	font-size: 1.2em !important; 
	color: #b95d2f !important;
	margin-bottom: -5px !important;
	text-transform: uppercase !important;
	letter-spacing: 2px !important;
}

/* Related Posts - header */
.recent-thumbs h5, .related-thumbs h5 {
	color: #678232 !important;
	padding-bottom: 7px;
	letter-spacing: 1px !important;
}

h5 {
	border-bottom: 1px #999 dashed;	
}

h1.subhead, h2.subhead, h3.subhead, h4.subhead, h5.subhead,  h6.subhead { 
	/* background: url(images/bg-strip.gif) 0 bottom no-repeat; */
	font-size: 1em !important;
	text-transform: uppercase;
	letter-spacing: 2px;
	border-bottom: 1px dotted #bdcaa0;
	/* padding-bottom: 4px; */
	padding-bottom: 10px;
}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: "" !important; }
blockquote, q { quotes: "" "" !important;  }


/**********************************************
	Dividers
***********************************************/

.divider {
	clear: both;
	width: 100%;
	border-bottom: 1px dotted #bdcaa0;
	padding: 10px 0 0 0;
	margin: 0 0 20px 0;
}

hr {
	background: none;
	border-bottom: 1px dotted #bdcaa0;
}


.line {
	width: 100%;
	border-bottom: 1px dotted #bdcaa0;
}


.box.boxstyle-partners {	
	background-color: #f7efdd;
	border: 1px #985635 solid;
	color: #564f3e;
}

.bfcolumns.coldivider2-left > div {
	border-left: 5px solid #bdcaa0;
}

.bfcolumns.coldivider2-right > div {
	border-right: 5px solid #bdcaa0;
}



/**********************************************
	Top menu
***********************************************/

#topheader .inside {
	position: relative;
	width: 960px; /* need to set this if using fixed width */
}


/**********************************************
	Navigation
***********************************************/

ul.navigation.navbar {
	float: left;
	width: 620px;
	border: none;
	margin-top: 0;
	} 


ul.navigation li a {
	/* padding: 0 10px; */
	padding: 84px 10px 0 10px;
	letter-spacing: .07em;
	font-weight: bold !important;
}

/* Set current item style */
ul.navigation li.first a {
    padding-left: 9px;
}

ul.navigation li.current_page_item > a {
	background: transparent url("images/bg-nav-current.png") center 0 no-repeat;
}

ul.navigation li a:hover {
	color: #4896b5;
}

/* Dropdown Menu - adjust height & width */
.sf-menu li.sfHover ul {
	top: 108px;
	width: 184px !important;
}

/* Set diffeerent padding for suckerfish menu */
.sfHover ul li a {
	background: #fff !important; /* to hide the pear image */
	padding: 11px 0 6px 10px !important;
}



/**********************************************
	Pagenavi plugin formatting
***********************************************/

/* page naivation */
.pagenavigation {
	margin-bottom: 30px;
}

.pagenavigation .wp-pagenavi a, .pagenavigation .wp-pagenavi a:link, .pagenavigation .wp-pagenavi a:visited, .pages, .current {	
	border: none !important;
	color: #5d676a !important;
	background-color: #d9c8a1 !important;
	padding: 3px 8px !important;
	margin: 0 3px !important;
}


.pagenavigation .wp-pagenavi a:hover, .current {	
	color: #fff !important;
	background-color: #4897b6 !important;
}


.pages {
	background: none !important;
	margin: 0 10px 0 0 !important;
	padding: 0 !important;
} 


/**********************************************
	Sidebars 
***********************************************/

#sidebar .widget_categories ul li, #sidebar .widget_archive ul li, #sidebar .widget_links ul li {
	width: 107px !important;
	background: transparent url("images/pointer.gif") no-repeat scroll left 12px;
	border-bottom: 1px solid #bdcaa0 !important;
}

/* Headers - remove border */
#sidebar .widgetheading h2 {
	border: 0 !important;
	padding-bottom: 0 !important;
}

#sidebar p {
	color: #5d676a !important;
}

/* Let's Connect button */
#sidebar p.btn-connect a {
	margin-top: 5px;
	color: #d9eef7 !important;
}



/**********************************************
	Blog posts 
***********************************************/

.post.thumb h2 {
	padding-top: 7px;
}

.post .post-title a {
	font-size: 30px !important;
	letter-spacing: .01em !important;
}

/* thumbnail border color 
.post.thumb .postimage {
	border: 1px solid #ccc;
	padding: 2px;
}

*/

.post.thumb a.thumb-link  {	
	color: #5d676a !important;
}

/* Thumbs for Proof page */
.postimage-proof {	
	margin: 0 0 10px 0;
	padding: 0;
}

.post .post-title .comment a  {
	font-size: 1.5em !important;
	padding-top: 3px;
}


/* Post Comment & Submit Comment buttons */
input.button, .formbutton {
	cursor: pointer;
	background: #5d676a;
}


/* Pullquotes */
.pullquote2 {
    margin: 10px 0;
    padding: 15px 0;
}

.slug-about .pullquote2 {
    margin: 40px 0 20px 0;
	padding: 20px 0 10px 0;
}



/* NextGen gallery */
.ngg-galleryoverview {
    margin-top: 0;
}

/* TweetMeme plugin */
.count {
    font-size: 0.7em !important;
    font-weight: inherit !important;
}


/**********************************************
	Slider stylings 
***********************************************/

#slider-slides-container {
    margin: 30px 0 20px 0 !important;
}


/**********************************************
	Quovolver
***********************************************


/*
 |	Setting the width for the blockquotes is required
 |	to accurately adjust it's contianer
*/

blockquote {
	width: 520px; /* required */
	margin: 0 auto;
	}
	
/*
 |	The #quote_wrap div is created
 |	by Quovolver to wrap the quotes
*/

#quote_wrap { 
	background: transparent url(images/bg_quote.png) left top no-repeat;
	padding: 40px 0 30px 60px;
	}



/**********************************************
	Momentum
***********************************************/

.slug-momentum #content, .slug-momentum #sidebar {
	margin-top: 30px;
}


/**********************************************
	MailChimp form
***********************************************/

/* container */
#mc_embed_signup {
	position: relative;
	width: 100%;
	margin: -20px 0 0 0;
	padding: 0;
}

#mc_embed_signup fieldset {
	padding: 0;
	margin: 0;
}

.mc-embedded-subscribe-form {
    font-size: 30px;
}

/* Container for Email txt and input area */
.mc-field-group {
	overflow: hidden;
}


/* Email txt */
.mc-field-group label {
	display: block;
	margin: 0 0 .3em 0 ;
	padding: 0;
	font-family: "Trebuchet MS";
	color: #4897b6;
	font-size: 1.2em !important;
}

/* Email input box */
.mc-field-group input {
	float: left;
	width: 170px;
	height: 25px;
	margin-right: 1.5em;
	padding: 4px 0 2px 4px;
	font-family: "Trebuchet MS";
	color: #5d676a !important;
	font-size: .9em;
	font-weight: normal;
	background: transparent url(images/bg_fields.jpg) top left no-repeat;
	border: none;
	z-index: 999;
}

/* Not sure what this does */
#mce-responses {
	float: left;
	top: -1.4em;
	padding: 0em .5em 0em .5em;
	overflow: hidden;
	width: 90%;
	margin: 0;
	clear: both;
}

/* Not sure what this does */
.response-error, .response-sucess {
	display: none;
	width: 100%;
	margin: 0;
	padding: 0;
	font-weight: bold;
	float: left;
	z-index: 1;
}

/* Signup button */	
#mc_embed_signup input.btn {
	position: relative;
	top: 46px;
	left: 174px;
	width: 110px;
	height: 25px;
	margin: 0;
	padding: 2px 0 3px 0;
	font-family: Rockwell, Georgia, "Trebuchet MS";
	color: #4897b6;
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
	background: #ecdcba;
	border: 3px solid #ecdcba;
	cursor: pointer;
}

#mc_embed_signup input.btn:hover {
	color: #fff;
	background: #4897b6;
	border: 3px solid #4897b6;
}


/**********************************************
	Partners
***********************************************/

ul#list-partners li, ul.list-partners li {
	list-style-type: none;
	background: transparent url(images/pointer3.png) no-repeat 0 4px;
	font-size: .85em;
	line-height: 1.25em;
	margin: 0 0 10px -15px;
	padding-left: 15px;
}


/**********************************************
	Proof
***********************************************/

body.slug-proof .bfcolumns p {
	margin: 10px 15px 0 0;
	line-height: 1.3em;
}

body.slug-proof .bfcolumns img {
	margin-top: 10px;
}


/**********************************************
	Contact
***********************************************/

.form_area input {
	border: 0;
	width: 300px;
	font-family: "Trebuchet MS", Arial, sans-serif;
	color: #474747;
	font-size: 1em;
	padding: 6px 4px 4px 4px;
	margin-top: 5px;
	background: #f2f2f2;
}

.form_area textarea {
	border: 0;
	width: 300px;
	font-family: "Trebuchet MS", Arial, sans-serif;
	color: #474747;
	font-size: 1em;
	height: 150px;
	padding: 6px 4px 4px 4px;
	margin-top: 5px;
	background: #f2f2f2;
}

.slug-connect .page h2 {
	color: #686868;
	font-size: 1.25em;
	line-height: 1.5em;
	text-transform: uppercase;
}

/* Vaildation error - individual */
.form_area span.wpcf7-not-valid-tip {
	width: 270px;
	position: absolute;
	top: -20px;
	left: 70px;
	color: #fff;
	font-size: .9em;
	font-weight: bold;
	padding: 5px 15px;
	margin: 20px;
	border: 1px dotted #fff;
	background: #4897b6;
	z-index: 100;
}

/* Vaildation error - main message */
.form_area div.wpcf7-validation-errors {
	width: 270px;
	color: #fff;
	font-size: 1.1em;
	font-weight: bold;
	padding: 20px;
	margin: 20px 0 0 0;
	border: 1px dotted #fff;
	background: #b95d2f;
	z-index: 9999;
}

/* Email sent message */
.form_area div.wpcf7-mail-sent-ok {
	width: 280px;
	color: #fff;
	font-weight: bold;
	font-size: 1.25em;
	padding: 25px;
	margin: 30px 0 20px 0;
	border: 1px dotted #fff;
	background: #678232;
}

/* Button */
.form_area input.btn_submit {
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	width: 70px;
	color: #fff;
	padding: 6px;
	background: #5d676a;
	cursor: pointer;
	margin: 5px 0 0 0;
}

/* Button - hover state */
.form_area input.btn_submit:hover {
	color: #ccc;
	background: #999;
}

/* Adjust quotation */
.slug-connect #quote_wrap {
    background: none;
    padding: 0;
	margin: 0 0 0 -25px;
}


/**********************************************
	Comments 
***********************************************/

/* author url */
cite.fn {
	float: left;
	font-size: 1.25em;
	padding: 2px 7px 0 0;
	letter-spacing: .002em;
}

#respond h4 {
	margin-top: 30px;
}

.comment-meta {
	width: 70%;
}


/**********************************************
	Footer 
***********************************************/

#footer {
	margin: 20px 0 -20px 0;
	background: url(images/bg-footer.png) 0 0;
	padding: 5px 0 30px 0;
}

/* Footer outer container */
#footer .inside {
	width: 960px;
}

/* Footer container */
#footer-widgets {
	border: 0;
	margin-top: 5px;
	padding-bottom: 40px;
}

/* Set the column width
#footer-widgets li.widget {
	width: 200px !important;
}
*/

/* Twitter - header link color */
#footer-widgets li#twitter-4 h2 a {	
	color: #d46833 !important;
}

#footer-widgets a:hover {
	color: #d46833;
}

/* Search widget padding */
#footer-widgets li#search-4 {
	margin-bottom: 20px !important;
}

/* Titles */
#footer .widgetheading h2 {
	color: #d46833 !important;
	font-size: 1.1em;
	text-transform: uppercase;
	margin-bottom: 0;
	letter-spacing: 1px !important;
}

/* Liste dividers */
#footer-widgets ul li ul li {
	border-bottom: 1px dotted #545c5e;
}


/* Copyright */
.copyright {
	font-size: .85em;
}

#toplink {
	margin-top: -17px;
}


/* Follow widget */
#linkcat-10 li {
	float: left;
	padding-right: 10px;
	border: none !important;
}


/**********************************************
	Search 
***********************************************/

/* container */
.searchform {
	margin: 0;
	padding: 0;
}

.searchform .searchbox {	
	padding: 0;
	float: left;	
	width: 160px;
	border: 0;
}

.searchform a.searchicon {
	position: relative;
	top: -32px;
	left: 40px;
	background: url(images/btn_search.png) no-repeat;
	height: 32px;
	width: 32px;
}


.searchform .searchfield {
	float:left;
	width: 160px;
	height: 18px;
	padding: 2px 0 2px 4px;
	border: 0;
	background: url(images/bg_fields.jpg) top left no-repeat;
	color: #5d676a;
	font-size: .9em;
}


/**********************************************
	Margins & padding 
***********************************************/

.mt0 { margin-top: 0; }
.mt5 { margin-top: 5px; }
.mt10 {	margin-top: 10px; }
.mt15 {	margin-top: 15px; }
.mt20 {	margin-top: 20px; }
.mt25 {	margin-top: 25px; }
.mt30 {	margin-top: 30px; }
.mt35 {	margin-top: 35px; }
.mt40 {	margin-top: 40px; }
.mt45 {	margin-top: 45px; }
.mt50 {	margin-top: 50px; }
.mt55 {	margin-top: 55px; }
.mt60 {	margin-top: 60px; }
.mt60 {	margin-top: 60px; }
.mt70 {	margin-top: 70px; }
.mt80 {	margin-top: 80px; }

.mr0 {	margin-right: 0px; }
.mr5 {	margin-right: 5px; }
.mr10 {	margin-right: 10px; }
.mr20 {	margin-right: 20px; }
.mr30 {	margin-right: 30px; }
.mr40 {	margin-right: 40px; }
.mr50 {	margin-right: 50px; }
.mr60 {	margin-right: 60px; }

.mb0 { margin-bottom: 0px; }
.mb5 { margin-bottom: 5px; }
.mb10 {	margin-bottom: 10px; }
.mb20 {	margin-bottom: 20px; }
.mb30 {	margin-bottom: 30px; }
.mb40 {	margin-bottom: 40px; }
.mb50 {	margin-bottom: 50px; }
.mb60 {	margin-bottom: 60px; }

.ml0 {	margin-left: 0px; }
.ml5 {	margin-left: 5px; }
.ml10 {	margin-left: 10px; }
.ml20 {	margin-left: 20px; }
.ml30 {	margin-left: 30px; }
.ml40 {	margin-left: 40px; }
.ml50 {	margin-left: 50px; }
.ml60 {	margin-left: 60px; }

.pt0 { padding-top: 0; }
.pt5 { padding-top: 5px; }
.pt10 { padding-top: 10px; }
.pt20 { padding-top: 20px; }
.pt30 { padding-top: 30px; }
.pt40 { padding-top: 40px; }
.pt50 { padding-top: 50px; }
.pt60 { padding-top: 60px; }
.pt70 { padding-top: 70px; }
.pt80 { padding-top: 80px; }
.pt90 { padding-top: 90px; }
.pt100 { padding-top: 100px; }

.pr0 { padding-right: 0px; }
.pr5 { padding-right: 5px; }
.pr10 { padding-right: 10px; }
.pr15 { padding-right: 15px; }
.pr20 { padding-right: 20px; }
.pr25 { padding-right: 25px; }
.pr30 { padding-right: 30px; }
.pr35 { padding-right: 35px; }
.pr40 { padding-right: 40px; }
.pr50 { padding-right: 50px; }
.pr60 { padding-right: 60px; }

.pb0 { padding-bottom: 0px; }
.pb5 { padding-bottom: 5px; }
.pb10 { padding-bottom: 10px; }
.pb20 { padding-bottom: 20px; }
.pb30 { padding-bottom: 30px; }
.pb40 { padding-bottom: 40px; }
.pb50 { padding-bottom: 50px; }
.pb60 { padding-bottom: 60px; }
.pb70 { padding-bottom: 70px; }
.pb80 { padding-bottom: 80px; }
.pb90 { padding-bottom: 90px; }
.pb100 { padding-bottom: 100px; }

.pl0 { padding-left: 0px; }
.pl5 { padding-left: 5px; }
.pl10 { padding-left: 10px; }
.pl15 { padding-left: 15px; }
.pl20 { padding-left: 20px; }
.pl25 { padding-left: 25px; }
.pl30 { padding-left: 30px; }
.pl35 { padding-left: 35px; }
.pl40 { padding-left: 40px; }
.pl50 { padding-left: 50px; }
.pl60 { padding-left: 60px; }
.pl70 { padding-left: 70px; }
.pl80 { padding-left: 80px; }
.pl90 { padding-left: 90px; }
.pl00 { padding-left: 100px; }



/*
html body {	background-color: #fff; }
#header { margin-bottom: 0; }
#topheader { height: 130px; background-color: #333; margin-bottom: 20px; }
#topheader .inside { position: relative; }
#headerfeatures { float:left; margin-top: 55px; width: 100%; }
#headerfeatures .blog-title a { color: #eee; }
ul.navigation.navboxes { margin-top: 12px; }
ul.navigation.navboxes li a { border: 1px solid #666; color: #999; font-weight:normal; }
#topheader ul.navigation.navboxes li a:hover { background-color:#444; text-decoration:none; }
#topheader ul.navigation.navboxes li.current_page_item a { color: #eee; }
#social { position: absolute; right: 0px; top: 5px; }
#social ul.navigation.navboxesbg li a { padding: 4px 12px; background-color: #444; color: #ddd; font-weight:normal; font-size:12px; }
#social ul.navigation.navboxesbg li a:hover { background-color:#555; text-decoration:none; }
p.description { border-left: 0; padding: 0; margin: 14px 0 0 15px; font-size:15px;}
#footer { margin: 0; background-color:#333; padding: 20px 0;}
#footer .inside, #topheader .inside { width: 848px; }
#footer-widgets a { color: #eee; }
#footer-widgets h2 { color: #eee; }
#footer-widgets ul li ul li { border-bottom: 1px #666 solid; }
#footer-widgets { border-top: none;	margin-top: 0; color: #eee;	padding-bottom: 40px; }
*/