/* 
* Common classes 
*/
.bottom { vertical-align:bottom }
.center, .center td, .center th { text-align:center }
.clr { clear:both; }
.grid, .grid th, .grid td { border-collapse:collapse; margin:0 0; border:1px solid #000; padding:1px 1px }
.fixed { table-layout:fixed }
.left, .left td, .left th { text-align:left }
.nowrap, .nowrap td, .nowrap th { white-space: nowrap }              
.right, .right td, .right th { text-align:right }
.left, .left td, .left th { text-align:left }
.top { vertical-align:top }
.small {font-size:75%}
.w100 { width:100%; }
.clear { clear:both; }

/*
* Main typography
*/
body, html { margin:0 0; padding:0 0; color:#000; font-family:Arial,Helvetica,sans-serif; }

body{

    color: #ccff99;

    background-color: black;
	background-repeat: repeat-x;
	background-position: top;
	padding: 0px;
	margin: 0 auto;
}

	
.header  { margin:0 auto; width:1024px; }
.header .logo { width:145px; text-align:center }
.header img { border:none; }
h1{
color: #ff6666;
font-family:Arial,Helvetica,sans-serif;
font-size:20px;
margin:2px;

}
.header h1 { font-size:28pt; margin:0 0; color:#FFF; text-transform:uppercase; font-weight:bold; }
h2{
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:20px;
margin:2px;
position:absolute;
text-align:center;
text-transform:uppercase;
top:184px;
width:240px;
}
.hmenu { list-style-type:none; padding:0 0 ; }
.hmenu li { float:left; display:block; margin:0 5px 0 0; }
.hmenu li a { background-color:#333333;
border:1px solid #444444;
color: #ff9999;
display:block;
font-size:10pt;
font-weight:bold;
padding:0 3px;
text-decoration:none;
text-transform:uppercase; }
.hmenu li a:hover { background-color: #ffff66; color: #660000;}
.hmenu .highlight a { background-color: #ffcccc; color: #ff3333 }

.content { width:1024px; margin:0 auto; padding:0px 0 }
.main { float:left; margin:2px; width:843px;}
.side { float:left; font-size:8pt; margin:2px 4px 2px 2px; width:145px; }

.thumb { color: black; background-color: #ff9999;
float:left;
height:215px;
margin:2px;
position:relative;
width:250px; 
border:1px solid red;}

.thumb:hover {
	margin: 0px;
	background-color: #ff6666;
	border:3px solid #ffff33;}


.thumb img {
border-color: #ff9999;
border-width: 1px;
border-style: solid;
height:180px;
margin:4px;
opacity:1;
width:240px; }

.thumb .title { -moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
font-size:10px;
left:0;
margin:4px;
overflow:hidden;
padding:0;
position:absolute;
text-align:left;
top:182px;
width:240px; }

.thumb .title .desc{ 
font-size:10px;
height:14px;
left:0;
margin:1px;
overflow:hidden;
padding:0;
text-align:left;
}
.thumb .ttags{ 
font-size:10px;
height:14px;
left:0;
margin:5px;
overflow:hidden;
padding:0;
text-align:left;
}
.thumb .tttags{ 
margin-top: 8px; 
margin-left: 5px; 
font-size:10px;
height:14px;
left:0;
overflow:hidden;
padding:0;
text-align:left;
}

.thumb .duration { text-align: center; color: black; background-color: #ff9999;
font-size:10px;
height:12px;
left:5px;
padding:2px;
position:absolute;
top:5px;
width:30px;  }
.thumb .add { color: black; background-color: #ff9999;
font-size:10px;
height:12px;
padding:2px;
position:absolute;
right:5px;
text-align: center;
top: 170px; }


.category_thumb { background-color:#e3b40f;
border:1px solid #AFBB84;
color:#fff;
float:left;
height:217px;
margin:2px;
position:relative;
text-align:center;
width:250px; }
.category_thumb a:hover { color: red }
.category_thumb img { border:2px solid #AFBB84;
height:180px;
margin:3px;
opacity:1;
text-align:center;
width:240px; }
.category_thumb .title { font-size:12px;
height:15px;
left:0;
margin:0;
overflow:hidden;
padding:0;
position:absolute;
text-align:center;
top:200px;
width:100%;}
.category_thumb .title .a{
text-decoration: underline;
}
.category_thumb a {
	font-size: 12px;
	color: blue;
	text-decoration: none;	
	text-transform:uppercase;
}


.cmenu { list-style-type:none; margin:0 0; padding:0 0; color:#666; }
.cmenu .highlight a { color:#F66 }
.cmenu li a { text-decoration:none; color:#FFF; font-size:10pt; font-weight:normal; }

.toplist1 a { color:#666; font-weight:bold; padding:0 0 0 17px; }




/**
* Elements
*/
.categories li { list-style-type: none; white-space:no-wrap; width:170px}
.categories li.active a { color:#FFF; text-decoration:none; font-weight:bold; }
.categories ul { padding-left:0; margin:0 0  }
.categories span { color:#FFF; font-weight:bold }

.description { font-size:200% }

.gal_summary { border:1px solid #666; padding:5px 5px; margin:5px 0 }
.gal_summary span { font-weight:bold; }

table.head { border-collapse:collapse; border-bottom:1px solid red; padding:0 0; margin: 0 0;}
table.head td { border-collapse:collapse; border:none } 

table#head
{
    margin: 0 auto;
    border: 0px;
}

.menu { border:none; width:100%; margin:0 0; border-collapse:collapse; }
.menu td { width:50px; text-align:center; font-size:10pt; font-weight:bold; padding:0 10px; text-transform:uppercase }
.menu a { text-decoration:none; color:#FFF; }
.menu td.active a { text-decoration:none; color:#FFF; }
.menu td.active { background-color:#F00  }
.menu { border-collapse:collapse;  }
.menu .search { text-align:right; width:100%; padding-right:0 }
.menu .search input { border:1px solid white; margin:2px 2px; font-size:8pt; }

/* Pagination */
span.pages {
float:right;
font-size:12px;
font-weight:bold;
margin-top:5px;
color: #ff3333;
}

ul.inxy-paginator {
   margin:1px;
   padding:0px;
   float: right;
}
.inxy-paginator li {
   padding: 0px; 
   margin: 0px; 
   list-style-type: none; 
   float:left;
}
.inxy-paginator li a{
   color: #ffff66;
   font-size:12px;
   margin:1px;
   padding:1px 5px;
   text-decoration:none;
} 

.inxy-paginator li a:hover{background: #333333;} 
.inxy-paginator .highlight { font-weight:bold;  text-decoration:none;}
.inxy-paginator .highlight a { color: red; text-decoration:none; }
/* End Pagination */
	
.paysite { border:1px solid #666; padding:5px 5px; margin:5px 0; text-align:center } 	
.paysite a { font-size:250%; } 
	
#player { width:532px; height:400px; }

.shell { width:100%; border:none}

.tags { width:180px; text-align:center }
.tags a.active { color:#FFF; text-decoration:none; font-weight:bold; }

.tags2 { border:1px solid #666; padding:5px 5px; margin:5px 0; text-align:center }
.tags2 a.active { color:#FFF; text-decoration:none; font-weight:bold; }



.toplist { margin-top:0; table-layout:fixed }
.toplist td { vertical-align:top; }
.toplist li { list-style-type: none; } 

.w0 { font-size: 80% }
.w1 { font-size: 100% }
.w2 { font-size: 120% }
.w3 { font-size: 140% }
.w4 { font-size: 160% }
.w5 { font-size: 180% }
.w6 { font-size: 200% }
.w7 { font-size: 220% }
.w8 { font-size: 240% }
.w9 { font-size: 260% }


#types { position:absolute; right:0; top:0; }
#types table td { width:30px; border:1px solid red; text-align:center }
#types a { color:#FFF; text-decoration:none; font-size:6pt; font-weight:bold; }
#types .active { background-color:#F00; }

/* Toplists */
table.top {margin-left: auto; margin-bottom: 10px; margin-right: auto; margin-top: 10px; width: 1005px; text-align: center; color: #ffffff; font-size: 12px; font-family: Arial;}
table.top td {margin: 0px; padding: 0px; text-align: center; width: 33%; vertical-align: top;}
table.top td a {font-family: Arial; color: #cccccc; text-decoration: underline; text-align: left; font-weight: normal; font-size: 20px;}
table.top td a:hover {text-decoration: none; color: #FFFFFF;}

table.toplist {margin:0; width: 1005px;}
table.toplist td {margin: 0px; padding: 0px; text-align: left; width: 20%; vertical-align: top;}
table.toplist td a {
	color: #999999; 
	text-decoration: none; 
	text-align: left; 
	font-weight: normal; 
	font-size: 12px;
	padding:0 0px 0 17px;
	font-weight: bold;
}
table.toplist td a:hover {text-decoration: underline; color: #F1DEC9;}

table.head_top {
	margin:12px 0 0; 
	width: 565px;
	float: left;	
}
table.head_top td {margin: 0px; padding: 0px; text-align: left; width: 25%; }
table.head_top td a {
	color: #000000; 
	text-decoration: none; 
	text-align: left; 
	font-weight: normal; 
	font-size: 12px;
	padding:0 0px 0 15px;
	white-space:nowrap;
}
table.head_top td a:hover {text-decoration: underline; color: #F1DEC9;}


.ttop{
}
.ttop .tt{
float:left;
margin:0 0;
}
.ttop .im {
margin: 1px;
}

.ttop .im a img{
border:1px solid #ff3333;
height:150px;
width:200px;
}
.ttop .tit{
background-color:#000;
color:#cccccc;
font-size:11px;
font-weight:normal;
margin-left:2px;
margin-top:-21px;
//margin-top:-19px;
opacity:0.8;
padding:2px 0;
position:absolute;
text-align:center;
width:200px;
font-weight: bold;
}
/* End Toplists */

div.footer, div.footer a, div.footer a:visited
{
	background-color: #666666;
	color: #333333;
	text-align: center;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0 auto;
}
.trade a{
	color: white;
	font-size: 12px;
}


#sites{
color:#FFE3A0;
font-size:12px;
margin:0 auto;
padding:2px;
text-align:left;
width:99%;
}
#sites b {
	color: #fff; 
	font-size: 12px;
}

#sites a{
	color: #fff;
	font-size: 12px;
}

div.hlinks, div.hlinks a, div.hlinks a:visited
{
	min-width: 900px;
	color: #333333;
    font-size: 10px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    margin: 0 auto;
    text-align: center;
}

.top {color: #ff9999; font-size:16px;overflow:hidden;  overflow:hidden; width:983px; padding:10px 0 13px 17px;}
.top a, .top a:visited {font-size: 16px; color: #ff6666;}
.top a:hover {font-size: 16px; color: red;}
.top li {font-size: 16px; list-style-type: none; padding:1px 0;}
.top ul {font-size: 16px; float:left;width:220px;padding:10px;}

td.h06 { font-family:Verdana, Arial, Helvetica, sans-serif;}
td.h06, td.h06 a, td.h06 a:visited {
	color: #ffff66;
	width: 200px;
	background-repeat: no-repeat;
	font-size: 10px;
	background-position: left top;
	line-height: 13px;
	margin: 0 auto;
}