/*  
Theme Name: Mr. Bloggy Theme
Theme URI: http://www.mrbloggy.net/
Description:
Version: 1.0
Author: Sophia Lucero
Author URI: http://stellify.net/
*/
* { margin: 0; padding: 0; font-size: 100%; }
html { font-size: 62.5%; }
body, input, textarea, button, select, option { font-family: "Segoe UI", "Lucida Grande", "Lucida Sans", Tahoma, Geneva, sans-serif; color: #eec; }
body { padding: 20px 0; background: #160601 url(images/bg.jpg) fixed; font-size: 1.3em; line-height: 1.6em; }
a img, input, textarea, button, select, option { border: none; }
/* typography */
a { text-decoration: none; outline: 0; color: #efd66f; }
a:hover, a:active, .entry-location a { color: #de8458; }
#header a, #footer a, #sidebar a { color: #bb8855; }
h1, h2, h3, h4, h5, h6, #header a, #footer a { font-weight: normal; }
#posts .more-link { font-style: italic; font-family: "Lucida Sans", "Segoe UI", "Lucida Grande", Tahoma, Geneva, sans-serif; }
#header, #sidebar, #footer { font-family: "Lucida Grande", "Lucida Sans", Tahoma, Geneva, sans-serif; }
.entry-title { font-size: 1.5em; line-height: 1.2em; }	
h3 { font-size: 1.3em; }
#header, #sidebar, #footer, .comment-meta { font-size: 0.85em; }
.entry-meta, blockquote { font-size: 0.95em; }
.entry-meta, .entry-location, .comment-meta, .navigation { text-transform: uppercase; }
.entry-meta, .entry-meta a, .comment-meta, .comment-meta a, .navigation, .navigation a { color: #a5575d; }
h3, h4, h5, h6, blockquote, .wp-caption-text, .gallery-caption { color: #aa8; }
/* collapse */
#header ul li, #sidebar ul li, #footer ul li, #posts li.post, #commentsection li { list-style: none; zoom: 1; }
#header, #main, #posts, #sidebar, .sidebar, #sidebar li, #footer, body.home #posts .carousel, body.home #posts .navigation, body.home #posts .post, body.home #posts .post .entry-content, #footer .menu { overflow: hidden; }
#header .menu, body.home #posts, body.home #posts .carousel, #map { position: relative /* for IE overflow:hidden */; }
/* forms */
#s, #author, #email, #url, #comment, #submit, .contactform input, .contactform textarea { background: url(images/postbg.png) repeat-x; padding: 5px; border: 1px solid #511; }
#s:focus, #author:focus, #email:focus, #url:focus, #comment:focus, #submit:focus, .contactform input:focus, .contactform textarea:focus { border-color: #833; }
/* layout */
#header, body.home #main, body.home #sidebar { width: 950px; }
#main, body.home #sidebar, #footer { width: 870px; }
#header, #main, body.home #sidebar, #footer { margin: 0 auto; }
#main, #footer { margin-top: 20px; }
/* proper */
#header h1, #header h1 a {
	display: block;
	width: 266px;
	height: 50px;
	text-indent: -9999px;
}
#header h1 a {
	background: url(images/mrbloggy.png) 0 0 no-repeat;
}
#header h1, #header .menu, #searchform, #subscribe {
	float: left;
	margin-right: 5px;
}
#header .menu { width: 439px; margin: 14px 20px 0 10px; display: inline; }
	#header .menu li {
		width: 87px;
		display: block;
		float: left;
		text-align: center;
	}
		#header .menu li a { padding: 5px; }
		#header .menu li a:hover { background: #66222a; }
#subscribe { margin: 14px 0 0; text-align: center; }
#s {
	margin-top: 12px;
	padding: 5px 0 5px 2px;
	width: 164px; 
}
#posts, #sidebar { float: left; overflow: hidden; }
#posts { width: 520px; margin-right: 5px; }
	#posts p, #posts  blockquote, #posts  table, #posts h3, #posts h4, #posts h5, #post h6, #posts .post .entry-content .navigation { margin: 20px 0; }
	#posts .post {
		background: url(images/post.png); padding: 10px; overflow: hidden; margin: 0 0 5px;
	}
		#posts .post .entry-thumbnail { float: left; width: 138px; height: 138px; padding: 5px; border: 1px solid #66222a; margin-right: 10px; }
		#posts .post .entry-thumbnail a { width: 138px; height: 138px; display: block; overflow: hidden; position: relative; }
		#posts .post ul, #posts .post ol { margin: 10px 20px; }
		#posts .post .entry-content blockquote { padding: 1% 10px; background: url(images/post.png); margin: 10px; }
