/* COMMON / MISC
/**************************************************************/

body {
	background-image: url(images/topbar.gif);
	background-repeat: repeat-x;
	background-position: left top;
	margin: 0px;
	background-color: #F7F7F7;
}


html, 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:820px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#body{
	width:800px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0pt;
	margin-left: auto;
	padding-top: 30px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #999999;
	border-left-color: #999999;
	background-color: #FFFFFF;
}


/* HEADER
/**************************************************************/
#header{
	font-family:tahoma, arial, verdana;
	width: 840px;
	margin: 0px;
	padding: 0px;
	height: 148px;
}
/**** logo ****************************************************/
#headerLogo{
	top:10px;
	left:50%;
	width:300px;
	height:90px;
	background:url(images/logo.gif) 0 0 no-repeat;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
}
	#headerLogo p{
		visibility:hidden}
/**** links ***************************************************/
#headerLinks{
	height:15px;
	text-align:right;
	font-size:10px;
	color:#FFFFFF;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	margin: 0px;
}
	#headerLinks ul li{
		display:block;
		float:right}
	#headerLinks a,
	#headerLinks a:visited{
		padding:0 5px 2px 5px;
		color:#FFFFFF}
	#headerLinks .firstlink{
		border-left:solid 1px #acacac}
	#headerLinks .lastlink{
		border-right:solid 1px #acacac}
	#headerLinks a:hover{
	color:#fff;
	background-color: #000000;
}
/**** search **************************************************/
#headerSearch{
	width:350px;
	height:31px;
	padding-top: 30px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
	margin: 0px;
}
	#headerSearch .textbox{
		width:150px}
	#headerSearch .select{
		width:150px}
	#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 ****************************************************/
    #tabsH {
	float:left;
	width:100%;
	font-size:18px;
	line-height:normal;
	letter-spacing: 1px;
      }
    #tabsH ul {
	margin:0;
	list-style:none;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
      }
    #tabsH li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsH a {
	float:left;
	margin:0;
	text-decoration:none;
	background-image: url(images/tableftH.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 13px;
      }
    #tabsH a span {
	float:left;
	display:block;
	color:#000000;
	background-image: url(images/tabrightH.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 5px;
	padding-right: 18px;
	padding-bottom: 4px;
	padding-left: 5px;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsH a span {float:none;}
    /* End IE5-Mac hack */
    #tabsH a:hover span {
      color:#000000;
      }
    #tabsH a:hover {
      background-position:0% -42px;
      }
    #tabsH a:hover span {
      background-position:100% -42px;
      }

        #tabsH #current a {
                background-position:0% -42px;
        }
        #tabsH #current a span {
                background-position:100% -42px;
        }
/**** banner **************************************************/
#headerBanner{
	position:absolute;
	bottom:0;
	left:0;
	width:447px;
	height:175px}
/**** login ***************************************************/
#headerLogin{
	width:250px;
	font-family:'trebuchet ms', verdana, helvetica;
	font-size:16px;
	margin: 0px;
	padding: 0px;
	background-image: url(images/headerLoginBg_02.gif);
	background-repeat: repeat-y;
	background-position: left top;
	float: right;
}
#headerLogin_h{
	width:250px;
	background-image: url(images/headerLoginBg_01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 10px;

}
#headerLogin_f{
	width:250px;
	background-image: url(images/headerLoginBg_03.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 10px;
	clear: both;
	float: right;

}

#headerLogin_m{
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;

}

	#headerLogin h3{
	font-family:'trebuchet ms', verdana, helvetica;
	font-size:16px;
	font-weight:bold;
	color:#005cd3;
	text-transform:capitalize;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 6px;
}
	#headerLogin table{
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
	#headerLogin th{
		color:#000000;
		text-align:right}
	#headerLogin .textbox{
	padding:0;
	width:136px;
	height:18px;
}
	#headerLogin a,
	#headerLogin a:visited,
	#headerLogin p{
		font-size:12px;
		color:#000000;
		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:#000000;
		font-weight:bold;}
	#headerLogin ul li a:hover{
		text-decoration:underline}

