/********** content tag overrides **********/

p, li, blockquote, table { margin-left: 8px; margin-right: 8px; font: normal 13px Arial, sans-serif; line-height: 150%; text-align: justify; }
/*p:first-letter { font-size: 1.5em; }
p.postinfo:first-letter { font-size: 1em; }*/
a         { text-decoration: none; background-color: transparent; color: #387fd1; cursor: pointer; }
a:active  { text-decoration: underline; color: red; }
a:visited { color: #383fd1; }
a:hover   { text-decoration: underline; color: #73a395; }
h1 { font: normal 2.8em Georgia, serif; color: #387fd1; line-height: 80%; letter-spacing: 2px; margin: .4em 0 0  0; }
h2 { font: normal 1.5em Georgia, serif; color: #400; margin: .4em 0; }
h2 a, h2 a:hover, h2 a:visited { color: #400; text-decoration: none; }
h3 { font: normal 1.3em Georgia, serif; color: #73a395; line-height: 80%; margin: 0 0 .7em 0; }
h4 { font: normal 1.2em Georgia, serif; margin: 5px 0px 5px 0px; }
img { border: none; }
acronym { border-bottom: 1px dotted black; cursor: help; }
var { font-family: Courier; text-decoration: none; font-style: normal; }
blockquote { margin: 0 4ex; padding-left: 30px; background: transparent url(/media/img/quoteleft.png) no-repeat top left; }
blockquote div.bqbod { padding-right: 30px; background: transparent url(/media/img/quoteright.png) no-repeat bottom right; }
blockquote div.bqaut { padding-top: 1em; padding-right: 8ex; text-align: right; color: #600; }
li { margin-bottom: .1em; }
li p { margin: 1em 0 1em 0; }
hr { border: none; border-bottom: 1px solid #ccc; }
/*table  { border: 1px inset; }
td, th { border: 1px outset; padding: 4px; }*/
code { font-size: 11px; }

.highlight { background: #f8f8f8; }
.highlight { font-size: 11px; margin: 1em; border: 1px solid #ccc; border-left: 3px solid #F90; padding: 0; }
.highlight pre { padding: 1.5em 1em; overflow: auto; line-height: 120%; margin: 0; }

.predesc { margin: 1.5em 1.5em -2.5em 1em; text-align: right;
           font: bold 11px Tahoma, Arial, sans-serif;
           letter-spacing: 1px; color: #333; }

/********** key design elements **********/

body             { margin: 0px; padding: 0px; background: #F6F6F6; }
#everything      { background: white; }
#content         { padding: 0px 10% 0px 10%; }
#topbox          { min-height: 62px; border-bottom: 1px solid #CCC; background: transparent url(/media/img/lobster.png) no-repeat bottom right; }
#footer          { border-top: 1px solid #CCC; background: #F6F6F6; padding: 5px; }
#footer div.text { text-align: right; float:right; font: 0.9em Tahoma, sans-serif; line-height: 120%; }
#maintable       { width: 100%; table-layout: fixed; /* needed for overflow to work */ }
#maintable td    { vertical-align: top; }
td.mainbar       { padding-right: 10px; }
td.sidebar       { padding: 1em 0 1em 10px; width: 235px; vertical-align: top; border-left: 1px solid #ccc; }
td.sidebar p,
td.sidebar li    { line-height: 110%; text-align: left; font-size: .9em; }
td.sidebar p.cloud { line-height: 90%; text-align: left; }
td.sidebar p.cloud span { vertical-align: middle; }

/********** ads **********/

#adbar {
	text-align: center;
	padding-top: 10px;
	background: #f6f6f6;
}

/********** header **********/

#header {
	padding-top: 5px;
	background: #f6f6f6;
}
#header span {
	background: transparent url(/media/img/lillob.jpg) no-repeat top left;
	padding: 0 0 2px 35px;
	font: 13px Arial, sans-serif;
	letter-spacing: 1ex;
}

/********** navigation **********/

#navigation {
	background: #f6f6f6;
	border-bottom: 1px solid #ccc;
	font: 13px Arial, sans-serif;
	padding-top: 5px;
}
#navigation a {
	text-decoration: none;
	color: black;
	cursor: pointer;
	padding: 5px 0;
	border: 1px solid #73a395;
	border-bottom: none;
	-moz-border-radius-topright: 8px;
	background: #eee;
}
#navigation a:visited      { color: #222; }
#navigation li.sel a       { padding-top: 8px; background: #ddd; }
#navigation li.sel a:hover { background: #93c3b5; }
#navigation li.sel a span  { text-decoration: underline; }
#navigation a        span  { padding: 5px 1em 0 1em; }
#navigation a:hover        { background: #93c3b5; border-color: #666; }
#navigation a:hover  span  { text-decoration: underline; }
#navigation ul             { display: inline; line-height: 2em; }
#navigation li             { display: inline; margin: 0; padding: 0; }
#navigation li.title       { padding: 0 1em; color: #888; font-weight: bold; }

.postinfo { margin-bottom: 1em; }
.postinfo h2 { margin-bottom: 2px; font-size: 1.7em; }
.afterpost { margin-bottom: 1em; font: 14px Arial, sans-serif; }

.cloud a,
.cloud a:hover { text-decoration: none; }

.plugs img { vertical-align: middle; }

/********** extra goodies **********/

.gotop         { float: right; }
.gotop a       { background: transparent url(/media/img/top.gif) no-repeat; }
.gotop a:hover { text-decoration: none; }
.gotop span    { visibility: hidden; }
.prefix        { padding-right: 5px; text-decoration: underline; font-style: italic; }
.pinkbox       { margin: 3ex 10%; padding: 15px; background: #FEE; border: 2px solid #400; text-align: center; }
.fltimg        { float: right; margin: 0 0 10px 20px; background: transparent; }
.midimg        { text-align: center; }
.indented      { padding-left: 8ex; }

.formtbl th { font: normal 13px Tahoma, Arial, sans-serif; text-align: right; }
.formtbl { margin-bottom: 1em; }

.note { color: #666; font-size: .7em; }
.note2 { font-size: .8em; color: #666; }

/********** syntax highlighting **********/

.keyword { color: #00C; }
.cmt     { color: #080; }
.prepos  { color: #60C; }
.str     { color: #666; }

/********** change for printing **********/

@media print {
  * { background: white; }
  #content { padding: 0; }
  #header, #tallad, #navigation, #footer div.plugs, #toc, div.gotop, td.sidebar { display: none; }
  #footer div.text { float: none; text-align: left; }
}

/********** article comment **********/

#comments-list { margin-left: 8px; }
#comments-list ol { list-style: none; padding: 0; margin: 0 -10px 0 60px; border: none; }
#comments-list li { list-style: none; margin: 0; padding: 0; margin: 1em 0; }
#comments-list li { border-bottom: 1px solid #ddd; }
#comments-list li:last-child { border-bottom: none; }
#comments-list .info { margin-left: 5px; }
#comments-list .body { padding: 5px; margin-bottom: 1em; padding-right: 1em; }
#comments-list .body p:first-child { margin-top: 0; }
#comments-list .body p:last-child { margin-bottom: 0; }
#comments-list .info { margin-bottom: 0; }
#comments-list .gravatar { display: inline; float: left; margin-left: 0; margin-left: -60px; }