/* =css reset     
--------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, strong, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline; 
list-style-type:none; 
}

.clear{ clear:both; font-size:0px; line-height:0px; height:0px;}
body{ background:#000000; }

#Wrapper{ width:860px; margin:0px auto;}

#Navigation{float:right; background:#8C0000; clear:left;}
#Navigation li{ float:left;}
#Navigation li a{ display:block; color:#999999; height:30px; padding:0px 20px; line-height:30px; font-size:80%; font-family:Arial, Helvetica, sans-serif; text-decoration:none;}
#Navigation li a:hover, #Navigation li a.active{ background:#333333;}

#Logo{ background:url(../images/logo.png); width:221px; height:47px; display:block; text-indent:-90000px; overflow:hidden;}
#TagLine{margin-bottom:10px; color:#CC6A27; font-family:Arial, Helvetica, sans-serif; font-size:80%;}

#Content{ background:#8C0000; height:380px; font-size:80%; font-family:Arial, Helvetica, sans-serif; color:#999999; padding:10px;}
#Content p{margin-bottom:8px; color:#999999;}
#Content p.Date{padding-bottom:4px; border-bottom:1px dotted #999999;}
#Content h1{ font-size:170%; color:#999999;}
#Content #Poem{ font-size:170%; color:#999999; margin-bottom:15px;}
#Content em{font-style:italic; font-size:110%;}
#Content strong{ font-weight:500;}

#ContentContainer{height:360px;} 


#DayNav{position:absolute; width:170px; height:378px; margin-top:-391px; margin-left:860px;}
#DayNav #Arrow{position:absolute; width:25px; height:30px; background:url(../images/arrow.png);}
#DayNav ul{width:0px; display:none;}
#DayNav li{ height:27px; padding:0px 0px; background:#CCC;}
#DayNav li:focus, #DayNav li:hover{ background:#333333;}
#DayNav li a{ line-height:27px; font-family:Arial, Helvetica, sans-serif; font-size:80%; color:#FFF; text-decoration:none; display:block; height:27px; width:160px; padding-left:10px;}
#DayNav li a:hover{background:#333333;}

#WebSiteBy{color:#999; font-size:70%; text-align:right; font-style:italic; font-family:Arial, Helvetica, sans-serif; margin-top:15px;}

/* =scroll bars
----------------- */  
.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 40; }
.jScrollPaneTrack { position: absolute; cursor: pointer; right: 5px; top: 0; height: 100%; width:19px!important; background: url('../images/vtrack.gif') 0 0 repeat-y; z-index: 200;}
.jScrollPaneDrag { position: absolute; background: #666; cursor: pointer; overflow: hidden; width:19px!important; background: url('../images/vtrackBar.gif') 0 0 repeat-y; }  
.jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; width:19px!important; }
.jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; width:19px!important; } 
a.jScrollArrowUp { display: block; position: absolute; z-index: 100; top: 0; right: -1px; text-indent: -2000px; overflow: hidden; width: 19px; height: 7px; background: url('../images/vtrackArrowUp.gif') 0 0 repeat-y; }
a.jScrollArrowUp:hover {  }
a.jScrollArrowDown { display: block; position: absolute; z-index: 100; bottom: 0; right: -1px; text-indent: -2000px; overflow: hidden; width: 19px; height: 7px; background: url('../images/vtrackArrowDown.gif') 0 0 repeat-y; }
a.jScrollArrowDown:hover { }
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { }