@charset "utf-8";
/************************************************************************************************************************************************************
* GENERAL
************************************************************************************************************************************************************/
body {
	background-color:		#000;
	background-image:		url("../images/general/bg.jpg");
	font-family:			Verdana, Geneva, sans-serif;
	font-size:				10px;
}

body, 
input, 
textarea, 
select, 
a:visited,
a:link,
a:hover {
	color:					#990099;
}

h1, h2, h3, h4, h5, h6 {
	color:					#FFF;
	font-size:				12px;
}

/************************************************************************************************************************************************************
* WRAP
************************************************************************************************************************************************************/
div#wrap {
	background-color:		#FFF;
	border:					1px solid #000;
	margin:					0px auto 0px auto;
	width:					765px;
}

div#wrap div.clear {
	clear:					both;
}

/************************************************************************************************************************************************************
* HEADER
************************************************************************************************************************************************************/
div#header {
	background-image:		url("../images/header/bg.jpg");
	height:					164px;
}

/************************************************************************************************************************************************************
* FOOTER
************************************************************************************************************************************************************/
div#footer {
	background-color:		#FFCCFF;
	clear:					both;
	padding:				10px 0px 10px 0px;
}

div#footer p {
	text-align:				center;
}

/************************************************************************************************************************************************************
* CONTENT
************************************************************************************************************************************************************/
div#content {
	padding:				10px 0px 40px 14px;
	-padding:				10px 0px 40px 2px;
}

div#content ul li.gay {
	background-image:		url("../images/content/type_gay.jpg");
	background-repeat:		no-repeat;
	padding:				0px 0px 0px 25px;
}

div#content ul li.friendly {
	background-image:		url("../images/content/type_friendly.jpg");
	background-repeat:		no-repeat;
	padding:				0px 0px 0px 25px;
}

div#content ul li.alt {
	background-image:		url("../images/content/type_alt.jpg");
	background-repeat:		no-repeat;
	padding:				0px 0px 0px 25px;
}

div#content ul.top {
	height:					22px;
	margin:					0px auto 10px auto;
	width:					770px;
}

div#content ul.top li {
	float:					left;
	margin:					0px 7px 0px 7px;
}

div#content ul.top li.gay,
div#content ul.top li.friendly,
div#content ul.top li.alt {
	margin-top:				5px;
}

div#content ul.column {
	float:					left;
	margin:					0px 15px 0px 0px;
	-margin:				0px 7px 0px 7px;
	width:					235px;
}

div#content ul.column li.ads {
	margin-bottom:			10px;
	text-align:				center;
}

div#content ul.column li.section {
	background-color:		#FFECFF;
	border:					1px solid #F6A2F6;
	margin-bottom:			10px;
	padding:				0px 0px 10px 0px;
}

div#content ul.column li.section h1 {
	background-image:		url("../images/content/title.jpg");
	height:					14px;
	margin-bottom:			6px;
	padding:				3px 10px 3px 10px;
}

div#content ul.column ul.sites li {
	margin:					0px 10px 3px 10px;
}