/* @override http://articles.evolvedwebsites.com.au/wp-content/themes/articles/style.css */

/*  
	Theme Name: Evolved websites
	Theme URI: http://www.evolvedwebsites.com.au
*/

@charset "utf-8";

/*tables*/

* {
	margin-top: 0;
	padding-top: 0;
}

body {
	font: 84% "Helvetica Neue", Helvetica, Geneva, sans-serif;
	color: #222;
	background: white;
}

#wrap {
	width: 770px;
	margin: 0 auto 0 auto;
	background-color: #FFFFFF;
}

#header {
	display: block;
	height: 50px;
	margin-top: 20px;
	padding: 0 0 8px 0;
}

#container {
	padding-top: 20px;
	padding-left: 10px;
}

#content {
	float: left;
	width: 540px;
}

#spiel {
	float: right;
	width: 177px;
	color: #555;
	padding: 5px;
	border: 1px solid #eee;
	background-color: #FBFBFB;
}

#sidebar {
	float: right;
	width: 187px;
}

#footer {
	clear: both;
	text-align: center;
	padding: 3px;
	width: 730px;
	margin: 20px 0;
	color: #cdcdcd;
}

.meta {
	text-align: right;
	font-size: 11px;
	color: #666;
	border-bottom: #DBDBDB solid 5px;
	margin-bottom: 40px;
	padding-bottom: 60px;
	padding-top: 3px;
}

.navigation {
	display: none;
}

.text {
	margin: 0;
	padding: 0;
}

/* Blog Post */

.post {
	padding-bottom: 10px;
}

.post ul li, .post ol li {
	margin-bottom: 0.5em;
}

.post h2 {
	margin-top: 2em;
	color: #000;
}

blockquote {
	font-size: 120%;
	margin: 2em 1em;
	padding: 0.8em;
	color: #555;
	border: #DBDBDB solid 1px;
	background-color: #fff9df;
}
blockquote p {
	margin: 0;
	padding: 0;
	line-height: 1.4em;
}

.post .alignleft {
	float: left;
	margin: 0 0.5em 0 0;
}

.alignright {
	float: right;
}

.com-write {
	width: 520px;
}

.side-center {
	text-align: center;
}

/*forms*/

.search {
	width: 130px;
}

/*typography*/

h1 {
	color: #333;
	margin: 0 0 0.5em 0;
	font: normal 22px Helvetica Neue Light, Verdana, Arial, sans-serif;
}

h1 a {
	color: #333;
	text-decoration: none;
}

.page h2 {
	font-size: 20px;
	font-weight: normal;
	color: #000000;
}

h2 {
	margin-bottom: 0.2em;
	font-size: 18px;
	font-weight: normal;
}

h2 a {
	text-decoration: none;
}

h3 {
	color: #222;
	font-size: 15px;
	font-weight: normal;
	margin: 1.5em 0 0.8em 0;
	padding: 1.5em 0 0.2em 0;
	border-top: 1px dashed #666;
}

p {
	margin: 0 0 1.4em 0;
	line-height: 1.6em;
}

ul {
	margin-top: 0;
}

.trackback {
	font-size: 11px;
}

.com-name {
	font-size: 13px;
	font-weight: bold;
}

/*links*/

#header img {
	border-style: none;
	margin: -5px 8px 0 0;
}

.post img {
	margin: 0.1em 0 0 1.5em;
}

a {
	color: #5ebc00;
	text-decoration: underline;
}
a:hover {
	color: #444;
}
a.img {
	text-decoration: none;
	border: none;
}

#sidebar a {
	text-decoration: underline;
	color: #5ebc00;
}

#sidebar a:hover {
	color: #444;
	text-decoration: underline;
}

#sidebar form {
	margin: 0  0 1em 0;
	padding: 0 0 0 1em;
}

/* main menu */

#sitemenu {
	position: relative;
	width: 100%;
	height: 60px;
	background: #90de00;
}

#sitemenu ul.menu {
	list-style: none;
	background: url(http://www.evolvedwebsites.com.au/images/menu-bg.gif) repeat-x left bottom #cdcdcd;
	margin: 0;
	padding: 0;
	line-height: 1.7em;
	height: 2.3em;
	border-bottom: 1px solid white;
}

#sitemenu li {
	display: inline;
	text-transform: lowercase;
}

#sitemenu li a {
	float: left;
	display: block;
	width: 99px;
	color: white;
	padding: 0.2em 0 0.4em 0;
	text-align: center;
	text-decoration: none;
}

#sitemenu li a.on, #sitemenu li a:hover {
	color: #606060;
	text-decoration: none;
}

/* Spiel */

#spiel h3 {
	font-size: 13px;
	font-weight: bold;
	color: #555;
	margin: 0;
	padding: 5px 5px;
	border: none;
}
#spiel p {
	padding-left: 10px;
	font-size: 90%;
	line-height: 1.4em;
}
#spiel a {
	color: #555;
}

/* Sidebar */

#sidebar ul {
	list-style: none;
	margin-left: 6px;
	padding-left: 6px;
}
#sidebar ul li {
	margin: 0.5em 0;
}

#sidebar h3 {
	font-size: 16px;
	color: #666;
	font-weight: normal;
	padding: 5px 5px;
	margin: 2em 0 0;
	border: none;
}

#sidebar h4 {
	color: #5ebc00;
	text-decoration: underline;
	font-size: 15px;
	font-weight: normal;
	padding-left: 6px;
	padding-top: 2px;
	margin-bottom: 6px;
}

#sidebar p {
	margin-left: 1em;
	color: #555;
	font-size: 11px;
	line-height: 1.3em;
}

#sidebar #twitter_div {
	font-size: 11.5px;
	color: #555;
}
#sidebar #twitter_div li {
	margin-bottom: 15px;
}
#sidebar #twitter_div li span a {
	color: #5ebc00;
}

#sidebar #twitter_div li a {
	color: #555;
}

/* Comments */

#comment {
	width: 95%;
	height: 90px;
}

/* Forms */

input, textarea {
	font: 80%/120% verdana;
	border: 1px solid #999;
	padding: 0.4em 0.2em;
	margin: 0.2em 0;
}
