/*
456 Berea Street Main style sheet
Copyright 2006-2007 Roger Johansson
*/

/*
=Colours
Dark green headings (Main articles): 8A8E27
Light green headings (Home page sections): 828368
Green headings (Secondary): 578A1C
Green border colour: b6c8b0
Links: AE4F0C
Link hover: D03900
Heading link border: cfcfa0
Beige background colour: f1efe7
Light green background colour: f4f6e0
*/

/*
=Global
*/
blockquote,body,caption,div,dl,dt,dd,form,fieldset,h1,h2,h3,h4,h5,h6,html,li,ul,ol,p,pre,textarea,table,td,th {
	margin:0;
	padding:0;
}
body,
html {background:#f8f8f3 url(/i/body-bg-2.png) repeat-x}
body {
	padding:0;
	color:#444;
	font:76%/1.5 "Lucida Grande",Geneva,Verdana,Arial,Helvetica,sans-serif;
}

/*
=Main layout
*/
#wrap {
	position:relative;
	/*min-width:600px;*/
	min-width:728px;
	max-width:70em;
	margin:0 auto;
	padding:7px 15px 0;
	background:#fff;
}
#content {clear:both}
#main {
	float:left;
	width:62%;
	margin:1em 0;
	overflow:hidden;
}
.individual #main {
	position:relative;
	padding-top:1em;
}
.google-cse #main {width:100%}
#content-secondary {
	float:right;
	width:33%;
	margin:1em 0 0;
	color:#555;
}
.google-cse #content-secondary {
	float:none;
	width:auto;
	margin:0;
}
#content-tertiary {
	clear:both;
	padding:1em;
	background:#f1efe7;
}
#footer {clear:both}

