@charset "utf-8";

/* CSS Document */

/*globals*/

body {

background: no-repeat black;
background-image:url("images/background.jpg");
font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 10px;

color: #FFFFFF;

margin: 0px;

text-decoration:none;

}

textarea {

font-family: Verdana, Arial, Helvetica, sans-serif;

color:#FFFFFF;

font-size:12px;

}

img {

border: none;

}

.clear {

clear: both;

}



#cat{

background-image:url('images/cat.jpg');

background-repeat:repeat-x;

height:23px;

}

	#cat .cat {

	float:left;

	padding-left:15px;

	padding-top:4px;

	font-size: 12px;

	text-align: left;

	color: #FFFFFF;

	font-weight: bold;

	vertical-align: middle;

	}

		

	#cat .cat_right {

	float:right;

	padding-left:15px;

	padding-top:4px;

	font-size: 12px;

	text-align: left;

	color: #FFFFFF;

	font-weight: bold;

	vertical-align: middle;

	}

#block {

margin: 5px 0px 0px 0px;

border:1px #000000 solid;

background: #000000;

}

.left

{

	float:left;

}

.right

{

	float:right;

}



/*The Site Class*/

#container {

width: 1016px;

border: 2px solid #000000;

margin: 0px auto;

background: url(images/cbg.jpg) repeat-y #808080;

}

	#container #topbar {

	width: 1016px;

	height: 29px;

	background:url(images/head_foot.jpg) repeat-x;

	}

		#container #topbar .text {

		float: left;

		padding: 8px 0px 0px 10px;

		text-transform: uppercase;

		}

		#container #topbar .text_ {

		vertical-align:6px;

		text-transform: uppercase;

		}

		

		#container #topbar .login_area {

		float:right;

		margin-right:20px;

		height:29px;

		}

			#container #topbar .login_area input[type="text"],#container #topbar .login_area input[type="password"] {

			background:transparent url(images/cat.jpg) center center;

			border:medium none;

			color:#FFFFFF;

			vertical-align:6px;

			width:138px;

			}

			#container #topbar .login_area input[type="submit"] {

			padding: 4px 0px 0px 5px;

			}

				#container #topbar .login_area a {

				color: #FFFFFF;

				font-weight: bold;

				text-decoration: none;

				padding: 7px 0px 0px 5px;

				}

				#container #topbar .login_area a:hover {

				color: #FFFFFF;

				font-weight: bold;

				text-decoration: underline;

				padding: 7px 0px 0px 5px;

				}

				#container #topbar .login {

				border: 2px solid transparent;

				height: 25px;

				width:25px;

				vertical-align:6px;

				background: url(images/login/login.png) no-repeat;

				}

				#container #topbar .login_icons {

				border: 0px;

				margin-right:20px;

				vertical-align:5px;

				float:right;

				}

	#container #banner {	

	text-align:left;

	background: url(images/banner.jpg) right no-repeat;

	} 

		#container #banner .topad {

			padding-right:15px;

			padding-top:17px;

			vertical-align:top;
			
			float:right;

			}	

	#container #left {

	width: 250px;

	float: left;

	margin: 5px 0px 0px 5px;

	}

		#container #left #nowplaying{

		width: 250px;

		}

			#container #left #nowplaying #block{

			height: 149px;

			background: url(images/nowplaying.jpg) no-repeat center bottom;

			margin:0;

			}

			#container #left #nowplaying .space{

			height: 25px;

			}

			#container #left #nowplaying ul {

			margin:0;

			padding:0;

			}

			#container #left #nowplaying ul li{

			width: 250px;

			height:26px;

			margin:0;

			list-style: none;

			}

			#container #left #nowplaying a#connect {

			display:block;

			background:url('images/connect/connect_line.png') repeat-x;

			height: 26px;

			color:#FFFFFF;

			text-decoration: none;

			font-size: 12px;

			font-weight: bold;

			margin: 0px;

			text-align: center;

			padding: 4px 0px 0px 0px;

			}

			

		#container #left #promovid {

		}

		#container #left #recentcasts {

		}

			#container #left #recentcasts ul {

			margin:0;

			padding:0;

			}

				#container #left #recentcasts ul li {

				width: 247px;

				height: 25px;

				background: url(images/list.jpg);

				list-style: none;

				font-size: 9px;

				padding: 1px 0px 0px 1px;

				}

					#container #left #recentcasts ul li a {

					color:#FFFFFF;

					text-decoration:none;

					vertical-align:top;

					}

					#container #left #recentcasts ul li a:hover {

					color:#FFFFFF;

					text-decoration:none;

					vertical-align:top;

					}

	#container #right_top {

	width: 751px;

	float: left;

	margin: 5px 0px 0px 5px;

	}

		#container #right_top #featurednews {

		width: 496px;

		height: 151px;

		background: url(images/featurednews.jpg) no-repeat;

		float: left;

		}

		#container #right_top #upcomingevents {

		width: 250px;

		height: 135px;

		float: left;

		margin-left: 5px;

		font-size: 11px;

		}

			#container #right_top #upcomingevents #upcoming_time

			{

			color:#FFFFFF;

				font-size:8px;

			font-weight:bold;

			text-transform:uppercase;

			float:left;

			padding-left:5px;

			padding-top:5px;

			}

			#container #right_top #upcomingevents #upcoming_event a

			{

			color:#FFFFFF;

				font-size:8px;

			text-transform:uppercase;

			float:right;

			padding-right:5px;

			padding-top:5px;

			text-decoration:none;

			}

		#container #right_top #block{

		background:url('images/boxback.jpg') repeat-x center bottom;

		margin:0;

		height:149px;

		}

	#container #right_bottom {

	width: 751px;

	float: left;

	margin: 5px 0px 0px 5px;

	}

		#container #right_bottom #advertisement {

		width: 126px;

		height: 605px;

		background: url(images/advertisement.jpg) no-repeat;

		text-align: center;

		float: left;

		padding-top: 19px;

		margin-left: 5px;

		}

		#container #right_bottom #content {

		width: 620px;

		float: left;

		}

			#container #right_bottom #content #block {

			background: url(images/mainback.jpg) repeat-x #525252;

			margin:0 0 5px 0;

			float:left;

			}

				#container #right_bottom #content #contentarea .advertisement_left {

				width: 300px;

				height: 250px;

				float: left;

				margin: 5px 0px 5px 5px;

				}

				#container #right_bottom #content #contentarea .item_left {

				width: 298px;

				height: 248px;

				float: left;

				margin: 5px 0px 0px 5px;

				border: 1px #000000 solid;

				}

					#container #right_bottom #content #contentarea .item_left .item_info {

					width: 298px;

					background: url(images/midcat.jpg) repeat-x center;

					height: 19px;

					padding: 0px;

					margin: 0px; 

					}

						#container #right_bottom #content #contentarea .item_left .item_info .author {

						width: 144px;

						height: 17px;

						float: left;

						padding: 2px 0px 0px 5px;

						}

						#container #right_bottom #content #contentarea .item_left .item_info .date {

						width: 144px;

						height: 17px;

						float: left;

						text-align: right;

						padding: 2px 5px 0px 0px;

						}

					#container #right_bottom #content #contentarea .item_left .item_title {

					width: 293px;

					height: 19px;

					background: url(images/midcat.jpg) repeat-x center;

					font-size: 12px;

					margin: 0px;

					padding: 4px 0px 0px 5px;

					}

					#container #right_bottom #content #contentarea .item_left .item_text {

					width: 298px;

					height:110px;

					background: url(images/boxback.jpg) repeat-x #525252;

					font-size: 10px;

					margin: 0px;

					padding: 0px;

					}

						#container #right_bottom #content #contentarea .item_left .item_text .tent {

						width: 290px;

						margin: 0px auto;

						padding: 3px 0px 3px 0px;

						}

					#container #right_bottom #content #contentarea .item_left .item_comments {

					width: 298px;

					height: 23px;

					background: url(images/midcat.jpg) repeat-x center;

					padding: 0px;

					margin: 0px 0px 0px 0px;

					}

						#container #right_bottom #content #contentarea .item_left .item_comments .comments {

						width: 144px;

						height: 17px;

						float: left;

						padding: 4px 0px 0px 5px;

						font-size: 11px;

						font-weight: bold;

						}

							#container #right_bottom #content #contentarea .item_left .item_comments .comments a {

							color: #25b3fe;

							text-decoration: none;

							}

							#container #right_bottom #content #contentarea .item_left .item_comments .comments a:hover {

							color: #25b3fe;

							text-decoration: none;

							}

						#container #right_bottom #content #contentarea .item_left .item_comments .fullstory {

						width: 144px;

						height: 17px;

						float: left;

						text-align: right;

						padding: 4px 5px 0px 0px;

						font-weight: bold;

						font-size: 11px;

						}

							#container #right_bottom #content #contentarea .item_left .item_comments .fullstory a {

							color: #ffffff;

							text-decoration: none;

							}

							#container #right_bottom #content #contentarea .item_left .item_comments .fullstory a:hover {

							color: #ffffff;

							text-decoration: none;

							}

					#container #right_bottom #content #gamelist {

						float:left;

						margin:5px;

						background: #333333;

						border: #FFFFFF 1px solid;

					}

					#container #right_bottom #content #splash ul {

					padding-left:5px;

					}

					#container #right_bottom #content #splash ul li {

					width: 287px;

					height: 25px;

					background: url(images/list.jpg);

					list-style: none;

					font-size: 9px;

					padding: 1px 0px 0px 1px;

					}

						#container #right_bottom #content #splash ul li a {

						color:#FFFFFF;

						text-decoration:none;

						vertical-align:top;

						}

						#container #right_bottom #content #splash ul li a:hover {

						color:#FFFFFF;

						text-decoration:none;

						vertical-align:top;

						}

			#container #right_bottom #content #connect{

			margin:0 auto;

			width: 620px;

			background:#000000;

			}

				#container #right_bottom #content #connect #vid{

					margin:0 auto;

					background:#000000;

					padding-top:25px;

					

				}

				#container #right_bottom #content #connect #vid  #mediaspace{

					width:480px;

					height:384px;

					margin: 0px 67px ;

					background:#000000;

					border: 2px #0099ff solid;

				}

				#container #right_bottom #content #connect #vid  .vid{

					width:480px;

					height:384px;

					margin: 0px 67px ;

					background:#000000;

					border: 2px #0099ff solid;

				}

				#container #right_bottom #content #connect #ad{

					width:512px;

					margin:0 auto;

					background:#000000;

					text-align:center;

				}

				#container #right_bottom #content #connect #ad .vidalt{

					font-size: 14px ;

					color:#0099FF;

					

				}

			#container #right_bottom #content #news{

			margin:0 auto;

			}

				#container #right_bottom #content #cat .drop {

					padding-top:2px;

					font-size: 12px;

					text-align: right;

					color: #FFFFFF;

					font-weight: bold;

					vertical-align: middle;

					float:right;

				}

					#container #right_bottom #content #cat .drop form{

						display:inline;

						margin-left:10px; 

						margin-right:20px;

					}

					#container #right_bottom #content #cat .drop select{

						background:#000000 center center;

						border:medium none;

						font-weight: bold;

						opacity:0.5;

						color:#FFFFFF;

					}

				#container #right_bottom #content #news .header{

				font-weight: bold;

				color:#25b3fe;

				font-size: 12px;

				background:#111111;

				text-align:center;

				margin-left:2px;

				margin-top:2px;

				float:left;

				height:20px;

				}



				#container #right_bottom #content #news .row{

				color:#FFFFFF;

				font-size: 12px;

				text-align:center;

				margin-left:2px;

				margin-top:2px;

				vertical-align: middle;

				float:left;

				}

				#container #right_bottom #content #news .row a{

				color:#25b3fe;

				font-size: 12px;

				decoration:none;

				}

				 #container #right_bottom #content #advertise {margin:10px;}

				 

 #container #right_bottom #content #advertise select     { font-size: 0.85em; font-weight: normal; color: #fff; }

 #container #right_bottom #content #advertise option     { padding-left:5px; }

 #container #right_bottom #content #advertise textarea   { font: 12px Tahoma, Arial, Verdana; }

  



 

 #container #right_bottom #content #advertise h3             { font: 12px Tahoma, Arial, Verdana; color:#fff; font-weight:bold;  }

 #container #right_bottom #content #advertise h4             { font: 12px Tahoma, Arial, Verdana; color:#fff; font-weight:bold; clear:left; }

 #container #right_bottom #content #advertise p              { margin:10px 0 10px 0; line-height:15px; }

 #container #right_bottom #content #advertise input#submit   { }

 

 #container #right_bottom #content #advertise .inputs                { width:660px; float:left; }

 #container #right_bottom #content #advertise .inputs div            { margin-bottom:10px; }

 #container #right_bottom #content #advertise .inputs div.box-align  { float:left; margin-right:10px; }

 #container #right_bottom #content #advertise .inputs label          { margin-bottom:2px; font-weight:bold; display:block; }

 #container #right_bottom #content #advertise .inputs textarea       { padding:1px; width:450px; height:150px; }

 #container #right_bottom #content #advertise .inputs input          { padding:1px; width:300px; border-left:#5d5d5d 1px solid; border-top:#5d5d5d 1px solid; border-right:#ebebe9 1px solid; border-bottom:#ebebe9 1px solid; }

 #container #right_bottom #content #advertise .inputs input#city     { width:215px; }

 #container #right_bottom #content #advertise .inputs input#state    { width:50px; }

 #container #right_bottom #content #advertise .inputs input#zip      { width:50px; }

 

 #container #right_bottom #content #advertise .checkboxes                { margin:10px 0 10px 0; width:660px; float:left; }

 #container #right_bottom #content #advertise .checkboxes p              { font-size:10px; margin:0 0 10px 0; }

 #container #right_bottom #content #advertise .checkboxes div            { margin-bottom:3px !important; margin:0; }

 #container #right_bottom #content #advertise .checkboxes label em       { font-style:normal; font-size:11px; }

 #container #right_bottom #content #advertise .checkboxes input.checkbox { width:auto; height:auto; margin-right:5px; }



 #container #right_bottom #content #news_more #author 
 	{
		margin:5px;
		font-weight:bold;
		font-size:12px;
		text-align:center;
	}

 #container #right_bottom #content #news_more #image 

	{

		text-align:center;

	}

 #container #right_bottom #content #news_more .content

	{

		margin-left:20px;

		margin-right:20px;

		margin-top:10px;

		margin-bottom:10px;

		font-size:12px;

	}

