/*============ by James MacLeod ============*/

@import url('reset.css');
@import url('content-styles.css');

body {
	background: #fff url(../images/bg-tile.gif) 0 0 fixed;
	font: 16px/19px Georgia, Times, serif;
	letter-spacing: -.01em;
}

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

div.wrapper {
	width: 1000px;
	margin: 0 auto;
	position: relative;
}

/*============ Header Styles ============*/

div#header {
	width: 100%;
	float: left;
	background: #88c700;
	padding: 17px 0;
	z-index: 100;
}

div#header div.nav ul {
	float: left;
}

div#header div.nav ul li {
	float: left;
	display: inline;
}

div#header div.nav ul li a {
	color: #cce695;
	text-transform: lowercase;
	text-decoration: none;
	font-family: helvetica, Arial, sans-serif;
	font-size: 20.35px;
	letter-spacing: -.075em;
	padding: 5px;
	margin: 0 17px 0 0;
	display: block;
}

div#header div.nav ul li.current_page_item a {
	color: #fff;
}

div#header div.nav ul li a:hover {
	color: #fff;
}

div#header div#logo {
	position: absolute;
	top: -14px;
	right: 10px;
	width: 306px;
	height: 101px;
	background: url(../images/bv-logo-trans.png) 0 0 no-repeat;
	overflow: hidden;
	text-indent: -9999em;
	z-index: 100;
}

div#splash {
	float: left;
	width: 1060px;
	height: 368px;
	position: relative;
	padding: 0;
	margin: 0;
	z-index: -1;
	background: url(../images/header-image.png) 35px 0 no-repeat;
}

div#splash h1 {
	display: none;
}

/*============ Content Styles ============*/

div#primary {
	width: 622px;
	float: left;
}

div#primary div.post {
	margin: 0 0 180px;
}

div#primary div.main {
	margin: 0 0 30px;
}

div#primary div.post h2.entry-title {
	background: url(../images/bg-post-title-trans.png) 0 0 repeat;
	font-family: Georgia, Times, sans-serif;
	color: #605c54;
	padding: 40px 30px;
	font-size: 48px;
	letter-spacing: -.025em;
	line-height: 54px;
	font-weight: normal;
	width: 562px;
}

div#primary div.post h2.entry-title a {
	color: #605c54;
	text-decoration: none;
}

div#primary div.post h2.entry-title a:hover {
	text-decoration: underline;
}

div#primary div.post div.post-content {
	background: #fff;
	position: relative;
	padding: 40px 30px 15px;
}

div#primary div.post div.post-content a.read-more {
	background: #88c700 url(../images/bg-readmore-arrow.png) center right no-repeat;
	color: #fff;
	padding: 11px 30px 11px 11px;
	position: absolute;
	bottom: -18px;
	left: 30px;
	display: inline-block;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 15px;
	letter-spacing: -.05em;
	text-decoration:none;
	text-transform: lowercase;
}

div#primary div.post div.post-content a.read-more:hover {
	background-color: #d86145;
}

div#primary div.post div.post-content a.comments-link {
	background: url(../images/bg-comments-tab.png) bottom left no-repeat;
	position: absolute;
	top: -18px;
	right: 30px;
	color: #fff;
	display: inline-block;
	padding: 10px 11px 11px;
	width: 118px;
	height: 34px;
	text-align: center;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 15px;
	letter-spacing: -.05em;
	text-decoration: none;
	text-transform: lowercase;
}

div#primary div.post div.post-content a.comments-link:hover {
	background-position: top left;
}

/*============ Comments Styles ============*/

div#primary div#idc-container-parent {
	background: #fff;
	margin: 0 0 180px;
	padding: 20px 30px 40px;
	color: #60594f;
}

div#primary div#idc-container-parent h3 {
	color: #60594f;
	font-size: 28.35px;
	letter-spacing: -.025em;
}

div#primary div#idc-container-parent a {
	color: #88c700;
}

