/* CSS Document */
* {
  margin: 0;
  padding: 0;
}
html.body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555555;
	margin-top: 0px;
}
/*  Global Formatting */
h1 {font-size:16px;line-height: 1em;font-weight: 900;}
h2 {font-size:15px;line-height: 1em;font-weight: 900;}
h3 {font-size:14px;line-height: 1em;font-weight: 900;}
h4 {font-size:13px;line-height: 1em;font-weight: 900;}
h5 {font-size:12px;line-height: 1em;font-weight: 900;}
h6 {font-size:11px;line-height: 1em;font-weight: 900;}
td{font-size: 12px;}
th{font-size: 12px;}
a { text-decoration:none; color:#0066FF; }
a:hover { text-decoration:underline; }
a:visited {color: #0066FF;}
a.image, a.image:hover  {border:0;}

li{}
ul {padding:10px 5px 8px 0px; margin:0;}
img {
border:0;
}
form, form input, form textarea {
margin:0px;
padding:0px;
}


body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	/*text-align:center; center hack*/
	background: url(../images/bg_top.gif) repeat-x #efefef; 
	padding: 0em;
	margin:0 auto;
	width:1020px;
	line-height:1.5em;
	color: #555555;
}

.clearfix:after {
	content: ".";     
	display: block;     
	height: 0;     
	clear: both;     
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
	  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/***********************content************************/

div#container {
	/*width: auto !important; IE6 hack*/
	width:1020px; /*IE6 hack*/
	margin: 0px auto 0px auto; /*center hack*/
	/*text-align:center; center hack*/
	padding:0;
	/*border:1px solid #ff0000;*/
}
#promoheader {
	width:1000px;
	height:35px;
}
#tllogo {
	float:left;
	width:232px;
	height:31px;
}
#promoheader ul {
	margin:0 0 0 250px;
	padding:5px 0 0 0;
}
#promoheader ul li {
	display:inline;
	padding:0;
	margin:0 0 0 5px;
}
#header {
	width:1000px;
	height:99px;
	margin: 20px 0px 0 10px;
	text-align:left;
}
#logo h1 a{
	background: url(../images/logo.gif) no-repeat;
	width:216px;
	height:78px;
	padding-left:10px;
	float:left;
}
#logo h1 strong {
	display:none;
}
/*top banner*/
#topbanner {
	width:728px;
	height:90px;
	padding-right:10px;
	float:right;
}
/*************menu*******************/
#menu {
	height:32px;
	width:1000px;
	margin-top:2px;
	margin-left:10px;
}
#menu ul {
	text-align: left; /* We are using text-align: left on ul to horizontally align our menu to the page. If you want the menu aligned center or right just change text-align to either center or right */
	
}
#menu li {
	display: inline; /* Menu links are horizontally aligned using display: inline */
}
#menu li a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding: 7px 0 6px 30px; /* Display: block won't work in this example, instead we are using padding to make the hole tab a clickable link */
	color: #333333;
	text-decoration: none;
	font-size:13px;
	font-weight: bold;
	background: url(../images/tabbed-menu-left.gif) no-repeat left bottom; /* Rollover effect using "Fast rollovers without preload" concept for the left part of the tab */
}
#menu li a:hover {
	background: url(../images/tabbed-menu-left.gif) no-repeat left top;
	
}
#menu li a span {
	padding: 7px 30px 6px 0;
	background: url(../images/tabbed-menu-right.gif) no-repeat right bottom; /* Rollover effect using "Fast rollovers without preload" concept for the right part of the tab */
}
#menu li a:hover span {
 	background: url(../images/tabbed-menu-right.gif) no-repeat right top;
	
}

/*search bar*/
#search_bar {
	width:1000px;
	height:35px;
	margin:0px 0px 0 10px;
	background-color:#E7F1FA;
	/*padding-top:1em;*/
}

/*search bar*/
#online {
	font-weight:bold;
	width:150px;
	font-size:11px;
	float:left;
	padding-top:0.8em;
	padding-left:20px;
}
#search{
	float:left;
}
.search_text {
	width:240px;
	margin-top:2px;
}
#submenu{
	float:right;
}
#submenu ul li {
	display:inline;
	margin:0;
	padding:0;
}
li.btn_rss a {
	background:url(../images/btn_rss.gif);
	width:36px;
	height:14px;
}
.btn_rss a span {
	text-indent:-3000px;
}