#container #right_bottom #content #news_more #nav_page 

{

	float:right;

}

#container #right_bottom #content #news_more #page_list 

{

	margin:5px 0 12px 20px;

}



#container #right_bottom #content #comments textarea

{

	background:transparent;

    border: 5px #000000;

	margin: 0 35px;

	width:550px;

}



#container #right_bottom #content input[type="submit"]

{

	background:url('images/cat.jpg') repeat-x;

	color:#FFFFFF;

	font-weight:bold;

}



#container #right_bottom #content #comment_row

{

	float:left;

	margin:1px 5px;	

	border:#AAAAAA solid 1px;

	width:606px;

}



#container #right_bottom #content #staff

{

	float:left;

	margin:1px 5px;	

	border:#AAAAAA solid 1px;

	width:606px;

}

#container #right_bottom #content #comments #author

{

	float:left;

	margin:5px;

	width:140px;

	padding-right:15px;

	border-right: #AAAAAA dashed 1px;

}

#container #right_bottom #content #splash .title

{

	float:left;

	margin:5px;

	width:100%;

	font-size:12px;

}

#container #right_bottom #content #splash .icons

{

	float:left;

	margin:5px;

	width:98%;

	background-color:#000000;

	height:151px;

}

#container #right_bottom #content #splash .icons .icon1