/* CONTENT
/**************************************************************/
#content{
	float:left;
	width:447px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
}
/**** random videos *******************************************/
#randomVids{
	margin:0 0 10px 0;
	position:relative;
	height:250px;}
	#random1,
	#random2,
	#random3{
		padding:6px;
		width:125px;
		height:240px;
		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{
	height:35px;
	color:#363636;
	font-weight:normal;
	font-family:helvetica, 'trebuchet ms', verdana;
	text-transform:uppercase;
	background:url(images/showH3Bg.gif) 0 0 no-repeat;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 22px;
}
.showVideo{
	padding:0 0 0 110px;
	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}
.showVideo_cat{
	padding:8px 0 0 0;
	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 a,
.showVideo_title a:visited,
.showVideo_title a:hover{
	font-size:11px;
	font-weight:bold;
	color:#363636}
.showVideo_desc{
	padding:2px 0 0 0}
.showVideo_posted{
	padding:5px 0 0 0;
	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:14px;
	color:#333}
	#uploadVideo p{
	padding:0 0 20px 0;
	text-indent:11px;
	font-size: 16px;
}
	#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:16px;
		font-family:tahoma, arial, verdana}
	#uploadVideo .textbox{
		width:200px}
	#uploadVideo .select{
	width:205px;
	font-size: 16px;
}
	#uploadVideo .submit{
	width:118px;
	height:30px;
	border:none;
	color:#000000;
	font-weight:bold;
	font-size:16px;
	font-family:tahoma, arial, verdana;
	padding: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
	#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;
		height:100px}
	#videoPlayer{
		text-align:center}
	#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}
/**** page links **********************************************/
#pageLinks{
	padding:10px 0 0 0;
	text-align:right;
	font-family:tahoma, arial, verdana;
	font-size:14px;
	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:16px;
	color:#333}
	#newRegistration table{
	width: 430px;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
}
	#newRegistration th{
		text-align:left}
	#newRegistration td{
	padding:0 10px 0 0;
	font-size: 16px;
}
	#newRegistration .phrase{
		padding:15px 0}
	#newRegistration .p_sendto{
		padding:5px;
		font-family:'trebuchet ms', tahoma, verdana;
		font-size:16px}
	#newRegistration textarea{
	width:100%;
	height:300px;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
}
  #newRegistration .submit{
	width:100px;
	height:30px;
	color:#000000;
	font-weight:bold;
	font-size:16px;
	font-family:tahoma, arial, verdana;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
/**** 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{
	width:250px;
	overflow:hidden;
	float: right;
}
.breaksmall {
	clear: both;
	padding-top: 2px;
	padding-bottom: 2px;
}

.breakme {
	clear: both;
	padding-top: 5px;
	padding-bottom: 5px;
}

.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}
.width50 {
	width: 49%;
}
.width40 {
	width: 39%;
}

.width35 {
	width: 34%;
}
.width85 {
	width: 84%;
}
.width65 {
	width: 64%;
}

.width15 {
	width: 14%;
}

.left {
	float: left;
}
.right {
	float: right;
}

/* FOOTER
/**************************************************************/
#footer{
	
	text-align:center;
	text-transform:capitalize;
	font-family:arial, tahoma, verdana;
	font-size:11px;
	color:#333333;
	background-color: #EFEFEF;
	width: 840px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	border: 1px solid #666666;
}

#footer a{
	color: #0000FF;
}
#footer a:hover{
	color: #FF0000;
}
/* 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 */
.white {
	color: #FFFFFF;
}

.forms{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	width: 430px;
	margin: 0px;
	padding: 0px;
}

.forms li{
	height: 30px;
	width: 430px;
	display: block;
	padding: 0px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
}


.forms label{
	float: left;
	width: 180px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#user{
	padding: 0px;
	float: right;
	width: 200px;
	margin: 0px;
}

.forms input{
	padding: 0px;
	width: 150px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin: 0px;
}

.forms .button{
	width: 150px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	clear: both;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 140px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#cmsg {
	float: right;
	padding: 0px;
	height: 100px;
	width: 180px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}
#mail {
	float: right;
	padding: 0px;
	height: 100px;
	width: 180px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}
#searchbox {
	background-image: url(images/searchbg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 30px;
	width: 420px;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 5px;
}
#searchbox h5{
	padding-top: 4px;
}