/*
=Links
*/
a:link,
a:visited {
	border-bottom:1px dotted;
	color:#AE4F0C;
	font-weight:bold;
	text-decoration:none;
}
a:visited {color:#333}
a:hover,
a:focus,
a:active {
	border-bottom-style:solid;
	color:#D03900;
}
a:focus,
a:active {background:#ffc}
a:link.imglink, a:visited.imglink {border:none}
a:hover.imglink {background:transparent}

/*
=Headings
*/
h1,h2,h3,h4,h5,h6 {
	color:#8A8E27;
	font-weight:normal;
	font-family:"Trebuchet MS",Helvetica,Arial,Geneva,sans-serif;
}
h1 {
	margin:0 0 0.5em;
	font-size:1.8em;
	line-height:1.2;
}
h2 {
	clear:both;
	margin:1.2em 0 0;
	font-size:1.5em;
	line-height:1.3;
}
.about #main h2 {clear:none}
h3 {
	margin:0.5em 0 0;
	font-weight:bold;
	font-size:1em;
	text-transform:uppercase;
}
.home h1 {
	margin:0;
	color:#fff;
	font-size:1em;
	line-height:1.0;
}
.home #main h2 {
	margin:0 0 0.5em;
	color:#666;
	font-weight:normal;
	font-size:1.1em;
	line-height:1.0;
	text-transform:uppercase;
	letter-spacing:1px;
}
.home #main .entry h3 {
	margin:0 0 0.5em;
	font-weight:normal;
	font-size:1.8em;
	line-height:1.2;
	text-transform:none;
}
h2 a:link,
h2 a:visited,
h2 a:hover,
h3 a:link,
h3 a:visited,
h3 a:hover {
	margin:0;
	padding:0;
	border-bottom:1px dotted #8A8E27;
	color:#8A8E27;
	font-weight:normal;
}
h2 a:hover,
h2 a:focus,
h2 a:active,
h3 a:hover,
h3 a:focus,
h3 a:active {color:#D03900}
.note h3 {
	color:#333;
	text-transform:none;
}
.note h3 a:link,
.note h3 a:visited {
	border-bottom-color:inherit;
	color:#333;
	font-weight:bold;
}
.note h3 a:hover {
	color:#D03900;
	border-bottom:1px solid #D03900;
}

/*
=Lists
*/
dl,
ol,
ul {margin:1em 0}
dl {margin-top:-0.5em}
dt {
	margin:0.5em 0 0;
	font-weight:bold;
}
.lab dt {margin-top:1em}
dd {margin:0 0 0 2em}
dd p {margin:0 0 0.5em}
ul {
	padding:0 0 0 2em;
	list-style:square;
}
ol {padding:0 0 0 2.5em}
li {margin:0 0 0.5em}
.code {
	padding:3px 5px 3px 35px;
	border:1px solid #98be10;
	list-style-type:decimal-leading-zero;
	font-family:Courier;
}
.code code {font-family:Monaco,"Courier New",Tahoma}
.code li {
	margin:2px 0;
	padding:0 5px;
	background:#f7f7f5;
}
.code li.tab1 {padding-left:4ex}
.code li.tab2 {padding-left:8ex}
.code li.tab3 {padding-left:12ex}
.code li.tab4 {padding-left:16ex}
.code li.tab5 {padding-left:20ex}
.code .changed {
	color:#900;
	font-weight:bold;
}
.code em {
	color:#900;
	font-weight:bold;
	font-style:normal;
}

/*
=Data tables
*/
table {
	margin:0 0 1.5em;
	border-collapse:separate;
	border-spacing:0;
	border-bottom:1px solid #ccc;
}
caption {
	margin:0;
	padding:0.5em 0;
	font-weight:bold;
	text-align:left;
}
th {font-weight:bold}
th,
td {
	padding:0.25em 0.5em 0.25em 0;
	border-top:1px solid #ccc;
	vertical-align:top;
	text-align:left;
}

/*
=Quotations
*/
blockquote {
	margin:1em 0;
	padding-left:30px;
	color:#555;
	background:url(/i/bq.gif) no-repeat;
}
q {quotes:"\201C" "\201D" "\2018" "\2019"}
q:before {content:open-quote}
q:after {content:close-quote}
* html q {font-style:italic}
.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}
blockquote.pullquote {
	float:left;
	width:10em;
	margin:0.25em 0.75em 0.25em 0;
	padding:0.5em;
	border:3px double #ccc;
	border-width:3px 0;
	color:#333;
	background:transparent;
	font:italic 1.2em/1.3 Georgia;
}
blockquote.alt {
	float:right;
	margin:0.25em 0 0.25em 0.75em;
}
.pullquote p {
	margin:0;
	text-align:center;
}
.pullquote p:first-letter {text-transform:uppercase}
/*
=Images
*/
img {
	display:block;
	border:none;
}
.fullwidth {margin:1em auto}
.flow {
	float:right;
	margin:0 0 6px 12px;
}
.alt {
	float:left;
	margin:0 12px 6px 0;
}
.dec {
	padding:4px;
	border:1px solid #ccc;
}

/*
=Misc
*/
code,
kbd,
pre {font-family:Monaco,"Courier New",Tahoma}
strong code,
dt code {font-weight:normal}
ins {
	background-color:#dde3dd;
	text-decoration:none;
}
p,
pre {margin:0 0 1em}
abbr,
acronym {border:none}
abbr[title],
acronym[title] {
	border-bottom:1px dotted #666;
	cursor:help;
	font-style:italic;
}
.non-visual,
.structural {
	position:absolute;
	left:-9999px;
}
:after.clearfix {
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:".";
	}
.clearfix {display:inline-block}
.clearfix {display:block}

/*
=Skip links
*/
#skip {
	margin:0 0 5px;
	padding:0 1em;
	list-style:none;
	background:#f1efe7;
}
#skip li {
	display:inline;
	margin:0 1em 0 0;
	padding:0;
	font-size:0.94em;
	line-height:2.5;
}
#skip a:link,
#skip a:visited {
	padding-right:10px;
	border-color:#fff;
	color:#666;
	background:url(/i/arrow-skip.gif) no-repeat 100% 60%;
	font-weight:normal;
}
#skip a:focus,
#skip a:active,
#skip a:hover {
	color:#000;
	background-color:#ffc;
	text-decoration:underline;
}

/*
=Style switcher
*/
#switch {
	position:absolute;
	top:0;
	left:0;
	padding:0.5em 1em;
	background:url(/i/info-bg.png);
	font-size:0.94em;
}
#switch a:link,
#switch a:visited {
	border:none;
	color:#ccc;
	font-weight:normal;
}
#switch a:focus,
#switch a:active,
#switch a:hover {
	color:#fff;
	text-decoration:underline;
}

