body {
	margin: 0px;
	background-color: #fff;
	color: #000;
	font: 100% Georgia, 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
	line-height: 160%;
}

#headerright {
  position: absolute; right: 18px; top: 24px;
}

PRE {
	background-color: #cf9;
	background-color: #cef;
	padding: 6px;
	border-top: 1px solid #690;
	border-bottom: 1px solid #690;
  border-color: #6af;
	font-family: monaco, courier, monospace;
	font-size: 12px;
	color: #140;
	color: #014;
	line-height: 150%;
	overflow: auto;
}

.post P {
	margin-top: 0px;
}

H1 {
	font-size: 200%;
	color: #690;
}

H2, .post H1 {
	font-size: 165%;
	color: #4169e1;
	color: #0047ab;
	color: #06a;
	font-weight: bold;
	padding-bottom: 3px;
	border-bottom: 0px dotted #333;
	margin-bottom: 4px;
	font-family: Calibri, "helvetica neue", helvetica, arial;
	margin-top: 0px;
}

.post H1 {
  font-size: 210%;
  border-top: 3px solid #ddd;
  padding-top: 14px;
  margin: 6px 0px 6px 0px;
}

H2 SPAN, .post H1 SPAN, DIV.hotasyourmom {
    font-size: 13px;
    color: #690;
    font-family: "helvetica neue", helvetica, arial;
    text-transform: uppercase;
    font-weight: bold;
}

H2 SPAN A, DIV.hotasyourmom {
	color: #690;
}

H3 {
	font-size: 115%;
	color: #333;

}

#wrapper {
	margin: 14px 18px 18px 18px;
	position: relative;
	clear: left;
	padding-right: 320px;
	height: 1%;
	max-width: 800px;
	min-width: 460px;
}


#wrapper:after { display: block; height: 0px; content: "x"; clear: both; visibility: hidden; }

#wrapper #main.left, #wrapper #right {
	position: relative;
	float: left;
}
	
#wrapper #main.left {
	width: 100%;
}

#wrapper #right {
	width: 300px;
	margin-right: -314px;
	margin-left: 10px;
}

#right #bar1, #right #bar2 {
	float: left;
	border-left: 3px solid #ddd;
	padding-left: 10px;
}

#right #bar1 {
	width: 185px;
	margin-right: 10px;
}

#right #bar2 {
	width: 76px;
}

#bar2 IMG {
	border: 1px dotted #999;
}

#wrapper #main.single {
	margin: 0 auto;
	width: 80%;
}

BLOCKQUOTE {
	padding: 6px 1em;
	margin: 0px;
	margin-left: 16px;
	border-left: 3px solid #690;
	font-size: 110%;
	color: #470;
}

.trimtop {
	margin-top: 0px;
}

#footer {
	border-top: 3px solid #ccc;
	padding: 4px 18px;
	font-family: arial, helvetica;
	font-size: 13px;
	color: #666;
	clear: both;
}

#footer A {
	color: #666;
}

.box {
	padding: 0.8em;
	border-width: 3px;
	font-size: 100%;
	border-style: solid;
	background-color: #dfb;
	border-color: #690;
	margin-bottom: 10px;
}

.box.blue {
	background-color: #bdf;
	border-color: #06a;	
}

.footnote, .postmetadata {
	color: #888;
	font-size: 85%;
	line-height: 130%;
}

SUP, SUP A {
	color: #06a;
	text-decoration: underline;
	font-family: arial;
}

SUP { padding: 0px 2px; }

#masthead {
  border-bottom: 3px solid #ddd;
  border-top: 3px solid #ddd;
	min-height: 160px;
	margin: 4px 18px 0px 18px;
	padding: 3px 0px 6px 0px;
	height: 1%;
}

.post {
	border-bottom: 1px dotted #666;
	margin-bottom: 1.5em;
}

.post H4 {
	margin-top: 0px;
	margin-bottom: 4px;
	color: #888;
	font-family: arial;
	line-height: 100%;
}

#headerbox {
	position: absolute;
	top: 0px;
	left: 10px;
	background-color: #fff;
	border: 3px dashed #06a;
	border-top-width: 0px;
	padding: 0px 0px;	
	font-family: "Helvetica Neue";
	height: 65px;
	width: 270px;
	display: none;
}

A { color: #07b; }
A:visited { color: #68a; }
/* Syntax highlighting */
pre .normal {}
pre .comment { color: #005; font-style: italic; }
pre .keyword { color: #A00; font-weight: bold; }
pre .method { color: #077; }
pre .class { color: #074; }
pre .module { color: #050; }
pre .punct { color: #447; font-weight: bold; }
pre .symbol { color: #099; }
pre .string { color: #944; background: #FFE; }
pre .char { color: #F07; }
pre .ident { color: #004; }
pre .constant { color: #07F; }
pre .regex { color: #B66; background: #FEF; }
pre .number { color: #F99; }
pre .attribute { color: #5bb; }
pre .global { color: #7FB; }
pre .expr { color: #227; }
pre .escape { color: #277; }

#header {
	color: #06a;
	padding: 0px 18px 0px 18px;
	padding-top: 10px; padding-bottom: 4px;
}

#header H1 { color: #06a; font-size: 30px; }

#masthead .col {
	float: left;
}

#masthead .col.c1 { width: 49%; margin-right: 16px; }
#masthead .col.c2 { width: 49%; }

#masthead H3 {
  color: #888;
  font-family: Arial, sans-serif;	
font-size: 13px;
border-bottom: 1px dotted #999;

  padding-bottom: 2px;
  line-height: 100%;
}

#right h3 {
  color: #bbb;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;	
  font-size: 12px;
  text-transform: uppercase;
  border-bottom: 1px dotted #ccc;
  padding-bottom: 4px;
  line-height: 100%;
  margin-bottom: 5px;
}

#right P, #right LI, #masthead P, #masthead LI {
	margin-top: 0px;
	font-size: 80%;
	line-height: 145%;
  font-family: Arial, sans-serif;	 
}

LI.gapped {
	margin-bottom: 8px;
}

UL {
  padding: 0px;
  margin: 0px;
  list-style-type: none;
}

IMG {
	border: 0px;
}

.lifetime {
	color: #aaa;
	margin: 0px;
	letter-spacing: 0px;
}
#lifelog { font-family: Arial, sans-serif;	font-size: 80%; width:100%; }
#lifelog TR {  color: #666; padding: 0px; }
#lifelog TD { vertical-align: top; padding: 0px; line-height: 120%; }
#lifelog TD.entry {  border-left: 3px solid #ddd; padding: 2px; color: #333; width: 99%; margin-left: 4px;}
#lifelog TD.lifetime {  background-color: inherit; padding: 2px;}