/* COMMON / MISC
/**************************************************************/
html, body, form, h1, h2, h3, h4, h5, h6, p, ul, li{margin:0;padding:0}
a{text-decoration:none}
img, a img{border:none}
ul{list-style:none}
h3{overflow:hidden}
.submit{cursor:pointer}

#container{
	width:707px;
	margin:0 auto}

/* HEADER
/**************************************************************/
#header{
	position:relative;
	height:320px;
	font-family:tahoma, arial, verdana}
/**** logo ****************************************************/
#headerLogo{
	position:absolute;
	top:10px;
	left:50%;
	width:230px;
	height:90px;
	margin:0 0 0 -369px;
	background:url(images/logo.gif) 0 0 no-repeat}
	#headerLogo p{
		visibility:hidden}
/**** links ***************************************************/
#headerLinks{
	padding:2px 0 0 0;
	height:38px;
	text-align:right;
	font-size:10px;
	color:#acacac}
	#headerLinks ul li{
		display:block;
		float:right}
	#headerLinks a,
	#headerLinks a:visited{
		padding:0 5px 2px 5px;
		color:#acacac}
	#headerLinks .firstlink{
		border-left:solid 1px #acacac}
	#headerLinks .lastlink{
		border-right:solid 1px #acacac}
	#headerLinks a:hover{
		color:#fff;
		background:#005cd3}
/**** search **************************************************/
#headerSearch{
	padding:9px 0 0 60px;
	width:406px;
	height:31px;
	float:right;
	background:#f2f2f2 url(images/headerSearchBg.png) 0 0 no-repeat}
	#headerSearch .textbox{
		width:200px}
	#headerSearch .select{
		width:153px}
	#headerSearch .submit{
		width:30px;
		height:22px;
		border:none;
		color:#fff;
		font-weight:bold;
		font-size:11px;
		font-family:tahoma, arial, verdana;
		background:url(images/searchSubmitBg.gif) 0 0 no-repeat}
/**** menu ****************************************************/
#headerMenu{
	position:absolute;
	top:100px;
	padding:6px 0 0 0;
	height:29px;
	width:707px;
	background:#0057c8 url(images/headerMenuBg.gif) 0 0 no-repeat}
	#headerMenu ul li{
		display:block;
		float:left}
	#headerMenu a,
	#headerMenu a:visited{
		padding:0 9px 0 9px;
		font-size:11px;
		font-weight:bold;
		color:#fff}
	#headerMenu a:hover{
		text-decoration:underline}
	#headerMenu .midlink{
		border-right:solid 1px #003f93;
		border-left:solid 1px #4282d5}
	#headerMenu .firstlink{
		border-right:solid 1px #003f93;
		border-left-width:0}
	#headerMenu .lastlink{
		border-left:solid 1px #4282d5;
		border-right-width:0}
/**** banner **************************************************/
#headerBanner{
	position:absolute;
	bottom:0;
	left:0;
	width:447px;
	height:175px}
/**** login ***************************************************/
#headerLogin{
	position:absolute;
	bottom:0;
	right:0;
	padding:0 0 0 10px;
	width:240px;
	height:175px;
	background:url(images/headerLoginBg.gif) 0 0 no-repeat;
	font-family:'trebuchet ms', verdana, helvetica;
	font-size:16px}
	#headerLogin h3{
		padding:7px 0 0 6px;
		font-family:'trebuchet ms', verdana, helvetica;
		font-size:18px;
		font-weight:bold;
		color:#005cd3;
		text-transform:capitalize}
	#headerLogin table{
		margin:18px 0 0 0}
	#headerLogin th{
		color:#005cd3;
		text-align:right}
	#headerLogin .textbox{
		padding:0;
		width:136px;
		height:18px;
		border:2px solid #005cd3;
		background:#e8e9ef}
	#headerLogin a,
	#headerLogin a:visited,
	#headerLogin p{
		font-size:12px;
		color:#005cd3;
		font-weight:bold;
		font-family:arial, tahoma, verdana}
	#headerLogin a:hover{
		text-decoration:underline}
	#headerLogin p{
		padding:29px 0 0 0;
		color:#000;
		text-align:center}
	#headerLogin .submit{
		width:53px;
		height:22px;
		border:none;
		color:#fff;
		font-weight:bold;
		font-size:11px;
		font-family:tahoma, arial, verdana;
		background:url(images/searchSubmitBg.gif) -30px 0 no-repeat}
	#headerLogin ul{
		padding:5px 0 0 15px}
	#headerLogin ul li{
		display:block;
		padding:0 5px 8px 12px;
		font-family:arial, tahoma, verdana;
		font-size:12px;
		text-transform:capitalize;
		background:url(images/userLoginListStyle.gif) 0 6px no-repeat}
	#headerLogin ul li a,
	#headerLogin ul li a:visited{
		color:#005cd3;
		font-weight:bold;}
	#headerLogin ul li a:hover{
		text-decoration:underline}

