/* CSS Document */

body, div, h1, h2, h3, h4, p, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote { 
margin: 0;
padding: 0;
border: 0;
}
body{
background:#000 url(images/body-bg.jpg) top center no-repeat;
font: 12 px Arial, Helvetica, sans-serif;
}
html { height: 100%; margin-bottom: 1px; }
#container { 
width:800px;
margin: 0 auto;
background:url(images/content-repeat.jpg) repeat-y;
}
#content {
background:url(images/content-top.jpg) top no-repeat;
min-height: 456px;
}
#footer {
height: 62px;
background:url(images/footer.jpg);
}
h1 a {
display:block; width: 312px; height: 80px; float:left;
background:url(images/springy-logo.png) bottom no-repeat;
text-indent: -9999px;
}
ul.navigation {
	float: right; text-align: right;
	margin: 55px 70px 0 0;
	list-style: none;
}
	ul.navigation li {
		float: left;
		background: url(images/nav-bg.png) repeat-x;
		margin-left: 10px; padding: 15px 20px;
	} 
	ul.navigation li a:link, ul.navigation li a:visited {
		font: 14px "Century Gothic" bold;
		text-decoration: none;
		color: white;
	}
	ul.navigation li a:hover, ul.navigation li a:active {
		color: #b6dce5;
	}
	
ul.subscription {
	width: 400px; clear: both;
	float: left; margin: 55px 0 0 120px;
	list-style: none;
}
	ul.subscription li {
		display: inline;
	}
	ul.subscription li a {
		width: 95px; height: 45px; float: left; padding: 5px 0 0 60px; margin-left: 30px;
		font: 16px "Century Gothic" bold;
		text-decoration: none; color: #89DCD1;
		text-transform: uppercase;
	}
		ul.subscription li a.rss { background: url(images/rss-icon.png) left no-repeat;	}
		ul.subscription li a.email { background: url(images/email-icon.png) left no-repeat; }
		ul.subscription li a.rss:hover, ul.subscription li a.email:hover { color: #FFFFFF;}
		
		
#main-content {
	width: 450px; float: left;
	padding: 40px 0 0 40px;
}
	.post-container {
		background: #f5f5f5;
		border: 1px solid #e2e2e2;	
		padding: 4px; margin-bottom: 17px;
		-moz-border-radius: 5px;
	}
	.post {
		background: #f7f7f7;
		border: 1px solid #fff;
		padding: 15px;
	}
		.post h2 {
			font-size: 20px; letter-spacing: -1px;
			margin-bottom: 3px;
		}
		.post h2 a:link, .post h2 a:visited {
			text-decoration: none;
			color: #000;
		}
		.post h2 a:hover, .post h2 a:active {
			text-decoration: none;
			color: #588a7a;
		}
		.post p {
			margin-bottom: 10px;
		}		
		.post p.post-info {
			color: #878787;
		}
		
.post-options {
	height: 27px; padding: 6px 15px 0 15px;
	background: url(images/post-meta-bg.png) repeat-x;
	border-left: 1px solid #dce5e6; border-right: 1px solid #dce5e6;
}
	.post-options p.comments a:link, .post-options p.comments a:visited {
		text-transform: uppercase; text-align: center;
		color: #000;
		background: url(images/comments-bubble.png) left no-repeat;
		text-decoration: none;
		padding:  0px 0  0px 40px;
		float: left;
	}
	.post-options p.comments a:hover, .post-options p.comments a:active {
		color: #588a7a;
	}
	.post-options p.read-more a:link, .post-options p.read-more a:visited {
		text-transform: uppercase; text-align: center;
		color: #000;
		background: url(images/read-more-arrow.png) right no-repeat;
		text-decoration: none;
		padding: 0px 37px 0px 0;
		float: right;
	}
	.post-options p.read-more a:hover, .post-options p.read-more a:active {
		color: #588a7a;
	}

#sidebar {
	width: 300px; float: left;

}
	#sidebar h3 {
		font-size: 14px; font-weight: bold; text-transform: uppercase; text-align: center; font-family:"Century Gothic";
		color: #308579;
		margin-bottom: 15px;
	}
.ads {
	margin: -30px 30px 45px 43px;
}

.ads img.ad {
	margin: 3px;
}
	
.sidebar-section {
	width: 280px;
	background: url(images/sidebar-top.png) no-repeat;
	margin: 15px 0 0 13px;
}
	.sidebar-section-content {
		width: 270px; padding: 20px 0 10px 1px;
		background: url(images/sidebar-bottom.png) bottom no-repeat;
	}
	
	.sidebar-section-content a:link, .sidebar-section-content a:visited {
		text-transform: uppercase; text-align: center;
		color: #308579;
		text-decoration: none;
	}
	.sidebar-section-content a:hover, .sidebar-section-content a:active {
		color: #66CC99;
	}
	
	.sidebar-section-content ul {
	    font-family:"Century Gothic";
		list-style:none;
		margin: 0 0 30px 14px;
	}
	.sidebar-section-content ul.categories li {
	    font-family:"Century Gothic";
		float: left;
		margin: 0px 30px 15px 25px ;
	}
	
	
	
.clear { clear: both; }