body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-image: url(../img/grad_1.gif);
	background-repeat: repeat-x;
}

a, a:hover, a:visited
{
	text-decoration: none;
	color: #000000;
}

img
{
	margin: 0px;
	padding: 0px;
	border: none;
}

ul
{
	margin: 0px;
	padding: 0px;
	line-height: 0px;
}

p
{
	margin: 0px;
	padding: 10px;
}

*
{
	margin: 0px;
	padding: 0px;
}

.clearall
{
	clear: both;
}
.clear
{
	clear: both;
}
.firstLine
{
	font-weight: bold;
}

.centredText
{
	text-align: left;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: -5px;
	position: absolute;
	bottom: 5px;
	left: -16px;
	font-size: 95%;
}
.centredText a
{
	line-height: 14px;
	background-image: url(../img/play_small.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 16px;
	margin-bottom: 0px;
	white-space: nowrap;
	display: block;
}
.centredText a:hover
{
	color: #9F0050;
}

.bumpDown
{
	position: relative;
	top: 5px;
}

/* --------------- LAYOUT --------------- */

#wrapper
{
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	overflow: hidden;
}

.starContainer
{
	position: relative;
}

#topFrame
{
	width: 100%;
	height: 34px;
	background-image: url(../img/topbar-bg.gif);
	background-repeat: repeat-x;
}

#bottomFrame
{
	width: 100%;
	height: 44px;
	background-image: url(../img/bottombar-bg.gif);
	background-repeat: repeat-x;
}

#topCont
{
	width: 960px;
}

#topLeft
{
	width: 370px;
	float: left;
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-left: 60px;
}

#topRight
{
	width: 460px;
	float: right;
}

#stars
{
	position: absolute;
	top: 80px;
	left: 435px;
	width: 84px;
	height: 94px;
	background-image: url(../img/star.png);
}

/* --------------- MENU --------------- */

#menuPanel
{
	width: 460px;
	height: 87px;
	margin-top: 60px;
	background-image: url(../img/menu-bg.jpg);
}

#menuPanel a, #menuPanel a:visited
{
	color: #c4d591;
}

#menuPanel a:hover
{
	color: #FFFFFF;
}

#mainMenu
{
}

.subMenu
{
	margin-top: -1px;
}

.menuList
{
	list-style-type: none;
	list-style-image: none;
	text-indent: 10px;
	line-height: 42px;
}
.forumLink a
{
	width: 100px !important;
	height: 20px !important;
	color: #557729 !important;
	font-size: 90%;
	padding-left: 8px;
}
.forumLink a:hover
{
	color: #799C35 !important;
}
.topInternal
{
	width: 955px;
	margin-left: auto !important;
	margin-right: auto !important;
	height: 34px;
}
.topInternal a
{
	float: right;
	height: 34px;
	background-image: url(../img/icon_rss.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	width: 84px;
}
.topInternal a:hover
{
	background-position: left -34px;
}
.topInternal strong
{
	text-indent: -5000px;
	display: block;
}

.forumLink
{
	width: 100px !important;
	margin: 0px !important;
	padding: 0px !important;
	font-size: 120% !important;
}

.menuList li
{
	display: inline;
	color: #EEEEEE;
	font-size: 15px;
	padding-left: 5px;
	padding-right: 5px;
}
.menuList li img
{
	margin-top: 5px;
}

.listActive, .listActive a
{
	color: #FFFFFF !important;
	font-weight: bold;
}
.listActive a:hover
{
	color: #FFFF99 !important;
}

.listHomepage
{
	color: #000000 !important;
	font-size: 11px !important;
	padding-right: 0px !important;
	font-weight: bold;
}

.listIcon
{
	position: relative;
	top: 7px;
}

.listDiv
{
	position: relative; /*top:5px;*/
}

/* --------------- MAIN CONTENT --------------- */

#mainCont
{
	width: 960px; /*overflow:hidden;*/
}

#mainLeft
{
	width: 460px;
	float: left;
	margin-top: -55px;
}

#mainRight
{
	width: 475px;
	float: right;
}

.titleBar
{
	width: 460px;
	height: 31px;
	background-image: url(../img/title-bg.jpg);
	background-position: center;
	background-repeat: no-repeat;
	margin-bottom: 12px;
	font-size: 15px;
	color: #FFFFFF;
	text-indent: 30px;
	line-height: 27px;
	font-family: Myriad Pro, Arial, Helvetica, sans-serif;
}
.newStars
{
	width: 460px;
	height: 64px;
	background-image: url(../img/new-stars.png);
	_background-image: url(../img/new-stars.gif);
	background-position: center top;
	background-repeat: no-repeat;
	margin-bottom: 72px;
	font-size: 15px;
	color: #000;
	text-indent: 55px;
	line-height: 50px;
	clear: both;
	font-family: Myriad Pro, Arial, Helvetica, sans-serif;
}
.blogtitleBar
{
	width: 960px;
	height: 31px;
	background-image: url(../img/blog-title-bg.jpg);
	background-position: left;
	background-repeat: no-repeat;
	margin-bottom: 15px;
	font-size: 15px;
	color: #FFFFFF;
	text-indent: 30px;
	line-height: 27px;
	font-family: Myriad Pro, Arial, Helvetica, sans-serif;
	margin-top: 35px;
}

.titleNewBar
{
	width: 460px;
	height: 57px;
	background-image: url(../img/title-new-bg.jpg);
	background-position: center;
	background-repeat: no-repeat;
	margin-bottom: 8px;
	font-size: 15px;
	color: #FFFFFF; /*text-indent:30px;*/
	line-height: 27px;
	font-family: Myriad Pro, Arial, Helvetica, sans-serif;
}
.titleNewBar a
{
	background-image: url(../img/icon_play.gif);
	background-repeat: no-repeat;
	background-position: 6px 6px;
	padding-left: 26px;
	color: #FFFFFF;
	height: 57px;
	width: 434px;
	display: block;
}
.titleNewBar a:hover
{
	color: #D1E39B;
}





.lefttitleNewBar
{
	width: 460px;
	height: 109px;
	background-image: url(../img/left-title-new-bg.jpg);
	background-position: center;
	background-repeat: no-repeat;
	margin-bottom: 8px;
	font-size: 15px;
	color: #FFFFFF; /*text-indent:30px;*/
	line-height: 135px;
	font-family: Myriad Pro, Arial, Helvetica, sans-serif;
}
.lefttitleNewBar a
{
	background-image: url(../img/icon_play.gif);
	background-repeat: no-repeat;
	background-position: 6px 57px;
	padding-left: 26px;
	color: #FFFFFF;
	height: 109px;
	width: 434px;
	display: block;
}
.lefttitleNewBar a:hover
{
	color: #D1E39B;
}



#linkContainer
{
	width: 460px;
}

.charactersList
{
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 16px;
}

.charactersList li
{
	display: inline;
	padding-left: 7px;
	padding-right: 7px;
}

#logoContainer
{
	width: 460px;
	padding-top: 0px;
}
#logoContainer img
{
	margin-bottom: 10px;
	margin-right: 7px;
	margin-left: 6px;
}

#sponsorLogo
{
	float: left;
	margin-top: 20px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}

#sponsorLogo_2
{
	float: left;
	margin-top: 20px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}

#usefulLinks
{
	padding-right: 12px;
	padding-bottom: 35px;
	margin-top: 15px;
}

#usefulLinks a, #usefulLinks a:visited
{
	color: #973561;
	background-repeat: no-repeat;
	
	line-height: 21px;
	height: 21px; /*display: block;*/
	margin-top: -2px;
	margin-bottom: -2px;
}
#usefulLinks a:hover
{
	border:3px solid #87ae30;
}
.icon_facebook_1
{
	background-image: url(../img/icon_facebook_1.gif);
	width: 31px;
	border:3px solid #fff;
	height: 21px;
	display: inline-block;
}
.icon_youtube_1
{
	background-image: url(../img/icon_youtube_1.gif);
	width: 31px;
	height: 21px;
	border: 3px solid #fff;
	display: inline-block;
}
.icon_dcsf_1
{
	background-image: url(../img/icon_dcsf_1.gif);
	width: 31px;
	height: 21px;
	border: 3px solid #fff;
	display: inline-block;
}
.icon_ehr_1
{
	background-image: url(../img/icon_ehr_1.gif);
	width: 31px;
	height: 21px;
	border: 3px solid #fff;
	display: inline-block;
}
.icon_wnc_1
{
	background-image: url(../img/icon_wnc_1.gif);
	width: 31px;
	height: 21px;
	border: 3px solid #fff;
	display: inline-block;
}

#usefulLinks a:hover
{
	color: #000000;
}

.linksList
{
	list-style-type: none;
	list-style-image: none;
}

.linksList li
{
	line-height: 21px; /*margin-right: 10px; 	margin-left: 10px;*/
	padding: 0px;
	display: inline;
}

.redDots
{
	background-image: url(../img/list-div.gif);
	background-repeat: repeat-x;
	background-position: center;
	height: 15px;
}
.useFulLinksRD
{
	list-style-type: none;
	color: #973561;
}

/* -------------- BLOG CONTENT -------------- */

.blogEntry
{
	overflow: hidden;
}

.blogTitle
{
	font-size: 15px;
	font-weight: bold;
	color: #000000;
	padding: 0px 10px 5px 20px;
}

.blogLine
{
	width: 900px;
	height: 1px;
	background-image: url(../img/blog-line.jpg);
	background-repeat: repeat-y;
	margin: 0px auto 10px auto;
}

.blogPic
{
	width: 116px;
	height: 155px;
	float: left;
	padding: 0px 0px 0px 20px;
}

.blogCont
{
	width: 810px;
	float: right;
	margin-bottom: 20px;
}

/* ------------ CHARACTERS CONTENT ------------ */

.characterInfo
{
	width: 184px;
	height: 350px;
	margin: 10px 27px 10px 27px;
	padding-top: 190px;
	float: left;
	position: relative;
}

#charAbby
{
	background-image: url(../img/char-abby.jpg);
	background-position: top;
	background-repeat: no-repeat;
}

#charPenny
{
	background-image: url(../img/char-penny.jpg);
	background-position: top;
	background-repeat: no-repeat;
}

#charSusi
{
	background-image: url(../img/char-susi.jpg);
	background-position: top;
	background-repeat: no-repeat;
}

#charJo
{
	background-image: url(../img/char-jo.jpg);
	background-position: top;
	background-repeat: no-repeat;
}

.vertLine
{
	width: 1px;
	height: 530px;
	background-color: #999999;
	float: left;
	margin-bottom: 20px;
}

/* ------------ EPISODES CONTENT ------------ */

.episodeEntry
{
	overflow: hidden;
}

.episodeTitle
{
	font-size: 15px;
	font-weight: bold;
	color: #000000;
	padding: 0px 10px 5px 20px;
}

.episodeLine
{
	width: 900px;
	height: 1px;
	background-image: url(../img/blog-line.jpg);
	background-repeat: repeat-y;
	margin: 0px auto 10px auto;
}

.episodePic
{
	width: 400px;
	height: 240px;
	float: left;
	padding: 0px 0px 10px 20px;
	margin-bottom: 20px;
}

.episodeCont
{
	width: 525px;
	float: right;
	margin-bottom: 20px;
}

/* --------------- VIDEO PLAYER --------------- */

#intro
{
	text-align: center;
	width: 400px;
	position: absolute;
	left: 30px;
	bottom: 140px;
}

#intro a
{
	color: #FFFFFF;
}

.tabList
{
	list-style-type: none;
	list-style-image: none;
	display: inline-block;
	width: 464px;
}

.tabList li
{
	display: inline;
	padding: 0px;
	margin-right: -3px;
}

#vidCont
{
	width: 459px;
	height: 305px;
	padding-right: 1px;
	background-color: #000000;
	padding-left: 1px;
	position: relative;
}

#vidInfo
{
	width: 461px;
	background-color: #000000;
	color: #FFFFFF;
	padding-bottom: 10px;
}

.vidTitle
{
	float: left;
	font-size: 14px;
	color: #FFFFFF;
	padding-top: 5px;
	padding-left: 10px;
}

.vidDetails
{
	float: right;
	font-size: 12px;
	color: #FFFFFF;
	padding-top: 5px;
	padding-right: 10px;
}

.horizDiv
{
	width: 460px;
	height: 1px;
	background-color: #333333;
	margin: 0px;
	padding: 0px;
}

#availableEps
{
	width: 461px;
	height: 75px;
	background-color: #000000;
	margin-bottom: 87px;
	padding-bottom: 30px;
	padding-top: 10px;
}

#trailerLink
{
	float: right;
	font-size: 14px;
	color: #FFFFFF;
	padding-top: 5px;
	padding-right: 10px;
}
#trailerLink a
{
	color: #E979A7 !important;
}

#trailerLink a, #trailerLink a:visited
{
	font-size: 14px;
	color: #FFFFFF;
}

#trailerLink a:hover
{
	font-size: 14px;
	color: #FFFFFF !important;
}

.epsList
{
	list-style-type: none;
	list-style-image: none;
	margin-left: 14px;
}

.epsList li
{
	display: inline;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}

.thumbnail
{
	position: relative;
	top: 7px;
}

/* --------------- COPYRIGHT BAR --------------- */

#copyrightBar
{
	width: 920px;
	margin-left: auto;
	margin-right: auto;
}

.copyrightList
{
	list-style-type: none;
	list-style-image: none;
	text-indent: 10px;
	line-height: 46px;
	text-align: center;
}

#copyrightBar a, #copyrightBar a:visited
{
	color: #3C692B !important;
}

#copyrightBar a:hover
{
	color: #000000 !important;
}

.copyrightList li
{
	display: inline;
	color: #3C692B;
	font-size: 12px;
	padding-left: 5px;
	padding-right: 5px;
}

.copyrightDiv
{
	position: relative;
	top: 6px;
}
.introtext
{
	float: right;
	margin-top: -40px;
	margin-bottom: 20px;
	width: 460px;
}

.coming
{
	color: #CB5589;
	font-size: 130%;
	font-weight: bold;
	line-height: 30px;
	padding-left: 10px;
}

#tagline
{
	position: relative;
	top: 200px;
	left: 75px;
	color: #99ba2f;
	font-size: 150%;
	font-weight: bold;
	font-family: "Times New Roman" , Times, serif;
}
.bord_1
{
	border: 2px solid #FFFFFF;
}
.centredText3
{
	font-weight: bold;
	text-align: center;
	margin-top: -10px;
}

.reaction
{
	float: left;
	margin: 0px 9px 50px 0;
	font-size: 85%;
	clear: right;
}
.reaction a
{
	margin-right: 2px;
	color: #FFF;
	text-decoration: none;
	display: block;
	height: 246px;
	position: relative;
	width: 98px;
	background: url(../img/yellowGradient.gif) repeat-x;
}
.reaction a .text
{
	margin: 2px 0 0 4px;
	display: block;
	background: #c29d5d;
	color: #FFF;
	min-height: 30px;
	text-align: center;
	font-weight: bold;
	font-size: 11px;
	border: 1px solid #fff;
	width: 87px;
}
.date
{
	margin: 2px 0 0 0;
	display: block;
	font-size: 12px;
	color: #000;
	padding: 8px 4px 4px 4px;
}
.img img
{
	margin: 6px 0 0 5px;
}
.reactionbackground
{
	margin-left: 15px;
	width: 454px;
	clear: both;
	padding-bottom: 0 !important;
}
.newIntro
{
	margin-top: -20px;
}
.celebList
{
	margin-top: 15px;
	margin-right: 20px;
}
.newStars ul
{
float:left;
width:210px;
display:block;
}
.celebList li
{
	display: block;
	clear: both;
	line-height: 18px;
	color: #78a530;
	font-size: 14px;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
	margin: 2px 10px 0 0;
	height: 18px;
	text-indent: 30px;
	background: url(../img/yellowButton.gif) no-repeat;
	display: block;
	background-position: right center;
	
}
.celebList li a
{
	text-decoration: underline;
	color: #78a530;
	display: block;
}
.celebList li a:hover
{
	text-decoration: none;
	color: #78a530;
}
