/*this css code and the html related to it was written by Marius,
you can contact me at marius.etc@gmail.com
////////////////////////////////////////////////
////////////UNDER DEVELOPMENT///////////////////
//////////////////////////////////////////////// .*/

/*--------------------------html defaults*/
h1, h2, h3, h4, h5, body, html, p, li, ul, hr	{margin:0; padding:0;}
img, label, fieldset	{display:block; border:0;}
h1, h2, h3, h4, h5		{font-weight:normal; font-size:100%;}
a		{text-decoration:none;}
li		{list-style-type:none; vertical-align:bottom;}
hr		{clear:both; visibility:hidden; height:0;}
/*GENERAL---------------------------------------*/
.fr		{float:right;}
.fl		{float:left;}
.pb10	{padding-bottom:10px;}
/*Template Structure*/

html {background:url(images/bg.png) center top #5d0032;}
body {background:url(images/mm.png) top no-repeat; height:100%; padding-top:15px; font-family:arial; font-size:11px;}

#outer		{width:1025px; padding-left:4px; margin:0 auto; background:url(images/wrap_bg.png) 0px 0px repeat-y;}
#wrap		{width:1021px;}
#header 	{height:493px; position:relative; background:url(images/header.jpg) top no-repeat;}
#logo			{width:1021px; height:457px;}
#header:hover #arr	{visibility:visible;}
#outleft, #outright, #part, #logo, #joinbtn, #arr	{display:block; position:absolute; overflow:hidden;}
#outleft img, #outright img, #logo img, #thumbs img	{position:absolute;}
#outleft		{height:495px; width:60px; top:-5px; left:-60px;}
#outleft img	{top:0; left:0;}
#outright		{height:500px; width:136px; top:-4px; right:-136px;}
#outright img	{bottom:0; right:0;}
#part	{bottom:0;}

#joinbtn		{background:url(images/joinbtn.gif) 0px -83px no-repeat; width:184px; height:0px; padding-top:59px; top:378px; right:-25px;}
#joinbtn:hover	{background:url(images/joinbtn.gif) 0px 0px no-repeat;}

#content	{padding:0 12px;}
.hed 		{clear:both; padding:5px 0; background:#5d0032;}
.hed span	{display:block; padding:5px; border:1px solid #940e56;}
.hed img 	{margin:0 auto;}

.thumbs		{padding:10px 0 0 10px;}
.thumbs li	{height:286px; width:187px; margin:0 8px 8px 0; float:left; border:1px solid #c8006c;}

.thumbs, .thumbs *	{display:block;}
.thumbs img			{height:246px;width:183px; margin-bottom:2px;}
.thumbs a			{padding:2px; background:#ff94ce; color:#106701; line-height:13px;}
.thumbs a:hover		{background:white; color:#ff84c6; text-decoration:underline;}
.thumbs a:hover strong {border:1px solid white; background:black;}
.thumbs a strong	{height:26px; padding:3px 0; border:1px solid #5e831d; background:#d6ff8e; font-size:0.9em; font-family:verdana; text-align:center;}

.advmodule	{clear:both; background:#5d0032; }
.adv-block	{padding:2px 0 15px 15px;}
.adv-300	{width:306px; height:256px; border:3px solid #470026; float:left; margin-right:15px;}
.adv-300 a	{border:3px solid #ff289c; display:block;}
.adv-300 a:hover {border:3px solid white;}

.sets		{padding-top:10px;}
.rowset		{padding:10px; clear:both;}
.set		{border:1px solid #c8006c; width:482px; height:250px;}
.set td a	{display:block; border:2px solid #ff94ce;}
.set td a:hover {border:2px solid white;}


#footer .join		{display:block; /*filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;*/}
#footer .join:hover {/*filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity:1;*/}
#footer				{padding:10px 12px 0;}

#acf	{background:url(images/dash.gif) top repeat-x #5c0031; text-align:center;}
.categs {padding:15px; color:#ff289c; font:bold 18px arial; line-height:24px;}
.categs a 		{color:#ff289c; text-decoration:underline;}
.categs a:hover {color:white;}
.note			{padding:10px; background:black; color:#ff289c; line-height:20px;}
.note a {color:white; font-size:15px; text-decoration:underline;}

/*-------Join Page---------*/

#top	{position:relative; top:0; left:-5px;}
#mid	{position:relative; height:559px;}
#left, #right, #join	{position:absolute; top:0;}
#left	{left:0;}
#right	{right:0;}
#join	{height:374px; width:406px; padding:54px 11px 131px 21px; background:url(images/join.jpg) 0px 0px; left:300px;}

#bookmark {height:0px; width:48px; padding-top:73px; overflow:hidden; position:absolute; top:373px; left:8px; background:url(images/bookmark.jpg) top left no-repeat;}
#bookmark:hover {background:url(images/bookmark.jpg) top right no-repeat;}