/*   
Theme Name: WPBids Site
Theme URI: http://www.briancasel.com
Description: Website for WPBids.com
Author: Brian Casel
Author URI: http://www.briancasel.com
Version: 0.1
Tags: 
*/

@import url('css/reset.css');
@import url('css/typography.css');

body { text-align: center;
}

/* clearfix 
=================================*/
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}
/* end clearfix */


.wrap {
	width: 958px;
	margin: 0 auto;
	text-align: left;
}


/* Header (general)
=================================*/


#header {
	border-bottom: 1px solid #2e2e2e;
	position: relative;
	background: url(images/bg-header.jpg) top center no-repeat #000;
	line-height: 1em;
}

#header a {
	color: #fff;
}

#header:before {
	border-bottom: 1px solid #676767;
	content: '';
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
}

#header .left {
	float: left;
	margin: 24px 0 15px 0;
	width: 230px;
}

#header .right {
	float: right;
	margin: 30px 0 0 0;
	width: 600px;
}

#header ul.actions {
	float: right;
	clear: both;
	list-style: none;
	margin: 0 0 .8em 0;
	padding: 0;
}

#header ul.actions li {
	float: left;
	margin: 0 0 0 15px;
}

ul.nav {
	list-style: none;
	margin: 0;
	padding: 0;
	font-weight: bold;
	color: #fff;
	font-size: 1.219em;
	float: right;
	clear: both;
}

ul.nav li {
	float: left;
	margin: 0 0 0 1.5em;
}


/* Header (home)
=================================*/

.home #header {
	background: url(images/bg-header-home.jpg) top center no-repeat #000;
	color: #fff;
	padding: 0 0 17px 0;
}

.home #header .left {
	width: 343px;
}

.home #header .right {
	margin: 8px -11px 0 0;
}

.home #header h1 {
	color: #fff;
	text-shadow: 1px 1px 4px #000;
}

.home #header #branding {
	margin: 0 0 2em 0;
}

.home #header .left p {
	font-size: 1.154em;
	line-height: 1.333em;
	color: #cbdbe0;
	font-family: "helvetica neue light", "helvetica neue", "helvetica", arial, sans-serif;
}

.home #header ul.actions {
	float: none;
}

.home #header ul.actions {
	padding: 1.5em 0 0 0;
}

.home #header ul.actions li {
	float: left;
	margin: 0 15px 0 0;
}


/* Sub-Header (general)
=================================*/

#sub-header {
	background: #bed2d9;
	border-bottom: 1px solid #879fa7;
	position: relative;
	line-height: 1em;
	padding-bottom: 1.7em;
}

#sub-header:before {
	position: absolute;
	content: '';
	bottom: 0;
	left: 0;
	width: 100%;
	border-bottom: 1px solid #fff;
}

#sub-header h1 {
	font-size: 2.031em;
	text-shadow: 1px 1px 2px #898989;
	margin: 0 0 .1em 0;
	padding: .7em 0 0 0;
}

#sub-header p {
	font-size: 1.219em;
	color: #59717a;
	text-shadow: 1px 1px 2px #fff;
	margin: 0;
	line-height: 1em;
}

/* Sub-Header (home)
=================================*/

.home #sub-header {
	padding-bottom: 0;
}

#sub-header .callout {
	width: 220px;
	float: left;
	font-size: 1.219em;
	letter-spacing: 0px;
	color: #59717a;
	line-height: 1.2em;
	text-shadow: 1px 1px 1px #fff;
	padding: 1.5em 0 1.2em 0;
	margin: 0 26px 0 0;
	position: relative;
}

#sub-header .callout p {
	margin: 0;
	font-size: 1em;
}

#sub-header .callout.active p {
	color: #000;
	text-shadow: 1px 1px 2px #898989;
}

#sub-header .callout.last {
	margin: 0;
}

#sub-header .callout a.go {
	font-size: 0.667em;
	font-weight: normal;
	text-transform: uppercase;
	color: #59717a;
	text-shadow: none;
}

#sub-header .callout a.go:hover {
	color: #000;
}

#sub-header .callout.active a.go {
	color: #000;
}

#sub-header .callout .pointer {
	width: 37px;
	height: 21px;
	background: url(images/header-pointer.png) top left no-repeat;
	position: absolute;
	top: -2px;
	left: 92px;
	display: none;
}

#sub-header .callout.active .pointer {
	display: block;
}


/* Middle Section
=================================*/

#middle {
	padding: 3.5em 0 4em 0;
}

#main {
	float: left;
	width: 712px;
}

#sidebar {
	float: right;
	width: 220px;
}

#sidebar .widget {
	margin: 0 0 3em 0;
}

#sidebar .widget h4 {
	border-bottom: 1px solid #E0E0E0;
	padding: 0 0 .5em 0;
	margin: 0;
}

#sidebar .widget.banners h4 {
	margin: 0 0 .5em 0;
}
 
#sidebar .widget ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#sidebar .widget ul li {
	border-bottom: 1px solid #E0E0E0;
	line-height: 1em;
	margin: 0;
}

#sidebar .widget ul li a {
	display: block;
	text-decoration: none;
	padding: .5em 0;
}

#sidebar .widget ul li a:hover {
	padding: .5em 0 .5em 6px;
	background: #f5f5f5;
}

