/*
Theme Name: WOWSA
Theme URI: http://wordpress.org/
Description: This is a custom Wordpress Theme for WOWSA
Version: 1.0
Author: J.J. Kaye
Author URI: http://jjkaye.com/
*/

html { 
  background: white url(images/bg.png) top left repeat-x;
}

body { 
  font-family: "Lucida Grande", "Lucida Sans", "Arial";
}

a { color: #20add2; }

a:hover { text-decoration: underline; }

#wowsa { 
  margin:auto;text-align:left; /* leave unchanged */
  width:73.85em;/* non-IE */
  *width:72.00em;/* IE */
  min-width:960px;/* optional but recommended */
}

#hd {
  margin-top: 15px; /*position: absolute; z-index: 999;*/ 
}
  
  #hd-title {
    font-size: 230%; letter-spacing: -.05em; color: #fff;
    padding: 7px 0 1px 20px; float: left; display: inline; width: 500px;
  }

  #hd-logo {
    float: left; display: inline; width: 110px; position: absolute; 
  }

  #hd-hd { 
    background-color: #005b77; width: 840px; height: 88px;
    float: left; display: inline; margin-left: 110px;
  }
  
  #hd-nav { 
    float: left; display: inline; border-top: 1px solid #cff1f7; width: 820px; margin-top: 10px; padding-left: 20px; height: 33px;
  }
  
    #hd-nav li { 
      float: left; display: inline; font-size: 108%; margin-right: 60px; margin-top: 4px;
    }
    
      #hd-nav li a { 
        color: #baf4ff; text-transform: uppercase; text-decoration: none;
      }
      
      #hd-nav li a:hover { color: #fff; }


/* Body */

#bd { padding-top: 15px; }

  #bd #bd-eight { 
    width: 460px; margin: 0 10px; float: left; display: inline; 
  }
  
    /* Featured */
  
    #bd-featured {
      width: 460px; float: left; display: inline; background-color: #20add2; overflow: hidden;
    }
      
      #bd-featured a.featured-news { 
        text-decoration: none; color: #fff; float: left; display: inline; width: 440px;
        background-color: #2692ae; margin: 10px;
      }
      
      #bd-featured h3 {
        font-size: 250%; padding-bottom: .3em;
      }
      
      #bd-featured .featured-news-text { 
        float: left; display: inline; width: 410px; padding: 10px 15px 20px 15px; 
      }
        
      #bd-featured img { 
        margin: 0; margin: 0; float: left; display: inline;
      }
      
    /* Latest */
    
    #bd-latest {
      float: left; display: inline; width: 460px; padding-top: 2em;
    }
    
      #bd-latest h2.latest-h2 { 
        display: block; border-bottom: 3px solid #2692ae; text-align: center; color: #43a1b9; font-size: 138.5%; text-transform: uppercase;
      }
      
      #bd-latest a.latest-news { 
        float: left; display: inline; width: 460px; text-decoration: none; margin: .7em 0;
      }
      
        #bd-latest a.latest-news h3 {
          font-size: 182%; color: #20add2; 
        }
        
        #bd-latest a.latest-news p { 
          color: #555;
        }
        
          #bd-latest a.latest-news:hover p { 
            text-decoration: underline; color: #333;
          }
        
        #bd-latest a.latest-news span.latest-news-date {
          font-size: 85%; display: block; padding-bottom: .7em; color: #999;
        }
        
          #bd-latest a.latest-news:hover span.latest-news-date { 
            color: #333;
          }   
      
      
  
  #bd #bd-three { 
    width: 160px; margin: 0 10px; float: left; display: inline; 
  }
  
    /* Upcoming */
    
    #bd-three h2.h2-upcoming { 
      color: #f38630; font-size: 138.5%; text-transform: uppercase; text-align: center; 
    }
    
    #bd-upcoming { 
      width: 150px; float: left; display: inline; background-color: #f5f6ed; border: 5px solid #e0e4cc; margin-top: .5em;
    }
    
      #bd-upcoming a.upcoming-event { 
        float: left; display: inline; width: 130px; padding: .9em 10px; text-decoration: none;
      }
      
        #bd-upcoming a.upcoming-event:hover { 
          background-color: #fff;
        }
      
        #bd-upcoming a span { 
          display: block; text-align: center;
        }
        
        #bd-upcoming a span.upcoming-text { 
          color: #f38630; font-size: 108%;
        }
        
        #bd-upcoming a span.upcoming-date {
          font-size: 85%; color: #666;
        }
  
  #bd #bd-five {
    width: 280px; margin: 0 10px; float: left; display: inline; 
  }
  
    /* Promo */
    
    #bd-promo img { 
      float: left; display: inline; 
    }
    
    /* Resources */
    
    #bd-resources {
      float: left; display: inline; width: 280px; padding-top: 2em;
    }
    
      #bd-resources h2.resources-h2 { 
        font-size: 138.5%; color: #005b77; display: block; border-bottom: 3px solid #005b77; text-align: center; text-transform: uppercase; 
      }
    
      #bd-resources a.resource { 
        float: left; display: inline; width: 280px; text-decoration: none; margin: .7em 0;
      }
      
        #bd-resources a.resource img { 
          float: left; display: inline; margin-bottom: 1em;
        }
      
        #bd-resources a h3 { 
          font-size: 138.5%; color: #005b77; margin-bottom: .2em;
        }
          
          #bd-resources a span.resource-excerpt { color: #555; }
          
            #bd-resources a:hover span.resource-excerpt { text-decoration: underline; color: #555; }
        
          #bd-resources a span.resource-date { padding-bottom: .7em; color: #999; font-size: 85%; display: block;}
          
            #bd-resources a:hover span.resource-date { color: #999; text-decoration: underline; }
    
