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

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


/**********************************************
	General styles
***********************************************/

html body {
	background: #f4ee9d;
}

html body.home, html body.home-fade {
	background: #f4ee9d url(images/bg-slider.png) 0 130px repeat-x;
}

#container {
	position: relative;
	background: transparent;
	padding: 25px 0 30px 0;
}

.aqua {
	color: #5fa1b3 !important;
}

/* 404 error header */
h1.aqua {
	font-size: 3em !important;
	color: #5fa1b3 !important;
}

a:hover {
	color: #1d6b81;
}

#sidebar ul p {
	color: #704a21;
}

#sidebar .cheryl-ladd {
	margin-top: 15px;
}

ul {
	list-style: disc;
	margin: 0 0 20px 18px;
}


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

#header {
	margin-bottom: 0;
}

#topheader {
	height: 131px;
	margin: 0;
	padding: 0;
	background: transparent url(images/bg-topheader.png) 0 0 repeat-x; 
	border-bottom: 4px solid #fff;
}

#topheader .inside {
	position: relative;
}

#headerfeatures {
	float:left;
	margin-top: 10px;
	width: 100%;
}


/**********************************************
	Home page
***********************************************/

.slider {
	position: relative;
	}

/* Slider */
#slider-slides {
	margin-top: -25px;
	/* border: 1px solid #999; */
}


/**********************************************
	Home page - Slider buttons (below)
***********************************************/

/*
#featured-area {
	width: 100%;
	height: 457px;
	background: transparent url(images/bg-slider.png) 0 0 repeat-x;
	border: 1px solid #999;
}
*/

div.btn-sidebar {
	position: absolute;
	top: 320px;
	right: 0;
	width: 355px;
	height: 151px;
	background: transparent url(images/bg-cta.png) left bottom no-repeat;
}

/* center the list */
div.btn-sidebar ul {
	width: 260px;
	height: 122px;
	margin: 0 auto;
	padding: 0;
}

div.btn-sidebar li {
	float: left;
    margin: 0;
	padding: 0;
	text-transform: uppercase;
    text-align: center;
    /* line-height: 200%; */
    list-style-type: none;
}


div.btn-sidebar li.find-doodle {
	width: 129px;
	height: 122px;
	background: transparent url(images/btn-find-doodle.png) 0 0 no-repeat;
}

div.btn-sidebar li.reserve-puppy {
	width: 128px;
	height: 122px;
	background: transparent url(images/btn-reserve-puppy.png) 0 0 no-repeat;
}


div.btn-sidebar li a {
    display: block; /* important to include so it usese the full width */
    width: 100%;
    height: 100%;
	font-size: 1.15em;
    text-decoration: none;
	margin-top: 39%;
}

div.btn-sidebar li.find-doodle a {
    color: #603913;
}

div.btn-sidebar li.reserve-puppy a {
    color: #3f6060;
	padding-left: 5px;
}

div.btn-sidebar li.find-doodle:hover {
    opacity: 0.7;
	filter: alpha(opacity=70);
	color: #fff;
}

div.btn-sidebar li.reserve-puppy:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	color: #fff;
}



/* Thumbnails */
.home-intro {
	width: 630px;
	height: 220px;
	/* border: 1px solid red; */
}

.home-intro h1, .home-intro h2 {
	margin: 0;
	padding: 0;
}


/* We love our labs txt */
.home-about {
	float: left;
	width: 350px;
	background: transparent url(images/bg-home-about.png) right top no-repeat;
	clear: both;
}

.home-about p {
	font-size: 1.2em;
	line-height: 1.85em;
	padding: 0 30px 0 0;
}


/* Find doodle button */
div.btn-find-lab {
	width: 147px;
    height: 32px;
}

div.btn-find-lab ul {
	margin: 0;
	padding: 0;
}

div.btn-find-lab li {
    width: 147px;
	height: 32px;
    margin: 0;
	padding: 0;
    text-align: center;
    /* line-height: 100%; */
    list-style-type: none;
	background: transparent url(images/btn-find-lab.png) 0 0 no-repeat;
}

div.btn-find-lab li a {
    display: block; /* important to include so it usese the full width */
    width: 100%;
    height: 100%;
	font-size: 1.05em;
    text-decoration: none;
	padding-top: 8px;
}