.btn_search{
	background:url(../images/btn_search.gif);
	width:70px;
	height:31px;
}

/*********main****************/
/*main container*/
#main_container {
	background:url(../images/bg_main.jpg) repeat-y;
	padding:0;
	margin:0;
	border-top:1px solid #efefef;
}

/****************left***************/
#left {
	width:164px;
	padding:5px 5px 0 0px;
	margin-left:5px;
	text-align:left;
	float:left;
	/*background-color:#00CCCC;*/
}

/*login*/
#login {
	width:164px;
	background:url(../images/bg_login.gif) no-repeat top;
	padding:65px 0 0 10px;
	text-align:left;
}
#login_inner {
	padding-left:30px;
}
.login_bottom {
	background:url(../images/bg_login_bottom.gif) no-repeat bottom;
	width:164px;
	height:12px;
	margin: 0 0 0 6px;
	padding:0;
}
.login_bottom span {
	display:none;
}
.login_text {
	width:105px;
}
/*recommended*/
#recommended, #randammedia {
	width:138px;
	border:1px solid #cccccc;
	margin:20px 0 0 25px;
}
#recommended h3, #randammedia h3 {
	background-color:#efefef;
	font-weight:bold;
	font-size:11px;
	padding:5px;
	margin:0;
}
#recommended ul  {
	margin:0;
	padding:0;
}
#recommended ul li {
	list-style:none;
	padding:5px;
	border-bottom:1px dotted #cccccc;
	font-size:10px;
}
#recommended ul li a {
	color:#555555;
}

.randammedia_banner{
	width:120px;
	padding:8px;
}

/*******************main********************/
#main {
	width:490px;
	margin-left:10px;
	margin-top:20px;
	float:left;
}
/*featured media*/
#featured {
	width:490px;
	border:1px solid #cccccc;
	background-color:#E7F1FA;
	padding-bottom:10px;
}
#featured h3 {
	background:url(../images/bg_today.jpg) repeat-x;
	width:485px;
	height:21px;
	margin:0;
	padding:5px 0 0 5px;
	color:#003399;
	font-size:13px;
	text-align:left;
}
#featured ul {
	margin:0;
	padding:10px 0 0 10px;
	text-align:left;
}
#featured ul li {
	width:110px;
	list-style:none;
	float:left;
	margin:0;
	padding-right:10px;
}
#featured ul li span {
	padding-top:92px;
	width:110px;
}

/*sort*/
#sort {
 	width:490px;
	margin:20px 0;
	padding:0;
 }
.sorting {
	width:350px;
	text-align:left;
	float:left;
}
.sorting strong {
	font-weight:bold;
	color:#0066FF;
}
.page {
	text-align:right;
	float:right;
}

/*new content*/
#newcontent, #videoplayer{
	width:470px;
	background-color:#CCCCCC;
	margin:0;
	padding:10px;
}

#newcontent h3 {
	background:url(../images/bg_newcontent.jpg) repeat-x;
	width:465px;
	height:21px;
	margin:0;
	padding:5px 0 0 5px;
	color:#ffffff;
	font-size:13px;
	text-align:left;
}
#contentbox {
	width:470px;
	margin:0;
	padding:0;
	background-color:#FFFFFF;
}
.content_title {
	width:460px;
	font-weight:bold;
	text-align:left;
	padding:10px;
	margin:0;
}
.content_pic {
	width:150px;
	height:105px;
	margin-left:10px;
	float:left;
}
.content_desc {
	width:300px;
	font-size:10px;
	margin-right:10px;
	float:right;
}
.content_rate {
	background:url(../images/bg_content.jpg) no-repeat bottom;
	width:470px;
	height:30px;
	padding-top:10px;
	clear:both;
}
.brown {
	color:#CC6633;
}
.star {
	float:left;
	width:150px;
	margin-left:10px;
	padding-top:5px;
}
.comment {
	width:100px;
	float:left;
	padding-top:2px;
}
.date {
	float:right;
	color:#999999;
	font-size:10px;
	padding:2px 10px 0 0;
}

