html { background: #fff; }

body { 
   background: #fff url(../img/tile.png) repeat-x center top; 
   text-align: center; }
   
   body#home { background: #fff url(../img/tile-home.png) repeat-x center top; }
 
.wrap {
   width: 980px;
   position: relative; } 

 
/* Site Header
------------------------------------ */
 
header {
   width: 100%; 
   max-width: 1000px;
   min-width: 960px;
   height: 179px;
   position: relative; 
   }
   
   #logo {
      width: 149px;
      height: 165px;
      display: block;
      opacity: .9;
      z-index: 9999;
      position: absolute; 
         left: 20px;
         top: 23px;
      -webkit-transition: opacity .5s ease-in-out;
         -moz-transition: opacity .5s ease-in-out;
         -o-transition:   opacity .5s ease-in-out;
         -ms-transition:  opacity .5s ease-in-out;
         transition:      opacity .5s ease-in-out; }
         
         #simple #logo { left: 50%; margin-left: -75px; }
         
   #logo:hover { opacity: 1; }
   #logo:active { opacity: .7; }

/* --- Join Form --- */

.subscribe { 
   border-right: 1px solid rgba(0,0,0,.2);
   padding-right: 19px;
   display: inline;
   text-align: left; 
   position: absolute;
      right: 160px;
      top: 10px; } 

.subscribe ol { 
   list-style: none; 
   margin: 0; 
   padding: 0; } 
   
.subscribe li { 
   padding: 0 2px; 
   display: inline-block;
   float: left;
   position: relative;
   text-align: left; }

.subscribe a.title { 
   width: 160px;
   margin: 4px 5px 0 0;
   display: inline-block;
   position: relative;
   font: 700 24px/1 "nimbus-sans-condensed", arial;
      color: #f5f5f5;
      text-transform: uppercase;
      text-align: right;
   -webkit-transition: color .3s ease-in-out;
		-moz-transition: color .3s ease-in-out;
		-o-transition:   color .3s ease-in-out;
		-ms-transition:  color .3s ease-in-out;
		transition:      color .3s ease-in-out; }
    
.subscribe a.title:hover { color: white; }
.subscribe a.title:active { color: #e9eff4; }

.subscribe input { 
   background: #c3c3c3;   
   border: none;
   width: 125px;
   margin: 0 auto;
   padding: 8px; 
   cursor: pointer; 
   border-radius:            4px;
      -moz-border-radius:    4px; 
      -webkit-border-radius: 4px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   line-height: 14px;
   color: #747474;
   transition:            all .35s ease-in-out;    
      -webkit-transition: all .35s ease-in-out;  
		-moz-transition:    all .35s ease-in-out;  
		-o-transition:      all .35s ease-in-out;  
		-ms-transition:     all .35s ease-in-out; } 
    
.subscribe .zip_code {  width: 65px !important; }

.subscribe input:hover { 
   background-color: #e4e4e4;
   color: #606060;
   box-shadow:            1px 1px 2.5px rgba(0, 0, 0, 0.1);       
   	-moz-box-shadow:    1px 1px 2.5px rgba(0, 0, 0, 0.1);    
		-webkit-box-shadow: 1px 1px 2.5px rgba(0, 0, 0, 0.1); }
   
.subscribe input:focus { 
   background-color: #e9e9e9;
   color: #606060;
   cursor: text; 
   box-shadow:            inset 1.5px 1.5px 3.5px rgba(0, 0, 0, 0.25);       
		-moz-box-shadow:    inset 1.5px 1.5px 3.5px rgba(0, 0, 0, 0.25);
		-webkit-box-shadow: inset 1.5px 1.5px 3.5px rgba(0, 0, 0, 0.25); }

.subscribe button {
   background: white url(../img/arrow-red.png) no-repeat center center; 
   width: 32px;
   height: 32px;
   border: none;   
   overflow: hidden;
   display: block;
   position: relative;
   cursor: pointer;
   -moz-border-radius: 4px;
      -webkit-border-radius: 4px;
      border-radius: 4px;
   transition: background-color .35s ease-in-out; 	
		-webkit-transition: all .35s ease-in-out;  
		-moz-transition: all .35s ease-in-out;  
		-o-transition: all .35s ease-in-out;  
		-ms-transition: all .35s ease-in-out;  } 
.subscribe button:hover { background-color: rgba(26, 57, 71, 1) }  
.subscribe button:active { 
   background-color: rgba(253, 184, 37, 1);
   box-shadow: inset 1.5px 1.5px 3.5px rgba(0, 0, 0, 0.25);		 
		-moz-box-shadow: inset 1.5px 1.5px 3.5px rgba(0, 0, 0, 0.25);
		-webkit-box-shadow: inset 1.5px 1.5px 3.5px rgba(0, 0, 0, 0.25); } 
   
#subscribe-response {
    font: 700 18px/1 "nimbus-sans-condensed", arial;
    color: #f5f5f5;
    text-transform: uppercase;
    text-align: right;
    padding-right: 15px;
    background: url(../img/arrow-white.png) no-repeat right center; 
    position: absolute;
    right: 170px;
    top: 18px;
    }