div.btn-find-lab li a:link, div.btn-find-lab li a:visited {
    color: #d8ecf2;
}

div.btn-find-lab li a:hover {
    color: #fff;
}

div.btn-find-lab li a:hover {
    background: transparent url(images/btn-find-lab-hover.png) 0 0 no-repeat;
}



/* Tagline */
.home-tagline {
	float: right;
	width: 570px;
}

.home-tagline h5 {
	font-size: 43px !important;
	text-transform: none;
	margin-top: 25px;
}



/* hide the thumb title */
.home-intro .post.thumb h2 {
	display: none;
}

/* Twitter widget */
.home-twitter {
	float: right;
	width: 337px;
	height: 369px;
	margin-right: 10px;
	background: transparent url(images/bg-twitter.png) 0 0 no-repeat;	
}

.home-twitter ul {
	margin: 20px 0 0 0;
	padding: 0 15px 0 15px;
}

.home-twitter ul li {
	list-style: none;
	font-size: .85em;
	padding: 9px 0;
	border-bottom: 1px solid #d0bd7a;
}

h1.twitter-title {
	font-size: 1em !important;
	color: #e98f41 !important;
	text-transform: uppercase;
	margin: 42px 0 0 250px;
}


.flickr {
	width: 564px;
	height: 150px;
	padding: 0 0 0 9px;
	background: transparent url(images/bg-flickr.png) 0 0 no-repeat;	
}

/* Hide the controls */
.flickr-gallery-next {
	display: none !important;
}

div.flickr-thumb {
	border: 1px solid #fff !important;
	float: left;
	height: 75px;
	margin: 10px 2px 0 2px !important;
	padding: 5px !important;
	width: 75px;
}

div.flickr-thumb:hover {
	border: 1px solid #d0bd7a !important;
}
	

/**********************************************
	Normalize underlines & borders
***********************************************/


hr {
	background: #d0bd7a;
}

.post .meta {
	border-bottom: 1px solid #d0bd7a;
	border-top: 1px solid #d0bd7a;
	color: #8C633A;
}


.post.portfolio .postimage, .pbdivider, .pfdivider, .postdivider, #sidebar ul ul li, #sidebar ul ol li {
	border-bottom: 1px solid #d0bd7a;
}

/* thumbnail borders */
.post.normal img, .post.thumb .postimage, .post.portfolio .postimage {
	border: 1px solid #d0bd7a !important;
}


/* thumbnail borders - hover state */
.post.thumb .postimage:hover {
	border: 1px solid #fff !important;
}


/* add padding to thumbnails */
.post.thumb .postimage {
	padding: 7px;
}


/**********************************************
	Posts
***********************************************/


.post .meta a {
	color: #2899b8;
}

.post .meta a:hover {
	color: #1b718a;
}

/* Comments */
.commentlist li {
	background: #fbf7ba;
	padding: 20px;
}

/* author */
cite.fn {
	color: #5fa1b3;
	padding-top: 1px;
}

.commentlist li p {
	color: #704a21;
}

h4#comments {
	font-size: 1.5em !important;
	color: #5fa1b3 !important;
}

.pftext p {
	margin: 0 0 10px 0 !important;
}

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


/* Sidebars adjusted to fit long titles */
#sidebar .widget_categories ul li, #sidebar .widget_archive ul li, #sidebar .widget_links ul li {
	width: 120px;
}


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


h1,h2,h3,h4,h5,h6 { 
	font-size: 1.85em !important; 
	letter-spacing: .002em !important;
	/* need to ovveride default theme colors */
	color: #8c633a !important; 
	border: none;
}

/* Leave a reply title */
#respond h4 {
	font-size: 1.75em !important;
	color: #8c633a !important;
}

#sidebar .widgetheading h2 {
	border: none !important;
	text-transform: lowercase !important;
}

.widgetheading  {
	margin-bottom: -10px !important;
	margin-top: 4px;
}


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

/* Dropdown Menu - adjust height */
.sf-menu li.sfHover ul {
	top: 33px;
}

ul.navigation {
	border-bottom: none;
	margin: 15px 0 0 0;
}

ul.navigation a:hover {
	color: #2899b8;
	}