/* CONTENT
/**************************************************************/
#content{
	margin:10px 0 0 0;
	float:left;
	width:447px}
/**** random videos *******************************************/
#randomVids{
	margin:0 0 10px 0;
	position:relative;
	height:232px;}
	#random1,
	#random2,
	#random3{
		padding:6px;
		width:125px;
		height:220px;
		position:absolute;
		background:url(images/randomVideoBg.gif) 0 0 no-repeat}
		#random2{
			left:155px;
			background-position:-137px 0}
		#random3{
			left:310px}
	.randomVideo{
		font-family:arial, tahoma, verdana;
		font-size:11px;}
		.randomVideo a,
		.randomVideo a:visited{
			color:#363636;
			font-weight:bold;
			text-decoration:underline}
		.randomVideo .view{
			padding:0 0 7px 2px}
		.randomVideo .desc{
			font-size:10px;
			color:#7c7c7c;
			overflow:hidden}
/**** show videos *********************************************/
.pageHeader{
	padding:0}
.pageHeader h3{
	padding:3px 0 0 22px;
	height:25px;
	color:#363636;
	font-weight:normal;
	font-family:helvetica, 'trebuchet ms', verdana;
	text-transform:uppercase;
	background:url(images/showH3Bg.gif) 0 0 no-repeat}
.clickableThumb{
	position:absolute;
	left:10px;
	top:28px}
.showVideo{
	position:relative;
	padding:0 0 0 0;
	height:94px;
	font-family:tahoma, arial, verdana;
	font-size:10px;
	color:#7c7c7c;
	border-bottom:1px dotted #ccc;
	background-position:10px 28px;
	background-repeat:no-repeat}
.showVideoAd{
	position:relative;
	padding:0 0 0 0;
	height:94px;
	font-family:tahoma, arial, verdana;
	font-size:10px;
	color:#7c7c7c;
	border-bottom:1px dotted #ccc;
	background-position:10px 28px;
	background-repeat:no-repeat}
.showVideoAd_cat{
	padding:8px 0 0 0;
	margin:0 0 0 110px;
	height:20px;
	text-align:right}
.showVideoAd_ad{
	padding:0 0 0 110px}
.clickableThumb_ad{
	position:absolute;
	left:10px;
	top:28px}