{

	margin-bottom:30px;

	margin-left:6px;

	margin-right:3px;

}

#container #right_bottom #content #num

{

	width:100%;

	border-bottom: #AAAAAA dashed 1px;

	padding-top: 5px;

	padding-bottom: 17px;

}



#container #right_bottom #content #comments #content

{

	margin:5px;

	width:100%;

}

#container #right_bottom #content #comments #rhs

{

	float:left;

	width:438px;

}



#container #right_bottom #content #staff #bio

{

	margin:5px;

	float:left;

}

#container #right_bottom #content #staff #rhs

{

	float:left;

	width:440px;

}

#container #right_bottom #content #staff #pic

{

	float:left;

	width:156px;

	border-right: #AAAAAA dashed 1px;

}

#container #right_bottom #content #staff #groups

{

	margin:5px;

	float:right;

	font-size:12px;

}



#container #right_bottom #content #staff #name

{

	margin:5px;

	float:left;

	font-size:14px;

	font-weight:bold;

}

#container #right_bottom #content #staff #top

{

	width:100%;

	float:left;

	border-bottom: #AAAAAA dashed 1px;

}



#container #right_bottom #content .cast

{

	width:484px;

	height:400px;

	margin:40px auto;

}



#container #right_bottom #content .cast_views

{

	text-align:center;

	color:#FFFFFF;

	font-size:16px;

	font-weight:bold;

	margin: 6px;

	text-decorations:none;	

}



