/*
Theme Name: Clouds
Theme URI: http://blog.sarahwilliamson.eu
Version: 0.5
Author: Sarah Williamson
Author URI: http://sarahwilliamson.eu
*/

/*- Page Structure */

body {
    margin: 0;
	font: 70%/1.7 'Verdana', Arial, Sans-Serif;
	color: #575757;
	background: #deecfd;
	}
ul#menu  {
	width: 800px;
	margin: 0 auto;
	padding: 1em;
	list-style-type: none;
	font: 150% "Trebuchet MS", Arial, sans-serif;
	text-align: center;
	}
ul#menu li {
	margin: 0 .5em 0 0;
	padding: 0;
	display: inline;
	}
ul#menu a:link, ul#menu a:active, ul#menu a:visited {
	padding: .3em;
	color: #fff;
	background-color: #9bc1f1;
	}
ul#menu a:hover {
	color: #fff;
	background-color: #b9d1ef;
	}
ul#menu .current_page a {
	color: #fff;
	background-color: #7eade7;
	}
#content {
	margin: 0 auto;
	width: 800px;
	}
#left {
	margin: 0;
	float: left;
	width: 555px;
	}
.cloud-middle {
	margin: 0;
	padding: .5em 1em 1em 1em;
	width: 96%;
	background-color: #fff;
	}
#right .cloud-middle {
	margin: 0;
	padding: .5em 1em 1em 1em;
	width: 90%;
	background-color: #fff;
	}
.cloud-top {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 35px;
	background: url(images/cloud-top.png) bottom left;
	}
.cloud-bottom {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 35px;
	background: url(images/cloud-bottom.png) top left;
	}
#right {
	float: right;
	width: 222px;
	}
#header {
	margin: 0 auto;
	padding: 5em 0 0 0;
	width: 800px;
	height: 100px;
	background: url(images/header.png) no-repeat;	
	text-indent: -9999px;
	}
ul.archive-month, ul.tag-cloud {
	list-style-type: none;
	padding: 0;
	margin: .2em 0;
	}
.entry-bubble {
	float: right;
	margin: 0 0 .5em .5em;
	width: 55px;
	height: 50px;
	background: url(images/comment.png) no-repeat;
	}
.commentslink {
	height: 50px;
	margin: .67em 0 0 .15em;
	font: 170% "Trebuchet MS", Arial, sans-serif;
	color: #858585;
	text-align: center;
	}
.commentslink a:link, .commentslink a:hover, .commentslink a:visited, .commentslink a:active {
	color: #858585;
	}
.comment {
	margin: 0 0 2em 0;
	}
h2 {
	margin: 0;
	font: 180% "Trebuchet MS", Arial, sans-serif;
	color: #7eade7;
	}
h2 a:link, h2 a:hover, h2 a:active, h2 a:visited {
	color: #7eade7;
	}
#right h2 {
	margin: 0;
	font: 150% "Trebuchet MS", Arial, sans-serif;
	color: #7eade7;
	}
h3 {
	margin: 0;
	font: 140% "Trebuchet MS", Arial, sans-serif;
	}
.entry-meta { 
	font-size: 90%;
	padding: .2em 0 .2em 0;
	background-color: #f8f8f8;
	}
textarea {
	width: 90%;
	height: 150px;
	}
ul.tag-cloud {
	list-style-type: none;
	}
ul.tag-cloud  li {
	display: inline;
	border: none;
	}
ul.archive-month {
	margin: .2em 0;
	padding: 0;
	width: 100%;
	list-style-type: none;
	}
ul.archive-month li {
	margin: 0;
	padding: .2em 0 .2em 0;
	display: block;
	border-bottom: 1px dotted #ccc;
	}
.float h2 {
	margin: 0 0 .2em 0;
	}
.float ul {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
.float li {
	padding: 0;
	margin: 0;
	}
.blogroll li a:link, .blogroll li a:active, .blogroll li a:visited  {
	padding: .2em;
	margin: 0 0 .5em 0;
	display: block;
	background-color: #eef6ff;
	}
.blogroll li a:hover {
	background-color: #deecfd;
	}
ul.twitter {
	margin: 0;
	padding: 0;
	font-size: 90%;
	}
ul.twitter li {
	margin: 0 0 .5em 0;
	padding: .5em;
	background-color: #eef6ff;
	}
.twitter-more, .links-more {
	font-weight: bold;
	}
#commentlist {
	margin: 0;
	padding: 10px 0 20px;
	position: relative;
	}
#commentlist li {
	margin: 10px 0 0;
	padding: 10px 10px 5px;
	list-style: none;
	}
#commentlist li.comment-unapproved {
	border: #3371A3 solid 2px;
	}
#commentlist li .comment-content {
	padding: 10px 0;
	font-size: 1.2em;
	line-height: 1.8em;
	}
#commentlist li .comment-meta {
	padding: 2px 0 2px 20px;
	background: url('images/time.png') left center no-repeat;
	display: block;
	}
#commentlist li img {
	padding: 0;
	border: none;
	}
#commentlist li img.gravatar {
	float: right;
	margin: -5px 0 0;
	}
#commentlist li .commentauthor {
	font-size: 1.5em;
	font-weight: bold;
	letter-spacing: -1px;
	}
#footer {
	margin: 1em 0;
	width: 100%;
	min-height: 200px;
	background-color: #aeccf2;
	}
#footer h2 {
	font-size: 150%;
	color: #8f4102;
	}
#footer a, #footer a:hover {
	color: #9f700b;
	}
#footer-wrap {
	width: 850px;
	margin: 0 auto;
	}
#footer-wrap .float {
	width: 245px;
	min-height: 260px;
	margin: 1em .5em 0 .7em;
	padding: 1em;
	float: left;
	background-color: #c3ddfd;
	}
#footer-meta {
	padding: .2em 0 .2em 0;
	width: 100%;
	background-color: #7aaae5;
	}
#footer-meta p {
	text-align: center;
	font-size: 90%;
	color: #fff;
	}
#footer-meta a, #footer-meta a:hover {
	color: #fff;
	font-weight: bold;
	}
a:link, a:hover, a:visited, a:active {
	color: #c38808;
	text-decoration: none;
	}
.clear {
	clear: both;
	margin: 0;
	padding: .5em 0 .5em 0;
	}
.center {
	margin: 0 auto;
	text-align: center;
	}
.alignright {
	float: right;
	}
.alignleft {
	float: left
	}
img.alignright {
	margin: 0 0 .5em 1em;
	display: inline;
	}
img.noborder {
	border: none 
	}
small {
	font-size: 90%;
	}
small, strike {
	color: #777;
	}
code {
	font: 100% 'Courier New', Courier, Monospace;
	}
acronym, abbr {
	border-bottom: 1px dotted #ccc;
	cursor: help;
	}
blockquote {
	margin: 0 auto;
	padding: .3em;
	color: #333;
	}
#page-selector {
	text-align: center;
	margin: 1em 0;
	padding: 0;
	font-size: 110%;
	font-weight: bold;
	width: 100%;
	color: #999;
	}
#page-selector a {
	padding: .5em;
	color: #7eade7;
	background-color: #b9d1ef;
	}
#page-selector a.current-page {
	color: #fff;
	background-color: #7eade7;
	}
#s {
	width: 10em;
	}
#searchsubmit {
	width: 3em;
	}
img {
	border: 0;
	}