/*
=Header
*/
#header {
	position:relative;
	height:120px;
	background:#450200 url(/i/header-bg.jpg) no-repeat 0 -30px;
}
#header img {
	position:absolute;
	bottom:0;
	left:0;
	color:#fff;
}
#header a,
#header a:hover {
	border:none;
	color:#fff;
	background:transparent;
}

/*
=Footer
*/
#footer ul {
	margin:0;
	padding:1em;
	list-style:none;
	background:#fff;
	font-size:0.94em;
	text-align:right;
}
#footer li {
	display:inline;
	margin:0;
	padding:0 0 0 0.25em;
}
#footer li:before {content:"\00B7\00A0"}
#footer li:first-child:before {content:""}

/*
=Navigation
*/
#nav {
	clear:both;
	padding-top:3px;
}
#nav ul {
	float:left;
	width:100%;
	margin:0;
	padding:0;
	list-style:none;
	background:#d41e00 url(/i/nav-tab.gif) repeat-x;
}
#nav li {
	display:inline;
	margin:0;
	padding:0;
}
#nav a {
	display:block;
	float:left;
	width:auto;
	margin:0;
	border-right:1px solid #bb1600;
	border-bottom:medium none;
	border-left:1px solid #fe633a;
	color:#FFFFFF;
	background:#d41e00 url('/i/nav-tab.gif') repeat-x;
	text-transform:uppercase;
	text-decoration:none;
	letter-spacing:1px; font-style:normal; font-variant:normal; font-weight:bold; line-height:2.5; font-size:8pt; font-family:Trebuchet MS; padding-left:16px; padding-right:16px; padding-top:0; padding-bottom:0
}
#nav a:hover,
#nav a:focus,
#nav a:active {background:#b31203 url(/i/nav-tab.gif) repeat-x 0 -150px}
#nav .sel a {background:#720000 url(/i/nav-tab.gif) repeat-x 0 -300px}
#nav .sel a:focus {background:#b31203 url(/i/nav-tab.gif) repeat-x 0 -150px}

/*
=Posts
*/
.entry {
	margin:0 0 1.5em;
	padding:0 0 1em;
	border-bottom:1px dashed #b6c8b0;
}
.capt {
	margin:-1em 0 1.1em 0;
	color:#333;
	font-size:0.94em;
	line-height:1.0;
}
.note {
	margin-bottom:1em;
	padding:0.5em;
	border:1px solid #98be10;
	background:#f6feda;
}
h1 + div + .note {
	padding:0 0 1em 24px;
	border:none;
	background:url(/i/info.gif) no-repeat 2px 2px;
	border-bottom:3px double #ddd;
}
.note p {margin-bottom:1em}
.note p+p {margin:1em 0 0}
.error strong {
	color:#930;
	font-weight:bold;
}
.update {
	margin:1em 0;
	padding:0 0.5em;
	border:1px solid #98be10;
	background:#f6feda;
}
p.update {padding:0.5em}
.update p {margin:0.5em 0}
#main dl {margin-top:0}

/*
=Post footer
*/
#bookmark {
	color:#555;
	font-size:0.94em;
}
#bookmark img {
	display:inline;
	margin-right:0.5em;
	vertical-align:middle;
}
#bookmark span {
	position:absolute;
	left:-9999em;
}
.meta {
	margin:0.5em 0 0;
	padding:0;
	list-style:none;
	color:#666;
	font-size:0.94em;
}
.archive .meta,
.reviews .meta {margin-top:-0.5em}
.reviews .meta {clear:both}
.meta li {
	display:inline;
	margin:0 0 0 6px;
	padding:0 0 0 8px;
	background:url(/i/vbar.gif) no-repeat 0 50%;
}
.meta li.extended {
	margin:0 6px 0 0;
	padding:0 8px 0 0;
	background-position:100% 50%;
}
.meta li.extended a {
	padding-right:12px;
	background:url(/i/icon-continue.gif) no-repeat 100% 50%;
}
.meta li.commentinfo a,
.individual .meta .commentinfo {
	padding-left:14px;
	background:url(/i/icon-comments.gif) no-repeat 0 50%;
}
.meta li a:focus,
.meta li a:active {background-color:#ffc}
.meta li.date {
	margin:0;
	padding:0 0 0 12px;
	background-image:url(/i/icon-calendar.gif);
}
.individual .meta li.date {
	position:absolute;
	top:0;
	left:0;
	line-height:1.0;
}
.individual .meta .commentinfo {margin:0}
.category a:before {content:"\00B7\00A0";border-bottom:1px solid #fff}
.category a:first-child:before {content:""}
#related-entries {
	clear:both;
	margin:1em 0 2em;
}
#related-entries h2 {
	margin:0 0 0.5em;
	color:#000;
	font-size:1em;
	text-transform:uppercase;
	letter-spacing:1px;
}
#related-entries ul {margin:0}
#related-entries li {
	margin-bottom:0;
	font-size:0.94em;
}
.pager {
	margin:0.5em 0 1.5em;
	padding:0;
	list-style:none;
	color:#666;
	font-size:0.94em;
}
.pager li {
	margin:0;
	padding:0 0 0 12px;
	background:url(/i/icon-continue.gif) no-repeat 0 50%;
}
.pager li.prev {background-image:url(/i/icon-previous.gif)}
.pager li a {margin:0 0 0 0.25em}

