/*
Client:		webadvent.org
Variant:	Screen
Author:		Jon Tan
Date:		01/12/2008
----------------------------------------*/

html{
height: 100%;
margin-bottom: 1px;
}

body{
font-size: 1em;
font-family: Baskerville, "Baskerville Old Face", "Constantia", Georgia, "Times New Roman", serif, sans-serif;
color: #393939;
background: #fffff0;
text-align: left;
}

/*
text =t
----------------------------------------*/

/* =a */

a:link,
a:visited{
color: #000;
text-decoration: none;
border-bottom: 1px solid #bbbbb0;
}

h1 a:link,
h1 a:visited{
color: #c30;
text-decoration: none;
border-bottom: 0;
}

h1 a:link span,
h1 a:visited span{
color: #f90;
}

.index li a:link,
.index li a:visited{
color: #000;
}
.index li em a:link,
.index li em a:visited{
color: #000;
}

a:focus,
.index li a:focus,
.index li em a:focus{
color: #000;
background: #e8e8e8;
outline: 1px solid #fff;
text-decoration: none;
}

a:hover,
.index li a:hover,
.index li em a:hover{
color: #c30;
border-bottom: 1px solid #f90;
}

a:active,
.index li a:active,
.index li em a:active{
color: #000;
background: #bfbfbf;
outline: 1px solid #fff;
text-decoration: none;
}

/* =h */

.header h1{
font-size: 2.75em;
font-weight: 400;
}
.header h1 span{
font-size: 1.636em;
font-style: italic;
text-transform: lowercase;
}
.header h1 em{
font-size: 0.546em;
line-height:1em;
font-style: italic;
color: #000;
position: absolute;
left: 42%;
top: 6.5em;
/*font-size: 36px;
top: 4.083em;*/
}

.entry-content h2{
font-size: 1.25em;
line-height: 1.393939em;
font-weight: normal;
font-style: italic;
color: #222;
margin-bottom: 0.667em;
}
.entry-content h3{
font-size: 1em;
line-height: 1.5em;
color: #222;
margin-bottom: 0.75em;
}

/* structured text =s */


/*
grouping elements - layers / dividers =d
----------------------------------------*/

.wrap{
width: 85%;
min-width: 700px;
margin: 0 auto;
}

.flow,
.footer{
display: block;
clear: both;
}

/*
sub grouping elements - layers / dividers =sd
----------------------------------------*/

.header{
position: relative;
padding: 1.313em 0 1.438em;
border-top: 0.25em solid #ddc;
border-bottom: 0.063em solid #c9bfbf;
}

.header ul{
position: absolute;
right: 0;
top: 3.938em;
}
.header ul li{
font-size: 1em;
line-height: 1.5em;
display: inline;
margin-left: 0.75em;
}

.entry-info,
.blurb{
float:left;
width: 33%;
padding-top:1.063em;
}
.entry-info{
width: 36%;
margin: 2.625em 0 0.75em;
padding-top: 0;
}
.author{
margin-top: 0;
}
.blurb{
margin: 1.5em 0;
}
.blurb p,
.entry-info p{
font-size: 1em;
line-height: 1.5em;
margin-bottom: 0.75em;
}
.blurb p.credits{
font-size: 0.875em;
line-height: 1.714em;
color: #766;
margin-bottom: 0.857em;
}
/*
.blurb p span{
border-color: #eeeee0;
border-style: solid;
border-width: 1px;
display: block;
float: left;
width: 1em;
text-align: center;
font-size: 4.5em;
font-style: normal;
line-height: 1em;
margin: -0.033em 0.133em 0 0;
color: white;
background: #777770;
}
*/
.blurb p:first-line{
font-size: 18px;
color: #000;
}
.entry-info p{
color: #555;
}
.entry-info p em{
font-style: normal;
color: #393939;
}
.author p{
font-style: italic;
margin-bottom: 0.75em;
position: relative;
}
.author blockquote,
.entry-content blockquote{
text-indent: -0.5em;
}
.author blockquote{
margin-right: 124px;
}
.author cite a{
float: right;
margin: 0.31em 0 0.75em 0.75em;
}
.author a:link img,
.author a:visited img{
padding:0.063em;
border: 0.063em solid #c9bfbf;
}
.blurb ul{
list-style: circle;
color: #393939;
margin-bottom: 0.815em;
}
.blurb ul li{
font-size: 1.125em;
line-height: 1.393939em;
font-style: italic;
}
.author ul{
color: #766;
clear: right;
}
.author ul li{
font-size: 1em;
line-height: 1.5em;
margin-bottom: 0.75em;
}
.author ul li span{
font-style: italic;
float: left;
display: block;
width: 5em;
}

