/*
Theme Name: Neal's Custom Red Fullscreen
Theme URI: http://neal.zapto.org/
Description: A simple full-page layout with navigation on the right.
Version: 1.0
Author: Neal Bohling
Author URI: http://neal.zapto.org/
*/


body{
   /* TEXT STUFF */
   text-align: center;
   font-size: 12px;
   font-family: Verdana, Tahoma, Arial;
   color: #A0A0A0;
   line-height: 1.5em;

   /* ALIGNMENT/LAYOUT STUFF */
   padding: 0px;
   margin: 0px;
   background-color: #202020;
   background-image: url( 'images/fadinggradient1.jpg' );
   background-repeat: no-repeat;
   background-attachment: fixed;
}

a {
   text-decoration: none;
   color: white;
}

#wrapper {
   margin: 0px;
   padding: 0px;
   width: 100%;
   position: relative;
   text-align: left;
}

#header {
   color: #a07070;
   width: 200px;
   height: 110px;
   border-bottom: 1px solid black;
   position: fixed;
   right: 0px;
   top: 0px;
   z-index: 20;
   background-color: #700000;
   background-image: url(images/darkenleft.png);
   background-repeat: repeat-y;
   line-height: 1em;
   text-align: right;
}

#header div {
   margin: 5px;
}

#header h1, #header h2, #header h3 {
   font-size: 2.5em;
   margin-left: 5px;
   margin-right: 5px;
   line-height: .7em;
   text-transform: uppercase;
   margin-top: 5px;
   margin-bottom: 10px;
}

#header p {
   margin-left: 5px;
}

#header h1 a {
   color: #A07070;
}


#sidebar {
   position: fixed;
   right: 0px;
   background-color: white;
   width: 200px;
   border-left: 3px solid #A07070;
   top: 0px;
   height: 100%;
   padding-top: 130px;
   background-color: #A03030;
   color: white;
   font-size: .8em;
   background-image: url(images/darkenleft.png);
   background-repeat: repeat-y;
   overflow: auto;
}

#sidebar h2 {
   font-size: 1.2em;
   margin: 0px;
   margin-top: .5em;
}

#sidebar ul {
   line-height: 1.3em;
   list-style: none;
   margin: 0px;
   padding: 0px;
   margin-left: 15px;
}

#sidebar ul li {

}

#sidebar ul ul {
   margin-left: 1.5em;
}

#sidebar a:hover {
   font-weight: bold;
}

#content {
   width: 500px;
   margin: 50px;
   margin-right: 220px;
   //border-right: 2px solid black;
   text-align: left;
}

#content h1, #content h2, #content h3 {
   color: white;
   border-bottom: 1px solid white;
   line-height: 0.8em;
   margin-bottom: .3em;
}

#content h1 {
   font-size: 2em;
}

#content h2 {
   font-size: 1.5em;
}

#content h3 {
   font-size: 1.2em;
}

#content strong, #content b, #content .bold {
   font-weight: bold;
   color: #E0E0E0;
}

#content em, #content .italic {
   font-style: italic;
   color: #e0e0e0;
}

#content quote, #content blockquote {
   display: block;
   margin: 0.5em;
   margin-left: 2em;
   margin-right: 2em;
   padding: 0.5em;
   border: 1px solid #A0A0A0;
   background-color: #A03030;
   color: #E0e0e0;
   font-style: italic;
}

#content img {
   border: 3px solid #A0A0A0;
   max-width: 494px;
   margin-top: 1em;
   margin-bottom: 1em;
}

#content img.right, #content img.alignright {
   float: right;
   margin-right: 0px;
   margin-left: 1em;
}

#content img.left, #content img.alignleft {
   float: left;
   margin-left: 0px;
   margin-right: 1em;
}

#content small {
   font-size: .8em;
   line-height: 1.1em;
}

#content a:hover {
   font-weight: bold;
}

#content .left {
   float: left;
}

#content .right {
   float: right;
}

#content .post {
   margin-bottom: 3em;
}

#content form textarea {
   max-width: 494px;
}

#footer {
   border-top: 1px solid black;
   background-color: #770000;
   color: #A07070;
   position: fixed;
   right: 0px;
   width: 200px;
   height: 50px;
   bottom: 0px;
   background-image: url(images/darkenleft.png);
   background-repeat: repeat-y;
   text-align: right;
}

#footer p {
   margin: 5px;
   margin-top: 5px;
   line-height: 1.1em;
}