/*============ Sidebar Styles ============*/

div#secondary {
	width: 315px;
	float: left;
	margin: -90px 0 0 51px;
	z-index: 200; /* I forsee more IE pain here! */
	display: inline;
}

div#secondary ul li {
	list-style: none;
	display: block;
}

/*============ Categories Widget Styles ============*/

div#secondary li.widget_categories {
	width: 307px;
	display: block;
	background: url(../images/sidebar-brown-top-trans.png) top left no-repeat;
	padding: 20px 0 0;
	margin: 0 0 30px;
}

div#secondary li.widget_categories h2 {
	background: #605c54;
	color: #fff;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 26.27px;
	letter-spacing: -.075em;
	padding: 10px 30px;
}

div#secondary li.widget_categories ul {
	background: url(../images/sidebar-brown-bottom-trans.png) bottom left no-repeat;
	padding: 15px 18px;
}

div#secondary li.widget_categories ul li a {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 17.79px;
	color: #fff;
	text-decoration: none;
	padding: 10px 12px;
	border-top: 1px dashed #9c9a95;
	display: block;
}

div#secondary li.widget_categories ul li a:hover,
div#secondary li.widget_categories ul li.current-cat a {
	background: #6d7a3d;
}

/*============ Search Widget Styles ============*/

div#secondary li.widget_search {
	width: 307px;
	display: block;
	background: url(../images/sidebar-brown-top-trans.png) top left no-repeat;
	padding: 20px 0 0;
	margin: 0 0 30px;
}

div#secondary li.widget_search form.searchform {
	background: url(../images/sidebar-brown-bottom-trans.png) bottom left no-repeat;
	display: block;
	padding: 0 0 25px;
}

div#secondary li.widget_search form.searchform h2 {
	color: #fff;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 26.27px;
	letter-spacing: -.075em;
	padding: 10px 30px;
}

div#secondary li.widget_search form.searchform input.search {
	width: 145px;
	padding: 7px 10px;
	font-size: 21.13px;
	color: #000;
	font-family: Helvetica, Arial, sans-serif;
	letter-spacing: -.050em;
	margin: 15px 15px 0 30px;
	border: 0;
	float: left;
}

div#secondary li.widget_search form.searchform input.search-btn {
	float: left;
	margin: 17px 0 0 0;
}

/*============ Twitter Widget Style ============*/

div#secondary li.widget_Twidget {
	list-style: none;
}

div#secondary li.widget_Twidget div#twitter_div {
	width: 307px;
	background: url(../images/sidebar-green-top-trans.png) top left no-repeat;
	padding: 20px 0 0;
	margin: 0 0 30px;
	display: block;
}

div#secondary li.widget_Twidget div#twitter_div h2 {
	color: #fff;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 26.27px;
	line-height: 1em;
	letter-spacing: -.075em;
	padding: 10px 30px;
	background: #94d30d;
}

div#secondary li.widget_Twidget div#twitter_div ul {
	background: url(../images/sidebar-green-bottom-trans.png) bottom left no-repeat;
	display: block;
	padding: 15px 0 0;
	float: none;
}

div#secondary li.widget_Twidget div#twitter_div ul li {
	border-top: 1px dashed #bfe56e;
	margin: 0 30px;
	padding: 24px 0;
	display: block;
	float: none;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12.52px;
	line-height: 15.01px;
	letter-spacing: -.01em;
	color: #314605;
}

div#secondary li.widget_Twidget div#twitter_div ul li span {
	font-size: 14.52px;
	line-height: 17.01px;
	display: block;
}

div#secondary li.widget_Twidget div#twitter_div ul li a,
div#secondary li.widget_Twidget div#twitter_div ul li span a {
	color: #fff;
	font-weight: bold;
}

div#secondary li.widget_Twidget div#twitter_div ul li a:hover,
div#secondary li.widget_Twidget div#twitter_div ul li span a:hover {
	text-decoration: none;
}