/*
=Comments
*/
#comments {margin-bottom:1em}
.preview #comments {margin-top:1em}
#comments h2,
#comments h3 {
	margin:0;
	padding:0;
	color:#000;
	font-size:1em;
	text-transform:uppercase;
	letter-spacing:1px;
}
#comments h2 {
	margin:1em 0;
	padding:0 0 0 14px;
	background:url(/i/icon-comments.gif) no-repeat 0 50%;
}
#comments dl {margin:-1em 0 2em}
#comments dt {
	margin:0;
	padding:1.5em 0 0;
}
.preview #comments dt,
.preview #comments dt.r {padding-left:0}
.preview #comments dd {padding-left:1em}
#comments dt.r {
	padding:4px 0 4px 6px;
	color:#000;
	background:#e5ff87;
}
#comments dt:after.r {
	margin:0 0.5em 0 1em;
	content:"Author comment";
	font-size:0.8em;
	text-transform:uppercase;
}
#comments dd {
	margin:0;
	padding:0.5em 0.5em 1em 0;
	border-bottom:1px dashed #b6c8b0;
}
#comments dd.r {
	padding-bottom:0;
	padding-left:6px;
	color:#000;
	background:#f6feda;
}
.comment-url {
	color:#666;
	font-weight:normal;
	font-size:0.94em;
}
.r blockquote {
	color:#444;
	background-image:url(/i/bq-r.gif);
}
#comments blockquote {padding-left:30px}

/*
=AdSense
*/
.adwrap {
	padding:10px 5px 5px;
	/*background:#F9F8F4;*/
}
.leaderboard {
	clear:both;
	padding:10px 0 0;
}
.adwrap-medium-rectangle {
	margin:0 0 0.5em;
	padding:10px 5px;
	/*background:#F9F8F4;*/
}
.adwrap-medium-rectangle iframe {
	width:300px;
	height:250px;
}
.adwrap-half-banner {
	float:right;
	width:234px;
	margin:0 0 0.5em 0.5em;
}
.adwrap-half-banner iframe {
	width:234px;
	height:60px;
}
.adwrapwide {margin:0 0 1em}
.linkunit468 {margin:1em 0 0.5em}
.home .adwrapwide {margin:2em 0 1.5em}
.adwrapwide iframe {
	width:468px;
	height:60px;
}
.adwrap-button {
	float:right;
	width:auto;
	margin:0.25em 0 0.5em 1em;
	padding:10px 5px;
	/*background:#F9F8F4;*/
}
.adwrap-button iframe {
	width:125px;
	height:125px;
}
.link-unit-wide {
	clear:both;
	width:728px;
	margin:0 auto;
	padding:18px 0 6px;
}
.sponsor {margin:0.5em 0 1em}
.sponsor img {
	display:block;
	margin:0 auto;
}
.sponsor a:link,
.sponsor a:hover {border:none}

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

