/*  
Theme Name: Midnight Rainforest
Theme URI: http://websitestyle.com/templates/midnight_rainforest/
Description: Midnight Rainforest, originally created by <a href="http://www.websitestyle.com" title="Website Design">Nicole Hernandez</a>, converted to WordPress by <a href="http://www.lfranklin.org" title="lfranklin.org">Lewis Franklin</a>.
Version: 1.0
Author: Nicole Hernandez / Lewis Franklin
Author URI: http://www.websitestyle.com/

	Midnight Rainforest
	http://websitestyle.com/templates/midnight_rainforest/

    This template is free, open-source, following only the Creative Commons 
    Attribution 2.5 license.

    The template is a CSS based, table-less layout and validates to XHTML 1.0 
    Strict. It uses one image, shown in multiple places just to give examples of
    where you might want an image.
*/

/* Global Styles */
html, body {
    margin: 0px;
    padding: 0px;
}
body {
    font: 76% Arial, Verdana, serif, sans-serif;
    background-color: #000;
}
.alignleft {
    float: left;
    margin-right: 5px;
}
.alignright {
    float: right;
    margin-left: 5px;
}

/* TEXT STYLES */
p {
    padding: 0px 5px 0px;
    font-size: 1em;
    line-height: 1.3em;
    letter-spacing: 1px;
}
h1 {
    font-size: 2.5em;
    margin-top: 0px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
h2 {
    font-size: 2em;
    color: #79B30B;
    line-height: 1.3em;
    letter-spacing: -1px;
}
h3 {
    font-size: 1.5em;
    color: #B71;
}
h4 {
    font-size: 1.25em;
    color: #452;
}
h5 {
    font-size: 1em;
    font-weight: bold;
}
h1, h2, h3, h4, h5 {
    padding: 0px 5px 0px;
}
#navigation p, #extra p {
    color: #FFF;
}
a:link {
    color: #452;
    text-decoration: none;
    padding: 1px;
}
a:visited {
    color: #452;
    text-decoration: none;
}
a:hover {
    background-color: #79B30B;
    color: #FFF;
}
acronym {
    border-bottom: 1px dotted #B71;
    cursor: help;
}
label.header {
    font-size: larger;
    color: #B71;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 0px;
    padding-bottom: 0px;
} /* label.header is the label for the search box but can be used for other forms by using class="header" in a label */
form, submit {
    padding: 0px;
    margin: 0px;
} /* removes extraneous padding around the form */
code {
    border: 1px dotted #B71;
    border-left: 3px solid #B71;
    background-color: #dda;
    padding: 1em;
    margin-left: 3ex;
    color: #742;
}
blockquote {
    border: 1px solid #B71;
    background-color: #dda;
    margin: 3ex;
    font-style: italic;
    width: 90%;
}

/* HEADER SECTION */
div#header {
    margin: 0px;
    padding: 0px;
    background: transparent url(images/grass_sm.jpg) no-repeat right center;
    height: 8em;
}
div#header h1 {
    padding-top: 15px;
}
div#header h1 a {
    color: #FFF;
    border-bottom: none;
}
div#header h1 a:hover {
    background-color: transparent;
    border-bottom: none;
    color: #79B30B;
}
div#header p#skip{
    position: absolute;
    top: 3px;
    right: 3px;
    margin: 0px;
    padding: 0px;
}
#skip a, #skip a:visited {
    color: #FFF;
    border-bottom: 1px solid #B71;
}
div#header p#desc {
    color: #FFF;
    margin-top: -1em;
    font-style: italic;
}

/* CONTENT SECTION */
div#wrapper {
    float: left;
    width: 100%;
}
div#content {
    margin: 0px 200px;
    padding-bottom: 1px;
    background-color: #FFF;
    color: #000;
}
div#content p {
    line-height: 1.4;
}
div#content a:visited {
    color: #452;
    text-decoration: none;
    border-bottom: 1px solid #B71;
}
/* POST SECTION */
div.post h2 {
    background: #dda;
    color: #742;
    margin: 0px;
    padding: 0px 5px;
}
h2#searchtitle {
    margin-bottom: 1em;
}
div.post h2 a {
    text-decoration: none;
}
div.post h3 {
    font-size: 1em;
    font-style: italic;
    margin: 0px;
    padding: 0px;
}
div.comment_data {
    margin: 0px 5px 15px 5px;
    border-top: 1px dashed #452;
    font-style: italic;
}
div#commentlist div.comment {
    border: 1px solid #B71;
    background-color: #dda;
    margin: 3ex;
    width: 95%;
}
div#commentlist div.comment div.commenthead {
    font-style: italic;
    font-weight: bold;
    background-color: #472;
    font-size: 1.5em;
    color: #FFF;
    padding-left: 5px;
    border-bottom: 1px solid #B71;
}
div#commentlist div.comment div.commenthead a:link {
    text-decoration: underline;
    color: #FFF;
}
div#commentlist div.odd {
    background-color: #FFF;
}
/* HISTORICAL NAVIGATION */
#ff_rev {
    padding-top: 10px;
    font-size: 1.2em;
    text-align: center;
}
#ff_rev .alignleft {
    margin-left: 23px;
}
#ff_rev .alignright {
    margin-right: 15px;
}
#ff_rev a {
    font-weight: bold;
    color: #668;
}

