/*   
Theme Name: Stephen Broeker 1.0
Theme URI: http://stephenbroeker.com/
Description: Custom theme designed and developed for Stephen Broeker.
Author: Charlie Hinojosa | Sightbox Studios LLC
Author URI: http://sightboxstudios.com
Version: 1
*/

@media screen {

body {
	margin:0;
	font-family: 'Oxygen', sans-serif;
	color:#201d0e;
	background:#F1F1F1;
}
a { color:#de8c3b; text-decoration:none }
a:hover { color:#86847c; }

.clear { clear:both }

.large { font-size:180% }

/* ----- HEADER ----- */

#header {
	width:100%;
	height:125px;
	background:url(images/bg_top.jpg) top center #010e0e;
}
#header .wrapper {
	width:1010px;
	margin:0 auto;
	height:134px;
}
#header .wrapper .logo {
	float:left;
	margin:50px 0 20px 20px;
	width: 227px;
}
#header .wrapper .links {
	float:right;
	width:280px;
	font-size:12px;
	color:#fdfbe2;
	margin:10px 20px 0 0;
	text-align: right;
}
#header .wrapper .links a { color:#fffac2; padding:0 8px 0 8px }
#header .wrapper .links a:hover { color:#01babd }

#header .wrapper .navigation {
	/* [disabled]float:right; */
	width:1010px;
	/* [disabled]margin:58px 0 0 0; */
	height: 40px;
	background: url('images/bg_navbar.png') repeat-x;
}
#header .wrapper .navigation li {
	float:left;
	list-style-type:none;
	/*font-family: 'Cutive', serif;*/
	font-size:14px;
	padding: 10px 15px 0 15px;
	text-transform:uppercase;
}
#header .wrapper .navigation a { color:#FFF }
#header .wrapper .navigation a:hover { color:#00a1b2 }

/* ----- SLIDER ----- */

#slider {
	width:100%;
	height:275px;
	background:#005676;
}
#slider .wrapper {
	width:1010px;
	height:275px;
	margin:0 auto;
	background:url(images/bg_shadow.png) top center no-repeat;
}

/* ----- SUB HEAD ----- */

#subhead {
	width:100%;
	height:40px;
	background:#005676;
}

/* ----- MAIN CONTENT ----- */

#content {
	width:1010px;
	min-height:300px; /* for modern browsers */
	height:auto !important; /* for modern browsers */
	margin: 0 auto;
	background:url(images/bg_copy_shadow.jpg) no-repeat top #FFF;
	/* [disabled]margin-bottom: 20px; */
	padding-bottom: 20px;
}
#content .infobar {
	height:auto;
	border-bottom: 1px solid #F1F1F1;
	width: 970px;
	font-size:14px;
	font-weight: lighter;
	padding: 20px;
}
#content .infobar .social {
	float:right;
	width:165px;
	text-align:right;
	padding: 0 20px 0 0;
}
#content .infobar .social img {
	/* [disabled]padding-left: 5px; */
	padding: 5px 0 0 5px;
}
#content .copy {
	float:left;
	width:640px;
	font-size:13px;
	margin: 0 0 0 20px;
}
#content .copy table,.copy tr,.copy th,.copy td {
	font-size:10px;
	border:1px dotted #DDD;
	text-align:center;
}
#content .copy tr#alt {
	background:#f9f9f9;
}
#content .copy td#head {
	background:#01babd;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
}
#content .copy .td#first {
	text-align:left;
}
#content .copy#full { width:980px; }

#content .copy h1 {
	font-size:20px;
	color:#de8c3b;
}
#content .copy h2 {
	font-size:20px;
	color:#201D0E;
}
#content .copy h3 {
	font-size:16px;
	color:#01BABD;
	font-weight:normal;
	margin:0;
}
#content .copy .thumb {
	border:1px solid #01babd;
	padding:2px;
}
#content .subnav {
	float:right;
	width:320px;
	background:#f7f7f7;
	border-radius: 5px;
	margin: 20px 20px 0 0;
	position: relative;
}
#content .subnav li {
	border-bottom:1px dashed #DDD;
}
#content .subnav li a { color:#de8c3b }
#content .subnav li a:hover { color:#86847c }

