/*
Theme Name: Chris Spooner
Theme URI: http://www.chrisspooner.com
Description: Chris Spooner Theme
Version: 1.0
Author: Chris Spooner
Author URI: http://www.spoongraphics.co.uk

*/

body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote {
	margin: 0; padding: 0; border: 0;
}

body {
	background: #f4fafd url(images/cloudy-bg.jpg) center top no-repeat;
}

body.cloudy, body.partly-cloudy, body.mostly-cloudy {
	background: #f4fafd url(images/cloudy-bg.jpg) center top no-repeat;
}
body.rain, body.thunderstorms, body.drizzle, body.showers, body.thundershowers, body.scattered-showers, body.scattered-thunderstorms, body.isolated-thunderstorms {
	background: #f3f9fc url(images/rainy-bg.jpg) center top no-repeat;
}
body.sunny, body.fair, body.hot {
	background: #f3fafe url(images/sunny-bg.jpg) center top no-repeat;
}
body.snow, body.mixed-rain-and-snow, body.mixed-rain-and-sleet, body.snow-flurries, body.light-snow-showers, body.blowing-snow, body.hail, body.sleet, body.snow-showers, body.heavy-snow {
	background: #f1f7fa url(images/snowy-bg.jpg) center top no-repeat;
}


#container {
	width: 820px; margin: 0 auto; min-height: 890px;
}	

h1 a {
	display: block; width: 753px; height: 113px; margin: 25px auto 15px auto;
	background: url(images/chrisspooner.png) top; text-indent: -9999px;
}
	h1 a:hover, h1 a:focus { background: url(images/chrisspooner.png) bottom; }
	
ul.nav {
	float: right; margin: -32px 30px 0 0; 
}	
	ul.nav li {
		list-style: none; float: left; 
	}
	ul.nav li a {
		display: block; margin: 0 15px 0 0;
		font: 21px "Myriad Pro", Helvetia, Arial, Sans-Serif; color: #8aa2c2;
		text-decoration: none; font-weight: bold;
	}
		ul.nav li a:hover { color: #6e88aa; }
		
		ul.nav li a.about {
			width: 85px; height: 36px; padding: 24px 0 0 23px;
			background: url(images/about-bg.png);
		}
		ul.nav li a.contact {
			width: 88px; height: 36px; padding: 22px 0 0 20px;
			background: url(images/contact-bg.png);
		}
		ul.nav li a.rss {
			width: 64px; height: 58px;
			background: url(images/rss-bg.png) top; text-indent: -9999px;
		}
			ul.nav li a.rss:hover { background: url(images/rss-bg.png) bottom; }	

#content {
	width: 660px; padding: 40px; margin: 0 auto;
	background: url(images/white-trans.png);
	border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px;
}

#content .post {
	margin: 0 0 60px 0;
}

	#content h2 {
		font-family: "Myriad Pro", Helvetica, Arial, Sans-Serif; line-height: 37px;
		font-size: 33px; color: #8c8c8c; margin: 0 0 15px 0;
	}

	#content p {
		font: 16px Helvetica, Arial, Sans-Serif; color: #8c8c8c;
		line-height: 24px; margin: 0 0 30px 0;
	}

	#content a {
		font-weight: bold; color: #8aa2c2;
		text-decoration: none;
	}
		#content a:hover, #content a:focus {
			color: #6e88aa; 
		}

	#content ul, #content ol {
		margin: 0 0 30px 50px;
	}
		#content ul li, #content ol li {
			font: 16px Helvetica, Arial, Sans-Serif; color: #8c8c8c;
			margin: 0 0 5px 0;
		}


	#content .post p.date {
		width: 42px; height: 58px; float: left; margin: -15px 15px 0 0; padding: 26px 14px 0 14px;
		background: url(images/date.png) no-repeat; 
		font: 36px Helvetica, Arial, Sans-Serif; color: #6abf7e; line-height: 30px;
	}	
		#content .post p.date span { display: block; font-size: 20px; text-align: center; margin: -5px 0 0 0; }
		
	#content .post .meta {
		float: left; width: 575px; margin: 0 0 25px 0;
	}
	#content .post .meta h2 a {
		font-family: "Myriad Pro", Helvetica, Arial, Sans-Serif;
		float: left; margin: 0;
	}
	
	#content .post .meta p.category {
		clear: left; float: left; margin: 0;
	}
	#content .post .meta p.comments {
		float: left; margin: 0 0 0 30px;
	}
	
#content h3 {
	font: 25px "Myriad Pro", Helvetia, Arial, Sans-Serif;
	color: #8c8c8c; margin: 0 0 15px 0; clear: both;
}

