/* =LAYOUT/GENERAL */
body {
	background:#454545;
}

#container {
	width:969px;
	margin:0 auto;
	padding:0 0 36px 0;
	background:#E9C925 url(../img/bg-container.jpg) 0 0 no-repeat;
}

#masthead {
	height:192px;
	position:relative;
}
#masthead img#logo {
	margin:32px 0 0 38px;
}

#content {
	width:551px;
	width:507px;
	margin:0 0 0 12px;
	padding:24px 24px 0 80px;
	background:url(../img/bg-content.png) 0 0 no-repeat;
	min-height:623px;
}

#sidebar {
	width:240px;
	float:right;
	display:inline;
	margin:0 22px 0 0;
	background:transparent url(../img/bg-navigation.png) 0 0 no-repeat;
	padding:45px 0 0 45px;
	min-height:317px;
}
	/* main navigation */
	#navigation {
		margin:0 0 24px 0;
	}
	#navigation li {
		margin:0 0 8px 0;
	}
	#navigation li#nav-home {width:115px;height:35px;}
	#navigation li#nav-media {width:126px;min-height:41px;background-position:-176px -35px;}
	#navigation li#nav-projects {width:174px;height:43px;background-position:-176px -76px;}
	#navigation li#nav-links {width:102px;height:39px;background-position:-176px -119px;}
	#navigation li#nav-about {width:79px;height:37px;background-position:-176px -158px;}
	#navigation li#nav-contact {width:152px;height:35px;background-position:-176px -195px;}

	#navigation li a {
		display:block;
		background:transparent url(../img/navigation.png) 0 0 no-repeat;
		text-indent:-999em;
	}
	#navigation li#nav-home a {width:115px;height:35px;background-position:0 0;}
	#navigation li#nav-media a {width:126px;height:41px;background-position:0 -35px;}
	#navigation li#nav-projects a {width:174px;height:43px;background-position:0 -76px;}
	#navigation li#nav-links a {width:102px;height:39px;background-position:0 -119px;}
	#navigation li#nav-about a {width:79px;height:37px;background-position:0 -158px;}
	#navigation li#nav-contact a {width:152px;height:35px;background-position:0 -195px;}

	#navigation li#nav-home a:hover,
	#navigation li#nav-home a:active,
	#navigation li#nav-home a:focus {background-position:-176px 0;}
	#navigation li#nav-media a:hover,
	#navigation li#nav-media a:active,
	#navigation li#nav-media a:focus {background-position:-176px -35px;}
	#navigation li#nav-projects a:hover,
	#navigation li#nav-projects a:active,
	#navigation li#nav-projects a:focus {background-position:-176px -76px;}
	#navigation li#nav-links a:hover,
	#navigation li#nav-links a:active,
	#navigation li#nav-links a:focus {background-position:-176px -119px;}
	#navigation li#nav-about a:hover,
	#navigation li#nav-about a:active,
	#navigation li#nav-about a:focus {background-position:-176px -158px;}
	#navigation li#nav-contact a:hover,
	#navigation li#nav-contact a:active,
	#navigation li#nav-contact a:focus {background-position:-176px -195px;}

	body#home li#nav-home a {background-position:-353px 0 !important;}
	body#media li#nav-media a {background-position:-353px -35px !important;}
	body#projects li#nav-projects a {background-position:-353px -76px !important;}
	body#links li#nav-links a {background-position:-353px -119px !important;}
	body#about li#nav-about a {background-position:-353px -158px !important;}
	body#contact li#nav-contact a {background-position:-353px -195px !important;}

	#navigation ul {
		margin:7px 0 0 0;
		font-size:1.9em;
	}
	#navigation li li a {
		font-weight:bold;
		text-decoration:none;
		text-indent:0;
		background-image:none;
		padding:0 0 0 12px;
		width:100%;
		height:auto !important;
		line-height:normal;
		text-transform:lowercase;
		letter-spacing:3px;
		color:#02338A;
	}
	#navigation li li a:hover {
		color:#FCFF00;
		background-color:#0450FF;
	}
	
	/* subnavMedia */
	#navigation li li a {
		font-weight:bold;
		text-decoration:none;
		text-indent:0;
		background-image:none;
		padding:0 0 0 12px;
		width:100%;
		height:auto !important;
		line-height:normal;
		text-transform:lowercase;
		letter-spacing:3px;
		color:#02338A;
	}
	
	#navigation li li a:hover,
	body.podcasts #navigation li li#nav-podcasts a,
	body.photos #navigation li li#nav-photos a,
	body.videos #navigation li li#nav-videos a,
	body.music #navigation li li#nav-music a {
		color:#FCFF00;
		background-color:#0450FF;
	}
	
	/* sidebar feeds */
	ul.feeds {
		font-size:1.3em;
		margin-bottom:12px;
	}
	ul.feeds li {
		line-height:1.8em;
	}
	
	/*  */
	#sidebar img {
		border:2px solid #FFF;
	}
	
