@import 'reset.css';

/* MAIN LAYOUT
---------------------------------------------------- */

body {
    color: #fff;
    text-align: center;
    font: normal 12px/24px Helvetica, Arial, sans-serif;
    background: #333;
    padding: 0 0 24px 0;
	}
#header {
	width: 900px;
	margin: 0 auto;
	text-align: left;
	}
#logo {
	width: 240px;
	height: 98px;
	float: left;
	margin: 32px 165px 0 0;
	display: inline;
	}
#logo h1 {
	text-indent: -9999px;
	background: url(/images/bg_logo.gif) top left no-repeat;
	}
#logo h1 a {
	width: 240px;
	height: 98px;
	display: block;
	}
div.nav-group {
	float: left;
	width: 150px;
	border-left: #242424 solid 1px;
	padding: 0 0 0 14px;
	margin: 0 0 12px 0;
	}
div.nav-group ul {
	margin: 0;
	}
div.nav-group ul li {
	background: none;
	padding: 0;
	}
div.nav-group h3 a.active {
	color: #22904e !important;
	}
#main {
	width: 900px;
	margin: 0 auto;
	text-align: left;
	}
#content {
	float: left;
	width: 568px;
	margin: 12px 0 0 0;
	}
#content div.pad {
	padding: 0 48px 0 25px;
	}
#content.wide {
	width: 735px;
	}
#sidebar-1 {
	float: left;
	width: 165px;
	margin: 0 0 0 2px;
	display: inline;
	font-size: 11px;
	line-height: 15px;
	color: #ccc;
	}
#sidebar-2 {
	float: left;
	width: 163px;
	margin: 12px 0 0 2px;
	display: inline;
	}
* html #sidebar-2 {
	margin: 12px 0 0 0;
	}
#sidebar-2 div.pad {
	padding: 0 15px;
}
div.subnav {
	background: #5d4575 url(/images/bg_subnav.gif) top left no-repeat;
	margin: 0 0 10px 0;
	}
div.subnav-inner {
	background: transparent url(/images/bg_subnav-inner.gif) bottom left no-repeat;
	padding: 20px 15px;
	}
div.subnav2 {
	background: transparent url(/images/bg_subnav2.gif) top left no-repeat;
	padding: 20px 15px;
	min-height: 200px;
	}
#footer {
	width: 900px;
	margin: 0 auto;
	background: #545454 url(/images/bg_footer-top.gif) top left no-repeat;
	}
#footer-inner {
	background: url(/images/bg_footer-bottom.gif) bottom left no-repeat;
	padding: 10px 25px;
	font-size: 11px;
	line-height: 12px;
	color: #999;
	text-align: left;
	}
#footer p {
	margin: 0;
	}
#footer a {
	color: #fff;
	}
#footer a:hover {
	color: #e6bb51;
	}
	
/* BLOG */

div.entry {
	border-bottom: #555 solid 1px;
	margin: 0 0 24px 0;
	padding: 0 0 24px 0;
	}
div.entry p {
	margin: 0;
	}
div.entry h3 {
	font-size: 20px;
	font-weight: normal;
	}
p.posted {
	color: #999;
	}
.author-name {
	padding: 0 0 0 25px;
	background: url(/images/bg_author-name.gif) 15px 1em no-repeat;
	display: block;
	}
div.blog-bio strong {
	color: #e6bb51;
	}
/* SLIDESHOWS */

#main_photos {
	margin: 0 0 30px 0;
	}
#dyk {
	background: #333;
	}

/* NAV
---------------------------------------------------- */
#top-nav {
	background: #545454 url(/images/bg_top-nav.gif) bottom left no-repeat;
	padding: 5px 0;
	}
#top-nav ul {
	margin: 0 25px 0 0;
	float: right;
	display: inline;
	}
#top-nav ul li {
	float: left;
	margin: 0 0 0 25px;
	background: none;
	padding: 0;
	}
#top-nav ul li a {
	font-size: 11px;
	color: #fff;
	}
#top-nav ul li a:hover, #top-nav ul li a.active {
	color: #e6bb51;
	}

#main-nav {
	float: right;
	margin: 32px 0 0 0;
	}
#main-nav ul {
	font-size: 11px;
	line-height: 20px;
	}
#main-nav ul li a {
	color: #ccc;
	}
#main-nav ul li a:hover {
	color: #fff;
	}
	
#breadcrumbs {
	background: #545454 url(/images/bg_breadcrumbs.gif) top left no-repeat;
	width: 543px;
	height: 34px;
	padding: 11px 0 0 25px;
	margin: 0 0 24px 0;
	font-size: 11px;
	vertical-align: middle;
	overflow: hidden;
	}
#content.wide #breadcrumbs {
	width: 710px;
	}
#breadcrumbs a {
	color: #ccc;
	float: left;
	padding: 11px 15px 11px 10px;
	margin: -11px 10px 0 -10px;
	background: url(/images/breadcrumb-divider.gif) right no-repeat;
	}
#breadcrumbs a:hover {
	color: #fff;
	}

div.subnav ul {
	border-top: #6d5783 solid 1px;
	margin: 5px 0 10px 0;
	}
div.subnav2 ul {
	border-top: #878787 solid 1px;
	margin: 5px 0 10px 0;
	}
div.subnav ul li {
	border-bottom: #6d5783 solid 1px;
	font-size: 11px;
	line-height: 13px;
	padding: 7px 0;
	background: none;
	}
