/*
Theme Name: Springy Developments
Theme URI: http://blog.springydevelopment.co.uk
Description: Theme design for Springy Development
Version: 1.0
Author: Chris Spooner
Author URI: http://www.spoongraphics.co.uk

*/

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

body {
	background: #000 url(images/body-bg.jpg) top center no-repeat;
	font: 12px arial, helvetica, sans-serif;
}

html { height: 100%; margin-bottom: 1px; }

#container {
	width: 990px;
	margin: 0 auto;
	background: url(images/content-repeat.jpg) repeat-y;
}

#content {
	background: url(images/content-top.jpg) top no-repeat;
	min-height: 770px;
}

#footer {
	height: 44px;
	background: url(images/footer.jpg);
}

h1 a { 
	display: block; width: 312px; height: 79px; float: left;
	background: url(images/springy-logo.png) bottom right no-repeat;
	text-indent: -9999px;
}

ul.navigation {
	float: right; text-align: right;
	margin: 42px 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 arial, helvetica, sans-serif 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 301px;
	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: 20px;
		font: 16px arial, helvetica, sans-serif bold;
		text-decoration: none; color: #5eb097;
		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: #178264;}
		
#main-content {
	width: 610px; float: left;
	padding: 40px 0 0 40px;
}

#main-content h2.pagetitle {
	font-size: 18px; letter-spacing: -1px; color: #666666;
	margin: 4px 0 8px 4px;
}

	.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: 24px; 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 p.post-info a {
				color: #878787; text-decoration: none;
			}
    .post ul {
        margin: 0 0 20px 40px
    }

    .post a {
        color: #588a7a;
    }
        .post a:hover {
            color: #0c4c34;
    }

    .post code {
        background: #dfeef1;
        margin: 0 40px 0 40px;
        padding: 10px;
        display: block;
    }
		
.post-options {
	height: 35px; 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: 8px 0 8px 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: 8px 37px 8px 0;
		float: right;
	}
	.post-options p.read-more a:hover, .post-options p.read-more a:active {
		color: #588a7a;
	}
	
.page-navigation a:link, .page-navigation a:visited {
	text-transform: uppercase; text-align: center;
	color: #588a7a;
	text-decoration: none;
}
.page-navigation a:hover, .page-navigation a:active {
	color: #66cbd3;
}
	.page-navigation .alignleft {
		float: left;
	}
	.page-navigation .alignright {
		float: right;
	}
	
	.page-navigation {
		overflow: auto;
	}

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

}
	#sidebar h3 {
		font-size: 15px; font-weight: bold; text-transform: uppercase; text-align: center;
		color: #588a7a;
		margin-bottom: 15px;
	}
.ads {
	margin: -30px 30px 45px 43px;
}

.ads img.ad {
	margin: 3px;
}

.sidebar-section.top {
	width: 300px;
	background: url(images/sidebar-top.png) no-repeat;
	margin: 15px 0 0 25px;
}
.sidebar-section-content.top {
	width: 280px; padding: 20px 0 10px 20px;
	background: url(images/sidebar-bottom.png) bottom no-repeat;
}	
.sidebar-section {
	width: 300px;
	background: url(images/sidebar-top-plain.png) no-repeat;
	margin: 15px 0 0 25px;
}
	.sidebar-section-content {
		width: 280px; padding: 20px 0 10px 20px;
		background: url(images/sidebar-bottom-plain.png) bottom no-repeat;
	}
	
	.sidebar-section-content a:link, .sidebar-section-content a:visited {
		text-transform: uppercase; text-align: center;
		color: #588a7a;
		text-decoration: none;
	}
	.sidebar-section-content a:hover, .sidebar-section-content a:active {
		color: #66cbd3;
	}
	
	.sidebar-section-content ul {
		list-style:none;
		margin: 0 0 30px 14px;
	}
	.sidebar-section-content ul.categories li {
		float: left;
		margin: 0 31px 15px 0;
	}
	
.search input {
	width: 155px;
	background: #dee6e7;
	border: 1px solid #fff;
	color: #000;
	padding: 5px;
	-moz-border-radius: 5px;
}
.search input#searchsubmit {
	width: 60px;
	margin-top: 5px;
	cursor: pointer;
}
	
h3 {
	font-size: 18px; letter-spacing: -1px;
	margin-bottom: 10px; color: #666;
}

.comment-area {
	overflow: auto;
}

.comment-fields {
	width: 270px;
	float: left;
}

.comment-area form {
	margin: 0 0 0 15px;
}

.comment-area label {
	display: block; margin: 0 0 3px 0;
}

.comment-area input, .comment-area textarea {
	width: 250px;
	background: #dee6e7;
	border: 1px solid #fff;
	color: #000;
	padding: 5px; margin: 0 0 5px 0;
	-moz-border-radius: 5px;
}
.comment-area textarea {
	font: 12px arial, helvetica, sans-serif;
	height: 120px;
}

.comment-area input#submit {
	width: 262px;
	margin-top: 5px;
	cursor: pointer;
	clear: both;
}

.comment-area ol.commentlist {
	margin: 20px; list-style: none;
}
	.comment-area ol.commentlist li {
		border-bottom: 1px solid #e2e2e2; padding: 0 0 20px 0; margin: 0 0 20px 0;
	}

.comment-area .avatar {
	float: left; margin: 0 10px 0 0;
}	

.comment-area cite a {
	text-transform: uppercase; text-align: center;
	color: #588a7a;
	text-decoration: none;
}
.comment-area small a {
	color: #666; text-decoration: none; margin-bottom: 8px;
}

.clear { clear: both; }