/* YUI RESET STYLES 
------------------------------------------------------------------------------------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }



/* BASIC TYPOGRAPHY 
------------------------------------------------------------------------------------------------- */

body, th, td { font-family: "lucida grande", arial, verdana, helvetica, sans-serif; font-size:13px; color:#ccc; background:black; line-height:160%; }
h1, h2, h3, h4, h5, h6, p, dl, ul, ol, pre, blockquote { margin-bottom:1em; }
h1, h2, h3, h4, h5, h6 { font-weight:bold; color:white; }
h1 { font-size:24px; margin-bottom:1em; }
h2 { font-size:20px; margin-bottom:1em; color:#E1433c; }
h3 { font-size:15px; margin-bottom:0.5em; color:#AE68B7; }
h4 { font-size:13px; margin-bottom:0; }
h5 { font-size:13px; margin-bottom:0; }
h6 { font-size:13px; margin-bottom:0; }

strong { font-weight:bold; }
em { font-style:italic; }

a { color:#E1433c; }
a:hover { color:white; }

div.clear { height:0; overflow:hide; clear:both; }


/* TABLES
------------------------------------------------------------------------------------------------- */

table { margin:.5em 0 1.5em 0; }
table, td, th { border-spacing:0; border-collapse:collapse; border:1px solid #808080; border-width:1px 0;}
td, th { border-width:1px 0; padding:3px 0; }
th { color:#E1433c; font-weight:bold; }
td.grey { color:#555; font-style:italic; }

/* BASIC LAYOUT
------------------------------------------------------------------------------------------------- */
html { }
body { margin:0; padding:0; background:black url("/images/side.jpg") repeat-y 0 0;  }
#wrap { width:900px; padding-left:56px; }
hr { background:black; margin:1em 0; padding:0; height:0; border:none; border-top:1px solid #808080; }

.red    { color:#E1433c; }
.blue   { color:#475ED1; }
.green  { color:#55D355; }
.purple { color:#AE68B7; }
.orange { color:#F1A73D; }
.yellow { color:#FEDC08; }



/* HEADER 
------------------------------------------------------------------------------------------------- */

#header { position:relative; height:208px; background:url("/images/header.jpg") no-repeat; }
#header h1, #header h2 { display:none; }
#header ul { font-family: georgia, times, "times new roman", serif; position:relative; width:206px; left:27px; top:72px; font-size:12px; line-height:100%; }
#header ul li { border-bottom:1px solid #808080; padding:2px 0; }
#header ul li a { color:white; text-decoration:none;}
#header ul li a.active { color:#FEDC08; font-weight:bold; }
#header ul li a:hover { color:#FEDC08; }



/* FOOTER 
------------------------------------------------------------------------------------------------- */

#footer { clear:both; font-size:12px; color:#808080; margin-left:27px; border-top:1px solid #808080; padding:13px 0 15px 0; }



/* CONTENT
------------------------------------------------------------------------------------------------- */

#content { margin-left:27px; margin-top:23px; padding-bottom:100px; width:600px; position:relative; }
#content #intro { font-size:14px; color:white; margin-bottom:2em; line-height:160%; }
#content #list .item { margin-bottom:2em; }


/* SUBNAV
------------------------------------------------------------------------------------------------- */

#sub-nav { width:230px; margin:0 0 2em 2em; margin-right:-270px; position:absolute; right:0; }
#sub-nav h3 { font-size:12px; margin:0; padding:0; }
#sub-nav ul { line-height:100%; margin:0; padding:0; border:1px solid #808080; border-bottom:0;  }
#sub-nav ul li { margin:0; border-bottom:1px solid #808080;  }
#sub-nav ul li a { display:block; text-decoration:none; background:#720010; padding:3px; color:white; }
#sub-nav ul li a:hover { background:#fff; color:black; }


/* SPECIFICS
------------------------------------------------------------------------------------------------- */

#list .item { }
#list .item h3 { margin-bottom:0.5em; }
#list .item img { float:right; margin-left:15px; margin-bottom:20px; margin-top:5px; }
#list .item p { margin-bottom:0.5em; }
#list .item { clear:left; }