/*
=Recent posts list
*/
#recent {margin-top:1.5em}
#main #recent h2 {margin:0 0 1em}
#recent dl {margin:0 0 2em}
#recent dt {
	margin:1.5em 0 0.5em;
	padding:0 0 0 14px;
	background:url(/i/icon-star.gif) no-repeat 0 50%;
	font-size:1.2em;
	line-height:1.0;
	font-family:"Trebuchet MS",Helvetica,Arial,Geneva,sans-serif;
}
#recent dt.first {
	margin-top:0;
	border:none;
}
#recent dt a:link,
#recent dt a:visited,
#recent dt a:hover {
	border-bottom:1px dotted #8A8E27;
	color:#8A8E27;
	font-weight:normal;
}
#recent dt a:hover,
#recent dt a:focus,
#recent dt a:active {color:#D03900}
#recent dt a:focus,
#recent dt a:active {background-color:#ffc}
#recent dd {
	display:inline;
	margin:0 0 0 6px;
	padding:0 0 0 8px;
	background:url(/i/vbar.gif) no-repeat 0 50%;
}
#recent dd.excerpt {
	display:block;
	margin:0;
	padding:0 0 0 14px;
	background:transparent;
}
#recent dd.date,
#recent dd.commentinfo,
#recent dd.category {font-size:0.94em}
#recent dd.date {
	margin:0;
	padding:0 8px 0 14px;
	background:url(/i/vbar.gif) no-repeat 100% 50%;
}
#recent dd.commentinfo {
	padding-left:14px;
	background:url(/i/icon-comments.gif) no-repeat 0 50%;
}

/*
=Secondary content
*/
#content-secondary h3 {
	padding-left:22px;
	color:#8A8E27;
	background:url('/i/icon-flag.gif') no-repeat 0 50%;
	font-weight:normal;
	font-size:14pt;
	line-height:1.0;
	text-transform:none;
	letter-spacing:0; margin-left:0; margin-right:0; margin-top:0; margin-bottom:0.25em
}
#content-secondary dl {margin-top:-0.5em}
#content-secondary dt {margin-top:1em}
#content-secondary dd {margin:0}
p.more {text-align:right}
p.more a {
	padding-right:10px;
	background:url(/i/arrow-more.gif) no-repeat 100% 50%;
}
p.more a:focus,
p.more a:active {background:#ffc url(/i/arrow-more.gif) no-repeat 100% 50%;}

/*
=Subscribe
*/
#feeds {margin:1em 0}
#feeds h3 {
	position:absolute;
	left:-9999px;
}
#feeds .feedlist {margin:0}
.feedlist {padding:0}
.feedlist li {
	float:left;
	margin:0 8px 0 0;
	padding:2px 0 2px 20px;
	list-style:none;
	background:url(/i/icon-rss.gif) no-repeat 0 50%;
	font-size:0.94em;
}
.feedlist .button {
	padding:0;
	border:none;
	background:transparent;
}
.feedlist #technorati {
	display:block;
	float:none;
	margin:0 0 6px -4px;
	padding:0;
	background:transparent;
}
#rss-fb {
	padding-left:0;
	background:transparent;
}
#rss-fb a {border:none}
#rss-audio {margin:0}

/*
=Info
*/
#info {
	margin-bottom:0.5em;
	padding:6px 6px 12px;
	background:#f4f6e0;
}
#info h3 {
	padding:0;
	background:transparent;
}
#info p {
	margin:0;
	padding:0 41px 0 0;
	background:url(/i/about-head.gif) no-repeat 100% 0;
}

/*
=authentic jobs
*/
#authentic-jobs h3 {margin-bottom:6px;}
#authentic-jobs #aj-banner {
	margin:0 0 0 16px;
	font-size:0.94em;
}
#authentic-jobs img {
	float:left;
	margin:0 6px 6px 0;
}
#authentic-jobs ul {
	clear:both;
	margin:0 0 1em;
	padding:0;
	list-style:none;
}
#authentic-jobs div {margin:1.5em 0}
#authentic-jobs p {margin:0}
#authentic-jobs li {
	margin:0 0 0.4em;
	padding:0 0 0 16px;
	background:url(/i/icon-star.gif) no-repeat 3px 4px;
}

/*
=Hosting
*/
#hosting {
	margin:0 0 0.75em;
	padding:0.75em 0;
	border:1px dashed #b6c8b0;
	border-width:1px 0;
}
#hosting h3 {margin-bottom:6px;}
#hosting img {margin:0 0 6px 16px;}
#hosting p {
	margin:0 16px;
	font-size:0.94em;
}

