/*
Theme Name: Mozmonkey
Theme URI: http://blog.mozmonkey.com
Description: The forest theme for the Mozmonkey blog
Author: Jeremy Gillick (aka Mozmonkey)
Author URI: http://blog.mozmonkey.com
Version: 1.0
*/


/*
* Global
*/
	body {
		margin: 0;
		padding: 0;
		font: .8em Arial, sans-serif;
		text-align: center;
		background: #575757;
		position: relative;
	}	
	
	#main {
		width: 950px;
		min-width: 700px;
		margin: 7px auto;
		text-align: left;
		position: relative;
	}
	
	img {
		border: 3px solid #fff;
	}
	
	a:link {
		/*color: #3838cc;*/
		color: #4C4DAF;
		text-decoration: none;
	}
	a:visited {
		/*color: #7979cc;*/
		color: #666;
	}
	a:hover, a.hover {
		color: #b00;
	}
	
	h1 {
		font-size: 1.7em;
		font-weight: normal; 
		padding: 40px 0 0 40px;
		margin: 0;
		font-family: "Trebuchet MS",Trebuchet,Verdana,Arial,Helvetica,sans-serif;
	}
	
	h2 {
		font-size: 1.2em;
		font-weight: normal;
		padding: 0;
		margin: 0;
	}
	
	h3 {
		margin: 0 0 7px 0;
		padding: 5px 0 0 0;
	}

	h4 {
		margin:5px 0;
	}
	
	h1 a:link, h1 a:visited, h2 a:link, h2 a:visited {
		color: #fff;
		text-decoration: none;
	}
	h1 a:hover, h2 a:hover, h1 a.hover, h2 a.hover {
		color: #ccc;
	}

	blockquote {
		/*background: #ccc;*/
		border-left: 3px solid #ccc;
		margin: 5px 30px;
		padding: 1px 10px 1px 7px;
	}

	blockquote p {
		margin: 10px 0;
	}

	blockquote ul {
		padding: 0;
		margin: 10px 0 10px 12px;
	}

	p { 
		margin: 10px 0;
	}

	dl {
		margin: 10px;
	}
	dt {
		font-weight: bold;
	}
	dd {
		margin: 0 0 10px 0;
	}

	li {
		margin: 5px 0;
	}

	code {
		font-size:1.2em;
		color: #006;
	}

	/* hide accessibility items */
	.accessibility {
		position: absolute;
		top: -10000px;
		left: -10000px;
		visibility: hidden;
	}
	
/*
* Misc
*/

	h2.searchResultsTitle {
		font-weight: bold;
		font-size: 1.4em;
		padding: 10px 0;
	}

	.postNav {
		text-align: center;
	}
	
	.http404 .post .title h2 {
		padding: 15px;
	}

	p.blockImg {
		text-align: center;
		margin: 0 auto;
	}

	span.note {
		font: .85em Verdana;
		color: #666;
	}

	pre {
		background: #dedede;
		margin: 10px 20px;
		padding: 5px 5px 15px 5px;
		border-left: #666 3px solid;
		font-family: courier;
	}

	pre h3 {
		background: #666;
		margin: -5px -5px 0 -5px;
		padding: 3px;
		font-size: .9em;
		color: #eee;
		font-family: lucida grande;
	}

	fieldset.hidden {
		display: none;
	}

/*
* Errors
*/

	div.error {
		margin: 5px;
		padding: 10px;
		text-align: center;
		color: #f00;
		background: #ffc;
		border: 1px solid #ccc;
	}
	div.error p {
		margin: 3px 0;
	}
	
	input.error, textarea.error {
		background: #fee;
	}

/*
* Example Area
*/
	.example { font-size: .8em; font-family: Lucida Grande; padding: 10px; margin: 15px 10px 15px 20px; background: #ccc; border-left: #666 3px solid; }
	.example ul { padding-left: 15px; }

/*
* Header & Top Nav
*/
	#header {
		min-height: 11.7em;
		color: #fff;
		background: #000 url(images/mistyTrees.png) left top no-repeat;
		padding: 0 20px 0 320px;
		position: relative;
	}

	#header #tagline {
		font-size: 1.2em;
		color: #bbb;
		margin: 0;
		padding: 3px 0 0 60px;
		font-family: "Trebuchet MS",Trebuchet,Verdana,Arial,Helvetica,sans-serif;
	}
	
	#header ul { 
		list-style-type: none;
		position: absolute;
		bottom: 5px;
		left: 335px;
		width: 550px;
		padding: 0 50px 0 0;
		margin: 0;
	}
	
	#header ul li {
		float: left;
	}
	
	#header ul li a, #header ul li a:visited {
		display: block;
		float: left;
		margin: 0 0 0 10px;
		padding: 5px;
		width: 5em;
		font-size: .85em;
		color: #000;
		text-align: center;
		text-decoration: none;
		background: #575757;
	}
	#header ul li a:hover, #header ul li a.hover {
		background: #ccc; 
	}

