* {
	margin: 0; 
	padding: 0;
}
body { 
	margin: 0;
	font: 0.75em/1.5 Arial, Helvetica, sans-serif;  
	color: #ffffff; 
	background: #000 url("../images/bg.gif");
}

img { 
	margin: 0; 
	padding: 0; 
	border: 0; 
}

#outer { 
	margin: 0 auto; 
	width: 960px; 
}

#header {
	padding: 0px; 
	margin: 0 0 0 0;
	background: none; 
	height: 40px;
	width: 960px; 	 
	position: relative;
	background: #000000;  	
}
#logo { 
	width: 160px; 
	height: 40px; 
	display: block; 
	position: absolute; 
	top: 0px; 
	left: 13px;
	z-index: 5;
	background: url(../images/logo.jpg) top left no-repeat;  
}
ul, li,form,fieldset { 
	margin: 0; 
	padding: 0; 
	list-style: none; 
	border: 0; 
	font-weight: normal; 
	font-size: 1em; 
}
hr { display: none; }
a { 	
	color: #ffffff; 
	text-decoration: none; 
}
a:hover { 
	color: #A01F62; 
}
a:hover img { 
	background: none; 
}

/*-- nav --*/
#nav {
	
	padding: 7px 0 0 0;
	width: 100%;
	height: 26px;
	background: #000;
	list-style: none;
}
#nav li {
	display: inline;
}
#nav a {
	margin: 0 3px 0 0;
	height: 26px;
	text-indent: -10000px;
	display: inline;
	float: left;
}
#nav #news {	
	margin: 0 3px 0 520px;
	width: 100px;
	background: url(../images/nav_ajaxnews.gif) top left no-repeat;
}
#nav #tagcloud {
	width: 100px;
	background: url(../images/nav_tagcloud.gif) top left no-repeat;
}
#nav #suggest {	
	width: 120px;
	background: url(../images/nav_suggest.gif) top left no-repeat;
}


#nav #rss {
	width: 100px;
	background: url(../images/nav_rssfeed.gif) top left no-repeat;
}

#nav #suggest:hover,
#nav #tagcloud:hover,
#nav #news:hover,
#nav #rss:hover,
#nav .active {

	background-position: bottom left !important;

}

#sponsors { 
	padding: 5px; 
	margin: 5px 0 6px 0; 	
	border-left: 1px solid #101010; 
	border-right: 1px solid #101010; 
	background: url(../images/box_top.gif) left top repeat-x #101010; 
	padding-left: 16px; 
	padding-top: 10px; 
}
#sponsors ul { 
	margin: 0px;
	padding: 0px; 
}
#sponsors li { 
	float: left; 
	margin: 0 12px 0 0px; 
	padding: 0px; 
}
#sponsors img { 
	width: 175px; 
	height: 60px; 
}


#featured {
	width: 742px; 
	float: left; 
	padding: 15px; 
	margin: 0px 0 6px 0; 	
	border-left: 1px solid #101010; 
	border-right: 1px solid #101010; 
	background: url(../images/box_top.gif) left top repeat-x #101010; 
}
#featured h3 { 
	float: left; 
	margin: 0 0 5px 0px; 
}
#featured h4 { 
	float: right;
	display: block; 
	width: 121px; 
	height: 25px; 
	margin: -4px -3px 5px 0px; 
	font: bold 14px Arial, Helvetica, sans-serif; 
}
#featured h4 a { 
	display: block; 
	background: url(../images/randomize.gif) 0 0 no-repeat; 
	width: 121px; 
	height: 25px;
}
#featured h4 a:hover { 
	background: url(../images/randomize.gif) 0 -25px no-repeat; 
}

#main_site #screenshot { 
	width: 325px;
	float:left; 
}
#main_site #description { 
	width: 380px;
	float:left;
	padding-left:10px;
	padding-right:10px;
}

#featured .box { 
	position: relative; 
	display: block; 
	width: 222px; 
	margin: 0 5px 5px 0; 
	padding: 10px; 
	float: left; 	
	background: url(../images/site_bg.gif) top left repeat-x #2C2C2C; 
}