/*============ Sidebar Bubble Styles ============*/

div#secondary li.non_widget_bubble {
	background: url(../images/sidebar-bubble-top-trans.png) top left no-repeat;
	width: 315px;
	margin: 0 0 15px;
	padding: 30px 0 0;
	z-index: 200;
}

div#secondary li.non_widget_bubble h2 {
	background: url(../images/sidebar-bubble-bottom-trans.png) bottom left no-repeat;
	padding: 0 30px 75px;
	font-family: Georgia, Times, serif;
	font-size: 23.52px;
	line-height: 34.02px;
	letter-spacing: -.05em;
	color: #88c700;
	font-weight: normal;
	font-style: italic;
}

/*============ Winner Sidebar ============*/

div#secondary li.non_widget_prize {
	background: url(../images/sidebar-red-top-trans.png) top left no-repeat;
	width: 307px;
	margin: 30px 0;
	padding: 20px 0 0;
	display: block;
}

div#secondary li.non_widget_prize div {
	background: url(../images/sidebar-red-bottom-trans.png) bottom left no-repeat;
	padding: 0 30px 30px;
} 

div#secondary li.non_widget_prize div h2 {
	color: #fff;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 39.79px;
	line-height: 1em;
	letter-spacing: -.08em;
	padding: 20px 0 0;
	background: #d86145;
}

div#secondary li.non_widget_prize div p {
	color: #454441;
	font-family: Helvetica, Arial, sans-serif;
	margin: 15px 0;
	font-size: 18.39px;
	letter-spacing: -.075em;
	font-weight: bold;
	background: #d86145;
}

div#secondary li.non_widget_prize div h3 {
	color: #fff;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 32.56px;
	letter-spacing: -.075em;
	background: #d86145;
}

div#secondary li.non_widget_prize div h3 a {
	color: #fff;
	text-decoration: none;
}

/*============ Newsletter Widget Styles ============*/

div#secondary li.non_widget_newsletter {
	width: 307px;
	display: block;	
	background: url(../images/sidebar-brown-top-trans.png) top left no-repeat;
	padding: 20px 0 0;
	margin: 0 0 30px;
}

div#secondary li.non_widget_newsletter div.newsletterform {
	background: url(../images/sidebar-brown-bottom-trans.png) bottom left no-repeat;
	display: block;
	padding: 0 0 25px;
}

div#secondary li.non_widget_newsletter div.newsletterform h2 {
	color: #fff;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 25.27px;
	letter-spacing: -.075em;
	padding: 10px 30px;
}

div#secondary li.non_widget_newsletter div.newsletterform p {
	text-align: center;
	padding: 0 30px;
}

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

div#footer {
	background: url(../images/bg-post-title-trans.png) 0 0 repeat;
	padding: 0 0 130px;
}

div#footer div#footer-stripe {
	background: #88c700;
	padding: 30px 30px 45px;
	position: relative;
}

div#footer div#footer-stripe p.copyright {
	float: left;
	font-family: Helvetica, Arial, sans-serif;
	color: #fff;
	font-size: 17.01px;
	width: 55%;
}

div#footer div#footer-stripe div.nav {
	float: left;
	width: 45%;
	text-align: right;
}

div#footer div#footer-stripe div.nav ul li {
	display: inline;
	text-align: right;
	margin: 0 0 0 18px;
}

div#footer div#footer-stripe div.nav ul li a {
	font-family: Helvetica, Arial, sans-serif;
	color: #fff;
	font-size: 17.01px;
	text-decoration: none;
	text-transform: lowercase;
}

div#footer div#footer-stripe div.nav ul li a:hover {
	text-decoration: underline;
}

div#footer div#footer-stripe div#footer-logo {
	position: absolute;
	width: 182px;
	height: 63px;
	background: url(../images/footer-logo.jpg) top left no-repeat;
	top: 62px;
	left: 50px;
}

div#footer div#footer-stripe div#footer-logo h2 {
	display: none;
}