*
{
	background-color: transparent;
	color: #666;
	margin: 0;
	padding: 0;
}

a:link, 
a:visited,
a:hover, 
a:active
{
	border-bottom: dotted 1px;
	color: #af3030;
	text-decoration: none;
}

a:visited 
{
	color: #c27070;
}

a.thumb 
{
	color: #f1efe7;
}

h2 a:link,
h2 a:visited,
h2 a:active 
{
	border: none;
}

a:hover,
h2 a:hover 
{
    border-bottom: solid 1px;
	color: #600;
}

a:hover img 
{
	border: solid 1px #600;
}

body, 
form, 
input, 
label, 
textarea, 
dl dt,
ol.code li.source,
pre
{
	font-family: "Lucida Grande", Verdana, Geneva, Arial, sans-serif; 
	font-size: 100%;
}

a img 
{
	border: solid 1px #f1efe7;
	display: block;
	padding: 6px;
}

blockquote 
{
	background: #fff url(decoration/blockquote.gif) no-repeat 0 0;
	padding: 0 0 0 30px;
}

body 
{
	background-color: #800;
	font-size: 76%;
	line-height: 1.5;
	margin: 0;
	padding: 0;
	text-align: center;
}

dl
{
	margin: 0 0 1em;
}

#about dl dd, 
#archives dl dd 
{
	margin: 0 0 0.3em 15px;
}