#featured .box P{
	font: bold 13px Arial, Helvetica, sans-serif;
	
}
#featured .box P a { 
	color: #ffffff; 
}
#featured .box P a:hover { 
	color: #A01F62; 
}

#content {
	width: 100%;
}
#page {
	width: 742px; 
	float: left; 
	padding: 15px; 
	margin: 0px 0 6px 0; 	
	border-left: 1px solid #101010; 
	border-right: 1px solid #101010; 
	background: url(../images/box_top.gif) left top repeat-x #101010; 
}
#page h3 { 
	float: left; 
	margin: 0 0 5px 0px;
	width: 100%;  
}
#page p { 
	font-size:13px;
}



#ads {
	width: 145px; 
	float: right; 
	padding: 15px; 
	margin: 0px 0 6px 0; 	
	border-left: 1px solid #101010; 
	border-right: 1px solid #101010; 
	background: url(../images/box_top.gif) left top repeat-x #101010;  
}

#tellyourfriend {
	width: 155px; 
	float: right; 
	padding: 15px;
	padding-left: 10px;  
	padding-right: 10px;  
	margin: 0px 0 6px 0; 	
	border-left: 1px solid #101010; 
	border-right: 1px solid #101010; 
	background: url(../images/box_top.gif) left top repeat-x #101010;  
}



#main_site {
	width: 742px; 
	float: left; 
	padding: 15px; 
	margin: 0px 0 6px 0; 	
	border-left: 1px solid #101010; 
	border-right: 1px solid #101010; 
	background: url(../images/box_top.gif) left top repeat-x #101010; 
}
#main_site h3 { 
	float: left; 
	margin: 0 0 5px 0px; 
}
#main_site h4 { 
	float: right;
	display: block; 
	width: 121px; 
	height: 25px; 
	margin: -4px -3px 5px 0px; 
	font: bold 14px Arial, Helvetica, sans-serif; 
}
#main_site h4 a { 
	display: block; 
	background: url(../images/next.gif) 0 0 no-repeat; 
	width: 121px; 
	height: 25px;
}
#main_site h4 a:hover { 
	background: url(../images/next.gif) 0 -25px no-repeat; 
}



#main_content {
	border-left: 1px solid #101010; 
	border-right: 1px solid #101010; 
	background: url(../images/box_top.gif) left top repeat-x #101010; 
	padding: 15px; 
	margin: 0px 0 6px 0; 
}

#last_updated { 
	float: left; 
	margin: 0 0 10px 0; 
}

#google {
	padding:5px;
	margin-top:1px; 
}

#sites { 
	margin: 0 -8px -10px 0; 
}

#page_panel {
	padding: 10px 0 0 0; 
	background: url(../images/page_bg.gif) top left repeat-x;
	height: 30px;  
}
#page_panel_top {
	padding: 0px;
	padding-bottom:5px;
	margin-bottom:5px; 
	background: url(../images/page_bg.gif) bottom left repeat-x;
	height: 30px;  
}
#search_form { 
	float: left;  
	margin: 0 10px 0 0;
	width: 415px; 
}
#search_form .input_text { 
	width: 140px;
	font: bold 14px Arial, Helvetica, sans-serif; 
	background: #2c2c2c; 
	padding: 3px 3px; 
	color: #FFF; 
	border-left: 1px solid #fff; 
	border-right: 1px solid #fff; 
	border-bottom: 1px solid #fff; 
	border-top: 1px solid #fff;   
}
#sort_form { 
	float: left;  
	margin: 0 10px 0 0;
}

#suggest_form { 
	float: left;  
	margin: 10px 10px 0 0;
	width: 240px;  
}
#suggest_form .input_text { 
	width: 240px;
	font: bold 14px Arial, Helvetica, sans-serif; 
	background: #2c2c2c; 
	padding: 3px 3px; 
	color: #FFF; 
	border-left: 1px solid #fff; 
	border-right: 1px solid #fff; 
	border-bottom: 1px solid #fff; 
	border-top: 1px solid #fff;   
}
#suggest_form .input_button { 
	background: #202020; 
	border-top: 1px solid #303030;
	font: bold 12px Arial, Helvetica, sans-serif; 
	color: #ffffff; 
	padding: 3px 7px;  
	width: 75px; 
	cursor: pointer;
	border-left: 1px solid #202020; 
	border-right: 1px solid #202020; 
	border-bottom: 1px solid #202020; 
	margin-top: 10px; 
}