#sidebar .widget.newsletter h4 {
	margin: 0 0 1em 0;
}

#sidebar .widget.newsletter input {
	padding: 4px;
	font-size: 1em;
	margin: 0 0 .5em 0;
	width: 212px;
}

#sidebar .widget.newsletter input#submit {
	width: auto;
	background: #BED2D9;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: none;
	cursor: pointer;
	padding: 4px 8px;
}

.wpcf7-form p {
	margin: 0;
}

.wpcf7-form .field {
	margin: 0 0 1em 0;
}

.wpcf7-form .field input {
	padding: 4px;
}

.wpcf7-form .field .note {
	font-size: .8em;
	font-style: italic;
	width: 280px;
	line-height: 1.3em;
	padding: 5px 0 0 0;
}

.wpcf7-form .submit input {
	width: auto;
	background: #BED2D9;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: none;
	cursor: pointer;
	padding: 4px 8px;
	font-size: 1.1em;
}


/* Middle Section (home)
=================================*/


.home #middle h2 {
	text-align: center;
	font-size: 2.813em;
	font-weight: bold;
	margin: 0 0 1.5em 0;
}

#video-slides {
	position: relative;
	height: 500px;
}

#video-slides #slides {
	width: 589px;
	margin: 0 26px 0 0;
	position: absolute;
	left: 0;
	top: 0;
}

#video-slides ul#pager {
	width: 343px;
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	left: 615px;
	top: 0;
	border-top: 1px solid #e0e0e0;
}

#video-slides ul#pager li {
	border-bottom: 1px solid #e0e0e0;
	margin: 0;
	line-height: 1.6em;
}

#video-slides ul#pager li a {
	display: block;
	padding: 10px 10px 10px 30px;
	font-size: 1.625em;
	color: #8b8b8b;
	background: url(images/icon-play-lg.png) top left no-repeat;
	background-position: 0 13px;
}

#video-slides ul#pager li a:hover {
	text-decoration: none;
	color: #000;
}

#video-slides ul#pager li a.activeSlide {
	color: #000;
	text-decoration: none;
	padding: 10px 10px 10px 40px;
	background: url(images/icon-play-lg.png) top left no-repeat #ecf1f2;
	background-position: 10px -67px;
}

#video-slides ul#pager li.go {
	border: none;
}

#video-slides ul#pager li.go a {
	border: none;
	font-size: 1.1em;
	padding: 20px 0 0 30px;
	text-transform: uppercase;
	background: none;
	color: #E24C52;
	font-weight: bold;
}

#video-slides ul#pager li.go a:hover {
	text-decoration: underline;
	color: #000;
}


/* Features Page
=================================*/

.row {
	margin: 0 0 3em 0;
}

.feature {
	width: 302px;
	float: left;
	margin: 0 26px 0 0;
}

.feature.last {
	margin: 0;
}

.feature img {
	border: 1px solid #b8b8b8;
	margin: 0 0 .3em 0;
}

.feature h2 {
	margin: 0 0 .3em 0;
	font-weight: bold;
	color: #000;
	font-size: 1.219em;
}

.feature p {
	font-size: 0.938em;
	margin: 0 0 .3em 0;
}

p.go a {
	display: block;
	background: url(images/icon-play-sm.png) top left no-repeat;
	background-position: 0 3px;
	padding: 0 0 0 19px;
	font-size: 0.875em;
	text-transform: uppercase;
}

#more-benefits h3 {
	clear: both;
	font-weight: bold;
	color: #7c9fab;
}

#more-benefits ul {
	width: 466px;
	float: left;
	list-style: none;
	margin: 0 26px 0 0;
	padding: 0;
}

#more-benefits ul li {
	margin: 0 0 1.5em 0;
	line-height: 1.3em;
}

#more-benefits ul.right {
	float: left;
	margin: 0;
}


/* Footer
=================================*/

#footer {
	border-top: 1px solid #c8c8c8;
	position: relative;
	background: #e5e5e5;
	padding: 2em 0;
}

#footer:before {
	border-top: 1px solid #fff;
	content: '';
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
}

#footer .footer-top {
	width: 100%;
	position: relative;
	border-bottom: 1px solid #fff;
	padding: 0 0 1.5em 0;
	margin: 0 0 .7em 0;
}

#footer .footer-top:before {
	content: '';
	position: absolute;
	border-bottom: 1px solid #c8c8c8;
	bottom: 0;
	left: 0;
	width: 100%;
}

#footer .footer-top .nav {
	float: left;
}

#footer .footer-top #themejam {
	float: right;
	color: #868585;
}

#footer .footer-top #themejam img {
	vertical-align: middle;
	padding: 0 0 4px 7px;
}


#footer .nav li {
	margin: 0 1.5em 0 0;
}

#footer .nav li a {
	display: block;
	color: #000;
	padding: 6px 10px;
	border: 1px solid #e5e5e5;
}

#footer .nav li.purchase a {
	background: #fff;
	padding: 6px 10px;
	border: 1px solid #d2d2d2;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#footer #end {
	font-size: 0.813em;
	color: #555252;
}

#footer p#end img {
	vertical-align: middle;
}

#footer p#end a {
	color: #555252;
	text-decoration: underline;
}

#footer p#end a:hover {
	color: #555252;
	text-decoration: none;
}