/*
=Support
*/
#support {
	margin:2em 0 0;
	padding:0;
}
#support form {
	margin:1em 0 0;
	padding:0;
}
#support p {
	margin:0;
	font-size:0.94em;
	line-height:1.6;
}

/*
=Recommended
*/
.recommended {
	margin:0 0 0.75em;
	padding:0 0 1em;
	border-bottom:1px dashed #b6c8b0;
}
.recommended ul {
	margin:0.5em 0 0 16px;
	padding:0;
	list-style:none;
}
.recommended li {
	display:inline;
	margin:0 6px 0 0;
	padding:0;
	background:transparent;
}
.recommended img {
	display:inline;
	padding:4px;
	border:1px solid #ccc;
}
.recommended li a,
.recommended li a:hover {
	border:none;
	background-color:transparent;
}
.recommended a:hover img,
.recommended a:focus img,
.recommended a:active img {border-color:#d03900}
.recommended p {
	clear:both;
	margin:0 0 0 16px;
	text-align:left;
}

/*
=Quicklinks
*/
#quicklinks h3 span {
	padding-right:18px;
	background:url(/i/icon-info.gif) no-repeat 100% 50%;
	cursor:help;
}
#quicklinks dt em,
#latest dt em {
	font-weight:normal;
	font-style:normal;
}
#quicklinks dt em:before,
#latest dt em:before {content:"\00B7\00A0"}
#quicklinks dd,
#latest dd {
	margin:0 0 0.75em;
	padding:0 0 1em;
	border-bottom:1px dashed #b6c8b0;
}

/*
=Latest articles
*/
#latest {margin:0 0 1em}
#latest ul {
	margin-top:0.5em;
	padding:0;
	list-style:none;
}

/*
=Tertiary content
*/
#content-tertiary h3 {
	margin:0 0 1em;
	color:#828368;
	font-weight:normal;
	font-size:1.1em;
	line-height:1.0;
	text-transform:uppercase;
	letter-spacing:1px;
}
#content-tertiary ul {
	margin:0;
	padding:0;
	list-style:none;
}
#popular {
	float:left;
	width:32%;
}
#popular dl,
#popular p {margin:0}
#popular dt {
	margin:0;
	padding:0 0 0 14px;
	background:url(/i/icon-star.gif) no-repeat 0 0.4em;
}
#popular dd {
	margin:0 0 0.75em;
	padding:0 0 1em 14px;
	border-bottom:1px dashed #b6c8b0;
	font-size:0.94em;
}
#popular p {font-size:0.94em}
#links {
	float:left;
	width:32%;
	margin-left:2%;
}
#links li {
	margin:0;
	border-bottom:1px solid #deded0;
	background:url(/i/links-bg.gif) repeat-x;
	font-size:0.94em;
	line-height:2.0;
}
#links li:hover {background-image:url(/i/links-bg-h.gif)}
#links a {
	display:block;
	padding:0 0 0 16px;
	border:none;
	background:url(/i/icon-links.gif) no-repeat 4px 50%;
}
#links a:focus {background-color:#ffc}
#aff-supp {
	float:right;
	width:32%;
}
#aff li {
	margin:0;
	padding:0;
}
#aff a {
	display:block;
	border:none;
	background:transparent;
}
#aff a:focus,
#aff a:active {background:#ffc}
#aff img {
	display:block;
	margin:5px 0;
}

/*
=Forms
*/
label {
	display:block;
	margin-top:1em;
	font-weight:bold;
}
.checkbox {margin-top:1em}
.checkbox label,
label.inl {display:inline}
label em {
	font-weight:normal;
	font-style:normal;
	font-size:0.94em;
}
legend {
	margin:0;
	padding:0;
	color:#000;
	font-weight:bold;
}
input.txt {
	display:block;
	width:250px;
	color:#000;
	background:#fff;
}
input.btn {
	padding-right:0.25em;
	padding-left:0.25em;
}
textarea.txt {
	display:block;
	width:380px;
	color:#000;
	background:#fff;
}
input:focus.txt, textarea:focus.txt {background:#f6feda}

/*
=Search
*/
#searchForm {
	position:absolute;
	right:20px;
	top:7px;
	margin:0;
	padding:0;
	font-size:0.94em;
	line-height:2.25em;
}
#searchForm label {
	display:inline;
	margin:0;
	color:#666;
	font-family:"Trebuchet MS",Helvetica,Arial,Geneva,sans-serif;
	text-transform:uppercase;
	vertical-align:middle;
}
#searchForm input.txt {
	display:inline;
	width:130px;
	padding:2px;
	border:1px solid #999;
	vertical-align:middle;
}
#searchForm input:focus.txt {
	color:#000;
	background:#f6feda;
}
#searchForm input.btn {
	margin:0;
	vertical-align:middle;
}