#main_comment {
	border-left: 1px solid #101010; 
	border-right: 1px solid #101010; 
	background: url(../images/box_top.gif) left top repeat-x #101010; 
	padding: 15px; 
	margin: 0px 0 6px 0; 
}

.comment { 
	padding: 10px 0; 
	background: url(../images/page_bg.gif) top left repeat-x; 
	margin: 0 0 0 0; 
	overflow: auto; 
	position: relative; 
}
.comment h4 { 
	font: bold 11px Arial, Helvetica, sans-serif; 
	color: #cccccc; 
	float:none; 
	display: block; 
	margin: 0 0px 3px 0; 
	text-transform: capitalize; 
}
.comment h4 a { 
	border-bottom: 1px dotted #666666; 
}
.comment h5 { 
	font: bold 10px Arial, Helvetica, sans-serif; 
	color: #666666; 
	text-transform: uppercase; 
	float:none; 
	margin: 0 0px 0 0; 
}
.comment p { 
	font: 12px Arial, Helvetica, sans-serif; 
	margin: 0 0px 10px 0; 
}


#comment_form { 
	float: left;  
	margin: 10px 10px 0 0;
	width: 240px;  
}
#comment_form .input_text { 
	width: 240px;
	font: bold 14px Arial, Helvetica, sans-serif; 
	background: #2c2c2c; 
	padding: 3px 3px; 
	color: #FFF; 
	border-left: 1px solid #fff; 
	border-right: 1px solid #fff; 
	border-bottom: 1px solid #fff; 
	border-top: 1px solid #fff;   
}
#comment_form .input_button { 
	background: #202020; 
	border-top: 1px solid #303030;
	font: bold 12px Arial, Helvetica, sans-serif; 
	color: #ffffff; 
	padding: 3px 7px;  
	width: 75px; 
	cursor: pointer;
	border-left: 1px solid #202020; 
	border-right: 1px solid #202020; 
	border-bottom: 1px solid #202020; 
	margin-top: 10px; 
}
#comment_form .input_textarea { 
	height: 150px; 
	background: #202020; 
	border-top: 1px solid #303030;
	font: bold 12px Arial, Helvetica, sans-serif; 
	color: #ffffff; 
	padding: 3px 7px;  
	width: 240px;
	cursor: pointer;
	border-left: 1px solid #202020; 
	border-right: 1px solid #202020; 
	border-bottom: 1px solid #202020; 
	margin-top: 10px;
	scrollbar-base-color:#202020;  
}


#promote_panel {  
	border-left: 1px solid #101010; 
	border-right: 1px solid #101010; 
	background: url(../images/box_top.gif) left top repeat-x #101010; 
	padding: 15px; 
	margin: 0px 0 6px 0; 
}
#promote_panel ul { width: 930px; }
#promote_panel h3 { margin: 0 0 5px 0; }
#promote_panel li { display: block; width: 16px; height: 16px; float: left; margin: 0 2px 2px 0; }
#promote_panel li a { display: block; width: 16px; height: 16px; background: #202020; }
#promote_panel li a:hover { background: #202020;}

#footer { 
	padding: 5px 0 60px 0; 
}
#footer ul { 
	float: right; 
}
#footer li { 
	float: left; 
	margin: 0 0 0 20px; 
}

.site { 
	position: relative; 
	display: block; 
	width: 285px; 
	margin: 0 7px 6px 0; 
	padding: 10px; 
	float: left; 	
	background: url(../images/site_bg.gif) top left repeat-x #2C2C2C;  
}
.site h2 { 
	float: left; 
	position: absolute; 
	width: 285px;  
	font: bold 15px Arial, Helvetica, sans-serif;
	
}
.site h2 a { 
	color: #ffffff; 
}
.site h2 a:hover { 
	color: #A01F62; 
}

.site p a img { 
	filter: alpha(opacity=85); 
	opacity: .85; 
	background-color: none;  
}
.site:hover p img, .site p a:hover img { 
	filter: alpha(opacity=100); 
	opacity: 1; 
	background-color: none; 
}
.space { 
	height: 20px; 
	width: 265px;
	float: right; 
	clear: both;	
}	

