@import url(blueprint.css);

body { 
  background: #fff url(/img/body-bg.jpg) no-repeat center bottom;
  color: #fff; 
  font-family: "Lucida Grande", Helvetica, Arial, sans-serif; 
  margin-bottom:  30px;
  padding: 0 0 -31px 0;
  }
.replace { text-indent: -1000em; overflow: hidden; }

.container { width: 960px; background: url(/img/container-bg.png) no-repeat center top; }

a { outline: 0; color: #2ba1db; }
a:hover, a:active, a:visited, a:focus { text-decoration: underline; color: #2ba1db; }
dd { margin-left: 0; }
h1.site-title { background: none; padding: 0; }
h1.site-title a { 
  display: block; 
  width: 450px; 
  height: 118px; 
  background: url(/img/site-title.png) no-repeat center top; 
  margin: 0 auto;
  }
h1 { 
  color: #16e1ff;
  font-size: 43px; 
  background: url(/img/h1-bg.jpg) no-repeat 0 19px;
  padding: 5px; 
  }
h2 { color: #33c8cf; font-size: 24px;  }
h3 { color: #fff; font-size: 16px; clear: both; }
h4 { text-transform: uppercase; font-weight: bold; letter-spacing: -1px; color: #2BA1DB; margin-bottom: 0; }

.imgLeft { 
  border: 1px solid #fff; 
  float: left; 
  margin: 0 10px 0 0; 
  width: 180px;
  }

.nav { width: 730px; margin: 0 auto; }
  .nav ul { list-style-type: none; margin: 0 0 0 10px; float: left; }
  .nav li { 
    float: left; 
    margin-right: 30px; 
    padding-right: 28px; 

    background: url(/img/nav-divider.gif) no-repeat right 0; 
  }
  .nav li.last { background: none; padding-right: 0; margin: 0; }
  .nav a { 
    color: #fff;
    text-decoration: none; 
    width: 130px; 
    display: block; 
    font-size: 33px; 
    }
  .nav a em { 
    font-size: 13px; 
    display: block;
    color: #2a98ce;
    font-style: normal; 
    }
    
.feature { 
  clear: both; 
  padding: 10px 20px 20px 20px;
  width: 704px;
  height: 349px;
  background: #fff; 
  color: #000; 
  margin: 72px 0 0 50px;
  background: url(/img/video-box.png) no-repeat 0 0;
  }
  .feature object, .feature embed { margin: 10px 0 0 1px; float: left; }
  
.sponsors_page .imgLeft { 
    border: 0;
    padding: 0; 
    height: 137px; 
    width: auto;
    margin: 0 30px 30px auto;
    }
#home .content-wrapper { 
  width: 842px; 
  margin: 0 0 0 57px;
  background: url(/img/content-wrapper-bg.png) no-repeat center bottom;
  }
#sub .content-wrapper { 
  width: 842px; 
  margin: 0 0 0 57px;
  background: url(/img/sub-content-wrapper-bg.png) no-repeat center bottom;
  }
  .content { 
    width: 690px; 
    background: url(/img/content-bg.png) repeat 0 0; 
    padding: 20px; 
    margin: 72px 0 30px 58px; 
    }
.secondary { 
  width: 862px;
  margin: 0 auto; 
  background: url(/img/secondary-bg.png) no-repeat 0 0;
  overflow: visible;
  }  
  
.blog { 
  width: 380px; 
  float: left; 
  padding: 0 20px; 
  margin: 0 40px 0 20px;
  margin-bottom: 10px;
  }
  .blog h2 { 
    background: url(/img/blog-title.png) no-repeat 0 0;
    width: 205px;
    height: 49px;
    margin-bottom: 24px;
    margin-top: 2px;  
    }
  .blog dt { font-size: 14px; }
  .blog dt a { color: #2ba1db; text-decoration: none; }
  .blog dd { margin: 0 0 10px 0; font-size: 12px; }

.twitter { 
  width: 320px;
  float: left; 
  margin-bottom: 50px; 
  padding: 0 20px; 
  }  
  .twitter h2 { 
    background: url(/img/twitter-title.png) no-repeat 0 0;
    width: 132px;
    height: 54px;
    margin-bottom: 24px; 
    }
  .twitter ul { 
    list-style-type: none; 
    margin: 0; 
    font-size: 11px; 
    }
  .twitter li { margin-bottom: 10px; }
    
a.blog-link { 
  display: block; 
  width: 158px; 
  height: 32px; 
  float: right;
  background: url(/img/blog-link.gif) no-repeat 0 0;
  }
a.twitter-link { 
  display: block; 
  width: 98px; 
  height: 32px; 
  float: right;
  background: url(/img/twitter-link.gif) no-repeat 0 0;
  }
  
.event { 
  float: left; 
  width: 320px; 
  padding-left: 20px;
  margin-right: 10px; 
  }
.last { margin-right: 0 !important; }
  
.footer { 
  clear: both; 
  width: 820px;
  padding: 10px 20px 6px 20px; 
  margin: 0 auto;
  position: relative;
  background: url(/img/footer-bg.png) repeat 0 0; 
  }
  .footer ul { list-style-type: none; margin: 0; }
  .footer li { float: left; margin-right: 14px; }
  .footer a { text-indent: -1000em; overflow: hidden; display: block; background: url(/img/footer.png) no-repeat; }
  .footer a.hr { width: 51px; height: 37px; background: url(/img/sponsors/hisradio-logo-2.png) no-repeat 0 0; }
  .footer a.wjam { width: 272px; height: 37px; background-position: 0 -5px; }
  .footer a.tangle { width: 91px; height: 47px; background-position: -272px 0; }
  .footer a.fbook { width: 37px; height: 37px; background-position: -363px -5px; }
  .footer a.myspace { width: 37px; height: 37px; background-position: -400px -5px; }
  .footer a.tn { width: 208px; height: 47px; background-position: -437px -2px; }
  .footer .credits a {
	text-indent: 0;
	position: absolute;
	bottom: 20px;
	right: 10px;
	color: #fff;
	font-size: 11px;
	background: none;
}