/* GLOBAL STYLES */

body{
 background-color: #eef;
 color: #000;
}

img{
 float: right;
 margin: 2px 0 2px 5px;
 border: 1px solid #000;
}



/* STANDARD LINKS */

a:link{
 color: #039;
 text-decoration: none;
}

a:visited{
 color: #666;
 text-decoration: none;
}

a:hover, a:active{
 color: #f00;
 text-decoration: underline;
}



/* BASIC DESIGN AND LAYOUT */

#header{
 margin: 0;
 line-height: 96px;
 background: #69f url(/grafix/elements/standard/rewlogo.gif) no-repeat;
 text-indent: -20000px;
 border-bottom: 2px solid #000;
}

#header a{
 display: block;
 width: 343px; line-height: 96px;
}

#content{
 border: 2px solid #000;
 background: #fff url(/grafix/elements/standard/textbak.gif);
 margin: 30px 10px 10px 160px;
}

#text h1{

 /* The background image is the "binder" image. The negative top margin pulls the
    image onto the border of the content area, while the large top padding
    ensures the text of the heading stays down. */

 margin-top: -17px;
 padding-top: 40px; padding-left: 10px;
 background: url(/grafix/elements/standard/bindertop.gif) repeat-x;
}

.post{
 margin: 1em 10px 2em;
}

.postfooter{
 border-bottom: 1px dashed #000;
 padding-bottom: 2px;
 font-size: .9em;
 font-style: italic;
 clear: both;
}

#footer{
 margin: 0 10px;
 font-size: .85em;
 clear: both;
}

.videowrapper{
 border: 1px solid #000;
 padding: 5px;
 margin: 1em auto;
 background-color: #fff;
}

.videowrapper a{
 display: block;
 font-size: .9em;
}




/* GENERAL TEXT FORMATTING */

.post p{
 text-indent: 2em;
}

#text li{
 text-indent: -1em;
 margin-bottom: .5em;
}

.post li{
 padding-left: 1em;
}

#text dt{
 font-weight: bold;
}

#text dd{
 font-style: italic;
 margin-bottom: .5em;
}

#text dd em, #text dd cite{
 font-style: normal;
}

#text blockquote{
 background: #ff9 url(/grafix/elements/standard/blockquote.gif) no-repeat 2px 2px;
 border: 1px solid #c96;
 padding: 20px 2px 2px;
}

#text blockquote p{
 text-indent: 25px;
 margin: 0 0 1em 0;
}

.inlineexample{
 background: #ff9;
}

#text blockquote.example{
 background-image: none;
 padding-top: 1em;
}




/* TABLES */

table{
 border-collapse: collapse;
 margin: 1em 0;
}

th, td{
 border: 1px solid #c96;
 padding: 2px 4px;
}

th{
 text-align: left;
 background: #ff9;
}



/* POST PERMALINK HEADING */

.post h2 a{
 display: block;
 padding: 2px 0;
 width: 100%; /* Make entire heading clickable in MSIE */
 background-color: #69f;
 text-indent: 5px;
 font-size: .8em;
 border: solid #000;
 border-width: 2px 0;
}

.post h2 a:link, .post h2 a:visited, .post h2 a:active{
 text-decoration: none;
 color: #fff;
}

.post h2 a:hover{
 text-decoration: none;
 color: #000;
 background-color: #ff9;
}



/* MAIN NAVIGATION BAR */

#navbar{
 margin: 30px 0 0;
 padding-bottom: 9px;
 width: 137px;
 position: absolute; /* Without this, links are not clickable and text not easily selectable in MSIE */
 left: 10px;
 border-top: 1px solid #000;
 background: url(/grafix/elements/standard/navbak.gif) bottom no-repeat;
}

#navbar ul{
 padding: 1em 0; margin: 0;
 background: #ff9;
 border: 1px solid #000;
 border-bottom: 0px none;
 border-top: 0px none;
}

#navbar ul li{
 list-style-type: none;
}

#navbar ul li a, #navbar ul li span{
 display: block;
 padding: 0 3px;
}

#navbar ul li span{
 /* Currently selected page */
 background-color: #900;
 color: #fff;
}

#navbar ul li span.inactive{
 /* Inactive link */
 background: transparent;
 color: #999;
}

#navbar ul li a:link, #navbar ul li a:visited, #navbar ul li a:active{
 background: transparent;
 color: #039;
 text-decoration: none;
}

#navbar ul li a:hover{
 background-color: #f00;
 color: #fff;
 text-decoration: none;
}



/* TOP AND BOTTOM PAGE NAV */

.pagenav{
 padding: 0; margin: 0 10px;
 background: #ffd;
 border: solid #000;
 border-width: 1px 0;
}

.pagenav li{
 display: inline;
 list-style-type: none;
 margin: 0 0 0 10px;
 padding-left: 0;
}

.pagenav li a:visited{
 color: #039;
}

.pagenav li span.inactive{
 color: #999;
}



/* FORMS */

fieldset{
 border: 1px solid #600;
 padding: 10px;
}

legend{
 color: #600;
}

label input, label textarea{
 margin-bottom: .7em;
 border: 1px solid #069;
 background-color: #ffc;
}


/* GOOGLE ADS */

#googlead{
 position: absolute;
 top: 20px; right: 10px;
 width: 468px; height: 60px;
}