/* VERTICAL NAVIGATION */
div#navigation {
    float: left;
    width: 200px;
    margin-left: -100%;
    color: #FFF;
}
.navcontainer {
    width: 198px;
    border-right: 1px solid #000;
    padding: 0px;
    margin-bottom: 1em; 
    background-color: transparent;
}
.navcontainer ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: 198px;
    min-width: 198px;
}
.navcontainer li {
    margin: 0px;
}
html>body .navcontainer li a {
    width: auto;
}
.navcontainer li h2 {
    font-size: 100%;
    line-height: normal;
    letter-spacing: normal;
    display: block;
    padding: 5px 5px 5px 0.5em;
    border-left: 10px solid #452;
    border-right: 10px solid #452;
    border-bottom: 1px solid #79B30B;
    background-color: #472;
    text-decoration: none;
    font-weight: bold;
    width: 167px;
    min-width: 165px; 
    color: #FFF;
    margin: 0px;
}
.navcontainer li a:hover, .navcontainer li a { 
    border-left: 10px solid #FFF;
    border-right: 10px solid #FFF;
    background-color: #79B30B;
    color: #FFF;
    font-weight: bold;
}
.navcontainer li.menutitle {
    border-left: 10px solid #79B30B;
    border-right: 10px solid #79B30B;
    font-size: larger;
    text-align: center;
    color: #B71;
    font-weight: bold;
    padding-bottom: 1ex;
    border-bottom: none;
    text-transform: uppercase;
}
.navcontainer li ul li {
    display: block;
    border-bottom: 1px solid #79B30B;

    border-left: 10px solid #452;
    border-right: 10px solid #452;
    background-color: #000;
    padding: 5px 5px 5px 11px;
}
.navcontainer li ul li a:link, .navcontainer li ul li a:visited {
    border-left: none;
    border-right: none;
    background-color: #000;
}
.navcontainer li ul li a:hover {
    color: #B71;
    background-color: #000;
    border-left: none;
    border-right: none;
}

/* EXTRA SECTION */
div#extra {
    float: left;
    width: 198px;
    margin-left: -200px;
    background-color: #000;
    border-left: 2px solid #000;
}
div#extra p strong a {
    color: #FFF;
    border-bottom: 1px solid #B71;
}
div#extra p strong a:hover {
    color: #FFF;
    background-color: #79B30B;
}
/* FOOTER SECTION */
div#footer {
    clear: left;
    width: 100%;
    background-color: #452;
    color: #FFF;
}
div#footer a:link, div#footer a:visited {
    color: #FFF;
}
div#footer ul {
    list-style-type: none;
    margin: 0px;
    padding: .8em 0px;
    text-align: center;
}
div#footer ul li {
    display: inline;
    padding: 0px 4px;
}

/* General Image Stuff */
img.sm {
    width: 160px;
}

/* TABLES */ 
table {
    border: 2px solid #452;
    border-collapse: collapse;
    width: 90%;
    margin-left: 3ex; 
}
td {
    background-color: #FFF;
    padding: 3px;
    border: 1px solid #FFF;
}
th {
    text-align: left;
    border: 1px solid #FFF;
}
thead th {
    color: #FFF;
    font-size: 1.5em;
    background-color: #472;
    padding: 10px 6px;
}
tbody th {
    color: #FFF;
    font-size: 1.15em;
    background-color: #79B30B;
    padding: 6px;
}
tbody th.sub {
    font-size: .90em;
    color: #000;
    background-color: #dda;
    padding: 6px;
}
/* Sidebar Widget Calendar Compatibility */
div#calendar_wrap {
    border-left: 10px solid #452;
    border-right: 10px solid #452;
    border-bottom: 1px solid #79B30B;
    padding: 8px 0px;
}
table#wp-calendar {
    border: 2px solid #452;
    width: 163px;
    margin-left: 8px;
}
table#wp-calendar caption {
    font-weight: bold;
    border-left-color: #452;
    border-right-color: #452;
    background-color: #000;
    padding-bottom: 8px;
}
table#wp-calendar th {
    font-size: 1.2em;
    text-align: center;
    padding: 10px 4px;
}
table#wp-calendar td {
    color: #000;
    padding: 0px;
    text-align: center;
}
table#wp-calendar td a {
    border: none;
}
table#wp-calendar td a:hover {
    color: #B71;
}
/* Sidebar Widget FlickrRSS Compatibility */
#flickrrss {
    border-left: 10px solid #452;
    border-right: 10px solid #452;
    border-bottom: 1px solid #79B30B;
}
#flickrrss h2 {
    border-left: none;
    border-right: none;
}
#flickrrss a {
    display: inline;
    background: transparent;
    padding-left: 0;
    border-left: none;
    border-right: none;
}
#flickrrss a img {
    border: 1px solid #666;
    margin: 5px;
}
#content_start {position: absolute;left: -10000px;};