/* CSS Document */
/*
Site Name: WNIT Public Television
Site URI: http://www.wnit.org
Description: main css
CSS Version:3.0
Version: 1.0
Author: Matt Norris
Author URI: mjn0711@gmail.com
*/
/*Color Pallete*/
/*
#005696 - Blue (Corporate)
#d31045 - Red (Local Productions)
#f58024 - Orange (HD)
#652d89 - Dark Purple (SD)
#fdb812 - Yellow (Video On Demand)
#008a5e - Green (Green Weekend)
#b5188a - Light Purple

#3f4249 - Gray
#2c2e33 - Dark Gray

#fdfaf3 - off-white (body background)
#f5f0e4 - cream (sidebar background)
*/
/*Color Pallete*/

/*css reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

ol, ul {
	list-style: none;
	position:relative;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}
a:focus { outline: none; }

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

object { outline:none; }
/*css reset*/


/*clear floats*/
.clear {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; margin:0;	padding:0;}
/*clear floats*/

body {background:#fdfaf3 url(../img/m2-bg.png) repeat-x; margin:0; padding:0; line-height:14pt; font-family:Arial, Helvetica, sans-serif; font-size:12pt;}

#ad-wrapper {
	width:1180px;
	height:100%;
	margin:0 auto;
}
#ad-container {
	position:relative;
	float:right;
	width:188px;
	margin-top:241px;
	z-index:2;
	height:100%;
}
#ad-panel {
	width:188px;
	height:100%;
	background-image:url(../img/ad-panel-bg.png);
	background-repeat:repeat-y;
	background-position:0 0;
	
}
.ad-panel-top {
	background-image:url(../img/ad-panel-top.png);
	background-repeat:no-repeat;
	background-position:0 0;
	height:7px;
	width:188px;
	margin:0;
	padding:0;
}
.ad-panel-bottom {
	background-image:url(../img/ad-panel-bottom.png);
	background-repeat:no-repeat;
	background-position:0 0;
	float:left;
	clear:left;
	height:23px;
	width:188px;
	margin:0;
	padding:0;
}
.ads {
	width:166px;
	padding:11px;
	height:100%;
}
.ads img {
padding:2px;
border:1px solid #3f4249;
margin-bottom:15px;

}
#wrapper-withad {
	width:980px;
	float:left;
}

#wrapper {margin:0 auto; padding:0;	width:980px;}

#logo {float:left;}
#logo span{text-indent:-9999px;	display:block; height:174px; width:195px; background:url(../img/wnit-h-logo.png) no-repeat;	margin:-19px 0 0 -15px; position:relative;}
#logo a{cursor:pointer;}

#logo-red {float:left;}
#logo-red span{text-indent:-9999px;	display:block; height:174px; width:195px; background:url(../img/wnit-h-logo-red.png) no-repeat;	margin:-19px 0 0 -15px; position:relative;}
#logo-red a{cursor:pointer;}

#logo-yellow {float:left;}
#logo-yellow span{text-indent:-9999px;	display:block; height:174px; width:195px; background:url(../img/wnit-h-logo-yellow.png) no-repeat;	margin:-19px 0 0 -15px; position:relative;}
#logo-yellow a{cursor:pointer;}

#pbslogo {float:right;}
#pbslogo span{text-indent:-9999px; display:block; height:53px; width:90px; background:url(../img/pbs-logo.png) no-repeat; margin:40px 75px 0px 0;}
#pbslogo a{cursor:pointer;}

#pbslinks {float:left; height:35px;	line-height:24px; width:980px; margin:0; padding:5px 0 0 0;}
#pbslinks a {color:#818795;	text-shadow:0px 1px 1px #000; font-size:10pt; font-weight:bold; text-decoration:none; padding:5px 3px 0 20px; float:right;}
#pbslinks a:visited {color:#818795;}
#pbslinks a:hover {color:#fff;}	
#pbslinks a:active {color:#fff;}

#header {background:url(../img/h-bg.png) no-repeat; width:980px; height:198px; float:left; clear:left;}

/*gray tabs*/
#sub-nav {float:right; clear:right; height:31px; margin:31px 0 0 0;	padding:0;}
#sub-nav span.middle{float:left; background:url(../img/gray-tab-middle.png) repeat-x; display:block; height:31px; line-height:31px;	padding:0 9px 0 9px; text-align:center; cursor:pointer;}
#sub-nav span.left{float:left; background:url(../img/gray-tab-left.png) no-repeat; display:block; height:31px; width:8px;}
#sub-nav span.right{float:left;	background:url(../img/gray-tab-right.png) no-repeat; display:block;	height:31px; width:8px;}
#sub-nav span.div{float:left; background:url(../img/gray-tab-divider.png) no-repeat right 3px; display:block; height:31px; width:3px;}
#sub-nav a{color:#2c2e33; font-size:10pt; font-weight:700; text-decoration:none;}
#sub-nav a:visited{color:#2c2e33;}
#sub-nav a:hover{color:#818795;}
#sub-nav a:active{color:#818795;}
/*gray tabs*/

