/*
Theme Name: Starter
Theme URI:
Description: 
Author: Matchbook Creative
Author URI: http://matchbookcreative.com
Version: 99.0
Tags: matchbook


 
*/

.weather-0 {
	
	background: url( '/wp-content/themes/starter/img/weatherbackgrounds/0.jpg' );
	
}

.weather-1 {
	
	background: url( '/wp-content/themes/starter/img/weatherbackgrounds/1.jpg' );
	
}

.weather-2 {
	
	background: url( '/wp-content/themes/starter/img/weatherbackgrounds/2.jpg' );
	
}

.weather-3 {
	
	background: url( '/wp-content/themes/starter/img/weatherbackgrounds/3.jpg' );
	
}

.weather-4 {
	
	background: url( '/wp-content/themes/starter/img/weatherbackgrounds/4.jpg' );
	
}

.weather-5 {
	
	background: url( '/wp-content/themes/starter/img/weatherbackgrounds/5.jpg' );
	
}

.weather-6 {
	
	background: url( '/wp-content/themes/starter/img/weatherbackgrounds/6.jpg' );
	
}

.weather-7 {
	
	background: url( '/wp-content/themes/starter/img/weatherbackgrounds/7.jpg' );
	
}

.weather-8 {
	
	background: url( '/wp-content/themes/starter/img/weatherbackgrounds/8.jpg' );
	
}

.weather-9 {
	
	background: url( '/wp-content/themes/starter/img/weatherbackgrounds/9.jpg' );
	
}

.weather-10 {
	
	background: url( '/wp-content/themes/starter/img/weatherbackgrounds/10.jpg' );
	
}

.weather-11 {
	
	background: url( '/wp-content/themes/starter/img/weatherbackgrounds/11.jpg' );
	
}

.weather-12 {
	
	background: url( '/wp-content/themes/starter/img/weatherbackgrounds/12.jpg' );
	
}

.weather-13 {
	
	background: url( '/wp-content/themes/starter/img/weatherbackgrounds/13.jpg' );
	
}

.weather-14 {
	
	background: url( '/wp-content/themes/starter/img/weatherbackgrounds/14.jpg' );
	
}

.weather-15 {
	
	background: url( '/wp-content/themes/starter/img/weatherbackgrounds/15.jpg' );
	
}

.weather-16 {
	
	background: url( '/wp-content/themes/starter/img/weatherbackgrounds/16.jpg' );
	
}

.weather-17 {
	
	background: url( '/wp-content/themes/starter/img/weatherbackgrounds/17.jpg' );
	
}

.weather-18 {
	
	background: url( '/wp-content/themes/starter/img/weatherbackgrounds/18.jpg' );
	
}

.weather-19 {
	
	background: url( '/wp-content/themes/starter/img/weatherbackgrounds/19.jpg' );
	
}

.weather-20 {
	
	background: url( '/wp-content/themes/starter/img/weatherbackgrounds/20.jpg' );
	
}

.weather-21 {
	
	background: url( '/wp-content/themes/starter/img/weatherbackgrounds/21.jpg' );
	
}

.weather-22 {
	
	background: url( '/wp-content/themes/starter/img/weatherbackgrounds/22.jpg' );
	
}

.weather-23 {
	
	background: url( '/wp-content/themes/starter/img/weatherbackgrounds/23.jpg' );
	
}

.weather-24 {
	
	background: url( '/wp-content/themes/starter/img/weatherbackgrounds/24.jpg' );
	
}

.weather-25 {
	
	background: url( '/wp-content/themes/starter/img/weatherbackgrounds/25.jpg' );
	
}

.weather-26 {
	
	background: url( '/wp-content/themes/starter/img/weatherbackgrounds/26.jpg' );
	
}

.weather-27 {
	
	background: url( '/wp-content/themes/starter/img/weatherbackgrounds/27.jpg' );
	
}

.weather-28 {
	
	background: url( '/wp-content/themes/starter/img/weatherbackgrounds/28.jpg' );
	
}

.weather-29 {
	
	background: url( '/wp-content/themes/starter/img/weatherbackgrounds/29.jpg' );
	
}

.weather-30 {
	
	background: url( '/wp-content/themes/starter/img/weatherbackgrounds/30.jpg' );
	
}

.weather-31 {
	
	background: url( '/wp-content/themes/starter/img/weatherbackgrounds/31.jpg' );
	
}