.showVideo_cat{
	padding:8px 0 0 0;
	margin:0 0 0 110px;
	height:20px;
	text-align:right}
	.showVideo_cat a,
	.showVideo_cat a:visited,
	.showVideo_cat a:hover,
	.showVideo_cat span{
		font-weight:bold;
		color:#0051BC}
.showVideo_title{
	margin:0 0 0 110px}
.showVideo_title a,
.showVideo_title a:visited,
.showVideo_title a:hover{
	font-size:11px;
	font-weight:bold;
	color:#363636}
.showVideo_desc{
	padding:2px 0 0 0;
	margin:0 0 0 110px;}
.showVideo_posted{
	padding:5px 0 0 0;
	margin:0 0 0 110px;
	text-align:right}
	.showVideo_posted a,
	.showVideo_posted a:visited,
	.showVideo_posted a:hover{
		color:#0051BC}
/**** show users videos ***************************************/
.usersVideos{
	padding:10px;
	font-family:'trebuchet ms', tahoma, arial;
	font-size:15px;
	font-weight:bold}
	.usersVideos ul,
	.usersVideos li{
		padding:0;
		margin:0;
		line-height:15px}
	.usersVideos a,
	.usersVideos a:visited{
		font-family:tahoma, arial, verdana;
		font-size:11px;
		font-weight:normal;
		color:#005CD3}
	.usersVideos a:hover{
		text-decoration:underline}
/**** video upload ********************************************/
#uploadVideo{
	padding:10px;
	font-family:Tahoma, Arial, Verdana;
	font-size:12px;
	color:#333}
	#uploadVideo p{
		padding:0 0 20px 0;
		text-indent:11px}
	#uploadVideo th{
		text-align:left;
		vertical-align:text-top;
		width:125px}
	#uploadVideo td{
		padding:0 0 5px 0}
	#uploadVideo .textbox,
	#uploadVideo .select,
	#uploadVideo .file{
		font-size:11px;
		font-family:tahoma, arial, verdana}
	#uploadVideo .textbox{
		width:200px}
	#uploadVideo .select{
		width:205px}
	#uploadVideo .submit{
		width:53px;
		height:22px;
		border:none;
		color:#fff;
		font-weight:bold;
		font-size:11px;
		font-family:tahoma, arial, verdana;
		background:url(images/searchSubmitBg.gif) -30px 0 no-repeat}
	#uploadVideo em{
		font-size:10px;
		font-style:normal;
		color:#666666}
/**** search results ******************************************/
#searchResults{
	font-family:Tahoma, Arial, Verdana;
	font-size:12px;
	color:#333}
	#searchResults table{
		margin:15px 0 0 0}
	#searchResults th{
		text-align:left;
		vertical-align:text-top;
		width:125px}
	#searchResults td{
		padding:0 0 5px 0}
	#searchResults .textbox{
		font-size:11px;
		font-family:tahoma, arial, verdana}
	#searchResults .textbox{
		width:200px}
	#searchResults .submit{
		width:53px;
		height:22px;
		border:none;
		color:#fff;
		font-weight:bold;
		font-size:11px;
		font-family:tahoma, arial, verdana;
		background:url(images/searchSubmitBg.gif) -30px 0 no-repeat}
/**** play video **********************************************/
#playVideo{
	padding:10p 5px 10px 5px}
	#playVideo a,
	#playVideo a:visited{
		color:#005CD3;
		font-family:'trebuchet ms', verdana, helvetica;
		font-size:15px;
		font-weight:bold;
		text-transform:capitalize}
	#playVideo a:hover{
		text-decoration:underline}
	#playVideo table{
		width:100%}
	#playVideo th{
		text-align:left}
	#playVideo td{
		text-align:right}
	#playVideo th,
	#playVideo td{
		padding:5px 0 5px 0;
		vertical-align:text-top}
	#playVideo .copycode{
		width:440px}
	#videoPlayer{
		text-align:center}
	#videoDescription{
		padding:7px;
		font-family:tahoma, arial, verdana;
		font-size:12px}
	#rating{
		font-weight:normal;
		font-family:tahoma, arial, verdana;
		font-size:11px; 
		color:#333333}
	#showCode{
		margin:10px 0;
		font-family:tahoma, arial, verdana;
		font-size:11px;
		color:#999}
	#showMe{
		display:none}

#comments{
	margin: 0 0 15px 0;
	font-family:tahoma, arial, verdana;
	background:url(images/msgBg.gif) center bottom no-repeat;
	padding:0 0 15px 0;
	width:445px;
	overflow:hidden}
#comments a, #comments a:visited{
	color:#b00;}
#comments .head-block{
	height:25px;
	margin:0 0 7px 0;
	background:url(images/msgBg.gif) center top no-repeat}
#comments .from{
	font-size:11px;
	float:left;
	padding:2px 0 0 6px;
	height:18px}
#comments .from img{
	border:solid 1px #999}
#comments .from span{
	font-weight:bold}
#comments .sent{
	padding:5px 4px 0 0;
	height:18px;
	font-size:9px;
	text-align:right}
#comments .sent a{
	font-family: tahoma, arial, verdana;
	font-weight:normal;
	font-size:9px}
#comments .body{
	padding:0 5px 20px 5px;
	clear:both;
	font-size:12px;
	text-indent:11px}
div.avatar{
	float:left;
	height:60px;
	width:60px;
	background:#ccc;
	margin:0}