div.subnav2 ul li {
	border-bottom: #666 solid 1px;
	font-size: 11px;
	line-height: 13px;
	padding: 7px 0;
	background: none;
	}
div.subnav ul li a, div.subnav2 ul li a {
	color: #fff;
	display: block;
	}
div.subnav ul li a:hover, div.subnav2 ul li a:hover {
	color: #e6bb51;
	}
div.subnav ul li a.active, div.subnav2 ul li a.active {
	color: #e6bb51;
	}
	
/* HEADERS
---------------------------------------------------- */

h2 {
	font-size: 28px;
	line-height: 32px;
	margin: 0 0 24px 0;
	color: #fff;
	font-weight: normal;
	text-shadow: #222 2px 2px 2px;
	}
h3 {
	font-size: 14px;
	line-height: 18px;
	margin: 0 0 8px 0;
	color: #cc4132;
	text-shadow: #222 2px 2px 2px;
	}
#header h3 a {
	color: #e6bb51;
	}
#sidebar-1 h3 {
	text-transform: lowercase;
	color: #e6bb51;
	text-shadow: none;
	}
div.subnav h4 {
	color: #fff;
	}

/* LISTS
---------------------------------------------------- */

ul {
	margin: 0 0 24px 0;
	}
ul li {
	background: url(/images/bullet.gif) 0 .7em no-repeat;
	padding: 0 0 0 12px;
	}
dl.form dd {
	margin: 0 0 12px 0;
	}
ol {
	margin: 0 0 24px 24px;
	}
ol li {
	list-style-type: decimal;
	list-style-position: outside;
	}
ol.comments {
	margin: 0 0 24px 0;
	}
ol.comments li {
	border-bottom: #545454 solid 1px;
	margin: 0 0 12px 0;
	list-style: none;
	}
ol.comments li p {
	margin: 0 0 12px 0;
	}

ul.photos {
	margin: 0 0 20px 0;
	}
ul.photos li {
	display: inline;
	float: left;
	text-align: center;
	margin: 0 7px 0 0;
	border: 0 !important;
	padding: 0;
	background: none;
	}
ul.staff-photos li {
	background: none;
	padding: 0;
}
ul.staff-photos {
	margin: 0;
}
ul.staff-photos li img {
	border: #222 solid 5px;
}
dl.sets dt {
	font-size: 14px;
}
dl.sets dt img {
	float: left;
	margin: 0 10px 0 0;
}
dl.sets dd.clear {
	clear: both;
	padding: 10px 0;
}

/* TEXT
---------------------------------------------------- */

p {
	margin: 0 0 24px 0;
	}
div.subnav p {
	margin: 0 0 15px 0;
	}
small, .datefield {
	color: #999;
	font-size: 10px;
	}
blockquote {
	background: url(/images/bg_blockquote.gif) top left no-repeat;
	padding: 0 0 0 40px;
	color: #e6bb51;
	}
p.error {
	background: #000;
	padding: 5px 10px;
	color: #e6bb51;
	}
.clear {
	clear: both;
	}

/* LINKS
---------------------------------------------------- */

a {
	text-decoration: none;
	color: #e6bb51;
	}
a:hover {
	color: #22904e;
	}
a.more {
	background: url(/images/bg_link-more.gif) right no-repeat;
	padding: 0 7px 0 0;
	text-transform: lowercase;
	font-size: 11px;
	color: #fff;
	}
a.more:hover {
	color: #e6bb51;
	}
a.team-date {
	font-weight: bold;
	}

/* TABLES
---------------------------------------------------- */

table {
	font: normal 12px/24px Helvetica, Arial, sans-serif;
	margin: 0 0 24px 0;
	}
table tr td {
	padding: 0 20px 20px 0;
	vertical-align: top;
	}
table.teams tr th {
	background: #5d4575;
	padding: 2px 10px;
	}
table.teams tr td {
	padding: 12px 10px;
	border-bottom: #545454 solid 1px;
	vertical-align: baseline;
	}

/* FORMS
---------------------------------------------------- */

fieldset {
	background: #545454 url(/images/bg_fieldset-top.gif) top left no-repeat;
	margin: 0 0 24px 0;
	width: 495px;
	}
fieldset legend {
	display: none;
	}
fieldset dl {
	background: url(/images/bg_fieldset-bottom.gif) bottom left no-repeat;
	padding: 20px;
	}

input {
	font: normal 14px/14px Helvetica, Arial, sans-serif;
	padding: 2px;
	border: 0;
	background: #fff;
	border: #333 solid 1px;
	border-width: 0 1px 1px 0;
	}
input.submit {
	background: #5d4575;
	color: #fff;
	padding: 5px;
	cursor: pointer;
	text-transform: lowercase;
	border: #000 solid 1px;
	}
input.submit:hover {
	color: #e6bb51;
	background: #000;
	}
textarea {
	font: normal 12px/14px Helvetica, Arial, sans-serif;
	padding: 2px;
	border: 0;
	background: #fff;
	border: #333 solid 1px;
	border-width: 0 1px 1px 0;
	}

/* SELF-CLEARING FLOATS
---------------------------------------------------- */
#top-nav:after,
#main:after,
div.subnav-inner:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }

/* trigger hasLayout and target ie5+6/win only */
* html #top-nav,
* html #main,
* html div.subnav2 {
	height: 1%;
	}

/* trigger hasLayout and target ie7/win only */
*:first-child+html #top-nav,
*:first-child+html #main {
	min-height: 1px;
	}