/** created by rockstr27 **/

* {
   margin:	0;
   padding:	0;
}

html {
  margin: 	0 0 0 0;
  padding:	0 0 0 0;
}

body {
  margin-bottom: 	0px;
  background-color: 	#bbbbbb;
  margin: 		0 0 0 0;
  padding:		0 0 0 0;
  font-family: 		Verdana, Arial, Helvetica, sans-serif;
  font-size: 		12px;
  text-align:		center;
}

p {
  font-family: 		Verdana, Arial, Helvetica, sans-serif;
  font-size: 		12px;
  color: 		#6b635a;
  padding: 		10px 0px 0px 6px;
}

a {
  font-family: 		Verdana, Arial, Helvetica, sans-serif;
  font-weight:		bold;
  color: 		#0066cc;
  text-decoration: 	none;
  font-size: 		12px;
}

a.topbar {
  color:		#ffffff;
}

a.title {
  margin: 		0 0 0 0;
  font-family: 		Verdana, Arial, Helvetica, sans-serif;
  font-size: 		10px;
  font-weight:		bold;
  color: 		#0066cc;
}

a:hover, a.topbar:hover, a.title:hover {
  color:		#d36a4a;
}

hr {
  border-top-width: 	1px;
  border-top-style: 	dashed;
  border-top-color: 	#7c2625;
  border-bottom-width: 	1px;
  border-bottom-style: 	solid;
  border-bottom-color: 	#7c2625;
  color: 		#ffffff;
  background-color: 	#ffffff;
  height: 		3px;
  width:		60%;
}

small {
  color:		#2e260f;
  font-size: 		9px;
  padding: 		0 0px 0px 0;
}

small.tags {
   margin-left: 	10px;
}

small.white {
   color:	 	#ffffff;
}

small.center {
  display: 		block;
  margin-left: 		auto;
  margin-right: 	auto;
}

small.comments {
   color:	 	#ffffff;
   margin:		0 0 0 15px;
}

img.center {
  display: 		block;
  margin-left: 		auto;
  margin-right: 	auto;
}

img.avatar {
  margin:		8px 0 0 5px;
}

img.ad300 {
  margin:		8px 0 0 4px;
}

img.topbar {
  margin:		0 0 0 15px;
}

span.time {
  font-weight:		bold;
  color:		#0066cc;
}


h1 {
  font-size:		20px;
  color: 		#000000;
  font-weight:		bold;
  padding:		10px 0 0 10px;
  font-family: 		Verdana, Arial, Helvetica, sans-serif;
}

h1.title {
  font-size:		15px;
}

h2 {
  font-family: 		Verdana, Arial, Helvetica, sans-serif;
  font-weight:		bold;
  color: 		#ffffff;
  font-size: 		14px;
}

h2.title {
  font-family: 		Verdana, Arial, Helvetica, sans-serif;
  font-weight:		bold;
  color: 		#000000;
  font-size: 		14px;
}

h4 {
  margin: 		0 0 0 6px;
  font-family: 		Verdana, Arial, Helvetica, sans-serif;
  font-size: 		12px;
  font-weight:		normal;
  color: 		#6b635a;
}

form {
   margin: 0 0 0 0; 
   padding: 0px; 
   display: inline;
}

form.controlpanel {
   padding: 0 0 0 50px; 
}

input.controlpanel {
   margin: 0 0 0 50px; 
}

p.inline {
   display: 		inline;
}

p.forminline {
   display: 		inline;
   margin: 		10px 0 0 0;
}

form.inline {
   display: 		inline;
   margin: 		10px 0 0 0;
}

p.blockquote{
   margin: 		0 0 0 30px;
}

p.footer {
   color:		#ffffff;
}

p.videotitle {
  font-size:		20px;
  color: 		#000000;
  font-weight:		bold;
  padding:		10px 0 0 10px;
}

p.commentnull {
  display: 		block;
  margin-left: 		auto;
  margin-right: 	auto;
  font-style:		italics;
}