.weather-32 {
	
	background: url( '/wp-content/themes/starter/img/weatherbackgrounds/32.jpg' );
	
}

.weather-33 {
	
	background: url( '/wp-content/themes/starter/img/weatherbackgrounds/33.jpg' );
	
}

.weather-34 {
	
	background: url( '/wp-content/themes/starter/img/weatherbackgrounds/34.jpg' );
	
}

.weather-35 {
	
	background: url( '/wp-content/themes/starter/img/weatherbackgrounds/35.jpg' );
	
}

.weather-36 {
	
	background: url( '/wp-content/themes/starter/img/weatherbackgrounds/36.jpg' );
	
}

.weather-37 {
	
	background: url( '/wp-content/themes/starter/img/weatherbackgrounds/37.jpg' );
	
}

.weather-38 {
	
	background: url( '/wp-content/themes/starter/img/weatherbackgrounds/38.jpg' );
	
}

.weather-39 {
	
	background: url( '/wp-content/themes/starter/img/weatherbackgrounds/39.jpg' );
	
}

.weather-40 {
	
	background: url( '/wp-content/themes/starter/img/weatherbackgrounds/40.jpg' );
	
}

.weather-41 {
	
	background: url( '/wp-content/themes/starter/img/weatherbackgrounds/41.jpg' );
	
}

.weather-42 {
	
	background: url( '/wp-content/themes/starter/img/weatherbackgrounds/42.jpg' );
	
}

.weather-43 {
	
	background: url( '/wp-content/themes/starter/img/weatherbackgrounds/43.jpg' );
	
}

.weather-44 {
	
	background: url( '/wp-content/themes/starter/img/weatherbackgrounds/44.jpg' );
	
}

.weather-45 {
	
	background: url( '/wp-content/themes/starter/img/weatherbackgrounds/45.jpg' );
	
}

.weather-46 {
	
	background: url( '/wp-content/themes/starter/img/weatherbackgrounds/46.jpg' );
	
}

.weather-47 {
	
	background: url( '/wp-content/themes/starter/img/weatherbackgrounds/47.jpg' );
	
}

body{
    background: url('img/mobile-bg.jpg') repeat;
   
    
    /* Ensure the html element always takes up the full height of the browser window */
    min-height:100%;
    color:#666;
    font-family: 'Roboto', sans-serif;
    padding: 0;
    
    -webkit-transition: 3s;
-moz-transition: 3s;
-ms-transition: 3s;
-o-transition: 3s;
transition: 3s;
}
body.home-bg{
    background: url(http://marioncountyprepared.org/images/temp-bg.jpg) no-repeat fixed;
    background-size: cover;
    
    /* Ensure the html element always takes up the full height of the browser window */
    min-height:100%;
    color:#666;
    font-family: 'Roboto', sans-serif;
    padding: 0;
    
    -webkit-transition: 3s;
-moz-transition: 3s;
-ms-transition: 3s;
-o-transition: 3s;
transition: 3s;
}

h3{ font-size:18px;}  

/*MISC STYLES*/
.bgImage{
   position:fixed;
   background-size: cover;
   display: none;
   z-index:-1;
   transition: 3s all;
   width: 100%;
   height: 100%;
}
#bg-body {
    background: none repeat scroll 0 0 #D2D2D0;
    height: 200%;
    left: -50%;
    position: fixed;
    top: -50%;
    width: 200%;
    z-index:-1;
}
#bg-body img {
    bottom: 0;
    left: 0;
    margin: auto;
    min-height: 50%;
    min-width: 50%;
    position: absolute;
    right: 0;
    top: 0;
}
.green-bg{
    background: url('img/green-tile.jpg') repeat;
}

/*radar*/
#radar_play_info{display:none}
.weather-now{  padding: 5px 2px; background: url(img/black-trans.png) repeat; /*background: rgba(0,0,0,.5); */color:#fff;}


/*home slider*/

.rsDefaultInv, .rsDefaultInv .rsOverflow, .rsDefaultInv .rsSlide, .rsDefaultInv .rsVideoFrameHolder, .rsDefaultInv .rsThumbs {
    background: none ;
    color: #fff;
}
/*modal*/
#responsive,#responsive h1,#responsive h2,#responsive h3,#responsive h4{
    color:#666;
}
#responsive h3.whitef{color:#fff;}
/*modal*/