/* FOOTER */
div#footer {
	background:#0450FF;
	background:#F04E09;
	padding:8px 0;
	position:fixed;
	bottom:0;left:0;
	width:100%;
	text-align:center;
	font-size:1.2em;
	border-top:1px solid #000;
}
div#footer li {
	display:inline;
	padding:0 4px;
}
div#footer li a {
	color:#FFF;
}

/* =GENERAL PAGE STYLES */
h1 {
	font-size:4.4em;
	margin:0 0 12px 0;
	color:#790e25;
	font-family:'Helvetica Condensed';
}
h2 {
	font-size:2.8em;
	color:#002a89;
	margin:18px 0 0 0;
}
h4 {
	font-size:2.0em;
	font-weight:bold;
	color:#333;
	margin:12px 0 0 0;
}
dl {
	margin:00;
	font-size:1.3em;
}
dl dt {
	margin:0 0 4px 0;
}
dl dd {
	margin:0 0 18px 0;
}
dl p {
	font-size:1em;
}
#content ul,
#content ol,
p {
	clear:left;
	font-size:1.3em;
	margin:0 0 7px 0;
	line-height:1.5em;
}
li p {font-size:1.0em;}

#content ol {
	list-style:decimal;
	padding-left:17px;
}
#content ol li {
	padding:0;
	background:none
}
#content ul li {
	padding:0 0 0 15px;
	background:url(../img/bullet.gif) 0 0.6em no-repeat;
}
#content div.post-content {
	font-size:1.3em;
	line-height:1.5em;	
}
#content div.post-content h3 {
	font-size:1.1em;
	font-weight:bold;
	color:#333;
}
#content div.post-content p,
#content div.post-content ol,
#content div.post-content ul {
	font-size:1.0em;
}
strong {font-weight:bold;}
em {font-style:italic;}
p.backlink {font-size:1.1em;margin:-12px 0 12px 0;}
p.backlink a {color:#C41B00;}

a:link, a:visited {color:#790E24;}
a:hover, a:active, a:focus {color:#C41B00;}

a.rss {
	background:url(../img/icon-rss.gif) 0 0 no-repeat;
	padding-left:22px;
}
a.download {
	line-height:24px;
	min-height:24px;
	background:url(../img/icon-download.gif) 100% 0 no-repeat;
	padding:4px 30px 4px 0;
}
a.button {
	background:url(../img/bg-button-left.gif) 0 0 no-repeat !important;
	
	color:#FCFF00;
	font-weight:bold;
	text-decoration:none;
	padding:7px 0 !important;
	position:relative;
}
a.button span {
	min-height:30px;
	line-height:30px;
	background:url(../img/bg-button-right.gif) 100% 0 no-repeat;
	padding:7px 12px;
}
*+html a.button {
	padding-top:0 !important;
}
div#audioplayer {
	background:#FFF;
	padding:2px;
	width:300px;
	position:absolute;
	top:80px;right:30px;
}

/* =HOME */
body#home #content {
	padding-top:0;
	padding-left:24px;
	background-image:none;
	position:relative;
	width:575px;
}

p.posting-date {
	font-size:1.1em;
	margin:0 0 12px 0;
	color:#414141;
	color:#0450FF;
	color:#000;
}

#content img.homepage-photo {
	margin:0 0 0 -24px;
}
#content strong.photocredit {
	position:absolute;
	top:480px;right:30px;
}

/* =MEDIA */
ul#medialinks {
	margin-top:20px;
}
ul#medialinks li {
	background:transparent url(../img/bg-medianav.gif) 0 -116px no-repeat;
	padding:0;
	width:120px;
	float:left;
	display:inline;
	margin:0 6px 0 0;
}
ul#medialinks li#podcasts {background-position:0 -116px;}
ul#medialinks li#photos {background-position:-120px -116px;}
ul#medialinks li#videos {background-position:-240px -116px;}
ul#medialinks li#music {background-position:-360px -116px;}