.headings{
	margin:0;
	padding:30px 0;
	text-align:left}


/**** page links **********************************************/
#pageLinks{
	padding:10px 0 0 0;
	text-align:right;
	font-family:tahoma, arial, verdana;
	font-size:11px;
	font-weight:bold;
	color:#005CD3;}
	#pageLinks em{
		font-style:normal;
		padding:1px 4px 2px 5px;
		color:#5aa2ff;
		border:1px solid #5aa2ff}
	#pageLinks a,
	#pageLinks a:visited{
		padding:1px 4px 2px 5px;
		border:1px solid #005CD3;
		color:#005CD3}
	#pageLinks a:hover{
		background:#005CD3;
		color:#fff}
/**** user cp *************************************************/
#userCP_friends{
	padding:10px 0;
	font-family:tahoma, arial, verdana;
	font-size:11px;
	color:#333}
	#userCP_friends a,
	#userCP_friends a:visited{
		color:#005CD3}
	#userCP_friends table{
		width:100%}
	#userCP_friends thead{
		font-weight:bold;
		background:#ebebeb;}
	#userCP_friends th{
		padding:2px;
		text-align:right;
		width:80px;
		background:#ebebeb}
	#userCP_friends tbody td{
		padding:2px;
		text-align:center;
		background:#f8f8f8}
#userCP_messages .message{
	margin:10px 0 0 0;
	font-family:tahoma, arial, verdana;
	background:url(images/msgBg.gif) center top no-repeat}
	#userCP_messages a,
	#userCP_messages a:visited{
		font-weight:bold;
		color:#b00}
	#userCP_messages .from{
		font-size:11px;
		float:left;
		padding:4px 0 0 6px;
		height:18px;}
		#userCP_messages .from span{
			font-weight:bold}
	#userCP_messages .sent{
		padding:4px 4px 0 0;
		height:18px;
		font-size:9px;
		text-align:right}
	#userCP_messages .body{
		padding:14px 5px 10px 5px;
		clear:both;
		font-size:12px;
		text-indent:11px;}
	#userCP_messages .do{
		padding:10px 6px 0 2px;
		height:16px;
		font-size:10px;
		text-align:right;
		background:url(images/msgBg.gif) center bottom no-repeat}
#userCP_send{
	padding:10px;
	font-family:tahoma, arial, verdana;
	font-size:12px;
	color:#333}
	#userCP_send .phrase{
		padding:15px 0}
	#userCP_send .p_sendto{
		padding:5px;
		font-family:'trebuchet ms', tahoma, verdana;
		font-size:14px}
	#userCP_send .p_sendto span{
		font-weight:bold}
	#userCP_send textarea{
		width:100%;
		height:300px;
		border:1px solid #005CD3}
  #userCP_send .submit{
		margin:5px 0 0 0;
		width:53px;
		height:22px;
		border:none;
		color:#fff;
		font-weight:bold;
		font-size:11px;
		font-family:tahoma, arial, verdana;
		background:url(images/searchSubmitBg.gif) -30px 0 no-repeat}
#userCP_subscriptions{
	padding:10px;
	font-family:tahoma, arial, verdana;
	font-size:12px;
	color:#333}
	#userCP_subscriptions a,
	#userCP_subscriptions a:visited{
		color:#005CD3;
		font-size:9px}
	#userCP_subscriptions table{
		margin:15px 0}
	#userCP_subscriptions thead th{
		padding:5px 2px}
	#userCP_subscriptions th{
		text-align:left}
	#userCP_subscriptions td{
		padding:0 10px 0 0}
#userCP_usercp{
	padding:10px;
	font-family:Tahoma, Arial, Verdana;
	font-size:12px;
	color:#333}
	#userCP_usercp p{
		padding:0 0 20px 0;
		text-indent:11px}
	#userCP_usercp th{
		text-align:left;
		vertical-align:text-top;
		width:125px}
	#userCP_usercp td{
		padding:0 0 5px 0}
	#userCP_usercp .textbox,
	#userCP_usercp .select,
	#userCP_usercp .file{
		font-size:11px;
		font-family:tahoma, arial, verdana}
	#userCP_usercp .textbox{
		width:200px}
	#userCP_usercp .select{
		width:205px}
	#userCP_usercp .submit{
		width:53px;
		height:22px;
		border:none;
		color:#fff;
		font-weight:bold;
		font-size:11px;
		font-family:tahoma, arial, verdana;
		background:url(images/searchSubmitBg.gif) -30px 0 no-repeat}
	#userCP_usercp em{
		font-size:10px;
		font-style:normal;
		color:#666666}
