/* Global
================================================*/
* {
	margin:0;
	padding:0;
	}
html {background:#450200;}
body {
	padding:0.5em 1em 1em;
	color:#fff;
	background:#450200;
	font:150%/150% "Lucida Grande",Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
	letter-spacing:1px;
	}

/* Main layout
================================================*/
#wrap {
	margin:0 auto;
	max-width:35em;
	position:relative;
	}
#main {
	clear:both;
	width:100%;
	margin:1em 0 0 0;
	overflow:hidden;
	}
#footer {
	clear:both;
	padding:1em;
	text-align:right;
	border-top:1px solid #ccc;
	}

/* Links
================================================*/
a:link,
a:visited {
	color:#ffff3d;
	font-weight:normal;
	text-decoration:none;
	padding:0.15em;
	margin:0;
	border-bottom:2px solid #ffff3d;
	}
a:visited {color:#ffc;}
a:focus,
a:hover {
	color:#000;
	background:#ffff3d;
	border-color:#580801;
	}
a.imglink:link,
a.imglink:visited {border:0;}
a.imglink:hover {background:transparent;}

/* Headings
================================================*/
h1,h2,h3,h4,h5,h6 {
	font-weight:normal;
	color:#fff;
	font-family:Helvetica,Arial,Geneva,sans-serif;
	}
h1 {
	font-size:1.6em;
	line-height:120%;
	margin:0 0 0.625em;
	}
h2 {
	font-size:1.4em;
	margin:1.4em 0 0;
	}
h3 {
	font-size:1em;
	text-transform:uppercase;
}
.home h2 {
	font-size:1.6em;
	line-height:120%;
	margin:0 0 0.625em;
	}

/* Lists
================================================*/
dl,
ol,
ul {margin:0 0 1em;}
dl {margin-top:-0.5em;}
dt {
	font-weight:bold;
	margin:0.5em 0 0;
	}
dd {margin:0 0 0 2em;}
dd p {margin:0 0 0.5em;}
ul {
	padding:0 0 0 2.5ex;
	list-style:square;
	}
ol {padding:0 0 0 2.5ex;}
li {margin:0 0 0.5em;}
.code {
	padding:0 0 0 2em;
	font-family:Courier;
	list-style-type:decimal-leading-zero;
	}
.code code {font-family:Courier;}
.code li {
	padding:0 5px;
	margin:2px 0;
	}
.code li.tab1 {padding-left:5ex;}
.code li.tab2 {padding-left:10ex;}
.code li.tab3 {padding-left:15ex;}
.code .changed {
	font-weight:bold;
	color:#ffff3d;
	}

/* Quotations
================================================*/
blockquote {
	margin:1em 3em;
	}
q {quotes:"\201C" "\201D" "\2018" "\2019";}
q:before {content:open-quote;}
q:after {content:close-quote;}
/* Hide from IE5-mac \*/
* html q {font-style:italic;}
/* End hiding from IE5-Mac */
.bq-cite {margin:1em 0;}
.bq-cite div {
	margin-left:30px;
	font-size:0.94em;
	}
.bq-cite blockquote {margin-bottom:0;}
.bq-cite cite {font-style:normal;}

/* Images
================================================*/
img {
	border:0;
	display:block;
}
.fullwidth {
	border:1px solid #fff;
	padding:4px;
	margin:1em 0;
	}
.flow {
	float:right;
	margin:0 0 6px 6px;
	}
.dec {
	padding:4px;
	border:1px solid #fff;
	}

/* Misc
================================================*/
code,
kbd,
pre {font-family:Monaco,Courier,"Courier New",Tahoma;}
p,
pre {margin:0 0 1em;}
abbr,
acronym {border:none;}
abbr[title],
acronym[title] {
	border-bottom:1px dotted #fff;
	cursor:help;
	font-style:italic;
	}

/* Skip links
================================================*/
#skip {
	padding:0;
	margin:0;
	font-size:0.8em;
	}
#skip li {
	display:inline;
	margin:0 1em 0 0;
	}

/* Header
================================================*/
#header {margin:1em 0 0;}
#header img {
	color:#fff;
	border:2px solid #fff;
	border-width:2px 2px 0;
	}
#header a,
#header a:hover {
	display:block;
	border:0;
	padding:0;
	color:#fff;
	background:transparent;
	}