ul#medialinks li a {
	display:block;
	width:120px;
	height:116px;
	margin:0;
	padding:0;
	background:transparent url(../img/bg-medianav.gif) 0 0 no-repeat;
	outline:0;text-indent:-999em;
}
ul#medialinks li#podcasts a {background-position:0 0;}
ul#medialinks li#photos a {background-position:-120px 3px;}
ul#medialinks li#videos a {background-position:-240px 2px;}
ul#medialinks li#music a {background-position:-360px 0px;}
ul#medialinks li a:hover,
ul#medialinks li a:focus {background-image:none;}

/* Podcasts */
div.podcast {
	width:510px;
	margin:0 0 0 0;
	padding:0 0 24px 0;
}
div.podcast.over {background:url(../img/bg-podcast-over.jpg) 0 100% repeat-x;}
div.podcast p.posting-date {
	margin-bottom:2px;
}

body#media ul.thumbnails {
	margin:0 0 0 0;
}
body#media ul.thumbnails li {
	background-image:none;
	text-align:center;
	padding:0;
	line-height:1.3em;
	width:140px;
	float:left;
	margin:0 18px 12px 0;
}
body#media ul.thumbnails.photos li {
	width:100px;
	margin-right:24px;
}
body#media ul.thumbnails.photos li.newline {
	clear:left;
}
body#media ul.thumbnails li h3 {
	font-weight:bold;	
}
body#media ul li a img {border:2px solid #790E24;}
body#media ul li a:hover img,
body#media ul li a:active img,
body#media ul li a:focus img {border-color:#C41B00;}

body#media ul.thumbnails li a {text-decoration:none;}

/* music */
#content ul.cdlist li {
	background-image:none;
	padding:0 0 0 112px;
	margin:0 0 12px 0;
	clear:left;
	position:relative;
	min-height:100px;
}
#content ul.cdlist li img.thumb {
	position:absolute;
	top:0;left:0;
}
#content ul.cdlist li h3 {
	margin-bottom:12px;
}
#content ul.cdlist li h3 strong {
	font-weight:bold;
}

/* =PROJECTS */
body#projects ul.projectsnav {
	margin:0px 0 50px 0;
}
body#projects ul.projectsnav li {
	float:left;
	margin:0 10px 0 0;
	padding:0;
	background-image:none;
}
body#projects ul.projectsnav li a {
	padding:4px 8px;
	background-color:#0339C5;
}
body#projects ul.projectsnav li a:hover,
body#projects ul.projectsnav li a:active,
body#projects ul.projectsnav li a:focus {
	background-color:#0385C9;
	background-color:#044EF5;
}

ul.projectsnav a {
	color:#E9C925;
	text-decoration:none;
	letter-spacing:2px;
}
ul.projectsnav a:hover {color:#FFF;}

/* =CONTACT */
body#contact fieldset li {
	background-image:none;
	margin:0 0 3px 0;
	padding:5px 2px 5px 140px;
	clear:left;
	position:relative;
}
body#contact fieldset li label {
	display:block;
	width:130px;
	position:absolute;
	top:0;left:0;
	padding:5px 2px;
	text-align:right;
	font-size:0.9em;
	line-height:normal;
	color:#790E25;
}
body#contact fieldset li label strong {
	font-weight:bold;
	color:#002a89;
	font-size:1.1em;
}
body#contact fieldset li input.text,
body#contact fieldset li select {
	width:200px;
	font-size:1.0em;
	border:1px solid #002a89;
	font-family:inherit;
}
body#contact fieldset li input.text {
	padding:2px;
	width:196px;
}
body#contact fieldset li textarea.text {
	width:300px;
	height:100px;
	font-family:inherit;
	font-size:1.0em;
	border:1px solid #2F4769;
	padding:2px;
}
body#contact fieldset li .errormsg {
	color:#DA4200;
	font-weight:bold;
	background:transparent url(../img/icon-error.gif) 0 0 no-repeat;
	padding-left:18px;
}
body#contact fieldset li div.captcha {
	width:200px;
	border:1px solid #002a89;
	margin-bottom:0px;
}
body#contact fieldset li em.example {
	font-size:0.9em;
	color:#790E25;
}
body#contact fieldset li.has-error {
	background:#EC6C11 url(../img/bg-error.jpg) 0 0 repeat-x;
}
body#contact fieldset li.has-error .errormsg {
	color:#fffbd8;
}
body#contact fieldset li.has-error label strong {
	color:#FFF;
}
body#contact fieldset li.has-error .text {
	background-color:#fffbd8;
	border-color:#000;
}

/* =SITEMAP */
body#sitemap #content ul {
	font-size:1.3em;
}
body#sitemap #content ul ul {
	font-size:1.0em;
	margin-bottom:0;
}

/* =FLASH REPLACEMENT */
.flash-replaced div.alt {display:none;}