#previousnext {
	width:470px;
	padding-top: 10px; 
	margin-left: auto; 
	margin-right: auto;
	text-align:center;
	font-weight:bold;
}

#previousnext a {
	/*font-weight:normal;*/
}
.prev {
	margin-right: 110px;
	text-align:left;
	font-weight:bold;
}

.next {
	margin-left: 100px;
	text-align:right;
	font-weight:bold;
}

/******************right********************/
#right {
width:300px;
float:right;
margin-right:30px;
margin-top:20px;
}

/*recent community comments*/
#recent{
	width:280px;
	background-color:#3399FF;
	margin-top:10px;
	padding:10px;
}

#recent h3{
	background:url(../images/bg_newcontent.jpg) repeat-x;
	width:275px;
	height:21px;
	margin:0;
	padding:5px 0 0 5px;
	color:#ffffff;
	font-size:13px;
	text-align:left;
}

#recentbox {
	width:280px;
	margin:0;
	padding:0;
	background-color:#FFFFFF;
}
.table_recent {
}
.table_recent td {
	font-size:10px;
}

.line1 {
	border: none 0;
	border-top: 1px dotted #cccccc;/*the border*/
	width: 259px;
	height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
	margin-left:10px;
}
#recentjoin {
	width:270px;
	padding:0px 10px;
}
#recentjoin ul li {
	list-style:none;
	display:inline;
	margin:0;
	padding:0;
}
.fl {
	float:left;
}
.fr {
	float:right;
}
/*recommended2*/
/*recommended2*/
#recommended2, #friends {
	width:298px;
	border:1px solid #cccccc;
	margin:20px 0 0 0px;
}
#recommended2 h3, #friends h3 {
	background-color:#efefef;
	font-weight:bold;
	font-size:11px;
	padding:5px;
	margin:0;
}
#recommended2 ul, #friends ul  {
	margin:0;
	padding:0;
	float:left;
	display:inline;
	width:149px;
}
#recommended2 ul li , #friends ul li  {
	list-style:none;
	padding:5px;
	border-bottom:1px dotted #cccccc;
	font-size:10px;
}
#recommended2 ul li a , #friends ul li a  {
	color:#555555;
}

/***********************footer**********************/
#footer {
	background:url(../images/bg_footer.jpg) no-repeat;
	width:1020px;
}
#footer_inner {
	color:#999999;
	text-align:center;
	padding:30px 20px 20px 20px;
	font-size:10px;
}


/************************video player.php*******************/
h3.videotitle {
	padding:20px 10px 10px 10px;
	color:#0099CC;
	font-size:16px;
	font-weight:bold;
}

h4.videodesc {
	padding:10px;
	font-size:11px;
	font-weight:normal;
	line-height:1.5em;
	}

#player {

	margin:10px;
	text-align:center;
	padding:0;
}
.videodetail {
	text-align:center;
	padding:10px;
}
.videodetail2 {
	border:1px solid #cccccc;
	padding:10px;
	margin:10px 20px;
	font-size:10px;
	width:410px;
	text-align:left;
}
.videodetail2 span {
	color:#CC6633;
}
.videodetail3 {
	padding:10px;
}
.videodetail3 table td {
	font-size:10px;
}
.w50 {
	width:60px;
}
.vidURLField1 {
	width: 380px;
	height: 15px;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color: #eeeeee;
	border: 1px solid #aaaaaa;
}
ul.share li {
	list-style:none;
	display:inline;
}
.img_border {
	border:1px solid #cccccc;
	padding:2px;
}
.littletitle {
	background:url(../images/bg_t.gif) bottom center no-repeat;
	width:60px;
	height:28px;
}
.littletitle strong {
	background-color:#3399FF;
	padding:5px 10px;
	color:#FFFFFF;
	font-weight:bold;
	width:60px;
}