.button {
   margin:		3px 0 0 0;
}

select { 
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   font-size: 10px; 
   border: #000000; 
   border-style: solid; 
   border-top-width: 1px; 
   border-right-width: 1px; 
   border-bottom-width: 1px; 
   border-left-width: 1px
} 

textarea {
   border: grey;
   border-style: solid;
   border-width: 1px;
   margin: 0 0 12px 0;
}

textarea.short {
   height: 20px;
}

/** comments **/

#outer {
  background: 		top left url(images/page_bg_top.gif) repeat-x;
}

#container {
  margin: 		0px auto;
  text-align: 		left;
  width: 		938px;
  position: 		relative;
/*  background: 		url(images/body_bg.gif) top right no-repeat; */
  background-color: 	#ffffff;
  border-width: 	1px; 
  border-style: 	solid;		/** solid, double, grooved, dotted, inset, outset, ridged, hidden **/
  border-color: 	#000000; 
}

#top-links {
  width:		100%;
  height:		25px;
/*  border-bottom:	solid 1px grey;		*/
  margin:		0 0 0 0;
  background:		url(images/nav-bg.png) top left repeat-x;
}

#inner-top {
  float:		left;
  width:		auto;
  height:		20px;
  background-color:	#898989;
  font-size:		0.8em;
  line-height:		20px;
}

#header {
  background: 		url(images/header.jpg) top center no-repeat;
  height: 		135px;
}

#headlog {
  padding-top:		0px;
  margin: 		0 0 0 525px;
  height:		80px;
  width:		300px;
}

#headlogleft {
  float:		left;
  width:		65px;
}

#headlogright {
  float:		left;
  width:		210px;
  padding-top:		20px;
  margin:		0 0 0 25px;
}

.headlogright-formtitle {
  float:		left;
  width:		60px;
}

.headlogright-forminput {
  float:		left;
  width:		120px;
}

#search {
  padding-top:		15px;
  margin: 		0 0 0 0;
  height:		30px;
  width:		300px;
  background: 		url(images/searchbar.png) top left no-repeat;
}

.searchbar {
  margin: 		0 0 0 0;
  width:		260px;

}

.inputsearch {
    border: 		0px;
    margin:		0 0 0 10px;
    background: 	transparent;
}

#featgame {
    padding-left:	8px;
}

#featvid {
  margin-top:		10px;
  padding-top:		10px;
  margin-left:		5px;
  height:		470px;
  width:		600px;
  background: 		url(images/featvid-bg.png) top left no-repeat;
}

#titlebar {
  height:		65px;
  width:		580px;
  background-color:	#ffffff;
  margin:		0 10px 0 10px;
}

#titleleft {
  float:		left;
  width:		130px;
  height:		65px;
}

.ratingbutton1, .ratingbutton2, .ratingbutton3, .ratingbutton4, .ratingbutton5 {
    border: none;
    background: url('/images/star-grey.png') no-repeat top left;
}
.ratingbutton1:hover {
    border: none;
    background: url('/images/star-blue1.png') no-repeat top left;
}
.ratingbutton2:hover {
    border: none;
    background: url('/images/star-blue2.png') no-repeat top left;
}
.ratingbutton3:hover {
    border: none;
    background: url('/images/star-blue3.png') no-repeat top left;
}
.ratingbutton4:hover {
    border: none;
    background: url('/images/star-blue4.png') no-repeat top left;
}
.ratingbutton5:hover {
    border: none;
    background: url('/images/star-blue5.png') no-repeat top left;
}

#titleright {
  float:		left;
  width:		230px;
  height:		40px;
  border-left-width: 	2px; 
  border-left-style: 	groove;	
  border-left-color: 	#ffffff; 
  padding: 		15px 0 0 20px;
}

.videoopticon {
  float:		left;
}

.videoopttext {
  margin: 		5px 0 0 3px;
  float:		left;
}