#logo{
  margin: 10px auto 10px auto; 
  max-width: 100%;  
}
h1.tagline{
    font-weight:300;
    color:#36578c;
   /* background: rgba(255,255,255,.5);*/
    display:inline-block; 
    padding:0 2px;
    border-radius:3px;
}
.brand h1{
    font-weight:300;
    line-height: 110%;
    
}

#navigation{
    margin: 80px 0 0 0px;
}
.navbar .brand {
    
    padding: 0px 20px;
   
}

.navbar .nav {font-size:12px; }
.navbar-inner {padding:0; background: #00a99d; border: none;}
.navbar .nav > li > a {
    color: #fff;
    float: none;
    padding: 10px 15px;
    text-decoration: none;
    text-shadow: none;
}


h1,h2,h3,h4{ color:#fff; font-weight: 400; line-height:120%; }

#page-wrapper{ margin-top: -100px;}
#main-content {
	background:url(img/content-bg.png) no-repeat;
	text-align:right;
	height:415px;
	padding:2% 4% 2% 2%;
	color:#fff;
}

#main-content p {
	text-align:left;
}

#main-content-small {
	padding:20px;
	text-align:center;
    background: url('img/green-tile.jpg') repeat;
}

#main-content-small p{
	padding:10px;
	background-color:#00a99d;
	color:#fff;
}

#accordion2{
    color:#fff;  
    margin-top: 20px;
}
.accordion a:hover,.accordion a:focus{
    text-decoration: none;
    outline:  none;
}
      
      

section.green-top{
    width: 100%;
    background: url('img/green-top.png') no-repeat;
    height: 185px;
}
section.green-bottom{
    width: 100%;
    background: url('img/green-bottom.png') no-repeat;
    height: 185px;
}
section.white-top{
    width: 100%;
    background: url('img/white-top.png') no-repeat;
    height: 185px;
}
section.white-bottom{
    width: 100%;
    background: url('img/white-bottom.png') no-repeat;
    height: 185px;
}
section.off-white-bottom{
    width: 100%;
    background: url('img/off-white-bottom.png') no-repeat;
    height: 185px;
}

section.green-content{
    background: url('img/green-tile.jpg') repeat;
    color:#fff;
    padding: 0 20px;
   
}
section.alert-content{
    background:#af2a2a;
    color:#fff;
    padding: 0 20px;
}
section.off-white-content{
    background: #e6e6e6;
    padding: 10px 20px 200px 20px;
}
section.white-content{
    background: #fff;
    color: #666;
    padding: 10px 20px 10px 20px;
}
section.layer1{
    background: url(img/bg4.jpg) no-repeat;
}
section.layerStorm{
    background: url(img/bg-severestorm.jpg) no-repeat;
}
section.layerTornado{
    background: url(img/bg-tornado.jpg) no-repeat;
}
section.white-content h1,section.white-content h2, section.white-content h3{color: #8cc63f;}
.greenf{color:#8cc63f}
.whitef{color:#fff;}


#accordion2{
    
    margin: 10px auto;
}
.accordion-heading{
    border-left: 6px solid #8CC63F;
    background: rgba(0,0,0,.7);
}
.accordion-heading:hover{
    border-left: 6px solid #fff; 
}
.accordion-heading a h1:hover{
     color:#fff;
}

#accordion2 .accordion-group {
    border: 1px dashed #8CC63F;
    border-radius: 4px 4px 4px 4px;
    margin-bottom: 2px;
}
#accordion2 .accordion-inner {
    border-top: 1px dashed #8CC63F;
    padding: 9px 15px;
    background: rgba(0,0,0,.5);
}

.white-box h2{color: #666666; }
.white-box{
    color: #666666;
    background: #fff;
    padding: 20px;
}

.green-box{
    color: #fff;
    background: #8cc63f;
    padding: 20px;
}
ul.listing li{
  list-style: none;  
  font-size: 15px;
}


.tornado-icon{
    position:absolute; top: 50px; right: -50px;
    z-index:-1;
}
.fire-icon{
    position:absolute; top: -50px; left: -50px;
    z-index:-1;
}
.lightning-icon{
    position:absolute; top: -50px; left: -50px;
    z-index:-1;
}
.bg {
position: absolute;
top: 0;
left: 0;
height: 800px;
width: 100%;
background-repeat: repeat;
} 


.tdos{
background-image: url(img/tdos.png);
opacity: 0.3;
z-index: 5;
} 

#footer-nav {
	position:relative;

	background-color: #00a99d;
	width: 100%;
	height: 35px;
	border-top: 2px #fff solid;
    border-bottom: 2px #fff solid;
    margin:100px 0 50px 0;
}