p.description {
	border-left: 0;
	padding: 0;
	margin: 14px 0 0 15px;
	font-size:15px;
}



/**********************************************
	Pricing
***********************************************/

/* Photo background */
html body.pricing #container  {
	padding-top: 0;
	background: transparent url(images/bg-pricing.png) 0 0 no-repeat;
}

.col-pricing-intro {
	float: left;
	width: 350px;
	line-height: 1.3em;
	margin: 35px 0 40px 50px;
}


.col-pricing-intro h1 {
	color: #d68433 !important;
	margin: 0 0 5px 0;
}


/* Our Breeds txt */
.col-our-breeds {
	float: left;
	width: 340px;
}

.col-our-breeds h2.head-breeds {
	margin: 0 0 5px 45px !important;
	padding-bottom: 10px;
	border-bottom: 1px solid #d0bd7a;
}

.col-our-breeds ul.breed-list {
	margin: 0 0 0 60px !important;
}

.col-our-breeds ul.breed-list li {
	margin: 7px 0;
}


/* Pricing Buttons */
.col-pricing-buttons {
	float: right;
	width: 585px;
}

/* Make deposit button */
.col-pricing-buttons .btn-wrap {
	float: left;
	width: 134px;
	height: 115px;
	text-align: center;
	background: url(http://www.labradoodlepuppies.com/wp/wp-content/themes/bfwide/images/bg-btn-pricing.png) 0 0 no-repeat;
	margin: 10px 10px 30px 0;
}

.col-pricing-buttons .btn-wrap h3 {
	margin: 35px 0 18px 0 !important;
}


/* Extra Puppy Goodies icon */
.col-pricing-buttons .extra-wrap {
	background: url(http://www.labradoodlepuppies.com/wp/wp-content/uploads/2010/07/icon-blue-pup.png) 0 13px no-repeat;
	padding-left: 55px;
}



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

/* Photo background */
html body.contact #container  {
	padding-top: 0;
	background: transparent url(images/bg-contact.png) 0 0 no-repeat;
}

html body.contact #container h1 {
	padding-top: 25px;
}

html body.contact #container h2 {
	padding-top: 320px;
}

.form-area input {
	width: 270px;
	font-family: "Trebuchet MS", Arial, sans-serif;
	color: #6f4921;
	font-size: .8em;
	padding: 2px 4px 4px 4px;
	margin-top: 5px;
	background: #fff;
	border: 1px solid #d3ce87;
}

.form-area textarea {
	width: 270px;
	font-family: "Trebuchet MS", Arial, sans-serif;
	color: #6f4921;
	font-size: .8em;
	height: 150px;
	padding: 2px 4px 4px 4px;
	margin-top: 5px;
	background: #fff;
	border: 1px solid #d3ce87;
}

html body.contact #container h3 {
	font-size: 1.5em;
	color: #2389a6 !important;
	padding: 0;
	margin: 0;
}

.form-area p {
	color: #2389a6;
	font-size: 1.25em;
	font-weight: bold;
	line-height: 1.75em;
}

.form-area p.required {
	font-weight: bold;
	background: #fbf7ba;
}


/* Vaildation error - individual */
.form-area span.wpcf7-not-valid-tip, .purchase-contract span.wpcf7-not-valid-tip {
	width: 220px;
	position: absolute;
	top: -10px;
	left: 60%;
	font-size: .8em;
	font-weight: bold;
	padding: 5px 15px;
	margin: 20px;
	border: 1px dotted #fff;
	background: #fbf7ba;
	z-index: 100;
}

/* Vaildation error - main message */
.form-area div.wpcf7-validation-errors, .purchase-contract div.wpcf7-validation-errors  {
	width: 240px;
	color: #fff;
	font-size: 1em;
	font-weight: bold;
	border: 1px dotted #fbf7ba;
	background: #2389a6;
	padding: 20px;
	margin: 0;
}


.form-area input.btn-submit, .purchase-contract input.btn-submit {
	font-size: .95em;
	font-weight: bold;
	text-transform: uppercase;
    width: 147px;
	height: 32px;
	color: #d8ecf2;
	padding: 0 0 2px 0;
	background: transparent url(images/btn-find-lab.png) 0 0 no-repeat;
	border: none;
	cursor: pointer;
}