/*
* Content Body & Main Content
*/
	#body { 
		padding: 3px 0 20px 15px;
		background: #fff; 
		min-height: 50em;
		position: relative;
	}
	
	#maincontent {
		width: 740px;
		float: left;
	}

	#bodyFooter {
		clear: both;
	}
	
	.post {
		margin: 20px 0;
	}
	
	.post .title h2 {
		color: #fff;
		font-size: 1.4em;
		margin: 0;
		padding: 7px 15px 0 15px;
		font-family: "Trebuchet MS",Trebuchet,Verdana,Arial,Helvetica,sans-serif;
	}

	.post h3 {
		border-bottom:1px solid #444;
        width:70%;
	}
	
	.post .title .meta {
		color: #bebebe;
		padding: 2px 20px 3px 25px;
		font: .75em Verdana;
	}

	.post .title .meta .authorName {
		font-style: italic;
	}
	
	.post .title .meta a:link, .post .title .meta a:visited {
		color: #7979cb;
		text-decoration: none;
	}
	.post .title .meta a:hover, .post .title .meta a.hover {
		color: #ccc;
	}
	
	.post .content {
		font-size: 1.05em;
	}

	.post .content, .post .extra, .comments, form.leaveComment { 
		background: #efefef;
		padding: 7px;
		font: 1.15em/1.4em Helvetica,Arial,sans-serif;
		color:#222;
		margin: 5px 10px 2px 10px;
	}

	.post .content span img {
		float: left;
		/*margin: 5px;*/
	}
	
	.post .extra {
		font-size: .85em;
		margin: 2px 10px;
	}
	.post .extra p {
		margin: 5px 0;
		padding: 0;
	}
	
/*
* Post title bar
*/
	.post .title {
		min-height: 47px;
		max-width: 800px;
		background: #000 url(images/title-bg.png) repeat-x;
	}
	
	.post .title .inn1 {
        min-height: inherit;
        height: inherit;
        background: url(images/title-bottomLeft.png) bottom left no-repeat;
    }
	
	.post .title .inn2 {
		min-height: inherit;
		height: inherit;
		background: url(images/title-topLeft.png) top left no-repeat;
	}
	
	.post .title .inn3 {
		min-height: inherit;
		height: inherit;
		background: url(images/title-bottomRight.png) bottom right no-repeat;
	}
	
	.post .title .inn4 {
		min-height: inherit;
		height: inherit;
		background: url(images/title-topRight.png) top right no-repeat;
	}
	
/*
* Post Comments 
*/


	.comments ol {
		padding: 0;
		margin: 0;
		list-style-type: none;
	}
	
	.comments ol li {
		padding: 4px;
	}
	
	.comments ol li.odd {
		background: #fff;
	}
	
	.comments .cite, .comments .date {
		padding: 0;
		margin: 3px 0;
		font-size: .9em;
	}

	form.leaveComment fieldset {
		border: none;
		margin: 0;
		padding: 0;
	}
	
	form.leaveComment legend {
		font-weight: bold;
		font-size: 1.2em; 
	}

	form.leaveComment textarea {
		width: 40em;
	}
	
	form.leaveComment label {
		font-size: .9em;
	}	
	
	form #commentSubmit {
		margin: 0 5px 5px 0;
	}
	
	#commentNotification {
		color: #333;
		position: absolute;
		background: #688e6b;
	}
	#commentNotification h3 {
		color: #111;
		padding: 50px 0 20px 0;
	}
	#commentNotification p {
		padding: 0 50px 0 50px;
		text-align: left;
	}

	
/*
* Sidebar
*/
	#sidebar {
		width: 170px;
		font: .8em Verdana;
		margin: 0 3px 0 0;
		padding: 0 0 10px 0;
		float: right;
	}

	#sidebar .inside {
		background: #688e6b;
	}
	
	#sidebar hr {
		display: none;
	}

	#sidebar a:link, #sidebar a:visited {
		color: #333;
		text-decoration: none;
	}
	#sidebar a:hover, #sidebar a.hover {
		color: #bb0000; 
	}
	
	#sidebar h3 {
		text-align: center;
		border-bottom: 1px solid #000;
		margin: 5px 0;
	}
	
	#sidebar ul{
		padding: 0;
		margin: 0 0 10px 20px;
	}
	#sidebar li {
		margin: 2px 0;
	}
	
	#sidebar dl, #sidebar p {
		padding: 0;
		margin: 0 0 10px 10px;
	}

	#sidebar p {
		margin: 10px;
	}
	
	#sidebar form {
		text-align: center;
	}
	
	#sidebar dl dt {
		font-weight: bold;
		padding: 0;
	}
	#sidebar dl dd {
		padding: 0 0 7px 0;
		margin: 0;
	}	
	
	#sidebar ul.rss {	
		list-style-type: none;
		margin-left: 5px;
	}
	
	#sidebar ul.rss li {
		background: url(images/rss/orange-14x14.png) no-repeat left center;
		margin: 2px 0;
		padding: 0 0 0 18px;
		min-height: 14px; 
	}

/*
* Google Ads
*/
	.ads_bottom {
		margin: 10px;
		text-align: center;
	}
	.ads_side {
		margin: 20px 0 10px 0;
		text-align: center;
	}
	.ads_side .list {
		margin-top: 10px;
		text-align: center;
	}

	
/*
* Footer
*/
	#footer {
		clear: both;
		font: .8em Verdana;
		text-align: center;
		padding: 5px;
	}

	#footer img {
		border: none;
		margin: 2px;
	}

	#footer p {
		margin: 3px 0;
	}