.title { 
	font: bold 14px Arial, Helvetica, sans-serif; 
	letter-spacing: -.02em; 
	color: #cccccc;
	margin: 0px; 
	padding: 0px
}
.pink { 
	color: #A01F62; 
}	
.hidden{ 
	display: none; 
}
.clear {
	clear: both; 
	padding-right: 0px; 
	padding-left: 0px; 
	padding-bottom: 0px; 
	margin: 0px; 
	padding-top: 0px
}

.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
	background: url(../images/star.gif) left -1000px repeat-x;
}
.star-rating{
	position:relative;
	width:100px;
	height:20px;;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	background-position: left top;
	FLOAT: left; 
}
.star-rating li{
	display: inline;
}
.star-rating a, 
.star-rating .current-rating{
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:20px;
	line-height:20px;
	outline:none;
	overflow:hidden;
	border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
	background-position: left bottom;
}
.star-rating a.one-star{
	width:20%;
	z-index:6;
}
.star-rating a.two-stars{
	width:40%;
	z-index:5;
}
.star-rating a.three-stars{
	width:60%;
	z-index:4;
}
.star-rating a.four-stars{
	width:80%;
	z-index:3;
}
.star-rating a.five-stars{
	width:100%;
	z-index:2;
}
.star-rating .current-rating{
	z-index:1;
	background-position: left center;
}

.star-rating2,
.star-rating2 a:hover,
.star-rating2 a:active,
.star-rating2 a:focus,
.star-rating2 .current-rating2{
	background: url(../images/star2.gif) left -1000px repeat-x;
}
.star-rating2{
	position:relative;
	width:100px;
	height:20px;;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	background-position: left top;
	FLOAT: left; 
}
.star-rating2 li{
	display: inline;
}
.star-rating2 a, 
.star-rating2 .current-rating2{
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:20px;
	line-height:20px;
	outline:none;
	overflow:hidden;
	border: none;
}
.star-rating2 a:hover,
.star-rating2 a:active,
.star-rating2 a:focus{
	background-position: left bottom;
}
.star-rating2 a.one-star{
	width:20%;
	z-index:6;
}
.star-rating2 a.two-stars{
	width:40%;
	z-index:5;
}
.star-rating2 a.three-stars{
	width:60%;
	z-index:4;
}
.star-rating2 a.four-stars{
	width:80%;
	z-index:3;
}
.star-rating2 a.five-stars{
	width:100%;
	z-index:2;
}
.star-rating2 .current-rating2{
	z-index:1;
	background-position: left center;
}

.item_comment {
	width:135px;
	FLOAT: right;
	text-align:right;
	
}
.item_comment img{
	FLOAT: right; 
}
.item_comment h3 a, item_comment h3 { 
	font: bold 18px Arial, Helvetica, sans-serif; 
	letter-spacing: -.07em; 
	color: #cccccc;
	text-align:right;
	FLOAT: right;
	PADDING-RIGHT:5px; 
}

.item_rating {
	DISPLAY:block;
	TEXT-ALIGN: left; 
	width:135px;
	FLOAT: left; 
}

.item_rating h3 { 
	font: bold 18px Arial, Helvetica, sans-serif; 
	letter-spacing: -.07em; 
	color: #cccccc;
	FLOAT: left; 
}

.pagination { 
	float: right; 
}
.pagination a { 
	display: block; 
	padding: 3px 7px; 
	float: left; 
	margin: 0 3px 0 0; 
	background: #202020; 
	border-top: 1px solid #303030; 
}
.pagination .spacer { 
	display: block; 
	padding: 3px 7px; 
	float: left; 
	margin: 0 3px 0 0; 
} 
.pagination .disabled, .pagination .current { 
	display: block; 
	padding: 3px 7px; 
	float: left; 
	margin: 0 3px 0 0; 
	background: #2a2a2a; 
	border-top: 1px solid #3C3C3C; 
}
.pagination .selected { 
	display: block; 
	padding: 3px 7px; 
	float: left; 
	margin: 0 3px 0 0; 
	background: #2a2a2a; 
	border-top: 1px solid #3C3C3C;
	color: #A01F62; 
	font-weight: bold; 
}



