/*
SCREEN STYLESHEET
(c) J Tan 2006
----------------------------------------*/

@media screen{

html{font-size:100%;}

body{
margin:0;
padding:0;
border:0;
font-size: 1em;
font-family: Verdana, sans-serif;
font-family:"Centro Sans Pro Regular", Verdana, sans-serif; 
font-size-adjust:0.492; 
font-weight:normal; 
font-style:normal;
color:#333;
background:#e6e6e6;
background:#eeeee3;
text-align:center;
}
a:link,
a:visited{
text-decoration: none;
color: #026;
border-bottom: 1px solid #9bf;
}
a:focus,
a:hover,
a:active{
color:#b30;
border-bottom: 1px solid #f74;
}

strong{
font-family:"Centro Sans Pro Bold", Verdana, sans-serif; font-size-adjust:0.496; font-weight:bold; font-style:normal;
}
em{
font-family:"Centro Sans Pro Italic", Verdana, sans-serif; font-size-adjust:0.5; font-weight:normal; font-style:italic;
}

h1,h2,h3{
font-weight:300;
color:#000;
}
h1{
font-size:2.25em;
line-height:1.333em;
letter-spacing:-0.056em;
margin: 0 0 0.5em;
}
h1 em{
display:block;
font-size:0.444em;
line-height:3em;
font-style:normal;
letter-spacing:0;
margin-bottom:1em;
border-bottom: 1px solid #ccc;
}
h2{
font-size: 1.5em;
line-height: 1em;
margin: 1em 0 0.5em;
padding-top: 1em;
border-top: 1px solid #ccc;
}
h3{
font-size:1em;
line-height:1.5em;
margin:0 0 0.5em;
}
p,ul,ol,dl{
line-height:1.5em;
margin: 0 0 0.5em;
padding:0;
}
dd em{
display:block;
}
ul{
list-style:circle;
}
ul,ol{
margin:0 0 0 2em;
}
ol ul{
margin-left: 2em;
}
ol.block-list li{
margin-bottom: 1em;
}
ol.block-list li li{
margin-bottom: 0;
}
pre{
margin-left:1.5em;
}
code,pre code{
font-size: 1em;
line-height:1em;
font-family:'courier new',monospace;
color:#06c;
color: rgb(0,64,128);
}
code span.value, pre code span.value{
color: rgb(128,0,128);
}
code span.comment, pre code span.comment{
color: rgb(96,96,96);
}
code span.property, pre code span.property{
color: rgb(35,110,37);
}
h1 code, h2 code{
font-size:1em;
font-family:courier, monospace;
color:#000;
}
address{
font-size:0.750em;
line-height:2em;
font-style:normal;
margin-top:2em;
padding-top:2em;
border-top:0.083em solid #ccc;
}
address + p{
font-size:0.750em;
line-height:2em;
margin:0 0 4em;
}

table{
width:100%;
padding:0;
margin:0;
border-collapse:collapse;
border:0.063em solid #ccc;
}
th{
font-weight:300;
color: #777;
text-align:center;
padding:0.188em;
background:#fafafa;
border-top:0.063em solid #ccc;
border-bottom:0.125em solid #ccc;
}
th em{
font-style:normal;
display:block;
clear:both;
}
td{
text-align:center;
padding:0.125em 0.188em;
border-bottom:0.063em solid #ddd;
}
th span,
td span{
float:left;
width:4em;
}


#wrap{
padding:0 3em;
margin:0 auto;
text-align:left;
background:#fff;
border-top: 0.063em solid #e6e6e6;
border-right: 0.333em solid #eaeae0;
border-bottom: 0.063em solid #e6e6e6;
border-left: 0.333em solid #eaeae0;
max-width: 51.5em;
width:expression(document.body.clientWidth > 920? "920px": "auto" );
}

ol.syndication{
list-style:none;
font-size:0.875em;
line-height:1.714em;
margin:1em 0;
}
ol.syndication li{
display:inline;
margin:0 1.714em 0 0;
}
ol.syndication li a img{
vertical-align:text-top;
padding-right:0.214em;
border:0;
background:#fff;
}
ol.syndication li.feed{
margin:0;
padding:0 0 0 1.714em;
border-left:0.071em solid #ccc;
}
.equivalent{font-weight:300;font-family:arial,sans-serif;}




/* ARCHIVE
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

html{
	padding-top: 6.875em;
	background: #d6d9d7;
	}

	#archive{
	font-family: Georgia, serif;
	text-align: center;
	padding: 1.375em 0;
	position: fixed;
	top: 0;
	z-index: -1;
	}
	#archive p{
	font-size: 0.875em;
	line-height: 1.5714285714;
	color: #636361;
	text-align: left;
	width: 42.428571429em;
	padding-right: 12.571428571em;
	margin: 0 auto;
	}
	#archive-content{
	background: #fff;
	padding: 2.750em 0;
	}


}/*END @media screen*/

@media screen and (min-width: 19em) and (max-width: 51em) {

	html{
	padding-top: 19.25em;
	}
	#archive{
	padding: 2.75em 0;
	}
	#archive p{
	font-size: 1.875em;
	line-height: 1.4666666667;
	width: 24em;
	padding: 0;
	margin: 0 auto;
	}
}