/*main navigation*/
#main-nav {margin:0; padding:0; clear:both;}

a#home{ background:url(../img/main-nav.png) no-repeat; height:45px; width:56px; display:block; float:left; margin:-1px 0 0 0; border:0;}
a#home span { display:none; text-indent:-99999px; }
a#home:hover, a#home:active { background-position:0px -45px;}

a#watch{ background:url(../img/main-nav.png) no-repeat -56px 0; height:45px; width:148px; display:block; float:left; margin:-1px 0 0 0; border:0;}
a#watch span { display:none; text-indent:-99999px; }
a#watch:hover,a#watch:active{ background-position:-56px -45px;}

a#support{ background:url(../img/main-nav.png) no-repeat -203px 0; height:45px; width:145px; display:block; float:left; margin:-1px 0 0 -1px; border:0;}
a#support span { display:none; text-indent:-99999px; }
a#support:hover, a#support:active{ background-position:-203px -45px;}

a#learn{ background:url(../img/main-nav.png) no-repeat -349px 0; height:45px; width:144px; display:block; float:left; margin:-1px 0 0 -1px; border:0;}
a#learn span { display:none; text-indent:-99999px; }
a#learn:hover, a#learn:active{ background-position:-349px -45px;}

a#about{ background:url(../img/main-nav.png) no-repeat -498px 0; height:45px; width:150px; display:block; float:left; margin:-1px 0 0 -1px; border:0;}
a#about span { display:none; text-indent:-99999px; }
a#about:hover, a#about:active { background-position:-498px -45px;}

/*main navigation*/

/*google search box*/
#search {float:right; margin:0; padding:7px 2px 0 0;}
#cse-search-box input{background:url(../img/searchbox.png) no-repeat; width: 195px; height: 28px; line-height:20px; margin:0 5px 0 0; padding: 0px 5px 0px 25px; border: 0; font-weight: normal; font-size:12pt; color: #fdb913;}	  
#cse-search-box button{margin:0; padding:0; background: url(../img/searchbtn.png) no-repeat; width:50px; height:28px; cursor:pointer; border:0;}
#cse-search-box button:hover{padding:0;margin:0;background: url(../img/searchbtn.png) no-repeat bottom; width:50px; height:28px; cursor:pointer; border:0;}
/*google search box*/


#gallery {position:relative; float:left; clear:both; height:318px; width:980px; overflow:hidden; margin:12px 0 18px 0;}
#galleryoverlay {background:url(../img/galleryoverlay.png) no-repeat; position:absolute; top:0px; left:0px; width:980px; height:318px;	z-index:2;}

#content-wrap{width:980px; height:100%; margin:0; padding:0; clear:both; background:url(../img/sidebar-bg.png) repeat-y 806px 0px;}

#content-body {width:806px; float:left; padding:15px 0px 15px 0; font-family:Arial, Helvetica, sans-serif; font-size:10pt; font-weight:500; color:#3f4249; text-shadow:1px 1px 1px #fff;}	

#content-body h2.orangeheadline {background:url(../img/orange-headline.png) no-repeat; width:775px; height:35px; display:block; float:left; font-size:16pt; margin:0; padding:4px 10px 0 10px;}

#content-body p.headlinetext {padding:5px 10px 5px 15px;}

#content-wrap a:link, #content-wrap-board a:link, #content-wrap-full a:link {
color:#005696;
font-weight:normal;
text-decoration:none;
}
#content-wrap a:visited, #content-wrap-board a:visited, #content-wrap-full a:visited{
color:#005696;
text-decoration:none;
}
#content-wrap a:hover, #content-wrap-board a:hover, #content-wrap-full a:hover {
color:#3f4249;
text-decoration:underline;
}
#content-wrap a:active, #content-wrap-board a:active, #content-wrap-full a:active  {
color:#3f4249;
text-decoration:underline;
}
#sidebar-index {width:174px; float:left; background:url(../img/sidebar-bg.png) repeat-y;}

/*dark-gray sub-footer*/
#sub-footer{border-top:8px solid #e3ddd2; background-color:#1e2022; clear:both;}
#sub-footer-inner{width:980px; margin:0 auto; padding:15px 0 15px 0; position:relative;}
#sub-footer-inner h2{color:#fdb812; font-size:16pt;}
#partners{float:left; width:540px; padding-right:20px; background:url(../img/sub-footer-h-div.png) repeat-y right;}
#newsletter {float:right; width:400px; padding-left:20px; background:url(../img/sub-footer-v-div.png) repeat-x bottom;}