#writecomment {
	border-top:1px solid #cccccc;
	 margin: 0 10px 10px 10px;
}
#writecomment ul li {
	list-style:none;
	margin-bottom:10px;
}
.rightside {
	margin-left:70px;
	/*background-color:#00CCFF;*/
}
.namedate {
	float:left;
}
.imgcomment {
	width:60px;
	height:60px;
	float:left;
}

/*******related videos***********/
#related_container {
	width:300px;
	height:600px;
	margin-top:20px;
	margin-bottom:0;
}

#relatedvideos{
	width:165px;
	height:594px;
	background-color:#3399FF;
	padding:3px;
	float:left;
}

#relatedvideos h3{
	background:url(../images/bg_newcontent.jpg) repeat-x;
	width:159px;
	height:21px;
	margin:0;
	padding:5px 0 0 5px;
	color:#ffffff;
	font-size:13px;
	text-align:left;
}

#relatedvideosbox {
	width:143px;
	height:562px;
	margin:0;
	padding:0;
	padding: 5px 10px 0px 12px;
	background-color:#FFFFFF;
}
#relatedvideosbox ul li {
	list-style:none;
	line-height:110%;
	margin-bottom:5px;
}

/********ad 120 x 600*********/
#ad120x600 {
	width:120px;
	float:right;
	background-color:#003399;
}

/************members******************/
#members_title {
	width:490px;
	padding-bottom:10px;
}
#members_title h3 {
	color:#0099CC;
	font-size:16px;
	font-weight:bold;
	width:340px;
	float:left;
}

#members_title h4 {
	width:150px;
	color:#0099CC;
	float:right;
	font-size:11px;
	text-align:right;
}

#members {
	width:470px;
	background-color:#E0E0E0;
	padding:10px;
}

#members_inner {
	width:450px;
	background-color:#ffffff;
	padding:10px;
}

.p-number {
	width:470px;
	text-align:right;
}
.member-list {
	width:225px;
	float:left;
	margin-bottom:20px;
}
.mem-pic{
	float:left;
}
.member-profile {
	float:left;
	padding-left:10px;
}
.member-profile h5 {
	padding-bottom:1em;
}
.member-profile h6 {
	font-weight:normal;
	padding-bottom:0.5em;
}

/************profile**************/
#profile{
	width:490px;
	margin-bottom:20px;
}
#profile-pic{
	width:150px;
	text-align:center;
	float:left;
}
#profile-name{
	width:195px;
	height:150px;
	padding-left:10px;
	float:left;
}
#profile-name h3 {
	font-size:16px;
	padding-bottom:10px;
}
#profile-name h4 {
	font-size:11px;
	font-weight:normal;
	padding-bottom:0.5em;
}
#profile-name h5 {
	font-size:10px;
	font-weight:normal;
	padding-top:30px;
}
#profile-fav {
	float:right;
	width:125px;
}
#profile-fav ul li {
	list-style:none;
}
.send-msg{
	background:url(../images/icon_email.gif) no-repeat left;
	padding-left:30px;
	margin-bottom:10px;
}
.add-frd{
	background:url(../images/icon_aim.gif) no-repeat left;
	padding-left:30px;
}
.profile-box {
	width:490px;
	background-color:#EAEAEA;
	padding-bottom:5px;
	margin-bottom:20px;
}
.profile-box h3 {
	padding:10px;
}
.profile-box-inner {
	width:448px;
	margin:0 10px 10px 10px;
	border:1px solid #cccccc;
	background-color:#FFFFFF;
	padding:10px;
}
.profile-box-inner strong {
	width:200px;
}
.detail-title {
	width:100px;
}
.profile-box-inner table td {
	font-size:11px;
}

.profile-box-inner table th{
	font-size:11px;
	text-align:left;
	padding-right:20px;
}
#favorite-box-inner {
	width:468px;
	margin:0 10px 10px 10px;
	border:1px solid #cccccc;
	background-color:#FFFFFF;
	padding:10px 0;
}
ul.favorite-list {
	margin:0;
	padding:0;
}
ul.favorite-list li {
	width:60px;
	padding-left:15px;
	text-align:center;
	display:inline;
	float:left;
	list-style:none;
}
.p-right {
	padding-right:10px;
}