@charset "utf-8";
@import url("lightbox.css");
/* CSS Document */

body
{
	background-color: #612867;
}

strong {font-weight:bold;}

#mainContentBlock
{
	width: 980px !important;
	font-size:12px;
	line-height:16px;
}

#mainContentBlock a {
	font-weight:bold;
}


.showHeader
{
	background-image: url(../images/header_webisodes_no_tunein.jpg);
	background-repeat: no-repeat;
	width: 980px;
	height: 200px;
	position: relative;
}

/*this hides the show name & time but provides SEO*/
.showHeader h1, .showHeader h2
{
	visibility: hidden;
	margin: 0px;
	padding: 0px;
}

a.arrowlink, a.arrowlink:visited
{
	background-position: right center;
	color: #e89d11;
	text-decoration: underline;
	padding: 0px 15px 0px 0px;
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
}
a.arrowlink:hover
{
	color: #000;
	background-color: #EFD687;
	text-decoration: none;
}

.right
{
	float: right;
}
.clear
{
	clear: both;
	width: 0px;
	height: 0px;
}
.png
{
	behavior: url(css/iepngfix.htc);
}

/*------------ This is the navigation --------------*/
.showHeader ul
{
	list-style: none;
	padding: 0px;
	margin: 0px;
	position: absolute;
	bottom: 0px;
}
.showHeader ul li
{
	float: left;
	background-image: url(../images/navigationBg.jpg);
	border-right: #CC9933 1px solid;
	background-position: top;
	padding: 0px 0px 0px 0px;
}
.showHeader ul li a, .showHeader ul li a:visited
{
	text-decoration: none;
	display: block;
	float: left; /*IE 6 hack*/
	padding: 12px 10px 13px 10px;
	color: #593D00;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}

.showHeader ul li a:hover
{
	background-image: url(../images/navigationBg.jpg);
	background-position: bottom;
	color: #000000;
	display: block;
}

/*-------------------------------------- 
          Home Page Styles
 --------------------------------------*/

.homeTop
{
	background-image: url(../images/homepageElements/homeTop.jpg);
	background-repeat: no-repeat;
	height: 428px;
	position: relative;
	display: block;
}
/*------------ Video Home Page --------------*/
.homeTop .videoWrapper
{
	position: absolute;
	left: 55px;
	top: 64px;
	width: 320px;
	height: 300px;
}
/*------------ Middle Column Home Page  --------------*/
.homeTop .middleCol
{
	position: absolute;
	left: 434px;
	top: 41px;
	width: 221px;
	height: 338px;
}
.homeTop .middleCol .tout
{
	height: 118px;
}
.homeTop .middleCol .tout img
{
	margin: 7px 15px 7px 9px;
	float: left;
	border: none;
}
.homeTop .middleCol .tout strong
{
	font-size: 14px;
	color: #000000;
}
.homeTop .middleCol .tout p
{
	padding: 0px 0px 3px 0px;
	color: #666666;
}
/*------------ Right Column Home Page  --------------*/
.homeTop .rightCol
{
	position: absolute;
	left: 665px;
	top: 15px;
	width: 326px;
	height: 410px;
}
.homeTop .rightCol .d300ad
{
	height: 250px;
	width: 300px;
	margin: 0px 0px 20px 5px;
	display: block;
	border:1px solid #DDD189;
	background-color:#FFFBE2;
}
.oxygenPromo
{
	background-image: url(../images/homepageElements/oxygenPromo.jpg);
	height: 87px;
	width: 280px;
	margin: 15px 0px 0px 0px;
	padding: 10px;
	color: #666666;
}
.rightCol .oxygenPromo img
{
	float: left;
	background-image: url(../images/homepageElements/oxygenPromoImgBg.jpg);
	padding: 5px;
	background-repeat: no-repeat;
	margin: 0px 10px 0px 0px;
	border: none;
}
.rightCol .oxygenPromo strong
{
	font-size: 14px;
	color: #000000;
}

/*------------ Bottom Half Home Page  --------------*/
.bottomHalf
{
	background-color: #E9DD91;
}
.bottomHalf .toutBox
{
	background-image: url(../images/homepageElements/toutBg.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 251px;
	width: 306px;
	padding: 10px;
	margin: 0px;
	display: block;
	background-color: #E5D96B;
}

.toutBox .tout
{
	height: 106px;
	clear: both;
	width: 300px;
}

.blogsToutBox .tout
{
	margin: 1px 0px 1px 0px;
	clear: both;
	width: 300px;
}

.toutBox .tout img, .blogsToutBox .tout img
{
	margin: 0px 10px 0px 0px;
	float: left;
	border: none;
	background-image: url(../images/imgFrame.jpg);
	padding: 7px;
}

.blogsToutBox .tout p
{
	width: 196px;
	float: right;
}

.blogsToutBox .tout p *
{
	width: auto;
	float: none;
}

.toutBox .tout strong, .blogsToutBox .tout strong
{
	font-size: 14px;
	color: #000000;
}

.toutBox .tout p, .blogsToutBox .tout p
{
	padding: 0px 0px 3px 0px;
	color: #666666;
}

.bottomHalf .poll
{
	margin: 4px 0px 0px 5px;
}
/*------------ Poll Styles --------------*/
.poll
{
	background-image: url(../images/polls/pollBg.jpg);
	background-repeat: no-repeat;
	height: 214px;
	width: 300px;
	padding: 0px;
	margin: 0px;
}
.poll img
{
	float: left;
}
.poll .formWrapper
{
	padding: 15px 10px;
	float: left;
	width: 150px;
}
.poll label
{
	display: block;
	padding: 0px;
	margin: 7px 0px 0px 0px;
}
.poll strong
{
	font-size: 14px;
}
.poll #VOTE
{
	background-image: url(../images/polls/vote.gif);
	width: 106px;
	height: 27px;
}
/*------------ Message Boards Tout --------------*/
.toutBox .messageBoards img
{
	background-image: url(../images/homepageElements/messageBoardsBg.jpg);
	padding: 9px;
	margin: 0px auto;
	width: 260px;
	display: block;
	border: 0px;
}

.toutBox .messageBoards
{
	width: 280px;
	margin: 0px 0px 0px 10px;
}
.messageBoards strong
{
	font-size: 14px;
	color: #000000;
}

/*------------ Page Styles & Structure --------------*/

#showWrapper
{
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}

#showWrapper .pageWrapper
{
	background-image: url(../images/pageBgRepeat.jpg);
	background-repeat: repeat-y;
	width: 980px;
}

.pageWrapper .pageTop
{
	background-image: url(../images/BgTop.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 980px;
}

.pageWrapper .leftCol
{
	float: left;
	width: 617px;
	padding: 0px;
	margin: 15px 15px;
}

.pageWrapper .rightCol
{
	float: right;
	margin: 15px 10px;
	width: 300px;
}

.frameclear
{
	display: block;
	clear: both;
	width: 980px;
	height: 35px;
	background: url(../images/frameClear.jpg) no-repeat;
	background-position: 1px 0px;
	background-color: #612867;
}

.pageWrapper .leftCol h2
{
	height: 47px;
	margin: 0px;
	padding: 0px;
	clear: both;
	text-indent: -5000px;
}

.leftCol p
{
	font-size: 14px;
	line-height: 18px;
	color: #333333;
}


.rightCol .toutBox
{
	height: 255px;
	width: 309px;
	margin: 20px 0px 0px 0px;
	overflow: hidden;
}

.rightCol .blogsToutBox
{
	height: auto !important;
}

.entry img.framed
{
	border: 2px solid #EFD687;
	background-color: #d4a51b;
	padding: 2px;
}

.entry .left
{
	float: left;
	margin: 5px 20px 10px 0px;
}
.entry .right
{
	float: right;
	margin: 5px 0px 5px 20px;
}
.entry h3
{
	margin: 0px 0px 4px 0px;
	padding: 0px;
	font-size: 24px;
	line-height: 26px; /* Jan Added Edit April 16th 2008 */
}

#previousBlog
{
	margin-top: 10px;
	width: 45%;
	float: left;
	text-align: left;
}

#nextBlog
{
	margin-top: 10px;
	width: 45%;
	float: right;
	text-align: right;
	padding-right: 10px;
}

.date
{
	font-style: italic;
	color: #996600;
}
.blogsToutBox p.date
{
	color: #e89d11;
	font-weight: bold;
}
.leftCol a:link, .leftCol a:visited
{
	color: #000000;
	text-decoration: underline;
}
.leftCol a:hover
{
	color: #000000;
	text-decoration: none;
	background-color: #EFD687;
}
.leftCol ul
{
	margin: 0px 0px 30px 0px;
	padding: 0px;
}
.pageWrapper .leftCol
{
	width: 620px;
	padding: 15px 0px 15px 14px;
	margin: 0px;
	position: relative;
	float: left;
}
.pageWrapper .rightCol
{
	float: right;
	margin: 15px 0px 15px 0px;
	width: 309px;
}
.leftCol li
{
	font-size: 12px;
	margin: 5px 0px 5px 0px;
	line-height: 18px;
	padding: 5px 5px 5px 30px;
	list-style-type: none;
	background-color: #FFFFFF;
	background-image: url(../images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 5px 8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDD38C;
}

/*------------ Photo Gallery --------------*/.gallery
{
	float: left;
	width: 460px;
}

.moreBTN
{
	float: left;
	width: 435px;
	height: 15px;
	line-height: 15px;
	text-align: right;
	margin-top: 10px;
}

.leftCol .galleryNavigation
{
	width: 131px;
	position: absolute;
	left: 474px;
	top: 95px;
	background-image: url(../images/photoGallery/galleryNav_top.jpg);
	height: 424px;
	padding: 10px;
}
.leftCol .galleryNavigation a:link, .leftCol .galleryNavigation a:visited
{
	text-decoration: none;
	display: block;
	padding: 5px 3px;
	margin: 1px 0px 0px 0px;
	color: #996600;
}
.leftCol .galleryNavigation a:hover
{
	text-decoration: none;
	background-color: #FBF7DD;
	color: #000000;
}
.galleryNavigation h3
{
	margin: 20px 0px 10px 0px;
	padding: 0px;
	font-size: 16px;
}
.leftCol .galleryNavigation ul
{
	font-size: 12px;
	margin: 0px;
}
.leftCol .galleryNavigation li
{
	background-image: url(none);
	background-color: #F1E086;
	background-image: url(../images/photoGallery/galleryNav_top.jpg);
	background-position: center;
	padding: 0px;
	margin: 0px;
}
.gallery strong
{
	font-size: 24px;
	margin: 20px 0px 0px 0px;
	display: block;
	text-align: left;
}
.gallery a
{
	background-image: url(../images/photoGallery/photos_frame.jpg);
	background-repeat: no-repeat;
	background-position: 0px -96px;
	padding: 15px 11px 10px 15px;
	float: left;
	display: block;
	margin: 17px 8px 0px 0px;
	width: 78px;
	border: 0px;
}
.gallery a:hover
{
	background-image: url(../images/photoGallery/photos_frame.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
/*------------ Pagination --------------*/
p.pagination a
{
	font-size: 18px;
	border: 1px solid #DDCBA2;
	padding: 4px 6px;
	color: #A49968;
	background-color: #F6F6EE;
}
p.pagination a:hover
{
	font-size: 18px;
	border: 1px solid #DDCBA2;
	padding: 4px 6px;
	color: #A49968;
	background-color: #fff;
}
p.pagination
{
	text-align: right;
	color: #534706;
}
.pagination a.current, .pagination a.current:hover
{
	background-color: #FFFFFF;
	color: #000000;
	text-decoration: none;
}

.300ad
{
	height: 250px;
}
.300ad a:link, .300ad a:hover, .300ad a:visisted
{
	border: none;
}
.300ad a.img
{
	border: none;
}
.gallery img
{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#showWrapper .pageWrapper .pageTop .rightCol .300ad img
{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.bottomHalf .wide
{
	width: 307px;
}