.entry-content,
ol.index{
float: right;
width: 58%;
text-align: left;
}

.entry-content{
margin-top: 5.625em;
padding-bottom: 1.5em;
}
.entry-content p,
.entry-content li,
.entry-content dt,
.entry-content dd,
.entry-content td,
.entry-content table caption,
.entry-info p{
font-size: 1em;
line-height: 1.5em;
}
.entry-content p,
.entry-content li,
.entry-content ol,
.entry-content ul,
.entry-content dd,
.entry-content pre,
.entry-content table,
.entry-info p{
margin: 0 0 0.75em 0;
}
.entry-content ol{
list-style: lower-roman;
}
.entry-content ul{
list-style: circle;
}
.entry-content .short-list li{
margin-bottom: 0;
}
.entry-content dt{
font-weight: 800;
}

.entry-content blockquote{
font-style: italic;
color: #766;
position: relative;
}
.entry-content pre{
overflow: auto;
border-left: 0.063em solid #c9bfbf;
padding-left: 0.75em;
margin-left: -0.75em;
}
.entry-content code{
font-family: "Courier New", monospace;
font-size: 1em;
line-height: 1.5em;
color: #4d0000;
}
.entry-content table{
width: 100%;
border-top: 0.063em solid #c9bfbf;
}
.entry-content table caption{
font-style: italic;
}
.entry-content table th,
.entry-content table td{
font-family: "Courier New", monospace;
padding: 0.375em 0;
border-bottom: 0.063em solid #c9bfbf;
}
.entry-content table th{
font-style: italic;
}
.entry-content abbr{
font-variant: small-caps;
}
.entry-content abbr[title],
.entry-content dfn[title]{
cursor: help;
}

ol.index{
margin: 1.5em 0;
}
ol.index li{
font-size: 1em;
line-height: 1em;
color: #766;
/*background: #fff;*/
padding: 1.063em 0 1.063em 60px;
margin-right: -0.01em;
border-bottom	: 0.063em solid #c9bfbf;
min-height: 3em;
position: relative;
}
ol.index li.first{
border: 0;
}
ol.index li:focus,
ol.index li:hover{
color: #393939;
background: #efefe0;
}
ol.index li h2{
font-size: 1em;
line-height: 1.5em;
font-weight: 400;
display: inline;
}
ol.index li h2 em{
font-style: normal;
font-size: 1.125em;
line-height: 1.393939em;
}
ol.index li h2 strong{
position: absolute;
display: block;
width: 2.5em;
left: -3em;
top: 1.313em;
font-size: 1em;
line-height: 1.2em;
font-weight: 400;
text-align: right;
}
.index li h2 strong sup,
.entry-info p em sup{
font-size: 0.875em;
line-height: 1em;
vertical-align: text-top;
}
ol.index li:focus strong,
ol.index li:hover strong{
color: #612930;
}
ol.index li h2 img{
position: absolute;
left: 0;
top: 1em;
padding: 0.063em;
border: 0.063em solid #c9bfbf;
}
ol.index li p{
font-size: 1em;
line-height: 1.5em;
font-style: italic;
display: inline;
}
ol.index li p:before{
content: " • "
}

.flow{
height: 3em;
border-top: 0.063em dotted #c9bfbf;
padding-top: 1.5em;
}
.flow li{
font-size: 1em;
line-height: 1.5em;
display: block;
margin-right: 1.5em;
}
.flow li.previous{
float: left;
}
.flow li.next{
float: right;
margin-right: 0;
}
.flow li span{
font-size: 0.875em;
font-style: italic;
}

.footer{
padding: 1.125em 0 3em;
border-top: 0.063em solid #c9bfbf;
border-bottom: 0.25em solid #ddc;
}
.footer p{
font-size: 0.875em;
line-height: 1.714em;
}


.footer h2,
.blurb h2,
.index li h2 strong span,
h1 tt,
.entry-info h2,
.flow h2{
position: absolute;
left: -9999px;
}

/* Crap added by Chris. :-) */
.footnote span{
 position: absolute; left: -9999px;
}

.footnote-return span{
 position: absolute; left: -9999px;
}

a.footnote{
 font-size:0.75em;
 vertical-align:super;
}

ol.footnotes{
 list-style-type: decimal;
}