body { margin: 0; padding: 0; font-family: Arial; font-size: 10pt; color: #444; background-color: #fff; background-image: url(../images/new/bg_main.jpg); background-repeat: repeat-x; background-position: top left; }


a { outline: none; color: #145d7b; text-decoration: none; }
a:hover { color: #145d7b; text-decoration: underline; }

img { border: none; }

table { border-collapse: collapse; }

h1,h2,h3,h4,h5,h6 { font-weight: bold; font-family: Arial; text-transform: uppercase; }
  h1 { font-size: 24px; margin-bottom: 10px; }
  h2 { font-size: 20px; }
  h3 { font-size: 12px; padding: 20px 0 10px 0 }

label { display: block; font-weight: normal; font-size: 12px; text-transform: uppercase; }
  span.label { font-weight: bold; }

input, textarea, select { font-family: Arial; padding: 5px; color: #444; background-color: #f8f8f8; font-size: 14px; border: 1px solid #cdcdcd; }

#formContainer { padding-bottom: 30px;  clear: both; overflow: auto; overflow: hidden; }
    #formRight { float: right; width: 400px; margin-right: 5px; }
    #formLeft { float: left; width: 370px; }
      #formLeft, #formRight .inset { color: #000; padding: 24px; background-color: #fff; border: 3px solid #333; background-image: url(/images/new/bg_signup.jpg); -webkit-box-shadow: 5px 5px 5px #999; box-shadow: 5px 5px 5px #999; -moz-box-shadow: 5px 5px 5px #999; }

form {  }

form p {  }



b.blue { color: #145d7b; }

#container { clear: both; overflow: auto; min-height: 850px; }
  
  #header { margin: 0 auto; width: 855px; clear: both; overflow: auto; height: 110px; overflow-y: hidden; }
  
  #loginBox { float: right; overflow: auto; padding: 6px 20px 6px 20px; border-right: 1px solid #c6c6c6; border-left: 1px solid #c6c6c6; }
  
  #navigation { float: left; width: auto; }
	#navigation ul { list-style: none; margin: 0; padding: 0; }
		#navigation ul li { display: inline; margin: 0; padding: 0; }
			#navigation ul li a { display: block; float: left; padding: 8px 20px 8px 20px; color: #3B3B3B; font-size: 14px; border-right: 1px solid #c6c6c6; }
				#navigation ul li a:hover { background-color: #d3d1d1; text-decoration: none; color: #145d7b; }
  
  #nav { float: left; margin-top: 0; height: 110px; overflow-y: hidden; background-image: url(/images/new/bg_header.jpg); background-position: top right; background-repeat: no-repeat; }
    #nav .inset { margin-top: 40px; }
      #nav .inset a { margin: 0 10px; }
    
    #logo { float: left; width: auto; height: 78px; }
      #logo img { }

  #content { margin: 0 auto; width: 855px; clear: both; overflow: auto;  }
    #content p { line-height: 22px; }
    
  #homeSliderContainer { margin: 0 auto; width: 855px; overflow: auto; overflow-y: hidden; }
  #featuredVideos {  }
  #featuredVideos div.title h1 { padding: 0; margin: 0 0 10px 0; }
  #featuredVideos div.vidBox { float: left; margin: 0; width: 637px; height: 339px; }
    #featuredVideos div.vidBox div.inset { padding: 0; text-align: center; }
  #featuredVideos div.vidInfoBox { float: right; margin: 0; width: 215px; }
    #featuredVideos div.vidInfoBox div.inset { padding: 10px 10px 0 0; }
	#featuredVideos div.vidInfoBox div.inset img { }
    #featuredVideos div.vidInfoBox div.inset h2 { padding-bottom: 10px; color: #fff; font-family: Arial; border-bottom: 1px solid #666; text-shadow: #000 2px 2px 0;  }
    div.vidPostNew { color: #fff; margin: 10px 0; }
    div.vidPostNew { font-size: 12pt; line-height: 20px; text-shadow: #333 2px 2px 0; }
    div.bttnMore { border-top: 1px solid #686868; padding: 26px 0 0 0;}
    



  div.featuredVideos2 { margin: 0 auto; padding: 30px 0 30px 0; width: 855px; overflow: auto; }
  div.featuredVideos2 .heading h2 { border-bottom: 1px solid #cdcdcd; font-family: Arial; margin-bottom: 10px; text-shadow: #ccc 2px 2px 0; }
  div.featuredVideos2 .item { float: left; margin: 15px 10px 10px 0; width: 271px; height: auto; }
    div.featuredVideos2 .item .title { margin: 0 0 6px 0; font-size: 10pt; overflow: auto; clear: both; font-weight: bold; height: 40px; display: table-cell; vertical-align: middle; }
	div.featuredVideos2 .item .title img { float: left; margin-right: 5px; }
	div.featuredVideos2 .item .data .post { height: 70px; display: table-cell; vertical-align: top; }
    div.categoryPost { padding: 3px 0; font-size: 10pt;  border-top: 1px solid #686868; margin-top: 6px; }
    div.bttnMore { margin: 10px 0 0 0; }
    div.post { font-size: 10pt; }
	
	div.prev-next { text-align: right; margin: -33px 5px 0 0; }
		div.prev-next a { margin: 0 5px; }
	
	span.sep { text-shadow: #ccc 0 0 0; font-weight: normal; color: #cdcdcd; }



  div.webisodeBox { font-size: 8pt; float: left; width: 198px; height: auto; margin: 10px 20px 10px 0; overflow: auto; }
    div.webisodeBox div.image img { width: 186px; border: 6px solid #333333; }
    div.webisodeBox div.title { margin: 0 0 0 0; padding: 6px 0; font-size: 10pt; overflow: auto; clear: both; border-bottom: 1px solid #686868; font-weight: bold; }
    div.webisodeBox div.title img { float: left; margin-right: 5px; }
    div.webisodeBox div.data div.postInfo { width: 100%; height: 45px; display: table-cell; vertical-align: middle; }
    div.webisodeBox div.data div.sm { color: #444; text-align: left;  border-top: 1px solid #686868; padding: 6px 0; }



  #channelListSection { margin-bottom: 20px; background-image: url(/images/sectionBg.jpg); background-repeat: repeat-x; clear: both; overflow: auto; }
  #channelListSection .inset { margin: 0 auto; width: 1050px; }
  #channelListSection .inset h2 { margin: 38px 0 20px 0; color: #fff; text-shadow: #000 1px 1px 2px; }
  div.catListBox { float: left; width: 210px; overflow-x: hidden; }
    #channelListSection .inset .catListBox h2 { margin: 30px 0 10px 0; color: #444; text-shadow: #000 0 0 0; font-size: 14px; }
      #channelListSection .inset .catListBox a {  }

    

  #footer { width: 100%; background-image: url(/images/new/bg_footer.jpg); background-repeat: repeat-x; clear: both; overflow: auto; }
  #footer .inset { margin: 0 auto; margin-top: 1px; width: 855px; background-image: url(/images/new/bg_footer2.jpg); background-position: top center; background-repeat: no-repeat; padding: 15px 0 40px 0; }
	#footer .inset .right { float: right; width: auto; };
	  #footer .inset .right a { margin: 0 0 0 10px; }
	#footer .inset .item { float: left; width: 100px; }
	#footer .inset .social { float: right; width: auto; }
	  #footer .inset .social a { margin: 0 1px; } 
	#footer .inset .logo { float: right; width: auto; }
	#footer .inset .item .nav a { display: block; font-size: 9pt; padding: 2px 0; }
	#footer .copyright { float: left; width: 100%; text-align: center; color: #666; }
	#footer h3 { font-family: Arial; padding-bottom: 10px; } 
        


    div.showBox { margin: 0 0 20px 0; padding: 20px; border: 1px solid #aaa; background-color: #f4f4f4; background-repeat: no-repeat; background-position: bottom right; }
      div.showBox p, div.showBox h2 { line-height: normal; padding: 0; margin: 0; }

    #vidPlayer { margin-top: 0; clear: both; overflow: auto; }  
      #playerTop { float: left; width: 100%; height: 41px; }
        #playerTop .inset { padding: 12px 0 0 100px; font-size: 16px; font-weight: bold; color: #0d82b2; }
      #playerRight { float: right; width: 100px; text-align:center; }
        #shareBox { margin-top: 120px; text-align: left; padding: 10px;}
          #shareBox h4 { margin-bottom: 5px; padding: 0; }
          #shareBox a { display: block; margin:10px 0; height: 17px; }
      #playerLeft { float: left; width: 100px; text-align: center; }
        #playerLeft img { margin-top: 30px; width: 70px; }
      #playerMain { float: left; width: 720px; }
      
      div.playerBottomButtons { text-align: right; }
        div.playerBottomButtons a { font-size: 14px; margin: 0 10px; }
      
      div.shareBoxVids { color: #0d82b2; }
        div.shareBoxVids img {  }
      
      div.shareThisBox a { text-decoration: none; }
        div.shareThisBox a:hover { color: #aaa }
      
      div.showBox2 { float: left; margin: 0 5px 20px 5px; width:205px; text-align: center;  }
      
      span.attr { font-size: 10px; color: #666; }

		div.twtr-widget {  margin-top: 20px; }
      
div.error { background-color: #000; border: 1px dashed #666; padding: 5px; margin: 10px 0; font-weight: bold; color: #666; }

iframe#magic { display: none; visibility: hidden; }


div.socialBookmarks { clear: both; height:24px;margin:-52px 0 50px 0;overflow:hidden;position:relative; }
div.socialBookmarks div.inset { position:absolute; }
div.socialBookmarks a { background-position:0 bottom;border:0;display:block;float:left;width: 30px; background-repeat: no-repeat;height:24px;text-decoration:none; padding: 0; margin: 0; }
div.socialBookmarks a:hover { background-position:0 top; }
div.socialBookmarks a span { display:none; }
div.socialBookmarks a.delicious { background-image:url('/images/new/social/delicious.png')  }
div.socialBookmarks a.digg { background-image:url('/images/new/social/digg.png')  }
div.socialBookmarks a.facebook { background-image:url('/images/new/social/facebook.png')  }
div.socialBookmarks a.googlereader { background-image:url('/images/new/social/googlereader.png')  }
div.socialBookmarks a.mail { background-image:url('/images/new/social/mail.png')  }
div.socialBookmarks a.myspace { background-image:url('/images/new/social/myspace.png')  }
div.socialBookmarks a.stumbleupon { background-image:url('/images/new/social/stumbleupon.png')  }
div.socialBookmarks a.twitter { background-image:url('/images/new/social/twitter.png')  }
div.socialBookmarks a.yahoobuzz { background-image:url('/images/new/social/yahoobuzz.png')  }


div.section { padding: 8px 0; border-bottom: 1px solid #cdcdcd; font-size: 10pt; }


div.latestBox { float: left; width: 220px; height: auto; margin: 5px 5px 20px 5px; font-size: 10px }
  div.latestBox .inset { height: 150px; background-color: #ddd; border: 1px solid #666; }
  div.content { float: left; margin: 10px 10px 0 0; }
  

ul.chanMenu, ul.chanMenu ul {
  float: left; width: 198px; height: auto; margin: 10px 20px 10px 0; overflow: auto;
  list-style-type:none;
  padding: 0;
}

ul.chanMenu a {
  display: block;
  text-decoration: none;	
}

ul.chanMenu li {
  margin-top: 1px;
}

ul.chanMenu li a {
  color: #444;	
  padding: 6px 0; font-weight: bold; font-size: 10pt; border-top: 1px solid #686868; border-bottom: 1px solid #686868; margin-top: -2px;
}

ul.chanMenu li a:hover {

}

ul.chanMenu li ul li { background-color: #f9f9f9; }

ul.chanMenu li ul li a {
  padding: 6px; font-weight: normal; font-size: 8pt; color: #145d7b;  border-top: none; border-bottom: 1px solid #ddd;
}

ul.chanMenu li ul li a:hover {
  color: #444;
}