/*
   red-shell
   style
   V1.8
   1/4/2012
*/

* {
margin: 0;
}
html, body {
background-color: white;
height: 100%;
}

#container
{
width: 100%;
min-height: 100%;
height: auto !important
height: 100%;
margin: 0px auto -5em;
background-color: #333;
color: #333;
line-height: 130%;
}

#head {
  background-color: #333333;
}

#top
{
background-image: url(red-shell-top.jpg);
background-repeat: no-repeat;
background-color: black;
height: 105px;
border-bottom: 1px solid #888888;
}

#sitename h1
{
color: #aaaaaa;
padding: 0;
margin: 0;
text-align: center;
padding: 45px;
}

#midrealm
{
clear: left;
background-color: #333333;
}

#logo {
   float: right;
   padding-right: 4em;
   clear: right;
}
#cont_space {
   margin-top: -16px;
   background-color: #333333;
   height: 20px;
}

.spacer {
   clear: both;
}

#nav
{
text-align: right;
float: left;
width: 160px;
margin: 0;
padding: 1em;
border: solid 1px #888888;
background-image: url(red-shell-side.jpg);
background-repeat: no-repeat;
background-color: black;
color: #ffffdd;
}
#nav ul
{
margin: 0;
text-align: right;
list-style-type: none;
}
#nav .last a
{
display: block;
width: 7em;
padding: .3em .7em;
text-decoration: none;
background-color: black;
}
#nav a
{
display: block;
width: 7em;
padding: .3em .7em;
text-decoration: none;
background-color: black;
}

#nav a:link { color: #bbbbbb; }
#nav a:visited {color: #bbbbbb;}
#nav a:hover { 
                  border: 1px solid black;
                  background-color: #888888;
                  color: #ffffdd; }

#neck {background: #333333; margin: 0px 0px 0px 0px;
  list-style: none; font-size: 0.9em; }
#neck ul { margin-left: 180px; margin-top: 0px; margin-bottom: 0px; }
#neck li.first { background: none; }
#neck li { display: inline;  
           background-image: url(bullet2.gif);
           background-repeat: no-repeat;
           border-top: 1px solid #333333;
           border-bottom: 1px solid #333333;
           float: left; padding: 10px 12px; }
#neck li a { padding: 0px 10px;
             text-decoration: none;
           }
#neck li a:link { color: #ffffdd;}
#neck li a:visited {color: #ffffdd;}
#neck li a:hover { color: #dc99a9; }

#content
{
margin-left: 200px;
padding: 2em;
max-width: 86em;
background-color: #333333;
}

#content a:link { color: #8d2b7c; }
#content a:visited { color: #8d2b7c; }
#content a:hover { color: #ebe498; }

#footer
{
height: 5em;
margin: 0;
padding: .5em;
color: #888888;
background-color: black;
background-image: url(red-shell-foot.jpg);
background-position: top right;
background-repeat: no-repeat;
border-top: 1px solid #888888;
font-size: smaller;
}

.push
{
height: 5em;
}

#footer, .push
{
clear: both;
}

#nav p { margin: 0 0 1em 0; }
#article h2 { margin: 0 0 .5em 0; color: #ffffdd; }
#article h1 { color: #ffffdd; }
#article { 
   color: #ffffdd; 
   background-color: black; 
   border: 1px solid gray; 
   padding: 30px 60px 20px 60px;
}