#container #right_bottom #content #comments #login_message

{

	text-align:center;

	color:#FFFFFF;

	font-size:20px;

	font-weight:bold;

	margin: 10px;

	text-decorations:none;

}



#container #footer {

width: 1016px;

height: 22px;

background:url(images/head_foot.jpg) repeat-x;

font-size: 11px;

font-weight: bold;

text-align: center;

padding-top: 8px;

}

















#profile .title{

	font-size:22pt;

	display: block;

	margin: 0px;

	text-transform: uppercase;

}







#profile #header{

	background-color: black;

	width: 590px;

	height: 200px;

	margin: 14px;

	

}

#profile	#header #profilePic{

		margin: 20px;

		width: 150px;

		height: 150px;

		float: left;

	}

	

#profile	#header #memberStatus{

		margin-right: 20px;

		margin-bottom: 20px;

		margin-left: 10px;

		margin-top: 20px;

		font-style: normal;

		float: left;

	}

	

#profile	#header .member{

		font-style: italic;	

	}

	

#profile	#header .online{

		color: rgb(0, 153, 255);

		display:block;

		margin-bottom:10px;

		

	}

	

#profile	#header .name{

	font-weight:bold;

	font-size:22px;

	font-style: normal;

	text-transform: none;

	

}

	

#profile	#header #contactIcons{

		border: none;

		float: left;

		width: 300px;

		margin-left:10px;

		

		

	}



