/* @override http://7springs.co.za/site/wp-content/themes/7springs/style.css */

/*
Theme Name: 7Springs
Theme URI: http://7springs.co.za
Description: South African Vinemaker
Version: 1.0
Author: Christian Nolle
Author URI: http://cnolle.net
*/


/* 

COLOURS
Yellow: #f8f3d7
Green: #486869

*/

@import url(reset.css);

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: #ccc url(assets/7springs_bg.jpg) center repeat;
	color: #486869;
	text-align: center;
}

a {
	color: #486869;
	text-decoration:underline;
}

	a:hover {
		text-decoration:none;
		color: #222;
	}


.cl { clear: left; }
.cr { clear: right; }
.cb { clear: both; }

#frame {
	width:1000px;
	margin: 0 auto;
	background:#fff;
}

#header {
	margin: 0 0 0 3px;
	background:url(assets/header.jpg) top left;
	width:994px;
	height: 192px;
	text-align:center;
	overflow:hidden;
}

	#header h1 a {
		background:url(assets/7springs-logo.png) no-repeat top left;
		width: 238px;
		height: 121px;
		display:block;
		float: left;
		margin: 3em 0 0 37em;
		text-indent:-3000px;
	}

/* Navigation */

#navigation {
	margin: 3px;
	background:#f8f3d7;	
	overflow:hidden;
}

	#navigation ul li {
		width: 135px;
		float: left;
		display:block;
		font: 1.5em "Trajan Pro", serif;
		padding: 0.5em 0;
	}

	#navigation ul li a {
		color: #486869;
		text-decoration:none;
		padding: 0 0 0 1em;
	}
	
	#navigation ul li.current_page_item a,
	#navigation ul li.current_page_parent a,
	#navigation ul li a:hover {
		background: url(assets/section-indicator.gif) no-repeat 0 left;
		padding: 0 0 0 1em;
	}

#content {
	margin: 3em;
}

/* Frontpage */

.homelandscape {
	width: 994px;
	height: 322px;
	margin: 0 3px;
	overflow:hidden;
}

#content.frontpage {
	margin: 3em 13em;
	border-bottom: none;
	text-align:center;
}

	#content.frontpage p {
		text-align:center;
		color: #486869;
		border-bottom: none;

	}


body.blog #content,
body.single #content {
	width: 700px;
	float: left;
}

#sidebar {
	width: 200px;
	float: left;
	text-align:left;
}

/* Typography */
	
#content h1 {
	font: 2.4em georgia,serif;
	background:url(assets/blog-divider.jpg) no-repeat bottom center;
	padding: 0 0 1em 0;
	margin: 0 0 1em 0;
}	

body.blog #content h2 {
	font: 2.4em georgia,serif;
	background:url(assets/blog-divider.jpg) no-repeat bottom center;
	padding: 0 0 1em 0;
	margin: 0 0 0.5em 0;
	/*font-weight:normal;*/
}	

body.blog #content h2 a {
	text-decoration:none;
}

h2 {
	font: 2em/1.25em georgia,serif;
	margin: 0 0 1em 0
}

h3 {
	text-align:left;
	font: 2em georgia,serif;
	margin: 0.5em 0;
}

.entry ul {
	list-style:disc;
}

.entry ol {
	list-style:decimal;
} 

.entry ol,
.entry ul {
	text-align:left;
	font: 1.6em georgia,serif;
	margin: 1em 0;
	padding: 0 0 0 4em;
}

.entry ul li,
.entry ol li {
	margin: 0.2em 0;
	color: #528587;
} 
	
p {
	font: 1.4em/1.4em georgia,sans-serif;
	text-align:left;
	margin: 0 0 0.5em 0;
	color: #528587;
}

blockquote {
	margin: 2em 6em;
}


.entry img.alignright {
	float: right;
	margin-left: 1em;
}

.entry .wp-caption.alignright {
	float: right;
	margin: 0;
	padding: 0;
	background: #f4f4f4;
	font-size: 10px;	
}

.entry {
	margin-bottom:2em;
}

.wp-caption-text {
	padding: 0 0.5em;
}

.wp-caption p {
	margin: 0.5em 0 0 0;
	font: 11px helvetica,arial,sans-serif;
}

.post {
	padding: 1em 0 2em 0;
}

/* Dividers */