/**** registration ********************************************/
#newRegistration{
	padding:10px;
	font-family:tahoma, arial, verdana;
	font-size:12px;
	color:#333}
	#newRegistration table{
		margin:15px 0}
	#newRegistration th{
		text-align:left}
	#newRegistration td{
		padding:0 10px 0 0}
	#newRegistration .phrase{
		padding:15px 0}
	#newRegistration .p_sendto{
		padding:5px;
		font-family:'trebuchet ms', tahoma, verdana;
		font-size:14px}
	#newRegistration textarea{
		width:100%;
		height:300px;
		border:1px solid #005CD3}
  #newRegistration .submit{
		margin:5px 0 0 0;
		width:53px;
		height:22px;
		border:none;
		color:#fff;
		font-weight:bold;
		font-size:11px;
		font-family:tahoma, arial, verdana;
		background:url(images/searchSubmitBg.gif) -30px 0 no-repeat}
/**** forgotten credentials ***********************************/
	#forgotLogin{
		font-family:tahoma, arial, verdana;
		font-size:11px;
		color:#333}
		#forgotLogin p,
		#forgotLogin div{
			text-indent:11px;
			padding:15px}
		#forgotLogin .submit{
			margin:5px 0 0 0;
			width:53px;
			height:22px;
			border:none;
			color:#fff;
			font-weight:bold;
			font-size:11px;
			font-family:tahoma, arial, verdana;
			background:url(images/searchSubmitBg.gif) -30px 0 no-repeat}


/* SIDEBAR
/**************************************************************/
#sidebar{
	float:right;
	width:250px;
	overflow:hidden}
.recentCats{
	margin:10px 0 0 0;
	padding:0 0 20px 0;
	background:#ebebeb url(images/sidebarBg_1.png) center bottom no-repeat}
	.recentCats h3{
		padding:10px 0 10px 18px;
		font-family:trebuchet ms, verdana, helvetica;
		font-size:18px;
		font-weight:bold;
		color:#464646;
		text-transform:capitalize;
		background:url(images/sidebarBg_1.png) center top no-repeat}
	.recentCats ul{
		padding:0 0 0 25px}
	.recentCats ul li{
		display:block;
		padding:0 5px 8px 12px;
		font-family:arial, tahoma, verdana;
		font-size:12px;
		text-transform:capitalize;
		background:url(images/recentCatsListStyle.gif) 0 6px no-repeat}
	.recentCats ul li a,
	.recentCats ul li a:visited{
		color:#464646;
		font-weight:bold;}
	.recentCats ul li a:hover{
		text-decoration:underline}
	.recentCats em{
		font-size:9px;
		font-style:normal}

/* FOOTER
/**************************************************************/
#footer{
	padding:30px 0 30px 0;
	text-align:right;
	text-transform:capitalize;
	font-family:arial, tahoma, verdana;
	font-size:11px;
	color:#999}


/* STARS
/**************************************************************/
.stars0{background:url(images/mini_ratings.gif) -1px 6px no-repeat}
.stars1{background:url(images/mini_ratings.gif) -1px -44px no-repeat}
.stars2{background:url(images/mini_ratings.gif) -1px -94px no-repeat}
.stars3{background:url(images/mini_ratings.gif) -1px -144px no-repeat}
.stars4{background:url(images/mini_ratings.gif) -1px -194px no-repeat}
.stars5{background:url(images/mini_ratings.gif) -1px -244px no-repeat}

/* ERROR / NOTIFICATION
/**************************************************************/
.error{
		color:#005CD3;
		border:solid 1px #005CD3;
		background:#FFCCFF;
		font-weight:bold;
		padding:10px;}

.r{border:1px solid red}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-table}
/* Hides from IE-mac \*/
* html .clearfix{height:1%}
.clearfix{display:block}
/* End hide from IE-mac */