/* image styles */
	#posts .alignnone { display: block; margin: 10px 10px 20px 0; }
	#posts img.alignleft { margin: 10px 10px 20px 0; float: left; clear: left; }		
	#posts img.alignright { margin: 10px 0 20px 10px; float: right; clear: right; }
	#posts img.aligncenter { display: block; margin: 0 auto 10px auto; float: none; clear: both; }
	#posts div.wp-caption { margin: 10px 10px 20px; border: 1px solid #66222a; overflow: hidden; }
	#posts div.alignleft { text-align: left; float: left; margin-left: 0; }
	#posts div.alignright { text-align: right; float: right; margin-right: 0; }
	#posts div.aligncenter { text-align: center; margin: 0 auto; }
		#posts .wp-caption img { display: block; margin: 5px auto; border: 1px solid #66222a; }	
		#posts .wp-caption-text { margin: 5px; font-size: 0.9em; line-height: 1.3em; }
	#posts .gallery { margin: auto auto 20px; }
		#posts .gallery img { border: none; }
		#posts .gallery .gallery-item, #posts .gallery .gallery-icon { clear: none; margin: 0; }
		#posts .gallery .gallery-icon {  }
		#posts .gallery .gallery-caption { text-align: left; font-size: 0.9em; line-height: 1.3em; margin: 0 10px 10px; }
/* comments */
.comment-author, .comment-meta {  }
.avatar { float: left; padding: 2px; border: 1px solid #66222a; margin-right: 10px; }
.commentlist { border-top: 1px solid #833; }
.commentlist li { border-bottom: 1px solid #833; padding: 10px 0; }
.commentlist li .children li { margin-left: 10px; border-bottom: none; border-left: 1px solid #66222a; padding: 0 0 0 10px; }
#posts #commentsection .commentlist li p { margin: 20px 0 0; }
#author, #email, #url { width: 170px; }
#comment { width: 345px; padding: 5px; }
#submit { padding: 10px; }
#commentsection h3{ margin: 20px 0; clear: both; }
#commentsection label { margin: 10px 0; display: block; }
/* nav */
.navigation { overflow: hidden; }
.navigation .alignleft { float: left; } 
.navigation .alignright { float: right; }
/* home */
body.home #posts, body.home #posts .navigation, body.home #posts .navigation  a , body.home #posts .post { width: auto; height: 380px; }
body.home #posts  { margin: 0; float: none; }
	body.home #posts .navigation, body.home #posts .post { float: left; }
	body.home #posts .navigation { width: 35px; }
		body.home #posts .navigation  a {
			display: block;
			width: 35px;
			line-height: 380px;
			cursor: pointer;
			text-indent: -9999px;
			background: 50% 50% no-repeat;
		}
		body.home #posts .previous a { background-image: url(images/leftarrow.png); }
		body.home #posts .next a { background-image: url(images/rightarrow.png); }
	body.home #posts .carousel { width: 870px; float: left; padding-left: 5px; margin-right: 5px; }
		body.home #posts .post { width: 170px; margin-right: 5px; padding: 0; background: url(images/postbg.png) repeat-x; }
		body.home #posts .post .entry-content, body.home #posts .post .entry-title {
			width: 150px;
			margin: 10px;
		}
		body.home #posts .post .entry-thumbnail { margin: 10px; float: none; }
		body.home #posts .post .entry-content { height: 135px; padding-bottom: 10px; }
		body.home #posts .ad {
			width: 148px; height: 340px;
			border: 1px solid #66222a;
			text-align: center;
			margin: 10px auto;
			line-height: 1;
			padding: 10px 0;
		}
		body.home #posts .ad img {
			display: block; margin: 10px auto;
		}
body.home #sidebar {
	clear: both; float: none;
	padding: 0;
	margin-top: 5px;
}
	body.home #sidebar li {
		float: left;
		width: 170px;
		margin-right: 5px;
	}
#sidebar, #sidebar .primary { width: 345px; }
#sidebar .secondary, #sidebar .tertiary { width: 170px; float: left; }
#sidebar .secondary { margin-right: 5px; }
	#sidebar li h2, .navigation-title {
		background: #210d04;
		padding: 5px 10px;
		margin: 0 0 5px;
	}
	#sidebar p {
		margin: 0 10px 10px;
	}
	#sidebar li li {
		float: none;
		width: auto;
		border-bottom: 1px solid #391e14;
		line-height: 1;
		padding: 5px 0 5px 10px;
		margin-right: 0;
	}
	#sidebar li ul { margin-bottom: 5px; }
	#sidebar li ul ul { margin: 0; }
	#sidebar #about img { float: right; margin: 0 0 0 10px; }
	#sidebar #map { width: 345px; margin: 0; }
	#sidebar .ads { text-align: center; }
	#sidebar .ads img { padding: 10px; }
#footer .menu { line-height: 1.1; }
#footer .menu li { float: left; padding-right: 5px; border-right: 1px solid #391e14; margin-right: 5px; }
#footer .menu li.last { border: none; }
#footer #copyright { clear: both; display: block; }