/* Navigation
================================================*/
#nav {
	float:left;
	width:auto;
	margin:0 0 1em 0;
	letter-spacing:2px;
	}
#nav ul {
	float:left;
	width:auto;
	border-left:2px solid #fff;
	margin:0;
	padding:0;
	list-style-type:none;
	}
#nav li {
	display:inline;
	padding:0;
	margin:0;
	}
#nav a {
	background:#000;
	border:2px solid #fff;
	border-width:2px 2px 2px 0;
	padding:0 1em;
	margin:0;
	color:#ffff3d;
	text-decoration:none;
	display:block;
	float:left;
	width:auto;
	font:bold 1em/1.6em Arial, Helvetica, sans-serif;
	}
#nav a:hover,
#nav a:focus {
	color:#000;
	background:#ffff3d;
	}
#nav .sel a {
	background:#fff;
	color:#000;
	}
#nav .sel a:hover,
#nav .sel a:focus {background:#ffff3d;}
#nav a:active {
	background:#920D02;
	color:#fff;
	}

/* Posts
================================================*/
.entry {margin:0 0 2.5em;}
.preamble {
	font-weight:bold;
	}
.capt {
	margin:-1em 0 1.1em 0;
	font-size:0.94em;
	line-height:1;
	}
.note {
	border:1px solid #fff;
	padding:1em;
	}
.error strong {
	font-weight:bold;
	color:#ffff3d;
	}
.update {
	border:1px solid #fff;
	padding:0 1em;
	margin:1em 0;
	}
.update p {margin:1em 0;}

/* Post footer
================================================*/
.meta {
	margin:0.5em 0 2em;
	padding:0;
	list-style:none;
	font-size:0.94em;
	}
.meta li {
	display:inline;
	background-image:none;
	border-left:1px solid;
	padding:0 0 0 0.3em;
	margin:0;
	}
.meta li:first-child {
	border:0;
	padding:0;
	}

/* Comments
================================================*/
#comments {margin-bottom:1em;}
.preview #comments {margin-top:2.5em;}
#comments dl {margin:-1.5em 0 2em;}
#comments dt {margin-top:1.5em;}
#comments dt.r {
	border-top:2px solid #ffff3d;
	padding:0.25em 0;
	}
#comments dd.r {
	border-bottom:2px solid #ffff3d;
	padding:0 0.5em 0 2em;
	margin-left:0;
	}

/* AdSense
================================================*/
.adwrap,
.adwrapwide,
.adwrap-lu,
.adwrapbutton,
.linkunitwide {
	display:none;
	}

/* Reviews
================================================*/
.review {clear:left;}
.review dd {margin:0;}
.review img {
	float:left;
	margin:0 6px 6px 0;
	}
.music {
	list-style:none;
	padding:0;
	}
.music li {
	background-image:none;
	padding:0;
	margin:0;
	}
.music img {
	float:right;
	padding:1px;
	border:1px solid #ccc;
	margin:0;
	}
.music .img {
	width:70px;
	float:right;
	}
.music .img a:link,
.music .img a:visited,
.music .img a:hover {
	border:0;
	background:transparent;
	}
.book {
	border:1px solid #ccc;
	padding:4px;
	display:block;
	float:left;
	margin:0.25em 6px 6px 0;
	}

/* Recent posts list
================================================*/
#recent {
	padding:1em 0;
	margin-top:-1em;
	border-top:1px dotted #999;
	}
#recent dt {margin:1em 0 0;}
#recent dd {
	display:inline;
	border-left:1px solid;
	padding:0 0 0 1ex;
	margin:0 0 1em 0;
	font-size:0.94em;
	}
#recent dd.date {
	border:0;
	padding:0;
	}

/* Sidebar
================================================*/
#searchForm,
#latest,
#popular,
#music,
#quicklinks,
#links,
#feeds,
#promo,
#beg {margin-bottom:2em;}
#switch {
	position:absolute;
	top:2.5em;
	right:0;
	}
#sidebar h3 {
	margin-bottom:0.5em;
	}
#sidebar dl {margin-top:-0.5em;}
#sidebar dt {margin-top:1em;}
#sidebar dd {margin:0;}
#music ul {
	margin:0;
	padding:0;
	}
