/*   
Theme Name: srfd_theme
Theme URI: http://www.sunmanfire.com
Description: Theme developed for the Sunman Rural Fire Department website.
Author: Keith Huster
Author URI: http://www.doubleblackdesign.com
Version: 1.0
.
----- LICENSE INFORMATION -----
This theme is private theme developed specifically for the Sunman Rural Fire Department.
Any use of this theme outside of the Sunman Rural Fire Department is strictly prohibited.
.
*/

/**************************************************************
* Page initialization.
**************************************************************/

* {
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   font-family: Verdana,sans-serif;
   border: none;
   }

body {
   width: 995px;
   margin: auto auto auto auto;
   background: #000 url(images/bodyBackground.gif) top center repeat-y fixed; 
   }

/**************************************************************
* Header design elements.
**************************************************************/

#header {
   width: 100%;
   background: #D91623 url(images/headerFlames.gif) top left repeat-x scroll;
   padding-bottom: 20px;
   border-bottom: 6px solid #FFF;
   }
   
#header-meta {
   margin: 0px 0px 10px 0px;
   padding: 10px 25px 0px 0px;
   color: #FFF;
   font-size: 1.0em;
   font-weight: bold;
   float: right;
   }

#header-meta a {
   color: #FFF;
   text-decoration: none;
   }

#header-meta a:hover {
   color: #FFF;
   background: #222 !important;
   }

#header-title {
   margin: 0px 0px 10px 0px;
   padding: 20px 0px 0px 25px;
   color: #FFF;
   font-size: 1.5em;
   font-weight: bold;
   }

#header-title a {
   color: #FFF;
   text-decoration: none;
   }
   
#header-title a:hover {
   color: #FFF;
   background: #222 !important;
   }

#header-image {
   vertical-align: middle;
   text-align: center;
   }

/**************************************************************
* Sidebar design elements.
**************************************************************/

#sidebar {
   width: 200px;
   float: left;
   background: #222 url(images/navigationGradient.gif) repeat-x fixed;
   }

#sidebar-google-search {
   height: 60px;
   background: #222 url(images/navigationGradient.gif) repeat-x fixed;
   padding: 10px 0px 0px 0px;
   text-align: center;
   border-bottom: 6px solid #FFF;
   }

#sidebar-link-menu {
   list-style-type: none;
   text-align: center;
   }
   
#sidebar-link-menu li a {
   color: #FFF;
   font-weight: bold;
   text-decoration: none;
   display: block;
   border-bottom: 6px solid #FFF;
   padding: 15px 0px 15px 0px !important;
   background: transparent !important;
   }
#sidebar-link-menu li a:hover {
   color: #FFF;
   background: #D7162C !important;
   }

#sidebar-last-update {
   color: #FFF;
   background: #000;
   font-weight: bold;
   font-size: 0.8em;
   margin: 0px 0px 0px 0px;
   padding: 3px 0px 3px 3px;
   text-align: center;
   }

/**************************************************************
* Body content design elements.
**************************************************************/

#content {
   width: 785px;
   float: right;
   background: #FFF;
   }
   
#content h1, h2, h3 {
   color: #000;
   font-weight: bold;
   margin: 1em 0px 3px 0px;
   }
#content h1 {
   font-size: 1.2em;
   }
#content h2 {
   color: #F00;
   font-size: 1.1em;
   text-decoration: underline;
   }
#content h3 {
   font-size: 0.85em;
   }

#content p {
   color: #000;
   font-size: 0.75em;
   margin: 0px 0px 1em 0px;
   }
   
#content a {
   color: #444;
   font-weight: bold;
   text-decoration: underline;
   }
#content a:hover {
   color: #D7162C;
   text-decoration: underline;
   background-color: #BBB !important;
   }   

#content-breadcrumb-trail {
   font-size: 0.75em;
   margin: 0px 0px 7px 0px;
   padding: 3px 0px 3px 0px;
   text-align: justify;
   border-top: 1px solid #444;
   border-bottom: 1px solid #444;
   }
   
#content-page-title {
   margin: 0px 0px 15px 0px;
   padding: 0px 0px 3px 0px;
   text-align: justify;
   border-bottom: 3px solid #444;
   }
   
#content-page-title h1 {
   color: #F00;
   margin: 0px 0px 0px 0px;
   }
   
#content-page-title .title-meta {
   font-size: 0.8em;
   display: block;
   margin: 3px 0px 0px 0px !important;
   }

#content .post-list {
   list-style-type: none;
   text-align: left;
   }
   
#content .post-list .post-title a {
   color: #F00;
   text-decoration: none;
   font-size: 1em;
   font-weight: bold;
   display: block;
   margin: 0px 0px 6px 0px !important;
   padding: 3px 0px 3px 0px !important;
   background: #FFF !important;
   border: solid thin #BBB;
   border-left: none;
   border-right: none;
   }