.divider.large {
	background:url(assets/blog-divider.jpg) no-repeat top center;
	width: 313px;
	height: 18px;
	display:block;
	border: none;
	margin: 1em auto;
	text-align:center;
}

/* Blog */

ul#sidestuff {
	margin: 3em 0 0 0;
}

#sidebar h2 {
	margin: 1em 0;
	text-align:center;
	font: 1.6em georgia,serif;
	background:url(assets/sidebar-divider.jpg) no-repeat bottom center;
	padding: 0 0 1em 0;
}

	ul#sidestuff li {
		font: 12px georgia,serif;
		margin: 0.5em 0;
	}

	ul#sidestuff li a {
		text-decoration:none;
		color: #528587;
	}

	ul#sidestuff li a:hover {
		text-decoration:underline;
	}


/* Columns */

.col {
	width: 440px;
	float: left;
	text-align:left;
	margin-right:3em;
}

	 .col.last {
		margin-right:0;
	}

img.alignleft {
	margin: 0 1em 1em 0;
	float: left;
}

img.alignnone {
	margin-bottom:0.5em;
	
	float:none;
	text-align:left;
}

#post-8 p {
	margin-bottom: 1.5em;
}

/* Contact page */

#map {
	width: 994px;
	margin: 0 3px;
	height: 400px;
}

input.text {
	border: 0;
	padding: 0.5em 0.2em 0.5em 0.2em;
	width: 400px;
	border:1px solid #486869;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
	
textarea {
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border:1px solid #486869;
	padding: 0.2em;
	width: 400px;
}

input.text:hover,input.text:focus,
textarea:hover, textarea:focus {
	background: #f8f3d7;
}
	
input#button {
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	font-family: georgia;
	border: 0;
	font-size: 1.1em;
	background-color: #486869;
	color: #fff;
}

/* Comments form */

form#commentform input#author,
form#commentform input#email,
form#commentform input#url {
	border: 0;
	padding: 0.5em 0.2em 0.5em 0.2em;
	border:1px solid #486869;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	font-size: 12px;

}

form#commentform textarea {
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border:1px solid #486869;
	padding: 0.2em;
	font-size: 12px;
}


form#commentform input:focus,
form#commentform input:hover,
form#commentform textarea:focus,
form#commentform textarea:hover {
	background: #f8f3d7;
}

form#commentform input#submit {
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	font-family: georgia;
	border: 0;
	font-size: 1.1em;
	background-color: #486869;
	color: #fff;
}

h3#comments {
	margin-top: 1em;
}

ol.commentlist {
	list-style:decimal;
	margin-left: 2em;
	font-size: 20px;
}

	.comment {
		-khtml-border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		background: #f8f3d7;
		padding: 5px;
		margin: 0 0 1em 0;
	}

	.comment-author {
		color: #666;
		font-size: 16px;	
	}

	.comment-body {
		text-align:left;
	}
	
	.comment-meta {
		font-size:12px;
		margin: 5px 0;
		color: #666;
	}
	
	.comment-body p {
		color: #666;
		font-size: 14px;
	}

/* Footer */

#footer {
	clear: both;
	padding: 2em 0;
}

#footer p {
	text-align:center;
	font: 1.1em "Trajan Pro",georgia,serif;
}

ul.sharethis {
	margin: 1em 0;
}

ul.sharethis li {
	vertical-align:top;	
	display:inline;
}

ul.sharethis li a {
	background-repeat:no-repeat;
	background-position: top left;
	padding: 0.2em 0 0.5em 2em;
	margin: 0 1em;
	text-decoration:none;
	vertical-align:top;	
}	

	ul.sharethis li a:hover {
		color: #222;
	}

	ul.sharethis li.delicious a {
		background-image:url(icons/delicious.png);
	}
	
	ul.sharethis li.digg a {
		background-image:url(icons/digg.png);
	}
	
	ul.sharethis li.facebook a {
		background-image:url(icons/facebook.png);
	}
	
	ul.sharethis li.stumbleupon a {
		background-image:url(icons/stumble.png);
	}
	
	ul.sharethis li.twitter a {
		background-image:url(icons/twitter.png);
	}
	
	ul.sharethis li.linkedin a {
		background-image:url(icons/linkedin.png);
	}
	
	ul.sharethis li.rss a {
		background-image:url(icons/feed.png);
	}