/*  
Theme Name: MyRamble
Theme URI: http://myramble.com
Description: The new and imporoved MyRamble - now on Wordpress!
Version: 1.0
Author: Mike Harding
Author URI: http://sneak.co.nz
*/

body {
	font-size: 62.5%;
	font-family: Georgia, Times, serif;
	background: #ba5328 url(images/tile.gif) top;
	color: #333;
	text-align: center;
	margin: 0; padding: 0;
	}

#page {
	background: #fff url(images/page-bg.jpg) top left repeat-y;
	text-align: left;
	margin: 0 auto;
	width: 700px;
	padding: 10px 0;
	}

#header { padding: 0 50px; }
	#header h1 { margin: 0; }
	#header h1 a {
		display: block;
		overflow: hidden;
		padding: 0;
		padding-top: 161px;
		height: 0px !important; 
		height /**/:161px; /* for IE5/Win only */
		width: 600px;
		background: #fff url(images/header.jpg) top left no-repeat;
	}

#nav {
	font-size: 12px;
	margin: 10px 0 20px 0;
	}
#nav ul, #nav li { margin: 0; padding: 0; list-style: none; }
#nav li {
	display: block;
	float: left;
	padding-right: 25px;
	background: url(images/nav/bullet.gif) top right no-repeat;
	}
#nav li .nav-item {
	display: block;
	overflow: hidden;
	padding: 0;
	padding-top: 10px;
	height: 0px !important; 
	height /**/:10px; /* for IE5/Win only */
	}
	#nav-home .nav-item { background: url(images/nav/home.gif) top left no-repeat; width: 38px; }
	#nav-about .nav-item { background: url(images/nav/about.gif) top left no-repeat; width: 43px; }
	#nav-contact .nav-item { background: url(images/nav/contact.gif) top left no-repeat; width: 59px; }
	#nav-archives .nav-item {
		float: left;
		background: url(images/nav/archives.gif) top left no-repeat;
		width: 66px;
		margin-right: 3px;
		}
		#nav-archives select { margin-top: -5px; border: 1px solid #ddd; border-top-color: #999; border-left-color: #aaa; font-size: 11px; }
	#nav-search .nav-item {
		float: left;
		background: url(images/nav/search.gif) top left no-repeat;
		width: 51px;
		margin-right: 3px;
		}
		#nav li#nav-search { padding: 0; background: none; }
		#nav-search form, #nav-search input { margin: 0; display: inline; }
		#nav-search input {
			font-size: 11px; 
			margin-top: -5px; 
			width: 80px; 
			background: #fff;
			border: 1px solid #ddd; 
			border-top-color: #999; 
			border-left-color: #aaa;
			}

a:link { color: #666; text-decoration: underline; }
a:visited { color: #666; }
a:active { color: #ba5328; }
a:hover { color: #ba5328; text-decoration: none; }

p { font-size: 1.2em; line-height: 1.5; margin: 0 0 1em 0; }
h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
	}
h1, h2, h3 { color: #ba5328; font-size: 1.8em; }
h4 { font-size: 1.2em; }
h1 a:link, h2 a:link { color: #ba5328; text-decoration: none; }
h1 a:visited, h2 a:visited { color: #ba5328; text-decoration: none; }
h1 a:hover, h2 a:hover { color: #666; }

#content { padding: 100px 80px 80px 80px; background: url(images/bottom.gif) top left no-repeat; }
	.post { margin-bottom: 20px; padding-bottom: 30px; background: url(images/divider.gif) left bottom no-repeat; }
	.post .meta { color: #999; }
#sidebar { width: 250px; float: right; display: inline; background: #ccc; }

#footer {
	color: #666;
	text-align: center;
	clear: both;
	}

/* COMMENTS */
#comments ol, #comments li { margin: 0; padding: 0; list-style: none; }
#comments li { margin-bottom: 20px; }
p.comment-author { margin-bottom: 0; }
p.comment-author .meta { color: #666; }

#comment-form {
	background: #fff;
	}
#comment-form form { margin: 0; padding: 0; }
#comment-form h2 { margin-top: 0; margin-bottom: 27px; }
#comment-form p { margin-bottom: 9px; }
#comment-form p.buttons, #comment-form p.allowed-characters { margin-bottom: 18px; color: #666; }
#comment-form p.buttons {}
#comment-form label {
	float: left;
	display: block;
	width: 60px;
	clear: both;
	line-height: 22px;
	}
#comment-form em { color: #999; }
#comment-form .text-area label { display: block; float: none; width: auto; }
#comment-form .text-area textarea {
	width: 520px;
	background: #fff;
	border: 1px solid #ddd; 
	border-top-color: #999; 
	border-left-color: #aaa;
	}
#comment-form input.text-field {
	width: 160px;
	margin-right: 5px;
	background: #fff;
	border: 1px solid #ddd; 
	border-top-color: #999; 
	border-left-color: #aaa;
	}

/* SEARCH */
.divider { background: url(images/divider.gif) left bottom no-repeat; height: 20px; margin-bottom: 20px; }
.search-result p.meta { margin-bottom: 0; }

/* PAGE NAV */
.alignleft { float: left; display: inline; }
.alignright { float: right; display: inline; }

/* TOOLS */
.clear { clear: both; }
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}
* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}
.accessibility {
	position: absolute;
	left: -999px;
	width: 900px;
	background: none;
	}