/*
-------------------------------------------------------------------
Mycarbonstash Blog
Main Stylesheet
Vesess - http://vesess.com
-------------------------------------------------------------------
*/

/* Base styles 
------------------------------------------------------------------- */
html { color: #444; background-color: #FFF; }
body {  }

h1 { font-size: 160%; font-weight: normal; }
h2 { font-size: 150%; }
h3 { font-size: 130%; }
h4 { font-size: 110%; }
h5 { font-size: 100%; font-weight: normal; text-transform: uppercase; }
h6 { font-size: 85%; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; font-style: italic; }

a, a:link { color: #333; }
a:visited { color: #636; }
a:hover { color: #527E06; }
a img { border: 0; }

acronym, abbr { border-bottom: #000 1px dotted; }
acronym:hover, abbr:hover { cursor: help; }
code, kbd { font-size: 120%; }
hr { margin: 10px 0; border: #CCC 1px solid; }

.hide, .none { display: none; } 
.inline { display: inline; }
.nomargin { margin: 0 !important; }
.no_top_margin { margin-top: 0 !important; }
.no_bot_margin { margin-bottom: 0 !important; }
.clear { clear: both; }
div.clear { height: 5px; }
.alignleft { text-align: left; }
.alignright { text-align: right; }
.aligncenter { text-align: center; }
.floatleft { float: left; }
.floatright { float: right; }
.capitalize { text-transform: capitalize; }
.info { color: #999; }
.note { color: #CC7A00; }

div#container { background: url(../images/body_bk.jpg) transparent no-repeat bottom center; }
div#header { position: relative; height: 155px; background: url(../images/header_bk.png) transparent no-repeat top left; }
  div#header h1 { margin: 0; display: none; }
  div#logo { position: absolute; top: 20px; left: 0; }
  p#tagline { display: none; } 
  ul#menu { margin: 0; padding: 0; position: absolute; bottom: 30px; left: 10px; list-style: none; }
    ul#menu li { margin: 0 20px 0 0; padding: 0; float: left; }
    ul#menu a { float: left; color: #FFF; text-decoration: none; }
    ul#menu a:hover { color: #CEDD3B; }
    ul#menu a#menucurrent { color: #CEDD3B; }
  p#feed { margin: 0; position: absolute; top: 20px; right: 0; }
  p#feed a { padding-left: 20px; background: url(../images/feed.png) transparent no-repeat center left; text-decoration: none; }
  p#feed a:hover { text-decoration: underline; }
  div#search-form { padding: 5px; width: 370px; position: absolute; top: 50px; right: 0; border: 1px solid #E1E1E1; background-color: transparent; }
    input.search_input { margin-right: 5px; padding: 2px; float: left; width: 300px; font-size: 110%; border: 1px solid #E1E1E1; background-color: transparent; }
    input#searchsubmit { text-align: right; height: 23px; float: right; }

div#content { }
	body#home h2 { margin: 0; padding-left: 15px; background: url(../images/h2_bk.png) transparent no-repeat 0 2px; font-size: 85%; color: #CC7A00; text-transform: uppercase; letter-spacing: 1px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; line-height: 100%; }
	body.layout33 div#content h2 { margin: 1em 0; font-weight: normal; font-size: 140%; }
	body#home h3 { margin: 0 0 -3px 0; font-weight: normal; font-size: 150%; }
	h3 { font-weight: normal; }
	body#home h3 a { color: #333; text-decoration: none; }
	body#home h3 a:hover { text-decoration: underline; }
	div#featured { margin: 5px 0 18px 0; padding: 0 10px 10px; background: url(../images/intro_bot_bk.png) #FFC no-repeat bottom left; }
	div#featured h3 { margin: 0 -10px -3px -10px; padding: 7px 10px 0 10px; background: url(../images/intro_top_bk.png) #FFC no-repeat top left; font-weight: normal; font-size: 150%; }
	p.meta { margin-top: 0; color: #999; font-size: 85%; font-family: Arial, Helvetica, sans-serif; }
	p.meta a { color: #666; }
	p.meta a:hover { text-decoration: none; color: #333; }
	p.more { margin: 0 0 20px 0; color: #527E06; font-size: 85%; font-family: Arial, Helvetica, sans-serif; line-height: 100%; }
	div#featured p.more { margin: 0; }
	p.more a { color: #527E06; }
	p.more a:hover { text-decoration: none; }
	p.archive_number { margin-top: 0; float: left; width: 50%; color: #999; }
	p.feed { margin-top: 0; float: right; width: 50%; text-align: right; color: #999; }
	p.feed a { padding-left: 20px; background: url(../images/feed.png) transparent no-repeat center left; text-decoration: none; color: #999; }
	div.column { clear: both; }
	label { width: 180px; font-size: 120%; display: block; }
	div#content ul, div#content ol { margin-left: 10px; }
	p.img img { border: 1px solid #E2E2E2; }
	ul.reccom { margin-top: 5px; list-style: none; }
	ul.reccom li { margin: 0 0 5px 0; padding-left: 20px; background: url(../images/comment_bk.png) transparent no-repeat 0 5px; }
	div#content h3.archive_title { margin-bottom: 0; }
	body.layout33 div#content h2.mast { margin-bottom: 0; }
	ul.archives, wp-tag-cloud { margin-top: 0; }
	
	h1 { margin: 0; line-height: 120%; }
	div#content blockquote { float: right; width: 260px; color: #666; margin: 0 0 0 1.5em; color: #000; font-size: 140%; line-height: 170%; font-style: italic; letter-spacing: -0.05em; }

div#extra { }
	div#extra h2 { margin-bottom: 5px; }
	ul.arrow { margin: 0 0 20px 0; list-style: none; border-top: 1px solid #EEE; }
	ul.arrow li { margin: 0; padding: 10px 0; border-bottom: 1px solid #EEE; }
	p.img { margin-top: 5px; }

div#navigation {}
	div#navigation h2 { margin: 0; padding-left: 15px; background: url(../images/h2_bk.png) transparent no-repeat 0 2px; font-size: 85%; color: #CC7A00; text-transform: uppercase; letter-spacing: 1px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; line-height: 100%; }
	div.highlighted { }
	div.highlighted p { margin-bottom: 20px; line-height: 140%;  }
	div.highlighted strong { background-color: #FFC; font-weight: normal; }
		div.highlighted span { font-weight: bold; }
	p#tag { margin: 5px 0 20px 0; }
	ul.cat { margin: 5px 0 20px 0; list-style: none; }
	ul.cat li { margin: 0; padding: 3px 0 3px 15px; background: url(../images/bull.png) transparent no-repeat 0 9px;  }

div#footer { height: 80px; border-top: 1px solid #527E06; }
  p#copy, p#by { width: 50%; float: left; color: #999; }
  p#by { text-align: right; }
  p#by a { color: #999; text-decoration: none; }
  p#by a:hover { color: #333; text-decoration: underline; }
  
/* Layout 10 */
body.layout10 div#container { width: 960px; margin: 0 auto; }
body.layout10 div#wrapper { float: left; width: 100%; }
body.layout10 div#content { margin-right: 520px; }
body.layout10 div#navigation { float: left; width: 260px; margin-left: -260px; }
body.layout10 div#extra { float: left; width: 260px; margin-left: -520px; }
body.layout10 div#footer { clear: left; width: 100%; }

/* Layout 33 */
body.layout33 div#container { width: 960px; margin: 0 auto; }
body.layout33 div#content { float: left; width: 700px; }
body.layout33 div#navigation { float: right; width: 260px; }
body.layout33 div#extra { float: right; clear: right; width: 260px; }
body.layout33 div#footer { clear: both ;width: 100%; }


body.layout10 div#navigation, body.layout33 div#navigation { padding-left: 20px; width: 240px; }
body.layout10 div#extra { padding-left: 20px; width: 240px; }