/*
Theme Name: NCMMC Theme
Theme URI: http://wordpress.org/
Description: Theme for North Coast Marin Mammal Center.
Version: 1
Author: Francisco Ruiz
Author URI: http://www.fxrdesign.com
Tags: ncmmc
*/


/*Reset CSS*/
html, body, div, ul, li, p, img, h1, h2, h3, h4, h5, h6{border: 0; margin: 0; padding: 0; position: inherit;}

/*Universal Classes*/
.floatL, .alignleft{clear: none; float: left;}
.floatR, .alignright{clear: none; float: right;}
.textC{text-align: center;}
.text-bold{font-weight: bold;}
.text-italic{font-style: italic;}
.text-bi{font-weight: bold; font-style: italic;}
.textL{text-align: left;}
.textR{text-align: right}
.clear-all{clear: both; font-size: 1px; line-height: 0;}
.hide{display: none;}

/*Used to keep from adding <div clear-all>s*/
.clearfix:after {content: ""; display: block; height: 0; clear: both; visibility: hidden;}

/*NCMMC Global Selectors*/
html, body{background-color: #082541; font-size: 0.79em; font-family: "Trebuchet MS", sans-serif; min-height: 100%; width: 100%;}
body{background: url(images/bg/bg-body.jpg) top center repeat-x;}
hr{border-top: 1px solid #7ab; height: 0; margin: .5em auto;}

#bg-wrapper{background: url(images/bg/bg-bg-wrapper.jpg) top center repeat-y; margin: 0 auto; position: relative; width: 960px;}
    #bg-wrapper-left{background: url(images/bg/bg-bg-wrapper-left.jpg) top left no-repeat; display: block; min-height: 100%; overflow: hidden; position: relative; width: 70px;}
    #bg-wrapper-right{background: url(images/bg/bg-bg-wrapper-right.jpg) top left no-repeat; display: block; min-height: 100%; overflow: hidden; position: relative; width: 70px;}
    
#header-wrapper{background: url(images/bg/bg-header-wrapper.jpg) top center no-repeat; height: 107px; margin: 0 auto; overflow: visible; padding: 0 20px; width: 780px; z-index: 40;}
    #logo-ncmmc{margin-top: 14px;}
    #nav-wrapper{background: url(images/bg/bg-nav-wrapper.gif) 0 3.2em repeat-x; padding: 15px 0 3px 0; position: relative; width: 575px; z-index: 100;}
        #nav-wrapper ul{list-style-type: none; margin-top: -5px;}
            #nav-wrapper ul li{display: inline-block; float: left; height: 21px; margin-right: 9px; position: relative; border-top: 1px solid #0a446a; border-bottom: 1px solid transparent;}
                #nav-wrapper ul li a{color: #fff; display: inline-block; font-size: 1.35em; font-weight: normal; padding: 4px 4px 1px 4px; text-decoration: none;}
                .nav-hover-on{background: url(images/bg/bg-nav-hover.gif) top left repeat-x; border-top: 1px solid #69b; border-left: 1px solid #58a; border-right: 1px solid #58a; padding: 3px 3px 1px 3px !important;}
                
                #nav-wrapper ul li ul{background: #082642 url(images/bg/bg-sub-menu.jpg) top center repeat-x; border: 1px solid #58a; border-top: 0px; display: none; margin-top: 0px; padding: .5em; position: absolute; top: 22px; left: 0px; width: 150px;}
                #nav-wrapper ul li li{background: url(images/bullets/bul-sub-menu.gif) center left no-repeat; border: 0px; display: block; height: 100%; padding-left: 1em; width: 100%;}
                #nav-wrapper ul li li a, 
                #nav-wrapper ul li li a:visited{background: none; border: none; color: #fff; font-size: 1.2em; font-weight: normal;}
                #nav-wrapper ul li li a:hover, 
                #nav-wrapper ul li li a:active{padding: auto; text-decoration: underline;} 
    
    #top-button{background: url(images/bg/bg-top-button.gif) top right no-repeat; height: 33px; text-align: center; width: 240px;}
        #top-button a{color: #069; display: inline-block; font-size: 1.3em; height: 33px; line-height: 31px; padding: 0 2px; text-decoration: none; vertical-align: top;}
        #top-button .line-seperator{background-color: #ccc; border-left: 1px solid #666; display: inline-block; height: 33px; margin: 0 5px; width: 1px;}
                                
#content-wrapper{background: #fff url(images/bg/bg-content-wrapper.jpg) top center no-repeat; margin: 0 auto; padding: 0 20px 0px 20px; position: relative; width: 780px;}
    #main-content{margin-top: 45px; width: 540px;}
    #main-content.xtra-padding-btm{padding-bottom: 30px;}
        #main-content h1{font-size: 1.6em;}
        #main-content #page-submenu{list-style-type: none; padding: .75em;}
        #main-content #page-submenu li{display: inline-block; padding: 0 3px}
        #main-content p{font-size: 1.2em; margin-bottom: 1em;}
        #main-content img{background: #cedfea; border: 1px solid #9cc; padding: 4px;}
        #main-content a, #main-content a:visited, #main-content a:hover{color: #069; text-decoration: underline;}
        #main-content .left-img-mrg{margin: 0 .75em .75em 0;}
        #main-content .right-img-mrg{margin: 0 0 .75em .75em;}
        #main-content .wp-caption p{color: #08b; font-size: 1em; font-style: italic; margin-top: 3px; text-align: center;}
        
        #marine-mammals{background-color: #eee; border: 1px solid #bbb; font-size: 1.2em; overflow: hidden; width: 540px;}          
            #marine-mammals .expander-cell{background: url(images/bg/bg-mammal-link-block.gif) center right repeat-y; padding: .6em; height: 381px; width: 140px;}
            #marine-mammals .mammal-link-block{background: url(images/bg/bg-mammal-link-block.gif) center right repeat-y; height: 42px; padding: 0 .6em; width: 140px;}
            #marine-mammals .current-mammal{background: #069 url(images/misc/misc-mammal-pointer.gif) center right no-repeat;}
                #marine-mammals .current-mammal a{color: #fff; text-decoration: none;}
            #marine-mammals .mammal-info-block{height: 675px; overflow: auto; padding: 1em;}
                #marine-mammals ul, #marine-mammals ol{padding: .5em 1.5em 1em 1.5em;}
    
    #rhc{background: url(images/bg/bg-rhc-seal.jpg) top left no-repeat; display: block; padding-top: 210px; position: relative; top: -60px;  z-index: 50; width: 220px;}
        #rhc-find-us{background: url(images/bg/bg-modl-findUs.gif) top left no-repeat; height: 30px; padding-top: 40px; text-align: center; width: 220px; }
    
    #modules-wrapper{margin-bottom: 0px; overflow: hidden; position: relative; width: 780px; z-index: 50;}
    #module-news, #module-merch{width: 220px;}
    #module-rescues{width: 320px;}      
        .module-header h3{color: #fff; font-size: 1.8em; padding-top: 16px;}
        .module-header-left{background: url(images/bg/bg-module-header-left.gif) top left no-repeat; height: 51px; width: 14px;}
        .module-header-mid{background: url(images/bg/bg-module-header-mid.gif) top left repeat-x; height: 51px;}
        .module-header-right{background: url(images/bg/bg-module-header-right.gif) top left no-repeat; height: 51px; width: 14px;}
        .module-footer-left{background: url(images/bg/bg-module-footer-left.gif) top left no-repeat; height: 6px; width: 14px;}
        .module-footer-mid{background: url(images/bg/bg-module-footer-mid.gif) top left repeat-x; height: 6px;}
        .module-footer-right{background: url(images/bg/bg-module-footer-right.gif) top left no-repeat; height: 6px; width: 14px;}
        .module-content{background: #eee; border-left: 1px solid #999; border-right: 1px solid #999; font-size: 1.3em; padding: 0 15px;}            
        .module-content a{color: #069; overflow: auto;}
        .module-content img{background: #cedfea; border: 1px solid #9cc; padding: 4px;}
            #module-news .module-header-mid, #module-news .module-footer-mid, #module-merch .module-header-mid, #module-merch .module-footer-mid{overflow: hidden; width: 192px;}
            #module-news .module-content, #module-merch .module-content{height: 220px; overflow: auto; width: 188px;}
            #module-rescues{margin: 0 10px;}
            #module-rescues .module-header-mid, #module-rescues .module-footer-mid{width: 292px;}
            #module-rescues .module-content{height: 220px; overflow: auto; width: 288px;}
            #module-rescues .rescued-block{display: inline-block; padding: 8px; text-align: center; width: 120px;}
            
#footer{background: #000 url(images/bg/bg-footer.jpg) top center repeat-x; color: #eee; margin: 20px 0 0 -20px; overflow: hidden; padding: 20px; position: relative; bottom: 0px; width: 780px; z-index: 20;}   
#home #footer{margin-top: -25px; padding-top: 50px;}
    #footer h4{font-size: 2em;}
    #footer table{margin: 0 auto; width: 740px;}
        #footer table td{ padding: 0 10px;}
    #footer #lower-nav{font-size: 1.1em; list-style-type: none;}
    #footer #lower-nav li{display: inline; margin: 2px 4px;}
    #footer #lower-nav a{color: #ccc; text-decoration: none;}