/*===
nekomatta; the little girl in a woman's mind 
version 2.1 - floral grunge in earthy red
by sean sean tan 2006-2008
http://www.nekomatta.com
(amazingly old and unstructed css, revamp due :p)
===*/

/*=== reset ===*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
}
:focus { outline: 0; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

body { background: #fff url( images/bgtile.jpg ) top repeat-x; color: #571412; width: 100%;	text-align: right; font: 62.5% "trebuchet ms", trebuchet, arial, verdana, sans-serif; }
a:link, a:active,a:visited { color: #b5480d; background: none; text-decoration: none; border-bottom: 1px dotted #b5480d; }
a:hover { color: #fff; background: #cfbb96; }
img { border-top: 5px solid #bb6643; padding: .3em 0 .3em 0; margin: 0; }
img a { border: none; }

@media all {
  #wrapper { float: right; width: 865px; text-align: left; font-size: 1.25em !important; }
    #content { width: 865px; text-align: left; }
    #sides { width: 295px; float: right; }
    #maincourse { width: 550px; float: left; padding: 1em 0 0 0; margin: 0 0 0 10px; background: transparent url( images/divider.jpg ) top right no-repeat; color: #571412; }
	}
  
@media handheld {
  #content { width: 90%; }
    #maincourse { width: 100%; float: none; }
    #sides { width: 100%; float: none; }
}

h1, h2, h3, h4 { font-weight: normal; }

h3 { font: 2.05em georgia, "times new roman", times, serif; color: #2f3850; background: none; margin: .75em 0 0 0; width: 470px; line-height: .95; }
h4 { font: 1.55em georgia, "times new roman", times, serif; color: #a1706e; background: none; }
h4.sub-header { margin: 10px 0 0 0; padding: 0; font: bold 1.155em/1.25 arial, helvetica, verdana, sans-serif; text-transform: uppercase; letter-spacing: -.01em; }

#header { width: 865px; height: 340px; background: transparent url( images/header.jpg ) no-repeat top right; text-indent: -9999px; line-height: .1em; font-size: .1em; }

.menu { width: 120px; padding: 0; margin: 1em 0 0 1em; }
.menu li { margin: 0; padding: .2em 0 .2em 0; border-bottom: 1px dotted #571412; }
.menu a { display: block; text-decoration: none; font: bold 1.4em/1.15em arial, helvetica, sans-serif; letter-spacing: -.1em; border-bottom: none; }
.menu a:hover, .menu a:focus { color: #fff; background: #bb6643; }

#twitter_div { width: 250px; margin: 2em 0 0 1em; padding: 0 0 6em 0; background: transparent url( images/btmleftborder.jpg ) bottom left no-repeat; }
#twitter_div a { border-bottom: none; }
#twitter_div a:hover { background: none; color: #571412; }
#twitter_div h2 { font-family: georgia, "times new roman", times, serif; font-size: 1.55em; color: #a1706e; text-transform: lowercase; }
#twitter_div ul { margin: 1em 0; padding: 0; }
#twitter_div ul li { margin: .5em 0 1em 1em; padding: 0; }

.sidebox00 { width: 250px; margin: 2em 0 0 1em; padding: 0; }
.sidebox00 a, .sidebox05 a { border-bottom: none; }

.sidebox01 { width: 250px; margin: 2em 0 0 1em; padding: 0 0 1em 0; background: transparent url( images/btmrightborder00.jpg ) bottom right no-repeat;}
.sidebox03 { width: 250px; margin: 1em 0 0 1em; padding: 0; text-align: right; background: transparent url( images/btmleftborder.jpg ) bottom left no-repeat;  }
.sidebox04 { width: 250px; margin: 2em 0 0 1em; padding: 0; text-align: left; background: transparent url( images/rightborder.jpg ) top right no-repeat;}
.sidebox05 { width: 250px; margin: 0; padding: 1.5em 0 .5em 0; text-align: center; }

.menutroll { width: 200px; margin: .5em 0 0 0; text-align: left; }
.menuinner { width: 210px; padding: 0 0 2em 0; margin: .5em 0 0 1em; }
.menutroll li, .menuinner li { padding: .05em 0 .05em 0; }

.menuinner a, .menutroll a { line-height: 1.2em; margin: 0; padding: 0; background: none; border-bottom: none; }
.menuinner a:hover, .menuinner a:focus, .menutroll a:hover, .menutroll a:focus { background: none; color: #571412; border-bottom: none; }

.blurb { margin: .5em 0 0 0; padding: 0 0 8.05em 0; line-height: 1.25em; text-align: left; }
.blurb a:hover { color: #a88f5a; background: none; text-decoration: none; border-bottom: 1px dotted #a88f5a; }

.lbox {	width: 450px; margin: 0; padding: 0; }
.lbox a:link, .lbox a:visited, .lbox a:hover { text-align: center; border-bottom: none; display: inline; background: none; }
.lbox img { border: 5px solid #e8cac9; padding: 0; margin: .2em; }
.lbox a:link img, .lbox a:visited img { border: 5px solid #e8cac9; }
.lbox a:hover img { border: 5px solid #b5480d; background: none; }

.lbox.clay ul { margin: 0; padding: 0; }
.lbox.clay ul li { float: left; margin: 0 5px 10px 0; }
.lbox.clay ul li a { display: block; text-align: center; width: 220px; }
.lbox.clay ul li a img { margin: 0 .2em .2em 0; width: 200px; height: 169px; }
.lbox.clay ul li a span { display: block; padding: 2px 0 0 0; color: #e8cac9; font-size: 85%; }
.lbox.clay ul li a:hover span { color: #b5450d; }


#footer { width: 250px; margin: 2em 0 0 1em; text-align: left; background: transparent url( images/btmborder.jpg ) bottom left no-repeat;  }
#footer .blurb { line-height: 1.65em; }

/* post styles */
.postwrap {
	width: 460px;
	padding: 0;
	margin: 0;
	text-align: justify;
	background: transparent url( images/postcap.jpg ) bottom left no-repeat; 
	font-size: 1.055em;
	line-height: 1.32;
}