#footer-nav ul {
	list-style:none;
	display:inline;
}

#footer-nav ul li {
	padding: 5px 20px 0px 20px;
	float:left;
	color:#fff;
}

#footer-nav ul li a{
	color:#fff;
	text-decoration:none;
}

#footer-nav ul li a:hover{
	color:#000;
}

ul.footer li{
    display:inline;
    list-style: none;
    margin-right: 20px;
}
.white-content ul.footer li a{color:#00a99d;}
.green-content ul.footer li a{color:#fff;}


ul.secondary-menu{
    border-right: 5px solid #8CC63F;
    padding-right: 10px;
}
ul.secondary-menu li{
    list-style:none;
    text-align: right;
    margin: 10px 0;
    font-size:20px;
    
}
ul.secondary-menu li a{color:#8CC63F; text-decoration: none;}ul.secondary-menu li a:hover{color:#00a99d;}



    /* Large desktop */
    @media (min-width: 980px)  and (max-width: 1200px) { 
            .navbar .nav {font-size:10px; }
    
    
            .navbar .nav > li > a {
                color: #fff;
                float: none;
                padding: 10px 10px;
                text-decoration: none;
                text-shadow: none;
            }
            
       
h1.tagline {
    font-size: 30px;
    
}
   

    
     }
     
    /* Portrait tablet to landscape and desktop */
    @media (min-width: 768px) and (max-width: 979px) {
        
        body { }
        
   
h1.tagline {
    display:none;
}
 .brand h1{
    font-size: 20px;
    } 

    
#logo{
  margin:  0 auto; 
  max-width: 100%;  
}


#navigation{
   margin: 5px 0 0 0 10px;
}

    }
     
    /* Landscape phone to portrait tablet */
    @media (max-width: 767px) { 
         body {background:url('img/mobile-bg.jpg') repeat;background-size: auto; }
       .navbar-inner {padding:0; background: #00a99d; border: none;}
        h1.tagline {
    display:none;
}

     .brand h1{
    font-size: 20px;
    
}
#logo{
  margin:  0 auto; 
  max-width: 100%;  
}
#navigation{
    margin: 5px 0;
}
    }
     
    /* Landscape phones and down */
    @media (max-width: 480px) { 
         body {background:url('img/mobile-bg.jpg') repeat; background-size: auto; }
        .navbar-inner {padding:0; background: #00a99d; border: none;}
    
    
    
    
    h1.tagline {
    display:none;
}

     .brand h1{
    font-size: 20px;
    
}
#logo{
  margin:  0 auto; 
  max-width: 100%;  
}
  #navigation{
    margin: 5px 0;
}  
    
    
   #footer-nav {
	position:relative;

	background-color: #00a99d;
	width: 100%;
	height: auto;
	border-top: 2px #fff solid;
    border-bottom: 2px #fff solid;
    margin:100px 0 50px 0;
}

#footer-nav ul {
	list-style:none;
	
}

#footer-nav ul li {
	padding: 5px 20px 0px 20px;
	float:left;
	color:#fff;
    display:block;
    width: 100%;
}

#footer-nav ul li a{
	color:#fff;
	text-decoration:none;
}

#footer-nav ul li a:hover{
	color:#000;
} 


      }

/*hacks*/
.span4{
    position: relative;
}



.modal-body {
    max-height: none;
    overflow: visible;
    padding-bottom:100px;
}
marquee h3{display: inline;}

.dropdown-backdrop {
  position: static;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-color: #fff;
    background-image:none;
    color: #666;
    outline: 0 none;
    text-decoration: none;
}


/*
.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}

.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
    margin-top: 0;
}

.navbar .sub-menu:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 10px;
}
.navbar .sub-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 11px;
    left: -6px;
}
*/

.rsContent code{background:none; border:none;}

/*DARK SITE */
#darksite img{
    text-align: center;
}
.alert-bg{
    background: #af2a2a;
}
.alert-bg2{
    background: #e3a40c;
}

input#submit{ background: url("img/green-tile.jpg"); width: 100px; color:#fff; padding: 3px 1px; border:0; }
input#submit:hover{background:#21bbc1;}