#content .sidebar {
	float:right;
	width:320px;
	background:url(images/bg_sidebarbox.png) no-repeat top left;
	min-height: 260px;
	margin: 20px 20px 0 0;
	position: relative;
}
#content .sidebar h3,.subnav h3 {
	/* [disabled]font-family: 'Cutive', serif; */
	color:#000;
	font-weight:lighter;
	font-size:14px;
	margin:14px;
}
#content .sidebar .offer {
	font-size:11px;
	color:#7e7c74;
	width: 150px;
	margin: 0 0 0 14px;
}
#content .sidebar .guide {
	/* [disabled]float: right; */
	/* [disabled]height: 184px; */
	position: absolute;
	left: 10px;
	top: 42px;
	width: 328px;
	/* [disabled]display: none; */
}

/* ----- PRE FOOTER ----- */

#pre-footer {
	width:100%; /* for modern browsers */
	height:auto !important; /* for modern browsers */
	background:url(images/bg_mid_shadow.jpg) no-repeat top center #e4e4e4;
	font-size:12px;
	color:#999;
	padding-bottom: 20px;
	/* [disabled]margin-top: 20px; */
}
#pre-footer ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
#pre-footer li {
	padding:8px 0 8px 0;
	border-bottom:1px dashed #2a3336;
}

#pre-footer a { color:#de8c3b }
#pre-footer h3 {
	font-size:16px;
	font-weight:400;
	color:#484848;
}
#pre-footer h4 {
	color:#201d0e;
	display: inline;
}
#pre-footer .wrapper {
	width:1010px;
	margin:0 auto;
}
#pre-footer .author {
	font-size:14px;
	margin-top:10px;
	color:#201d0e;
}
/*#pre-footer .wrapper .quote {
	width:980px;
	padding-top: 20px;
}
#pre-footer .wrapper .quote p {
	font-style:italic;
}*/
#pre-footer .wrapper .colOne {
	float:left;
	width:300px;
	margin:0 0 0 20px;
}
#pre-footer .wrapper .colTwo {
	float:left;
	width:300px;
	margin:0 0 0 30px;
}
#pre-footer .wrapper .colThree {
	float:right;
	width:320px;
	margin:0 20px 0 0;
}

/* ----- FOOTER ----- */

#footer {
	width:100%;
	height:auto;
	background-color:#F1F1F1;
	color: #a5a5a5;
	font-size:11px;
}
#footer .wrapper {
	width:1010px;
	margin:0 auto;
	padding-bottom: 10px;
}
#footer .wrapper .copyright {
	float:left;
	width:500px;
	margin: 20px 0 0 20px;
}
#footer .wrapper .logo {
	float:right;
	width:225px;
	margin: 20px 20px 0 0;
}

} /* END screen media */


@media print {

.do-not-print { display: none; }
#comments { page-break-before: always; }

body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; }
h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
h1 { font-size: 19pt; }
h2 { font-size:17pt; }
h3 { font-size:15pt; }
h4,h5,h6 { font-size:12pt; }
code { font: 10pt Courier, monospace; } 
blockquote { margin: 1.3em; padding: 1em; }
img { display: block; margin: 1em 0; }
a img { border: none; }
table { margin: 1px; text-align:left; }
th { border-bottom: 1px solid #333;  font-weight: bold; }
td { border-bottom: 1px solid #333; }
th, td { padding: 4px 10px 4px 0; }
caption { background: #fff; margin-bottom: 2em; text-align: left; }
thead { display: table-header-group; }
tr { page-break-inside: avoid; } 
a { text-decoration: none; color: black; }
	
} /* END print media */