#infobar {
  height:		130px;
  width:		570px;
  background-color:	dddddd;
  margin:		10px 10px 10px 10px;
}

#infobartall {
  height:		265px;
  width:		570px;
  background-color:	dddddd;
  margin:		10px 10px 10px 10px;
}

#infoleft {
  float:		left;
  width:		370px;
}

#inforight {
  float:		left;
  width:		180px;
  padding-top:		5px;
}

.infospanfirst {
  width:		350px;
  border-left-width: 	4px; 
  border-left-style: 	solid;	
  border-left-color: 	#ffffff; 
  border-right-width: 	4px; 
  border-right-style: 	solid;	
  border-right-color: 	#ffffff; 
  padding-bottom:	5px;
}

.infospan {
  width:		350px;
  border-top-width: 	4px; 
  border-top-style: 	solid;	
  border-top-color: 	#ffffff; 
  border-left-width: 	4px; 
  border-left-style: 	solid;	
  border-left-color: 	#ffffff; 
  border-right-width: 	4px; 
  border-right-style: 	solid;	
  border-right-color: 	#ffffff; 
  padding-bottom:	5px;
}

.infospanlast {
  width:		350px;
  border-top-width: 	4px; 
  border-top-style: 	solid;	
  border-top-color: 	#ffffff; 
  border-left-width: 	4px; 
  border-left-style: 	solid;	
  border-left-color: 	#ffffff; 
  border-right-width: 	4px; 
  border-right-style: 	solid;	
  border-right-color: 	#ffffff; 
  padding-bottom:	5px;
}

#videogeninfo {
  width:		600px;
  margin:		10px 0 0 5px;
  padding-left:		10px;
  padding-top:		10px;
  background: 		url(images/info-bg2.png) left top no-repeat;
}

#searchinfo {
  width:		600px;
  margin:		10px 0 0 5px;
  padding-left:		10px;
  padding-top:		10px;
}

#commentform {
  width:		570px;
  height:		260px;
  margin:		20px 0 0 5px;
  padding-left:		10px;
  padding-top:		10px;
  background: 		url(images/comm-bg.png) left top no-repeat;
}

.commentsdiv {
  width:		600px;
  margin:		10px 0 0 5px;
  padding-left:		10px;
  padding-top:		10px;
  background: 		url(images/info-cmt.png) left top no-repeat;
}

.commentsleft {
  float:		left;
  width:		60px;
}

.commentsright {
  float:		left;
  width:		490px;
  margin-top: 		5px;
}

.commentstrip {
  width:		490px;
  margin: 		0 0 0 0;
  height:		17px;
  background:		url(images/commentstrip.png) left top repeat-x;
}

.controlpanelstrip {
  width:		560px;
  margin: 		15px 0 15px 10px;
  padding-left:		25px;
  height:		17px;
  background:		url(images/commentstrip.png) left top repeat-x;
}

.commentsrightcontent {
  float:		left;
  width:		400px;
  margin-top: 		5px;
}

.commentsrightlinks {
  float:		left;
  width:		90px;
  margin-top: 		5px;
}

.commformboxestall {
	width: 350px;
	height: 120px;
 	margin: 10px 0 0 25px;
}

/* COMMENT FORM */

.comminput {
    border: 1px solid #006;
    background: #ffc;
}
.comminput:hover {
    border: 1px solid #f00;
    background: #ff6;
}
.commbutton {
    border: none;
    background: url('images/button-comm-up.png') no-repeat top left;
    margin:		0 0 0 40px;
}
.commbutton:hover {
    border: none;
    background: url('images/button-comm-down.png') no-repeat top left;
    margin:		0 0 0 40px;
}

#commtextarea {
  padding-top:		15px;
  margin: 		0 0 0 0;
  height:		114px;
  width:		416px;
  background: 		url(images/textarea-bg.png) top left no-repeat;
}

/* END COMMENT FORM */

.cpanelstripshell {
  width:		600px;
  margin: 		0 0 20px 15px;
  height:		17px;
}