#archives dl dt 
{
	font-size: 1.3em;
	letter-spacing: 0;
	line-height: 1;
	margin: 1em 0 0.25em 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
#archives dl dt 
{
	color: #666; 
	font-family: "Trebuchet MS", Arial, sans-serif; 
}

h1,
h2.more,
#area2 h2,
#area2 h3,
span.sectionname
{
	color: #a4b0b5;
	font-size: 1.1em;
	letter-spacing: 1px;
	line-height: 1;
	margin: 1em 0 0.5em;
	text-transform: uppercase;
}

h1,
h2.more 
{
	font-weight: normal;
}

#area2 h2,
#area2 h3
{
	color: #666; 
	text-transform: none;
}

h1,
span.sectionname 
{
	display: block;
	margin: 12px;
}

#article h1,
h2.posttitle
{
	color: #666; 
	font-size: 1.8em;
	font-weight: normal;
	letter-spacing: 0;
	line-height: 1.2;
	margin-bottom: 0;
	text-transform: none;
}

h2 
{
	font-size: 1.5em;
	line-height: 1.3;
	margin: 1.2em 0 0;
}

h2.posttitle
{
	margin: 0.5em 0 0;
}

h3 
{
	font-size: 1.3em;
	letter-spacing: 0;
	line-height: 1;
	margin: 0 0 0.25em;
}

#area2 h3
{
	font-size: 1em;
	margin: 1em 0 0 0;
	text-transform: none;
}

h4, h5, h6 
{
	font-size: 1em;
	font-weight: normal;
	margin: 0.5em 0 0;
}

#area1 h2,
#area1 h3
{
	font-weight: normal;	
}

img 
{
	border: none;
}

input,
textarea
{
	background-color: #fff;
	border: solid 1px #c6d4da;
	padding: 3px;
	width: 95%;
}

input.button 
{
	background-color: #3c3219;
	color: #fff;
	margin-top: 6px;
	padding: 3px;
	width: auto;
}

ol
{
	margin: 0 0 1em 3em;
}

ol li
{
	margin: 0 0 0.6em 0;
}

p, pre
{
	margin: 0 0 1em;
}

p.posted
{
    font-size: 0.94em;
	margin: 0 0 1.5em 0;
}

#article p.posted 
{
	margin: 0 0 1.5em 12px;
}

#default p.posted,
#default p.posted *,
#article p.posted,
#article p.posted *
{
	color: #a4b0b5;
}

p + dl,
p + ol,
p + ul, 
p + table
{
	margin-top: -0.5em;	
}

table
{
	margin: 0 0 1em 0;
	width: 100%;
}

table caption
{
	margin: 0 0 0.8em 0;
	text-align: left;
}

table td
{
	border: solid 1px #f1efe7;
	padding: 3px 6px;	
	vertical-align: top;
}

#area404 table 
{
	width: 50%;
}

#area404 table td 
{
	background-color: #fff;
	background-image: none;
	border: none;
	padding: 3px;
	vertical-align: middle;
}

table th 
{
	background-color: #e9f0f2;
	border: solid 1px #c6d4da;
	padding: 3px 6px;	
	font-weight: normal;
	text-align: left;
}

table td.numeric,
table th.numeric 
{
	text-align: right;
}

ul
{
	list-style-type: disc;
	margin: 0 0 1.68em 20px;
}

ul li
{
	margin: 0 0 0.6em 0;
}

/* page layout -------------------------------------------------- */
#wrapper 
{
	background-color: #fff;
	margin: 0 auto;
	max-width: 70em;
	min-width: 600px;
	text-align: left;
}

#area1
{
	float: left;
	padding-bottom: 2em;
	width: 64%;
}

#area1 .content 
{
	border-right: solid 1px #f1efe7;
	margin: 0 0 0 15px;
	padding: 0 35px 0 0;
}

#about #area1 .content  
{
	margin-top: 10px;
}

#archives #area1 .content 
{
	margin-top: -11px;
}

#article span.sectionname 
{
	display: block;
	padding-bottom: 11px;
}

#article .book 
{
	margin-top: -22px;
}

#area2
{
	float: right;
    font-size: 0.94em;
	margin-right: 12px;
	padding-bottom: 2em;
	width: 33%;
}

#article #area2 
{
	margin-top: -11px;
}

#area2 .content 
{
	margin-top: 11px;
	padding: 0 6px;
}

#area404 .content 
{
	padding: 0 12px;
}

/* call out sections ------- */
div.callout 
{
	background-color: #e9f0f2; 
	border-bottom: solid 1px #c6d4da;
	border-right: solid 1px #c6d4da;
	margin: 0 0 24px 0;
	padding: 1px 12px;
}

/* site header -------------------------------------------------- */
#head 
{
	background-color: #000;
}

#head .content
{
	background: #be9454 url(decoration/header.jpg) no-repeat 0 0;
	min-height: 114px;
}

/* site footer -------------------------------------------------- */
#foot
{
	background-color: #000;
	clear: both;
}

#foot .content
{
	background: #be9454 url(decoration/footer.jpg) no-repeat 0 0;	
    font-size: 0.94em;
	padding: 6px 12px;
}

#foot .content * 
{
	color: #fff;
}

/* section separators ------------------------------------------- */
div.separator
{
	border-bottom: dotted 1px #be9454;
	font-size: 1px;
	height: 1px;
	margin: 6px 0 24px 0;
}

div.separator hr
{
	display: none;
}

/* hidden, meant for accessibility only ------------------------- */
.hidden
{
	left: -9999px;
	overflow: hidden;
	position: absolute;
	width: 0;
}

/* site navigation ---------------------------------------------- */
.sitenav a:link,
.sitenav a:visited 
{
	border-bottom-style: none;
	color: #fff;
	text-transform: uppercase;
}

.sitenav a:hover,
.sitenav a:active 
{
	border-bottom-style: none;
	color: #be9454;	
}

.sitenav p
{
	color: #fff;
	display: block;
	margin: 0 12px 0 0;
	padding: 4px 0;
	text-align: right;
}

/* page navigation ---------------------------------------------- */
.pagenav 
{
	display: none;
}

#area1 .pagenav
{
	display: block;
    font-size: 0.94em;
}

/* feeds -------------------------------------------------------- */
#feeds 
{
	list-style-type:  none;
	margin-left:  0;
}

#feeds li 
{
	background: transparent url(decoration/feed.gif) no-repeat center left;
	margin-left: 6px;
	padding-left: 16px;
}

/* delicious bookmarks ------------------------------------------ */
#bookmarks ul
{
	list-style-type: none;
	margin: 0;
}

/* browse archives by category or year -------------------------- */
#browse ul 
{
	list-style-type: none;
	margin: 0;
}

#browse ul li 
{
	display: inline;
	margin: 0 0.25em 0 0;
}

#browse ul li:after
{
	content: ", ";
}

#browse ul li:last-child:after
{
	content: "";
}

/* books and photo albums --------------------------------------- */
.thumb, 
a.thumb:hover
{
	border: solid 1px transparent;
	display: block;
	float: left;
	margin: 0 1em 0.6em 0;
}

.thumb img 
{
	border: solid 1px #f1efe7;
}

.album div.separator,
.book div.separator 
{
	clear: left;
}

.album h3,
.book h3
{
	margin-top: 3px;
}

.album p.posted,
.book p.posted
{
	margin: 6px 0 3px 0;
}

/* ratings ------------------------------------------------------ */
.rating 
{
	background: transparent url(decoration/ratings/0.gif) no-repeat 0 0;
}

.rating.r1 {background-image: url(decoration/ratings/0.5.gif);}
.rating.r2 {background-image: url(decoration/ratings/1.gif);}
.rating.r3 {background-image: url(decoration/ratings/1.5.gif);}
.rating.r4 {background-image: url(decoration/ratings/2.gif);}
.rating.r5 {background-image: url(decoration/ratings/2.5.gif);}
.rating.r6 {background-image: url(decoration/ratings/3.gif);}
.rating.r7 {background-image: url(decoration/ratings/3.5.gif);}
.rating.r8 {background-image: url(decoration/ratings/4.gif);}
.rating.r9 {background-image: url(decoration/ratings/4.5.gif);}
.rating.r10 {background-image: url(decoration/ratings/5.gif);}

.rating span 
{
	height: 11px;
	width: 63px;
	visibility: hidden;
}

/* code examples ------------------------------------------------ */
ol.code
{
	margin: 1em 0 1em 25px;
	width: 100%;
}

code,
ol.code,
ol.code * 
{
	font-family: courier;
	font-size: 100%;
}

ol.code li
{
	background-color: #e9f0f2;
	border-bottom: solid 1px #fff;
	margin: 0;
}

ol.code li.source
{
	background-color: #fff;
	font-size: 0.94em;
	list-style-type: none;
	text-align: right;
}

ol.code li.tab1 {padding-left: 15px;}
ol.code li.tab2 {padding-left: 30px;}
ol.code li.tab3 {padding-left: 45px;}
ol.code li.tab4 {padding-left: 60px;}
ol.code li.tab5 {padding-left: 75px;}
ol.code li.tab6 {padding-left: 90px;}

/* comments to blog posts --------------------------------------- */
#comments blockquote 
{
	font-size: 100%;
}

#comments form 
{
	background: #e9f0f2; 
	border-bottom: solid 1px #c6d4da;
	border-right: solid 1px #c6d4da;
	padding: 6px 6px 12px 12px;
}

#comments label 
{
	display: block;
	font-weight: bold;
	margin-top: 10px;
}

#comments .help
{
	margin-top: 1em;
}

#comments blockquote p 
{
	margin: 6px 0 0 0;
}

#comments form p 
{
	width: 100%;
}

#comments p.closed
{
	margin: 3em 0 3px 0;
	padding: 3px 0 0.1em 0;
}

#comments p.count 
{
	margin: 3px 0 3px 0;
	padding: 3px 0 0.1em 0;
}

#comments p.posted 
{
	margin: 6px 0 1.68em 30px
}