/*
Theme Name: Handy Cloud 2009
Theme URI: http://chrislorensson.com/
Description: The custom theme designed by <a href="http://chrislorensson.com">chrislorensson.com</a> for Handy Cloud Productions.
Version: 1.0
Author: Chris Lorensson
Author URI: http://chrislorensson.com/
Tags: gray, yellow, two columns

	Handy Cloud 2009 v.10
	 http://chrislorensson.com

	This theme was designed and built by Chris Lorensson,
	whose blog you will find at http://chrislorensson.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/

* {
	margin:0;
	padding:0;
}
body {
	background:#292929 url(images/bg.jpg) top repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:62.5%;
	color:#e0e0e0;
}
#container {
	display:block;
	width:988px;
	min-height:700px;
	margin:0 auto;
	position:relative;
	top:-10px;
	*top:0px;
	background:#292929 url(images/header_bg.jpg) 0 top no-repeat;
}
#header {
	display:block;
	width:864px;
	clear:both;
	height:165px;
	margin:0 auto;
}
#logo {
	float:left;
	clear:left;
	position:relative;
	top:0px;
	left:0px;
}
ul#menu {
	display:block;
	position:relative;
	top:15px;
	left:50px;
	width:600px;
	overflow: visible;
}
ul#menu li {
	display:inline;
	width:99px;
}
ul#menu li a {
	display:block;
	width:99px;
	height:41px;
	padding:14px 0 0 0;
	float:left;
	clear:none;
	vertical-align:middle;
	text-align:center;
	font-weight:bold;
	text-transform:capitalize;
	text-decoration:none;
	color:#ffed00;
	font-size:1.5em;
	font-family:Arial, Helvetica, sans-serif;
}
ul#menu li.current_page_item a, ul#menu li a:active, ul#menu li a:hover {
	color:#000000;
	background:url(images/menu_bg.png) top left;
}
#content {
	margin:0 auto;
	display:block;
	width:610px;
	float:right;
	clear:right;
	padding-right:90px;
	padding-top:25px;
}
#content p.wp-caption-text {
	color:#999999;
	font-size:.8em;
	text-decoration:none;
}
.alignright {
	display:block;
	float:right;
	margin:0 0 20px 25px;
	text-align:right;
	clear:right;
}
img.alignright {
	display:block;
	float:right;
}
.alignleft {
	display:block;
	float:right;
	margin:0 25px 20px 0;
	text-align:right;
	clear:right;
}
img.alignleft {
	display:block;
	float:left;
}
#content p {
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height:1.75em;
	font-size:1.15em;
	margin:.75em 0 1.5em 0;
	color:#cbcbcb;
}
#content p.postmetadata {
	font-size: .8em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.post {
	margin-bottom: 2em;
}
#sidebar {
	display:block;
	float:left;
	clear:left;
	padding:25px 30px 0 90px;
	width:160px;
}
#sidebar ul {
	list-style-type:none;
	margin:0;
	padding:0;
	font-size:1.5em;
}
#sidebar a {
	color:#ffffff;
	text-decoration:none;
}
#sidebar a:active, #sidebar li.current_page_item a, #sidebar li a:hover {
	text-decoration:underline;
}
a {
	text-decoration:underline;
	color:#ffffff;
}
ul {
	margin:1em 0;
}
li {
	margin:1em 0;
}
.credits {
	font-size:.8em;
	list-style-type:none;
}
.credits strong {
	font-weight:bold;
	color:#ffed00;
	text-transform:capitalize;
	display:block;
	clear:left;
}
h1 {
	font-size:2em;
}
h2 {
	font-size:1.75em;
}
h1, h2, h3, h4, h5 {
	color:#ffed00;
}
h1 a, h2 a, h3 a, h4 a, h5 a {
	text-decoration: none;
	color: #ffed00
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {
	text-decoration: underline;
}
a:hover {
	color: #ffed00;
	text-decoration:underline;
}
h3 {
	font-size: 1.5em;
	margin: 1em 0 .25em 0;
}
h4 {
	color: #ffed00;
	margin: 1em 0 .25em 0;
	font-size: 1.15em;
}
form#search {
	position:relative;
	top:27px;
	right:25px;
	display:block;
	float:right;
	clear:right;
	width:200px;
	height:20px;
}
form#search input {
	background-color:transparent;
	border:none;
	display: block;
}
form#search input.searchfield {
	background:url(images/search_bg.png) left top no-repeat;
	color:#666666;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:.9em;
	font-style:italic;
	padding:5px 0 0 20px;
	width:180px;
	height: 15px;
}
.hidden {
	display:none;
	visibility:hidden;
}

#footer {
	margin: 0 auto;
	display: block;
	width:815px;
	float:none;
	clear:both;
	padding:50px 25px;
	color:#666666;
	font-size:.8em;
}

#footer a {
	color: #666666;
}

blockquote {
	color: #666666;
	display: block;
	width: 70%;
	float: none;
	clear: both;
	padding: 0 0 0 25px;
	margin: 3em 0;
	border-left: 5px solid #666666;
	margin:0 auto;
}

#content blockquote p {
	color: #666666;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

blockquote cite {
	font-size:.8em;
	font-style:italic;
	display: block;
	clear:both;
	padding: 10px;
	padding-right:0;
	text-align: right;
}

code {
	font-family:"Courier New", Courier, monospace;
	font-size:9px;
	line-height:normal;
}