/* --- Site Header --- */

#connect {
    list-style: none;
    display: inline;
    position: absolute;
    right: 0;
    top: 10px;
    width: 162px;
    height: 32px;
    background: #2e3a4c; 
    -moz-border-radius:    4px;
    -webkit-border-radius: 4px;
    border-radius:         4px;
    }   
   
.like, .follow {    
    height: 28px;
    padding: 6px;
    display: inline-block;
    position: absolute;
    top: 0;
    }

    .like { 
        left: 0;
        width: 113px; 
        }
        
    .like iframe { 
        float: left;
        }
    
    .follow { right: 0; }
      

      



/* Site Footer
------------------------------------ */

footer {
    width: 100%;
    max-width: 960px;
    padding: 40px 0;
    font-size: 11px;
    line-height: 1;
    color: #6e6e6e; 
    }
      
footer address {
   font-style: normal;
   } 
   
footer address strong { 
   display: block;
   color: #828282; }  
   
footer .links { text-transform: uppercase; }   

footer .links a {
   color: #696969; 
   font-weight: bold; } 
      
footer .paidfor {
   border: 1px solid #dfdfdf;
   margin: 20px auto 20px auto;
   display: block;
   padding: 3px 5px 4px 5px;
   width: 415px;
   clear: both;}       
   
   @media (max-width: 425px) { footer .paidfor {width: 270px; } }
   
footer .credit {
   padding: 15px;
   display: block; 
   color: #b5b5b5; }   
   
footer .credit a {
   color: #b5b5b5; 
   font-weight: bold;} 
   
footer a:hover,
footer .credit a:hover {
   color: black; }  
   
   


/* Error INPUT Styling
--------------------------------------------------- */

input.error { 
   box-shadow: inset 1.5px 1.5px 2.5px rgba(0, 0, 0, 0.25);       
      -moz-box-shadow: inset 1.5px 1.5px 2.5px rgba(0, 0, 0, 0.25);
   	-webkit-box-shadow: inset 1.5px 1.5px 2.5px rgba(0, 0, 0, 0.25); }

input.error:hover { 
   box-shadow: inset 1.5px 1.5px 2.5px rgba(0, 0, 0, 0.35);       
      -moz-box-shadow: inset 1.5px 1.5px 2.5px rgba(0, 0, 0, 0.35);
   	-webkit-box-shadow: inset 1.5px 1.5px 2.5px rgba(0, 0, 0, 0.35); }
      
input.error:active { 
   box-shadow: inset 1.5px 1.5px 2.5px rgba(0, 0, 0, 0.45);       
      -moz-box-shadow: inset 1.5px 1.5px 2.5px rgba(0, 0, 0, 0.45);
      -webkit-box-shadow: inset 1.5px 1.5px 2.5px rgba(0, 0, 0, 0.45); }     
   
   
/* Error LABEL Styling
--------------------------------------------------- */

form label { position: relative; }

strong.error { 
   background: #af403c;
   padding: 5px 7px;   
   display: block;
   white-space: nowrap;
   position: absolute; 
   top: 26px;
   z-index: 9999;
   -moz-border-radius: 4px;
      -webkit-border-radius: 4px;
      border-radius: 4px;
   font-size: 10px;
      line-height: 10px;
      color: #fff; 
      text-transform: uppercase; } 
      
#join-long strong.error { top: 46px; }
.act #join-long strong.error { top: 22px; }


strong.error:after { 
   height: 0; 
   width: 0;    
   margin-left: -6px;  
   content: " ";    
   position: absolute; 
      left: 15px; 
      bottom: 100%;
   border-color: rgba(175, 64, 60, 0);    
      border: solid transparent; 
      pointer-events: none;
      border-bottom-color: #af403c; 
      border-width: 6px; }