.radio {margin:1em 0 0}
.radio label {display:inline}
#comments_form,
#contactForm,
#styleswitchform {
	padding:1px 10px 10px;
	border:1px solid #ccc;
	background:#f8f8f8;
}
#styleswitchform label {
	display:inline;
	margin:0 0 0 0.5em;
}
#styleswitchform fieldset {
	padding:0.5em;
	border:1px solid #666;
}
#styleswitchform legend {padding:0 0.5em}
#styleswitchform div {margin-bottom:0.5em}
#comments_form,
#styleswitchform {margin-bottom:1em}
#rem {
	margin:1em 0;
	border:none;
}
#rem label {margin:0 1em 0 0.25em}
.submitarea {margin:1em 0 0}
#comments_form p {
	margin-top:1em;
	color:#666;
}

/*
=Archive
*/
h2.article {font-weight:normal}
.categories,
.year ul {
	margin:1em 0;
	padding:0;
	list-style:none;
}
.year ul {margin-top:0}
.categories li,
.year li {
	float:left;
	width:49%;
	padding:0;
}
.year {
	clear:both;
	margin-bottom:1em;
}
.archive-pager {
	margin:1em 0;
	padding:0;
	list-style:none;
	color:#666;
}
.archive-pager li {
	float:left;
	width:5em;
	margin:0;
	padding:0;
	background-image:none;
	white-space:nowrap;
}
#archiveftr {
	clear:both;
	padding-top:1em;
}

/*
=Styles needed for inline examples in some posts
*/
.teaser {
	width:430px;
	margin:10px 0;
	padding:0 0 14px 0;
	background:url(/lab/teaser/tsr.gif) no-repeat 0 100%;
}
.teaser h3 {
	margin:0;
	padding:7px 10px 3px;
	background:url(/lab/teaser/tsr.gif) no-repeat;
	font-size:1.1em;
	text-transform:none;
}
.teaser p, .teaser a {
	margin:0;
	padding:0 10px 3px;
	border:1px solid #d8d8d8;
	border-width:0 1px;
	background:#fff;
}
.teaser a {
	display:block;
	padding:0 24px 0;
	background:url(/lab/teaser/tsr-a.gif) no-repeat 410px 50%;
	text-decoration:none;
	text-align:right;
}
.teaser a:hover {text-decoration:underline}
.survey,
.stats {
	margin:1em 0;
	border-collapse:collapse;
	border:1px solid #ccc;
	border-width:1px 0 0 1px;
}
.stats {margin:1em auto}
.stats caption {
	margin:0 auto;
	font-weight:bold;
}
.survey th,
.survey td,
.stats th,
.stats td {
	padding:4px;
	border:1px solid #ccc;
	border-width:0 1px 1px 0;
	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 {
	margin:1em 0 1em 1px;
	border-collapse:collapse;
	border-spacing:0;
	border:1px solid #555;
	border-width:1px 0 0 1px;
}
.extbl th,
.extbl td {
	padding:2px 6px;
	border:1px solid #555;
	border-width:0 1px 1px 0;
}
.extbl td[scope] {font-weight:bold}
.table1 .headers td {
	font-weight:bold;
	text-align:center;
}
.unstyled {
	margin:1em 0;
	border:none;
}
.unstyled th {text-align:center}
.unstyled th,
.unstyled td {
	padding:0.25em;
	border:none;
	vertical-align:middle;
}
blockquote.example[cite]:after {
	display:block;
	padding-top:0.25em;
	border-top:1px dotted #999;
	content: "URI: " attr(cite);
}