#partners a img {border:3px solid #E2DDD2; padding:0; margin:10px 10px 10px 0; float:left;}
#partners a:hover img {border:3px solid #D0C7B1;}

#icons {float:right; width:400px; padding:10px 0 30px 20px; background:url(../img/sub-footer-v-div.png) repeat-x bottom;}
/*dark-gray sub-footer*/

/*twitter feed*/
#twit {float:right; width:400px; padding:10px 0 0 20px;}
.tweet { padding:10px 0 0 0; margin:0px; width:300px; font-size:10pt; line-height:20px; color:#fff; text-decoration:none;}
.tweet a:link {color:#f58024; text-decoration:none;}
.tweet a:visited {color:#f58024; text-decoration:none;}
.tweet a:hover {color:#f58024; text-decoration:underline;}
.tweet a:active {color:#f58024; text-decoration:underline;}
/*twitter feed*/

a#facebook{background:url(../img/icons/facebook-icon.png) no-repeat; height:40px; width:40px; display:block; float:left; margin:10px 10px 10px 0; border:0;}
a#facebook span {display:none; text-indent:-99999px;}
a#facebook:hover,a#facebook:active {background-position:bottom;}


a#twitter{background:url(../img/icons/twitter-icon.png) no-repeat; height:40px; width:40px; display:block; float:left; margin:10px 10px 10px 0; border:0;}
a#twitter span {display:none; text-indent:-99999px;}
a#twitter:hover, a#twitter:active {background-position:bottom;}

a#twitter-bird{background:url(../img/twitter-bird.png) no-repeat; width:101px; height:86px; display:block; margin:0px 0 0 0; position:absolute; bottom:-14px; left:879px; z-index:2;} 
a#twitter-bird span{display:none; text-indent:-99999px;}


a#youtube{background:url(../img/icons/youtube-icon.png) no-repeat; height:40px; width:40px; display:block; float:left; margin:10px 10px 10px 0; border:0;}
a#youtube span {display:none; text-indent:-99999px;}
a#youtube:hover, a#youtube:active{ background-position:bottom;}

a#rss{background:url(../img/icons/rss-icon.png) no-repeat; height:40px; width:40px; display:block; float:left; margin:10px 10px 10px 0; border:0;}
a#rss span {display:none; text-indent:-99999px;}
a#rss:hover, a#rss:active{ background-position:bottom;}

a#podcast{ background:url(../img/icons/podcast-icon.png) no-repeat; height:40px; width:40px; display:block; float:left; margin:10px 10px 10px 0; border:0;}
a#podcast span {display:none; text-indent:-99999px;}
a#podcast:hover, a#podcast:active{background-position:bottom;}

a#itunes{ background:url(../img/icons/itunes-icon.png) no-repeat; height:40px; width:40px; display:block; float:left; margin:10px 10px 10px 0; border:0;}
a#itunes span { display:none; text-indent:-99999px; }
a#itunes:hover, a#itunes:active{background-position:bottom;}

a#shoppbs{background:url(../img/icons/shop-pbs-icon.png) no-repeat; height:40px; width:40px; display:block; float:left; margin:10px 10px 10px 0; border:0;}
a#shoppbs span { display:none; text-indent:-99999px; }
a#shoppbs:hover, a#shoppbs:active{background-position:bottom;}

a#cc{background:url(../img/icons/cc-icon.png) no-repeat; height:40px; width:40px; display:block; float:right; margin:20px 0 0 0; border:0;}
a#cc span { display:none; text-indent:-99999px; }
a#cc:hover, a#cc:active{background-position:bottom;}

a#mail{ background:url(../img/icons/mail-icon.png) no-repeat; height:40px; width:40px; display:block; float:right; margin:20px 0 0 10px; border:0;}
a#mail span { display:none; text-indent:-99999px; }
a#mail:hover, a#mail:active{background-position:bottom;}

a#mail2{ background:url(../img/icons/mail-icon.png) no-repeat; height:40px; width:40px; display:block; float:left; margin:10px 10px 10px 0px; border:0;}
a#mail2 span { display:none; text-indent:-99999px; }
a#mail2:hover, a#mail:active{background-position:bottom;}

/*blue footer*/
#footer {background:#0562a8 url(../img/footer-bg.png) repeat-x; clear:both;}
#footer-inner {width:980px; height:92px; margin:0 auto; background:url(../img/footer-inner-bg.png) no-repeat; padding:10px 0 0 0;}
#footer-inner p {margin:0; padding:3px 0 2px 0; font-size:10pt; color:#3f4249; float:left; text-align:center; width:600px;}
#footer-inner a:link,#footer-inner a:visited {color:#fdb812; text-decoration:none;}
#footer-inner a:hover,#footer-inner a:active {color:#fdb812; text-decoration:underline;}
#footer-inner img {border:none; float:left;}
#footer-wnit {margin:10px 20px 0 0;} 
#footer-pbs {margin:15px 20px 0 0;}
/*blue footer*/


 
#content-wrap a.blu-btn {background:url(../img/blu-btn.png) no-repeat bottom; height:24px; width:89px; display:block; float:right; margin:0px 20px 0 0; padding:0; border:0; text-decoration:none; text-align:center;}
#content-wrap a.blu-btn span {}
#content-wrap a.blu-btn:link, #content-wrap a.blu-btn:visited{text-decoration:none; color:#fff; text-align:center; line-height:24px; font-size:10pt; text-shadow:none;}
#content-wrap a.blu-btn:hover, #content-wrap a.blu-btn:active{background-position:top;text-decoration:none;}


.whatson {
	margin:10px 0 35px 0; 
	height:300px; 
	width:299px;
	padding-right:12px; 
	float:left;
	text-shadow:none;
	position:relative;
}
.whatson h1 {font-size:16pt;}
.whatson-bg {margin-top:10px; padding:7px 7px 0px 7px; width:285px; height:293px; background-repeat:no-repeat; background-position:0 0; background-image:url(../img/whatson-area-bg.png);}
.whatson-btm {background-image:url(../img/whatson-area-btm.png); background-repeat:no-repeat; float:left; position:relative; z-index:2; height:35px; width:184px; margin-left:-7px; margin-top:1px;}
#schedule {
display:block;
height:240px;
width:285px;
}
#videoarea{
	float:left;
	display:block;
	height:240px;
	width:360px;
}

.previews {
	margin:10px -5px 35px 0; 
	height:300px; 
	width:470px; 
	padding-left:10px; 
	float:left;
	position:relative;
	text-shadow:none;
}
.previews h1 {font-size:16pt;}
#videoarea-bg{
	margin-top:10px; 
	padding:7px 7px 0px 7px; 
	background-image:url(../img/video-area-bg.png); 
	width:456px; 
	height:293px; 
	background-repeat:no-repeat;
	background-position:0 0;
	}

#playlist {
background-image:url(../img/gallery-bg.png);
background-position:333px top;
background-repeat:no-repeat;
width:456px;
height:240px;
background-color:#000000;
border-top:1px inset #505050;
}
#playlist #playlist-items{
	float: right;
	list-style-type: none;
	width:96px;
}
#playlist #playlist-items li {
display:block;
height:35px;
width:55px;
padding:6px 5px 6px 36px;
background-image:url(../img/item-bg.png);
background-repeat:no-repeat;
background-position:right top;
margin-bottom:1px;
}
#playlist #playlist-items li:hover, #playlist #playlist-items li.active{
display:block;
height:33px;
width:54px;
padding:6px 5px 8px 36px;
background-image:url(../img/item-hover2-bg.png);
background-position:8px -1px;
cursor:pointer;
border-bottom:none;
margin-bottom:1px;
}
#playlist img {border:1px inset #505050;}


#content-wrap a.vid-sched{ background-image:url(../img/sched-vid-btn.png); background-repeat:no-repeat; background-position:right 0; height:25px; width:97px; display:block; float:right; margin:1px -7px 0 -22px; border:0;padding:10px 1px 0 35px; position:relative; z-index:1; font-size:10pt; font-weight:normal;}
#content-wrap a.vid-sched span { }
#content-wrap a.vid-sched:link,a.vid-sched:visited {color:#000; text-decoration:none;}
#content-wrap a.vid-sched:hover, a.vid-sched:active { background-image:url(../img/sched-vid-btn.png); background-repeat:no-repeat; background-position:right -35px; color:#f58024; text-decoration:none;}

#video-area-btm {background-image:url(../img/video-area-btm.png); background-repeat:no-repeat; float:left; position:relative; z-index:2; height:35px; width:357px; margin-left:-7px; margin-top:1px;}

#sidebar-index img {
	float:right; 
	border:1px solid #ffffff; 
	margin:10px 0 10px 0; 
	padding:1px;
}
.content-div-horz {background-image:url(../img/content-div-horz.png); background-repeat:repeat-x; height:2px; width:784px; float:left; clear:both; margin:20px 0 10px 0; display:block;}