.input_select { 
	font: bold 14px Arial, Helvetica, sans-serif; 
	background: #2c2c2c; 
	padding:  0 1px 1px 1px; 
	color: #FFF;
	
}
.input_button { 
	background: #202020; 
	border-top: 1px solid #303030;
	font: bold 12px Arial, Helvetica, sans-serif; 
	color: #ffffff; 
	padding: 3px 7px;  
	width: 75px; 
	cursor: pointer;
	border-left: 1px solid #202020; 
	border-right: 1px solid #202020; 
	border-bottom: 1px solid #202020;    
}
.tool-tip { 
	color: #fff; 
	width: 150px; 
	z-index: 13000; 
	background: url(../images/bubble.gif); 
}
.tool-title { 
	font-weight: bold; 
	font-size: 11px; 
	margin: 0; 
	color: #A01F62; 
	padding: 4px 4px 2px 4px; 
}
.tool-text { 
	font-size: 11px; 
	padding: 0 4px 4px 4px;
}
span.message {
        background-repeat: no-repeat;
	padding-left: 0px;
	padding-bottom: 6px;
	color: #009900;
	font-weight: bold;
}
 
span.error {
	background-repeat: no-repeat;
	padding-left: 0px;
	color: #FF0000;
	padding-bottom: 6px;
	font-weight: bold;
}
/* news */
#news_list {
	margin:0px;
	padding:0px;
}
.news_box {
	background: url(../images/site_bg.gif) top left repeat-x #2C2C2C; 
	WIDTH: 355px;
	HEIGHT: 270px;
	BORDER: #000 1px solid;
	margin:0px;
	margin-right:5px;
	margin-bottom:10px;
	float:left; 
	cursor:move; 
	
}
.news_box .title {
	FONT-SIZE: 15px; 
	TEXT-ALIGN:left;
	COLOR: #fff; 
	DISPLAY: block; 
	PADDING-RIGHT: 0px;	
	PADDING-LEFT: 10px; 
	PADDING-BOTTOM: 0px; 
	PADDING-TOP: 7px; 
	HEIGHT: 23px;
	margin:0px;
}
.news_box .title A {
	COLOR: #fff; 
}
.news_box .content {
	PADDING:5px;
}
.news_box UL {
	LIST-STYLE-TYPE: none;
	margin:0px;
	LINE-HEIGHT: 1.6em;
	PADDING:0px;
	cursor:pointer; 
}
.news_box UL LI {
	LIST-STYLE-TYPE: none;
	PADDING-LEFT: 10px; 
	margin:0px;
	BACKGROUND: url(../images/news_box_list_icon.gif) no-repeat 2px 8px;
	TEXT-ALIGN:left;	
}
.tooltip {
	position: absolute!important;
	overflow:hidden;
	font-size: 12px;
	z-index: 10000!important;
}
.tooltip .xtop, .tooltip .xbottom { display: block; background: transparent; font-size: 1px; }
.tooltip .xb1, .tooltip .xb2, .tooltip .xb3, .tooltip .xb4 { display: block; overflow: hidden; }
.tooltip .xb1, .tooltip .xb2, .tooltip .xb3 { height: 1px; }
.tooltip .xb2, .tooltip .xb3, .tooltip .xb4 { background: #666; border-left: 1px solid #333; border-right: 1px solid #333; }
.tooltip .xbottom .xb2, .tooltip .xbottom .xb3, .tooltip .xbottom .xb4 { background: #666; }
.tooltip .xb1 { margin: 0 5px; background: #333; }
.tooltip .xb2 { margin: 0 3px; border-width: 0 2px; }
.tooltip .xb3 { margin: 0 2px; }
.tooltip .xb4 { height: 2px; margin: 0 1px; }
.tooltip .xboxcontent {
		padding: 0 .5em;
		margin: 0;
		color: #000;
		text-shadow: 2px 2px 0px #CCC;
		word-wrap:break-word;
		border: 1px solid #333;
		border-width: 0px 1px 0 1px;
		background-color: #666;
		TEXT-ALIGN:left;
}