.postinner { margin: 0; padding: 0 0 5.25em 0; }
.postinner p.blogger-labels { font-size: .87em; margin-top: 3em; color: #2f3850; }

.postadds {
	font-size: .82em;
	color: #2f3850;
	background: none;
	width: 460px;
	padding: 0 0 1em 0; 
	margin: 0;
	text-align: center;
}

.comments { width: 460px; padding: 0; margin: 2em 0 0 0; }
.comments img { border-top: none; padding: 0; margin: 0 0 3px 0; }

dl { padding: 1em  0 2em 0; margin: 0; }

.poster { font-family: arial, helvetica, sans-serif; font-size: 1.4em; line-height: 1.15em; letter-spacing: -.1em; font-weight: bold; color: #bb6643; background-color: #fff; }
.poster a { border-bottom: none; }

.comment-body {
	width: 320px;
	padding: 1em 2em 1em 2em;
	margin: 0;
	border: 1px solid #571412;
}

.timestamp {
	width: 350px;
	text-align: right;
	padding: 0;
	margin: 0;
	font-style: italic;
}

.deleted-comment { font-style: italic; color: #666; }

.backhome { display: block; margin: 1.5em 0 1.5em 0; padding: 0; }

.googleas { width: 550px; text-align: left; padding: 0; margin: 1em 0 1em 0; }
#sides p.sideprofile img { margin: 0 1em 0 0; float: left; }
.clr { clear: both; }

/*=== clearfix ===*/
.clearfix:after {  
  content: ".";  
  display: block;  
  clear: both;  
  visibility: hidden;  
  line-height: 0;  
  height: 0;  
  }  

.clearfix { display: inline-block; }  
html[xmlns] .clearfix { display: block; }  
* html .clearfix { height: 1%; }