#content ol.comments {
	list-style: none; margin: 0 0 30px 0;
}
	#content ol.comments li {
		overflow: auto; margin: 0 0 30px 0;
	}
		#content ol.comments li div.comment-author img {
			float: left; margin: 0 15px 0 0; border: 2px solid #f4f4f4;
		}
		#content ol.comments li div.comment-author cite {
			display: block; font: 16px Helvetica, Arial, Sans-Serif; color: #8c8c8c; font-style: normal; color: #8c8c8c;
		}
			#content ol.comments li div.comment-author span { display: none; }
		
		#content ol.comments li div.comment-meta {
			float: right; font: 11px Helvetica, Arial, Sans-Serif; color: #8c8c8c; margin: -10px 0 0 0;
		}
		
		#content ol.comments li p {
			margin: 0 0 10px 0;
		}

#content p img, #content .video {
	display: block; padding: 10px; clear: both;
	background: #fff; margin: 0 auto 30px auto; text-align: center;
}
	#content p a:hover img {
		background: #f4f4f4;
	}


#content pre code {
	margin: 0 0 15px 0; padding: 5px 15px 5px 15px;
	background: #fff; display: block;
	font: 16px Helvetica, Arial, Sans-Serif; color: #8c8c8c; line-height: 24px; 
}		
		
		
#content #respond .fields {
	width: 270px; float: left;
}		
#content #respond .message {
	width: 365px; float: left; margin: 0 0 0 25px;
}

	#content #respond label {
		font: 16px Helvetica, Arial, Sans-Serif; color: #8c8c8c; margin: 0 0 3px 0;
	}
	#content #respond input {
		width: 235px; height: 25px; border: 1px solid #dee9f8; margin: 0 0 15px 0; 
		background: #fff url(images/form-bg.png) top repeat-x;
		border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; 
		
		font: 16px Helvetica, Arial, Sans-Serif; color: #8c8c8c; padding: 12px 15px 0 15px;
	}
	#content #respond textarea {
		width: 332px; height: 171px; border: 1px solid #dee9f8; margin: 0 0 10px 0;
		background: #fff url(images/form-bg.png) top repeat-x;
		border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; 
		
		font: 16px Helvetica, Arial, Sans-Serif; color: #8c8c8c; padding: 12px 15px 0 15px;
	}
	#content #respond input.submit {
		width: 185px; height: 41px; color: #fff; font-weight: bold; float: right;
		background: #8aa2c2 url(images/btn-bg.png) top repeat-x; padding: 12px 15px 12px 15px;
		cursor: pointer;
	}
		#content #respond input.submit:hover {
			color: #f4f4f4;
		}
	
	#content #respond p.error {
		background: #fdffd4; color: red; padding: 10px; height: 23px; margin: 0 0 10px 0;
		font-size: 13px; font-weight: bold;
		border-top: 1px solid #fbffb3; border-bottom: 1px solid #fbffb3;
		display: none;
	}
	
#content .navigation { margin: 0 0 30px 0; }
#content p.btn.left { float: left; margin: 0; }
#content p.btn.right { float: right; margin: 0; }
#content p.btn a {
	display: block; font: 16px bold Helvetica, Arial, Sans-Serif; color: #fff;
	background: #8aa2c2 url(images/btn-bg.png) top repeat-x; padding: 12px 15px 12px 15px; cursor: pointer;
	border: 1px solid #dee9f8; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;
}
	#content p.btn a:hover {
		color: #f4f4f4;
	}


#footer {
	width: 100%; height: 493px;
	background: url(images/cloudy-footer.jpg) center no-repeat;
}
body.cloudy #footer, body.partly-cloudy #footer, body.mostly-cloudy #footer {
	background: url(images/cloudy-footer.jpg) center no-repeat;
}
body.rain #footer, body.thunderstorms #footer, body.drizzle #footer, body.showers #footer, body.thundershowers #footer, body.scattered-showers #footer, body.scattered-thunderstorms #footer, body.isolated-thunderstorms #footer {
	background: url(images/rainy-footer.jpg) center no-repeat;
}
body.sunny #footer, body.fair #footer, body.hot #footer {
	background: url(images/sunny-footer.jpg) center no-repeat;
}
body.snow #footer, body.mixed-rain-and-snow #footer, body.mixed-rain-and-sleet #footer, body.snow-flurries #footer, body.light-snow-showers #footer, body.blowing-snow #footer, body.hail #footer, body.sleet #footer, body.snow-showers #footer, body.heavy-snow #footer {
	background: url(images/snowy-footer.jpg) center no-repeat;
}

a.profile-pic {
	width: 262px; height: 273px; float: left; margin: -10px 20px 10px -70px;
	background: url(images/chrisspooner-pic.png) top no-repeat; text-indent: -9999px;
}
	a.profile-pic:hover {
		background: url(images/chrisspooner-pic.png) bottom no-repeat;
	}

a { outline: none; }
	
.clear { zoom: 1; }
.clear:after {
	content: ""; clear: both; display: block;
}