/*
Theme Name: Grid One
Theme URI:
Description: Grid-centric layout.
Author: Annie
Author URI: http://annieli.co.uk/
*/

body {
	background: #e8e8e8;
	font: 1.0em "arial narrow";
	color: #999;
	line-height: 20px;
}
h2 {
	font-size: 2.1em;
	color: #cbe86b;
}
h3 {
	font-size: 2.0em;
	color: #1c140d;
}
a {
	color: #9eae68;
	text-decoration: none;
}
a:hover {
	color: #cbe86b;
}
#container {
	margin: 0 auto;
	width: 80%;
}
#header {
	text-align: center;
}
	#hleft {
		float: left;
		background: #fff url('images/Header.png') no-repeat center;
		height: 180px;
		width: 48%;
		padding: 1% 0;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		-khtml-border-radius: 10px;

	}
	#hleft a.imglink {
		display: block;
		color: #fff;
		text-decoration: none;
	}
	#hright {
		float: right;
		height: 180px;
		width: 48%;
		background: #fff url('images/Face.png') no-repeat right;
		text-align: left;
		padding: 1%;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		-khtml-border-radius: 10px;
	}
	#hright a {
		color: #9eae68;
		text-decoration: none;
	}
	#hright a:hover {
		color: #cbe86b;
	}
.clear {
	clear: both;
}
#menu {
	text-align: center;
	font: 1.0em "arial narrow";
	text-transform: uppercase;
}
	#menu ul {
		margin: 0; padding: 20px;
		list-style-type: none;
		list-style-image: none;
	}
	#menu li {
		float: left;
	}
	#menu ul li a {
		display: block;
		width: 115px;
		padding: 0; margin: 0 20px;
		color: #999;
		border-bottom: #f5f2ed solid 3px;
		text-decoration: none;
	}
	#menu ul li a:hover {
		border-bottom: #cbe86b solid 3px;
	}
#content {
	padding: 1%; margin: 1% 0;
	background: #fff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
}
	#content a {
		color: #9eae68;
		text-decoration: none;
	}
	#content a:hover {
		color: #cbe86b;
	}
	#content img {
		border: none;
	}
	#content, #left, #right ul li {
		list-style-image: url('images/bullet_purple.png');
	}
	#content, #left, #right ul li:hover {
	list-style-image: url('images/bullet_green.png');
	}
	.postwrap {
		width: 90%;
	}
	.title {
		font-size: 1.2em;
	}
	.title a {
		color: #cbe86b;
		text-decoration: none;
	}
	.title a:hover {
		color: #1c140d;
	}
	blockquote {
		padding: 1%;
		background: #e8e8e8;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		-khtml-border-radius: 10px;
	}
	img.centered, .aligncenter, div.aligncenter {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	img.avatar {
		float: right;
		margin: 5px;
		border: #1b6f96 1px solid;
	}
#wrap {
	text-align: center;
}
	#wrap a {
		color: #9eae68;
		text-decoration: none;
	}
	#wrap a:hover {
		color: #cbe86b;
	}
#left {
	float: left;
	width: 46%;
	background: #fff;
	padding: 1%;
	border-top: #f2e9e1 solid 10px;
	margin: 0 0 1% 0;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
}
#left:hover {
	border-top: #cbe86b solid 10px;
}
#left ul {
	text-align: left;
}
#right {
	float: right;
	width: 46%;
	background: #fff;
	padding: 1%;
	border-top: #f2e9e1 solid 10px;
	margin: 0 0 1% 0;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
}
#right:hover {
	border-top: #cbe86b solid 10px;
}
#right ul li {
	text-align: left;
}
#projects {
	clear: both;
	padding: 1%;
	height: 200px;
	text-align: center;
	background: #fff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-top: #cbe86b solid 10px;
}
	#projects:hover {
		border-top: #1c140d solid 10px;
	}
	#projects img {
		border: #f5f2ed solid 5px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-khtml-border-radius: 5px;
	}
		#projects img:hover {
			border: #bd827d solid 5px;
			border-radius: 5px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			-khtml-border-radius: 5px;
		}
	#projects ul {
		margin: 0; padding: 0;
		list-style-type: none;
		list-style-image: none;
	}
	#projects li {
		float: left;
		margin: 5px;
	}
#footer {
	padding: 1%;
	text-align: center;
}
/* Comments ----------------------------------------------------------------------*/
.feedback, .feedback a {
	text-align: right;
	color: #000;
	font-size: 1.4em;
	text-decoration: none;
}
#commentform {
	text-align: center;
	font: 1.0em arial;
	text-transform: uppercase;
}
.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
}

.commentmetadata {
	margin: 0;
	display: block;
}
.commentlist {
	padding: 10px;
	margin: 0 70px 0 70px;
	text-align: justify;
}
.commentlist li {
	list-style: none;
	background: #f0f0f0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-top: #cbe86b solid 10px;
	padding: 1%;
	margin: 1% 0;
}
.alt, .thread-alt {
	background: #f0f0f0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-top: #f5f2ed solid 10px;
}
li.author {
	background: #f0f0f0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-top: #1c140d solid 10px;
}
.commentmetadata a {
	color: #666;
	text-decoration: none;
}
a.url {
	color: #000;
	text-decoration: none;
}
#author, #email, #url, #comment {
	background: #f9f9f9;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-left: #cbe86b solid 10px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	color: #666;
	width: 50%
}
#author:hover, #email:hover, #url:hover, #comment:hover {
	background: #f0f0f0;	
	border-left: #cbe86b solid 10px;
}
	#author:focus, #email:focus, #url:focus, #comment:focus {
		background: #f0f0f0;	
		border-left: #cbe86b solid 10px;
	}

/* Search ----------------------------------------------------------------------*/
#search-form {
	width: 150px;
	padding: 0 0 0 3%;
}
input, textarea, submit {
	background: #cbe86b;
	color: #666;
	padding: 3px;
	border: #cbe86b solid 1px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
}

/* Contact form style ----------------------------------------------------------------------*/

#contactform {
	text-align: center;
}
#name, #email, #subject, #comments {
	background: #f9f9f9;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-left: #cbe86b solid 10px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	color: #666;
	width: 50%
}
#name:hover, #subject:hover, #comments:hover {
	background: #f0f0f0;	
	border-left: #cbe86b solid 10px;
}
	#name:focus, #suject:focus, #comments:focus {
		background: #f0f0f0;	
		border-left: #cbe86b solid 10px;
	}