.cpanelstrip {
  width:		490px;
  margin: 		0 0 0 0;
  height:		17px;
  background:		url(images/commentstrip.png) top repeat-x;
}

#detailsleft {
  float:		left;
  width:		130px;
}

#detailsright {
  float:		left;
  width:		380px;
  margin-top: 		5px;
}

#detailstitle {
  background: 		url(images/title-info.png) left top no-repeat;
  width:		420px;
  height:		21px;
  margin:		5px 0 0 0;
  padding:		8px 0 0 90px;
  color:		#ffffff;
}

#detailsdesc {
  width:		420px;
  margin:		20px 0 15px 0;
  padding:		8px 0 0 90px;
  border-bottom-width: 	2px; 
  border-bottom-style: 	solid;	
  border-bottom-color: 	#333333;	
}

.detailsdescquote {
  float:		left;
  width:		35px;
  margin:		30px 6px 15px 6px;
}

#detailsdesccont {
  float:		left;
  width:		480px;
  margin:		30px 0 15px 0;
  text-align:		justify;
}

#embedinfo {
  height:		120px;
  width:		301px;
  margin:		10px 0 0 3px;
  padding-left:		10px;
  padding-top:		10px;
  background: 		url(images/embed-bg.png) left top no-repeat;
}

#adspace {
  margin-top:		4px;
  padding-left:		4px;
  padding-top:		8px;
  height:		260px;
  width:		300px;
}

#tabspace {
  margin:		25px 0 0 0;
  padding:		7px 0 0 25px;
  height:		26px;
  width:		600px;
  background: 		url(images/topbar.png) left top no-repeat;
}

#signup { 
  height:		117px;
  width:		298px;
/*  border-width: 	1px; 
  border-style: 	solid;	
  border-color: 	#000000;	*/
}

#left {
  float:		left;
  width:		613px;
/*  border-width: 	1px; 
  border-style: 	solid;	
  border-color: 	#000000; 	*/
}

#right {
  float:		left;
  width:		308px;
  padding:		1px 1px 1px 1px;
  border-width: 	4px; 
  border-style: 	groove;	
  border-color: 	#cccccc;	
  background-color:	#eaeaea;  

}

#topvideos { 
  height:		513px;
  width:		294px;
  margin-top:		5px;
}

#videolist { 
  height:		600px;
  width:		594px;
  background: 		url(images/vidlist-bg.png) top left no-repeat;
  padding-top:		10px;
}

#news { 
  height:		232px;
  width:		294px;
  margin:		0 0 0 3px;
  background-color:	white;
/*  background: 		url(images/news.jpg) top right no-repeat;	*/
  border-width: 	3px; 
  border-style: 	double;	
  border-color: 	#b6e2fe;	
}

h3.members {
  font-size:		18px;
  color:		#21759b;
  font-weight:		bold;
  margin:		5px 0 0 5px;
}

h3.controlpanel {
  color:		#ffffff;
}

input.topmembers {
  margin:		2px 0 0 15px;
}

.memberslist {
  width:		100%;
  height:		35px;
  margin:		12px 0 5px 0;
  background: 		url(images/topuser-bg.png) top left no-repeat;	
  border-top-width: 	1px; 
  border-top-style: 	solid;	
  border-top-color: 	#717171;
  border-bottom-width: 	1px; 
  border-bottom-style: 	solid;	
  border-bottom-color: 	#717171;
}

.memberslist:hover {
  background: 		url(images/topuser-bg-hover.png) top left no-repeat;	
}

.topmemleft {
  float:		left;
  width:		65px;
}

.topmemright {
  float:		left;
  width:		210px;
  padding-top:		5px;
}

#topmembers { 
  height:		210px;
  width:		594px;
  background: 		url(images/topmembers.jpg) top left no-repeat;
  padding-top:		50px;
}