#quicklinks dd {display:inline;}
#music li {
	padding:0;
	margin:0;
	background-image:none;
	display:inline;
	}
#music img {
	display:inline;
	padding:1px;
	border:1px solid #fff;
	}
#music li a {border:0;}
#music li a:hover {background-color:transparent;}
#promo a {border:0;}
p.more {text-align:right;}

/* Forms
================================================*/
label {
	font-weight:bold;
	display:block;
	margin-top:1em;
	}
label.inl {display:inline;}
label em {
	font-weight:normal;
	font-style:normal;
	font-size:0.94em;
	}
input,
textarea {
	font-size:1em;
	font-family:"Lucida Grande",Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
	}
input.txt {
	display:block;
	color:#000;
	background:#fff;
	width:20em;
	}
textarea.txt {
	display:block;
	width:30em;
	}
input.btn { padding:0 0.5em;}
input.txt:focus,
textarea.txt:focus {
	color:#000;
	background:#ffff3d;
	}
#searchForm {
	border:2px solid #fff;
	margin:1em 0;
	padding:1px 1em 1em;
	}
#searchForm label {margin:0;}
#searchForm input.txt {
	display:inline;
	width:20em;
	}
#searchForm input.btn {margin-top:0; font-size:1em;}
#comments_form,
#contactForm,
#styleswitchform {
	border:2px solid #fff;
	padding:1px 1em 1em;
	}
#styleswitchform label {
	display:inline;
	margin:0 0 0 0.5em;
	}
#styleswitchform fieldset {
	border:1px solid #ccc;
	padding:0.5em;
	}
#styleswitchform legend {padding:0 0.5em;}
#styleswitchform div {margin-bottom:0.5em;}
#comments_form,
#styleswitchform {margin-bottom:1em;}
#rem {
	border:0;
	margin:1em 0;
	}
#rem label {margin:0 1em 0 0.25em;}
.submitarea {margin:1em 0 0;}

/* Styles needed for inline examples in some posts
================================================*/
.teaser {
	width:430px;
	padding:0 0 14px 0;
	margin:10px 0;
	background:url(/lab/teaser/tsr.gif) bottom left no-repeat;
	}
.teaser h3 {
	font-size:1.1em;
	text-transform:none;
	margin:0;
	padding:7px 10px 3px;
	background:url(/lab/teaser/tsr.gif) top left no-repeat;
	}
.teaser p, .teaser a {
	margin:0;
	padding:0 10px 3px;
	border:1px solid #d8d8d8;
	border-width:0 1px;
	background:#fff;
	}
.teaser a {
	display:block;
	text-align:right;
	background:url(/lab/teaser/tsr-a.gif) 410px 50% no-repeat;
	padding:0 24px 0;
	text-decoration:none;
	}
.teaser a:hover {text-decoration:underline;}
.survey,
.stats {
	border-collapse:collapse;
	border:1px solid #ccc;
	border-width:1px 0 0 1px;
	margin:1em 0;
	}
.stats {margin:1em auto;}
.stats caption {
	font-weight:bold;
	margin:0 auto;
	}
.survey th,
.survey td,
.stats th,
.stats td {
	border:1px solid #ccc;
	border-width:0 1px 1px 0;
	padding:4px;
	text-align:left;
	}
.stats th {background:#ececec;}
.survey th {vertical-align:top;}
.survey td {
	white-space:nowrap;
	vertical-align:top;
	text-align:left;
	}
.survey td.ok {background:#cfc;}
.survey td.notok {background:#fcc;}
.survey td.partly {background:#ffc;}
.survey td span {
	border-bottom:1px dotted #000;
	cursor:help;
	font-size:0.94em;
	}
.survey caption {text-align:left;}
.extbl {
	border-collapse:collapse;
	border-spacing:0;
	border:1px solid #555;
	border-width:1px 0 0 1px;
	margin:1em 0;
	}
.extbl th,
.extbl td {
	border:1px solid #555;
	border-width:0 1px 1px 0;
	padding:2px 6px;
	}
.extbl td[scope] {font-weight:bold;}
.table1 .headers td {
	font-weight:bold;
	text-align:center;
	}
blockquote.example[cite]:after {
	content: "URI: " attr(cite);
	border-top:1px dotted #999;
	padding-top:0.25em;
	display:block;
	}