.form-area input.btn-submit:hover, .purchase-contract input.btn-submit:hover {
	color: #fff;
    width: 147px;
	height: 32px;
	background: transparent url(images/btn-find-lab-hover.png) 0 0 no-repeat;
	border: none;
}



/**********************************************
	Purchase Contract
***********************************************/

.purchase-contract-wrap {
	margin-top: 20px;
}

.purchase-contract-wrap h2, .purchase-contract-wrap h3, .purchase-contract-wrap h4, .purchase-contract-wrap h5, .purchase-contract-wrap h6 {
	color: #5fa1b3 !important;
	text-transform: inherit !important;
	margin: 20px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #d0bd7a;
	clear: both;
}

.purchase-contract-wrap .required-txt {
	float: right;
	font-size: .85em;
	font-weight: bold;
	color: #5fa1b3 !important;
}

span.wpcf7-form-control-wrap input {
	width: inherit;
	height: inherit;
}


.purchase-contract-wrap input {
	width: 100%;
	height: 18px;
	font-family: Arial, sans-serif;
	color: #754d24;
	font-size: .95em !important;
	padding: 4px 5px 2px 5px;
	margin: 4px 0 0 0;
	background: #fff;
	border-top: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
	border-bottom: 1px solid #e2e2e2;
	border-left: 1px solid #e2e2e2;
}

.purchase-contract-wrap textarea {
	width: 100%;
	font-family: Arial, sans-serif;
	color: #754d24;
	font-size: .95em !important;
	height: 150px;
	padding: 4px 5px 2px 5px;
	background: #fff;
	border-top: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
	border-bottom: 1px solid #e2e2e2;
	border-left: 1px solid #e2e2e2;
}



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

#topsearch {
	float: right;
	width: 284px;
	height: 76px;
	margin-top: -30px;
	background: transparent url(images/bg-search.png) 0 0 no-repeat; 
}

/* Input box wrap */
.searchform .searchbox {
	float: right;
	display: inline;
	width: 210px;
	height: 26px;
	padding: 0;
	margin: 0 10px 0 0;
	background: transparent;
	border: none;
}


/* input box */
.searchform .searchfield {
	float: left;
	width: 182px;
	color: #999;
	padding: 6px 0 0 5px;
	background: none !important;
	border: none !important;
}

.searchform a.searchicon {
	width: 16px;
	height: 16px;
	margin: 7px 0 0 5px;
	background: transparent url(images/icon-search.png) 0 0 no-repeat;
}



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

#footer {
	margin: 0 0 -20px 0;
	background: #8c6239;
	padding: 5px 0 30px 0;
}

#footer .inside, #topheader .inside {
	width: 960px;
}

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


#footer-widgets a {
	text-transform: uppercase;
	letter-spacing: .05em;
}

#footer-widgets li.widget {
	width: 290px !important;
}

#footer-widgets h2 {
	font-size: 2.7em !important;
	/* override to header coloring */
	color: #d0f3fe !important; 
	text-transform: lowercase;
}

#footer-widgets ul li ul li {
	border-bottom: 1px #bca894 dotted;
}

#footer-widgets {
	border-top: none;
	margin-top: 0;
	/* color: #eee; */
	padding-bottom: 40px;
}


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

.mt0 { margin-top: 0; }
.mt10 {	margin-top: 10px; }
.mt20 {	margin-top: 20px; }
.mt30 {	margin-top: 30px; }
.mt35 {	margin-top: 35px; }
.mt40 {	margin-top: 40px; }
.mt50 {	margin-top: 50px; }
.mt60 {	margin-top: 60px; }

.mr0 {	margin-right: 0px; }
.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; }
.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; }
.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; }
.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; }
.pr10 { padding-right: 10px; }
.pr20 { padding-right: 20px; }
.pr30 { padding-right: 30px; }
.pr40 { padding-right: 40px; }
.pr50 { padding-right: 50px; }
.pr60 { padding-right: 60px; }

.pb0 { padding-bottom: 0px; }
.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; }
.pl10 { padding-left: 10px; }
.pl20 { padding-left: 20px; }
.pl30 { padding-left: 30px; }
.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; }