* { margin: 0; padding: 0; }
html, body { height: 100%; }
body {
	color: #fff;
	font-family: Arial, Helvetica;
	font-size: 12px;
	background: #000;
}


.indexfriends ul { text-align: left; list-style: none; padding-left: 15px; color: #ebe1c9; font-size: 24px; font-weight: normal; font-family: "Myriad Pro", Arial; letter-spacing: -1px;}
.indexfriends ul li {float: left; display: inline; margin: 0 0 5px 0; padding-left: 20px; width: 280px; line-height: 1em; }
.indexfriends ol { text-align: left; list-style: none; float: left; display: inline; width: 310px; color: #ebe1c9; font-size: 24px; font-weight: normal; font-family: "Myriad Pro", Arial; letter-spacing: -1px; }
.indexfriends ol li { list-style: none; margin: 0 0 5px 0; line-height: 1em; padding-left: 20px;}


#main {	margin: 0 auto;	width: 990px; padding-top: 5px; }
#head { width: 990px; margin: 0 auto; height: 75px; background: url(/images/bghead.gif) top left no-repeat; color: #fff;}
#footer { clear: left; width: 990px; margin: 0 auto; text-align: center; padding: 10px 0 0 0; }
#footer a { color: #ccc; }
#footer p { padding: 0 auto 10px auto; }
#head .intro { margin-left: 270px; height: 31px; padding: 2px 0 0 10px;}
#head h1 { font-size: 12px; color: #ddd; display: inline; margin-right: 5px;}
#head p { display: inline; }

#content { margin: 0 auto; width: 990px; }
#content .inner { padding-top: 10px; }
#wrapper { float: left;	width: 100%; }

a { color: #f4c06d; text-decoration: none; }
a:hover { color: #fff; text-decoration: underline; }
.centered { margin: 0 auto; padding: 0; }

.day {
	margin: 10px auto 5px auto;
	padding: 0;
	font-size: 20px;
	text-align: center;
}


.info { margin: 0 10px;}
.info p { display: inline; margin-right: 4px;}
.info ul { display: inline; list-style: none; }
.info ul li { display: inline; margin-right: 4px; }
.info h2 { display: inline; font-size: 14px; margin-right: 4px; }

#navig { min-height: 40px;}

#menu {padding: 0 10px; margin:0 0 0 270px; list-style:none; height:34px; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
#menu li {float:left; margin-right:1px; background: url(/images/bgnav_l.gif) left no-repeat; padding-left: 6px;}
#menu li.bm { float: right; background: none; padding-top: 3px;}
#menu li.bm a { background: none;}
#menu li a {display:block; float:left; height:34px; line-height:34px; text-decoration:none; font-size:12px; font-weight:bold; padding:0 12px 0 6px; color: #fff; background: url(/images/bgnav_r.gif) right no-repeat;}
#menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Style for different browsers the list OR link hover */

#menu li a:hover {z-index:200; position:relative; text-decoration: underline; }
#menu li:hover {position:relative; z-index:200;}

#menu li:hover > a {text-decoration: underline;}
#menu li:hover > a.sub {text-decoration: underline;}


#menu :hover ul {left:0; top:30px; width:150px; background:#cccccc;}

/* keep next level invisible. */
#menu ul, 
#menu :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#menu :hover ul :hover ul {left:150px; top:-1px; background:#cccccc; white-space:nowrap; width:100px; z-index:200; height:auto;}

#menu :hover ul li {margin:0; }
#menu :hover ul li a {width:150px; padding:0; text-indent:10px; background:#cccccc; color:#000; height:24px; line-height:24px;}

#menu :hover ul :hover {background-color:#ca691a; color:#fff;}


h2.zzz { color: #ebe1c9; font-size: 24px; font-weight: normal; padding-left: 12px; font-family: "Myriad Pro", Arial; letter-spacing: -1px}
.size32 { font-size: 32px; text-align: center; }

p.pages { margin: 20px auto; font-size: 18px; font-weight: bold; text-align: center;}
p.pages span { font-size: 18px;	font-weight: bold; margin: auto 5px;}

#textgals { width: 980px; margin: 0 auto 10px auto; padding: 0; padding: 10px;}
.txtgal { list-style: none; }
.txtgal li { float: left; width: 475px; margin-bottom: 5px;}
.txtgal a { font-size: 16px; text-transform: capitalize; }

.thumbs { list-style: none; margin: 0 auto 10px auto; padding: 5px 10px;}
.indextube, .indextags, .indexfriends, .toplist { list-style: none; width: 920px; margin: 0 auto; padding: 0 0 0 0; }
.thumbs li { float: left; display: inline; text-align: center; }
.indextube li { float: left; display: inline; width: 184px; height: 192px; text-align: center; }
.thumbs li img { border: solid 1px #444;  display: block; }
.thumbs li img:hover { border: dotted 1px #fff;  display: block; }




ul.rules { list-style: disc; }
ul.rules li { margin-left: 20px; }

ul.refs {list-style: none; font-size: 16px; }
ul.refs li { float: left; display: inline; width: 240px; padding-left: 5px; text-indent: 10px; margin-bottom: 5px;}

.more { text-align: right; margin-bottom: 10px; padding-right: 30px; }
.more a { display: inline-block; margin-right: 10px; font-size: 18px; font-weight: bold; }

.sub { height: 46px; }
.sub h3 { float: right; width: 380px; color: #ebe1c9; font-size: 24px; font-weight: normal; text-align: right; padding-right: 15px; font-family: "Myriad Pro", Arial; letter-spacing: -1px;}
.sub p { float: left; width: 580px; padding-left: 15px;}

table { margin: 0 auto; }

span.new {
	font-weight: bold;
	color: #816546;
}

a.scrindex { float: right; width: 200px; height: 150px; margin: 0; padding: 0; }

.centl {
	width: 641px;
	float: left;
	display: inline;
	margin: 0 0 10px 10px;
	padding: 0;

}
.centr {
	width: 304px;
	margin: 0 10px 20px 0;
	padding; 0;
	float: right;
	display: inline;
	position: relative;
	clear: right;

}
.centr p { margin: 3px auto;}
.centr a img { margin-bottom: 5px; padding: 0;}
.centr br { clear: both; height: 0; }


ul.vidslist .vidlistdesc {
	width: 210px;
	margin: 1px auto 2px auto;
	text-align: center;
	font-size: 11px;
	height: 14px;
	overflow: hidden;
}
.vidlistaff {
	width: 150px;
	margin: 1px auto 5px auto;
	text-align: center;
}
.vidtnrat {
	font-weight: bold;
	margin: -1px auto 0 auto;
	padding: 0;
	text-align: center;
}




#contactform { display: block; border: none; margin: 0 auto 20px auto; width: 400px;}
#contactform fieldset { display: block; border: none; }
#contactform input {}
#contactmail, #contactmessage { border: 1px solid #000; background-color: #fff; display: block; margin-bottom: 5px; }
#contactmail { width: 100%; }
#contactform fieldset label { display: block; font-size: 14px; font-weight: bold; margin-bottom: 2px;}
#contactsubmit { display: block; text-align: center; width: 100%; font-size: 16px; font-weight: bold; border: 1px solid #000; background-color: #f6d84a;}


.clearboth {
	clear: both;
}
.cleared:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
li.cleared:after {
	margin-bottom: 10px;
}
.cleared {
	display: inline-block;
}
li.cleared {
	display: inline-block;
	margin-bottom: 10px;
}
/* Hides from IE-mac \*/
* html .cleared {height: 1%;}
* html li.cleared {height: 1%; margin-top: 20px; }
.cleared {display: block;}
li.cleared {display: block; margin-top: 20px;}
/* End hide from IE-mac */