/* Footer */
    
#ft { 
 /* position: relative; */ border-top: 3px solid #20add2; margin-top: 3em; padding: 1em 0 3em 0;
}

  #ft-logo {
    float: left; display: inline; width: 50px; height: 63px;
  }
    
  #ft-nav { 
    float: left; display: inline; width: 700px;
  }
  
    #ft-nav li { float: left; display: inline; font-size: 85%; text-transform: uppercase; margin-left: 4em;}
    
      #ft-nav li a { text-decoration: none; }
      
      #ft-nav li a:hover { text-decoration: underline; }
      
      
/* Page Styles */

#bd-left { width: 160px; margin: 0 10px; float: left; display: inline; padding-top: 50px;}

  #bd-left h3 { 
    width: 160px; float: left; display: inline; font-size: 138.5%; text-transform: uppercase; color: #005b77;
    border-bottom: 3px solid #005b77; padding-bottom: .3em;
  }
  
    #bd-left h3 a { 
      color: #005b77;
    }
  
  #bd-left .list-pages { 
    float: left; display: inline; width: 160px;
  }
  
  #bd-left li.page_item a {
    float: left; display: inline; width: 150px; border-bottom: 1px solid #ccc; padding: .7em 0 .7em 10px; text-decoration: none;
  }
  
  #bd-left li.current_page_item a, #bd-left li.current_page_parent a { 
    background-color: #20add2; color: #fff; 
  }
  
    #bd-left li.page_item a:hover { 
      background-color: #20add2; color: #fff; 
    }

#bd-middle { width: 580px; margin: 0 10px; float: left; display: inline; }

  #bd-middle .hero-image { 
    border: 1px solid #ccc; overflow: hidden; width: 578px; height: 324px; 
  }
  
  #bd-middle .medium-image {
    border: 1px solid #ccc; overflow: hidden; width: 278px; height: 208px; margin-bottom: .7em;
  }
  
    #bd-middle a.featured { text-decoration: none; }
    
      #bd-middle a.featured p { padding: .2em;}
  
    #bd-middle a:hover .medium-image {
      border-color: #005b77; 
    }
    
    #bd-middle h2.featured-h2 { 
      width: 580px; float: left; display: inline; font-size: 138.5%; color: #005b77;
      border-bottom: 3px solid #005b77; padding-bottom: .3em; margin-bottom: 1em;
    }
    
    #bd-middle a span.span-date {
          font-size: 85%; display: block; padding-bottom: .7em; color: #999; text-decoration: none; 
        }
    
    #bd-middle h3 { 
      font-size: 138.5%; display: block;
    }
    
  #bd-middle hr { border: none; border-top: 3px solid #005b77; }

  #bd-middle h1 { 
    font-size: 250%; padding-bottom: .3em; color: #005b77; border-bottom: 3px solid #005b77; margin-bottom: .5em;
  }

  #bd-middle p { 
    line-height: 1.6em; padding: 1em 0;
  }
  
  #bd-middle a.featured { 
    float: left; display: inline; width: 280px;
  }
  
    #bd-middle a.featured.first { margin-right: 20px; }

#bd-right { width: 160px; margin: 0 10px; float: left; display: inline; }