#content .post-list .post-title a:hover {
   text-decoration: none;
   background: #BBB !important;
   border: solid thin #000;
   border-left: none;
   border-right: none;
   }

#content .post-list .post-meta {
   font-size: 0.8em;
   display: block;
   margin: 0px 0px 10px 0px;
   }

#content .post-list .post-content {
   margin: 0px 0px 20px 0px;
   }

#content .post a,
#content .post-list .post-content a {
   margin: 0px 0px 0px 0px !important;
   padding: 0px 0px 0px 0px !important;
   background: #FFF !important;
   }
#content .post a:hover,
#content .post-list .post-content a:hover {
   margin: 0px 0px 0px 0px !important;
   padding: 0px 0px 0px 0px !important;
   background: #BBB !important;
   }

#content #page-content ul {
   margin: 0px 0px 10px 0px;
   }
   
#content #page-content li {
   list-style-type: disc;
   font-size: 0.9em;
   margin: 0px 0px 5px 40px;
   }

#content #page-content .post-list li {
   list-style-type: none !important;
   font-size: 1em;
   margin: 0px 0px 0px 0px;
   }
   
#content #page-content .post-list li .post-content li {
   list-style-type: disc !important;
   font-size: 0.9em;
   margin: 0px 0px 5px 40px;
   }

#content #page-content address {
   margin: 0px 0px 5px 40px;
   }

#content #page-content p cite {
   margin: 5px 0px 5px 0px;
   font-size: 1.1em;
   font-weight: bold;
   }

#content #page-content img {
   max-width: 90%;
   padding: 10px 10px 10px 10px;
   margin: 0px 0px 5px 0px;
   background: #FFF !important;
   float: none;
   }

#content .post-list .post-content a.more-link {
   margin: 0.8em 0px 1em 0px !important;
   clear: both;
   }
   
#content #post-pagination {
   /* TO BE STYLED */
   }   

#content #page-pagination {
   text-align: center;
   margin: 15px 0px 0px 0px;
   padding: 3px 0px 0px 0px;
   border-top: 3px solid #444;
   }

#content #page-pagination #page-previous {
   float: left;
   text-align: left;
   padding: 0px 40px 0px 0px;
   cursor: pointer; 
   }

#content #page-pagination #page-next {
   float: right;
   text-align: right;
   padding: 0px 0px 0px 40px;
   cursor: pointer;
   }
   
#content #page-pagination a span {
   color: #D7162C;
   margin: 0px 0px 0px 0px !important;
   padding: 0px 0px 0px 0px !important;
   background: #FFF !important;
   }
#content #page-pagination a span:hover {
   background: #BBB !important;
   }
   
#content .download-category h2 a {
   color: #F00;
   font-size: 1.1em;
   text-decoration: underline;
   }
   
#content .download-item,
#content .download-item a {
   margin: 0px 0px 0px 0px !important;
   padding: 0px 0px 0px 0px !important;
   }
   
#content .download-item-meta,
#content .download-item-meta a {
   margin: -10px 0px 0px 35px !important;
   padding: 0px 0px 0px 0px !important;
   font-weight: bold;
   font-size: 0.8em;
   }

#content .download-item-description,
#content .download-item-description a {
   margin: -10px 0px 0px 35px !important;
   padding: 0px 0px 0px 0px !important;
   font-weight: normal;
   font-size: 0.8em;
   }

#content table
{
   margin: 0px 0px 10px 0px;
   width: 90%;
}
#content table tr th,
#content table tr th:hover
{
   color: #000 !important;
   text-align: center;
   font-weight: bold;
   background-color: #BBB;
   border-style: solid;
   border-width: thin;
   border-color: #BBB;
}
#content table tr td
{
   text-align: center;
   font-weight: normal;
   font-size: 0.8em;
	border-style: solid;
   border-width: thin;
   border-color: #BBB;
	border-top: none;
   border-left: none;
   border-right: none;
}
#content table tr:hover, 
#content table tr td:hover
{
   background-color: #BBB !important;
}
#content table tr td a
{
   display: block;
   text-decoration: none;
}
#content table tr:hover a, 
#content table tr td a:hover
{
   color: #D7162C !important;
   text-decoration: underline;
   background-color: #BBB !important;
}
   
/**************************************************************
* Footer design elements.
**************************************************************/

#footer {
   clear: both;
   width: 100%;
   background: #FFF;
   margin: 0px auto auto auto;
   padding: 6px 0px 6px 0px;
   }

#footer #left-image {
   float: left;
   text-align: left;
   margin: 0px 0px 0px 80px !important;
   }

#footer #right-image {
   float: right;
   text-align: right;
   margin: 0px 80px 0px 0px !important;
   }
   
#footer #center-content {
   width: 100%;
   color: #444;
   font-size: 0.8em;
   text-align: center;
   border-top: 3px solid #000;
   border-bottom: 3px solid #000;
   padding: 3px 0px 0px 0px;
   height: 75px;
   }