.videolistitem {
  margin:		10px 0 0 15px;
  width:		570px;
  height:		100px;
  border-bottom-width: 	1px; 
  border-bottom-style: 	solid;	
  border-bottom-color: 	#cccccc;
  padding:		0 0 5px 0;
}

.searchlistitem {
  margin:		10px 0 0 15px;
  width:		570px;
  height:		100px;
  border-bottom-width: 	1px; 
  border-bottom-style: 	solid;	
  border-bottom-color: 	#cccccc;
  padding:		0 0 5px 0;
  background:		url(images/search-bg.png) top no-repeat;
}

.videothumb {
  margin:		4px 0 0 15px;
  float:		left;
  width:		140x;
}

.minithumb {
  margin:		4px 0 0 8px;
  float:		left;
  width:		90x;
}

a.minithumbspan {
  font-size:		10px;
  font-weight:		bold;
}

span.minithumbspan {
  font-size:		10px;
}

.solothumb {
  margin:		5px 0 0 0;
}

.videodesc {
  float:		left;
  width:		320px;
  margin:		10px 5px 10px 10px;
}

.videodescadd {
  float:		left;
  width:		80px;
  margin:		10px 5px 10px 0;
}

.memberthumb {
  margin:		4px 0 0 15px;
  float:		left;
  width:		140x;
}

#nav {
  margin: 15px 0 0 0;
  padding-bottom: 5px;
  position: absolute;
  text-align:left;
  vertical-align: top;
  display: inline;
  float: left;
}

#nav li {
  list-style: none;
  float: left;
  position: relative;
  background: left center url(images/arr.gif) no-repeat;
  padding-left: 15px;
  padding-right: 20px;
}

#footer {
  background: 		url(images/footer-bg.png) top left repeat;
}

.clear {
	border: 0px solid #000000;
	overflow: auto;
	width: 100%
}

/* Tab Menus */

.ubercolortabs{
padding: 0;
margin-top: 20px;
margin-left: 0px;
width: 100%;
overflow: hidden;
background: transparent;
}

.ubercolortabs ul{
font: bold 11px Arial, Verdana, sans-serif;
margin: 0;
padding: 0;
list-style: none;
}

.ubercolortabs li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform: uppercase;
}


.ubercolortabs a{
float: left;
color: white;
background: #3c6493 url(images/roundleft.gif) no-repeat left top; /*default background color of tabs, left corner image*/
margin: 0 10px 0 0;
padding: 0 0 1px 3px;
text-decoration: none;
letter-spacing: 1px;
}

.ubercolortabs a span{
float: left;
display: block;
background: transparent url(images/roundright.gif) no-repeat right top; /*right corner image*/
padding: 15px 20px 9px 20px;
cursor: pointer;
}

.ubercolortabs a span{
float: none;
}


.ubercolortabs a:hover, .ubercolortabs li.selected a{
background-color: #565656; /*background color of tabs onMouseover*/
color: white;
}

.ubercolortabs a:hover span{
background-color: transparent;
}


.ubercolordivider{ 
clear: both;
padding: 0;
width: 100%;
height: 5px;
line-height: 5px;
background: #3c6493; /*background color of horizontal line*/
border-top: 1px solid #3c6493; /*Remove this to remove border between bar and tabs*/
}

/* FORM DiVISIONS */

.formoptionbox {
	width: 570px;
}
.formoptions {
	float: left;
	height: 45px;
	width: 180px;
   	padding: 0 0 0 0;
	text-align: right;
}
.formboxes {
	float: right;
	width: 400px;
	height: 45px;
}

.formoptionstall {
	float: left;
	height: 120px;
	width: 180px;
   	padding: 0 0 0 0;
	text-align: right;
}
.formboxestall {
	float: right;
	width: 400px;
	height: 120px;
}

.formoptionsxtall {
	float: left;
	height: 260px;
	width: 180px;
   	padding: 0 0 0 0;
	text-align: right;
}
.formboxesxtall {
	float: right;
	width: 400px;
	height: 260px;
}