#profile #tabs{

	width: 597px;

	text-transform:uppercase;

	border:none;

	font-size: 14px;

}



	



#profile	#tabs #tab{

		background-position: center;

		display:block;

		border: solid 1px white;

		border-right: none;

	

	}

	

#profile	#tabs #activeTab{

		background-image: url(../images/profile/cat50.jpg);

		background-repeat: repeat-x;

		background-position: center;

		float:left;

		border: solid 1px white;

		border-bottom: none;

		border-right: none;

	}

	

#profile	 #tabs .margin{

		margin: 8px;

		display: block;

		

		

	}

	

#profile	#tabs a{

		background-image: url(../images/profile/nav50.jpg);

		background-repeat: repeat-x;

		color: white;

		font-style: normal;

		text-decoration: none;

		float:left;

		

	}

	

	#profile #tabs a:hover{

		background-image: url(../images/profile/cat50.jpg);

		background-repeat: repeat-x;

		background-position: center;

		text-decoration:none;

		float:left;

	}

		

		



#profile #containingBox{

	border:solid thin white;

	border-top: none;

	background-color: black;

	width: 590px;

	float:left;

	margin:14px;



}



#profile	#containingBox #contentBox{

		width: 566px;

		margin: 12px;

		float: left;

		background-color: rgb(51, 51, 51);

		color: rgb(153, 153, 153);

	}

	

#profile .photoBox{

	width: 150px;

	height: 150px;

	margin: 18px;

	float: left;

}



#profile .alignRight{

	text-align: right;

}



	

#profile .contentDesciptors{

	color: rgb(123, 123, 123);

}

	

#profile .contentInput{

	color: rgb(0, 153, 255);

}



#profile .offlineOrDate{

	color: rgb(123, 123, 123);

	font-style:italic;

}



#profile .userOnlineOrEmphasis{

	color: rgb(0, 153, 255);

	font-weight: bold;

}ciptors{

	color: rgb(123, 123, 123);

}

	

#profile .contentInput{

	color: rgb(0, 153, 255);

}



#profile .offlineOrDate{

	color: rgb(123, 123, 123);

	font-style:italic;

}



#profile .userOnlineOrEmphasis{

	color: rgb(0, 153, 255);

	font-weight: bold;

}
