/* ---------------------------------- */
/* Programmer : Jeroen Tabeling       */
/* Website    : dopewarcriminals.com  */
/* Licenced to: JeTab ICT netherlands */
/* ---------------------------------- */

body
{
    /*background:#2D2D2D;  url(/images/background.jpg) 50% 0; */
	background:url(/images/background.jpg) #242424 repeat-x;
	font-family: Verdana;
	font-size: 10px;
	color:#000000;
	margin: 0;
	padding: 0 0 0 0;
    height:100%;
    min-height:100%;	
}

html
{
  height: 100%;
}

a:link			{ color: #333333; font-family: "arial"; font-size: 8pt; text-decoration: none; }
a:visited		{ color: #333333; font-family: "arial"; font-size: 8pt; text-decoration: none; }
a:active		{ color: #333333; font-family: "arial"; font-size: 8pt; text-decoration: none; }
a:hover			{ color: #60CFFF; font-family: "arial"; font-size: 8pt; text-decoration: none; }
img	            { border: 0px solid #FFFFFF; background: transparent; cursor: hand; }

div#leftcorner
{
  z-index:1;
  float:left;
  position:absolute;
  width: 100px;
  height: 100px;
  
}

div#messagespopup {
background:url(/includes/js/popupbg.png);
background-repeat:no-repeat;
visibility  : hidden;
left        : 10px;  /*dummy*/
top         : 10px;  /*dummy*/
width       : 9px;   /*dummy*/
position    : absolute;
height      : 130px; /*dummy*/
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size   : 11px;
border      : 0px;
}

div#container
{
/*	width: 930px;*/
/*	background:url(/images/gradiant.jpg);*/

    margin: 0px auto;
	padding: 0 0 0 0;
	overflow: auto;

	width: 900px;
	border-left:#000000 1px;
	border-right:#000000 1px;
    border-style:outset;
}

/* ------ */
/* HEADER */
/* ------ */
div#header
{
    /*margin-left: 15px;*/
	width: 900px;
	height: 235px;
	background: url(/images/header.jpg) no-repeat;
	clear: both;
}

/* ---------------- */
/* LOGIN / REGISTER */
/* ---------------- */
div#loginleft
{
width : 100px;
height:25px;
padding-top:7px;
margin-left:43px;
font-size:10px;
font-weight:bold;
font-family:Geneva, Arial, Helvetica, sans-serif;
color:#ffffff;
text-align:center;
float:left;
}

div#login
{
width : 500px;
height:25px;
padding-top:5px;
margin-left:55px;
font-size:11px;
font-weight:bold;
font-family:Geneva, Arial, Helvetica, sans-serif;
color:#000000;
text-align:center;
float:left;
}

div#loginright
{
width : 100px;
height:25px;
padding-top:7px;
margin-left:55px;
font-size:10px;
font-weight:bold;
font-family:Geneva, Arial, Helvetica, sans-serif;
color:#ffffff;
text-align:center;
float:left;
}

.logininputtext
{
	font-size:10px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	height: 17px;
	border : 1px solid Black;
	vertical-align:middle;
}
	
.loginbutton
{
	cursor: pointer;
	width: 70px;
	height: 22px;
	background: url(/images/button.jpg) no-repeat;
	border: 0;
	color:#FFFFFF;
	font-size:10px;
	font-weight:bold;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

.registerbutton
{
	cursor: pointer;
	width: 70px;
	height: 22px;
	background: url(/images/button.jpg) no-repeat;
	border: 0;
	color:#FF0000;
	font-size:10px;
	font-weight:bold;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	vertical-align:middle;		
}

/* -------- */
/* TOP MENU */
/* -------- */

div#topmenu
{
    /*margin-left: 15px;*/
	width: 900px;
	height: 33px;
	background: url(/images/topmenu.png) no-repeat;
	clear: both;
}

div#usermenu {
  width       : 135px;
  height      : 30px;
  margin-left : 0px;
  float       : left;
}

#usermenu li {
  list-style  : none;
  font-family : Geneva, Arial, Helvetica, sans-serif;
  font-size   : 12px;
  font-weight : bold;
  margin-top  : 10px;
}

div#topmenubutton {
  width       : 107px;
  height      : 30px;  
  float       : left;
  text-align  : center;
}

#topmenubutton li {
  list-style  : none;
  font-family : Geneva, Arial, Helvetica, sans-serif;
  font-size   : 12px;
  font-weight : bold;
  margin-top  : 10px;
  cursor      : pointer;
  color       : #000000;  
}

#topmenubutton li:hover {
  color      : #6699FF;
}

/* ------- */
/* BANNER  */
/* ------- */
div#banner
{
  width: 900px;
  height: 97px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:10px;
  color:#000000;
  position:relative;
  float:left;
}

div#secondbanner
{
  width: 615px;
  height: 105px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:10px;
  color:#000000;
  position:relative;
  float:left;
}

div#sitestats
{
  width: 415px;
  height: 25px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  padding-top: 7px;
  padding-left: 20px;
  padding-right: 20px;
  text-align: center;
  color:#000000;
  position:relative;
  float:left;
}

div#advertisement
{
  width: 615px;
  height: 80px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:10px;
  padding: 5px;
  color:#6699FF;
  position:relative;
  float:left;
}

div#profile
{
	width: 285px;
	height: 105px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	float:left;
	position:relative;
}

/* -------------------------- */
/* CONTENT (menu + mainframe) */
/* -------------------------- */

div#content
{
	/*background : url(/images/gradiant.jpg);*/
	width      : 900px;
	padding    : 0 0 0 0;
	clear      : both;
}
 
/* ---------------- */
/* MENU / LEFT SIDE */
/* ---------------- */
	div#left
	{
/*        margin-left: 15px;*/
		width: 153px;
		float: left;
		background:url(/images/menubg.png) repeat-y;
	}
	
	div#menu
	{
		height: 240px;
/*		padding-left: -15px;*/
		font-family:Geneva, Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:11px;
	}
	div#menufiller
	{
  	  min-height : 50px;
	  height     : 50px; 
	}
	
	div#menubottom
	{
		height: 10px;
		background:url(/images/menubgbottom.png);
	}		

/* ----------- */
/* MAINCONTENT */
/* ----------- */
div#maincontentcontainer
{
	width: 747px;
	position:relative;
	float: left;
	margin: 0 0 0 0px;
}

#mainFrame {
	position: relative;
	top: 0px;
	left: 0px;
	min-height: 100%;
	border: 0px none #ff0066;
	vertical-align: top;
	overflow: visible;
}
	
div#maincontenttop
{
	width: 747px;
	height: 15px;
	position:relative;
	float: left;
	margin: 0 0 0 0px;
	background:url(/images/maincontenttop.png);
}

div#maincontent
{
	width: 732px; /*747 - padding-left*/
	position:relative;
	float: left;
	padding-left: 15px;
	background:url(/images/maincontent.png);
}

div#maincontentbottom
{
	width: 747px;
	height: 15px;
	position:relative;
	float: left;
	margin: 0 0 0 0px;
	background:url(/images/maincontentbottom.png);		
}
		
/* ------ */
/* FOOTER */
/* ------ */
 
div#site_footer
{
/*    margin-left: 15px;*/
	text-align: center;
	width: 900px;
	height: 198px;
	padding: 0 0px 0 0;
	background: url(/images/footer.png) no-repeat;
	clear: both;
}

div#site_footer a
{
	text-decoration: underline;
}

div#site_footer a:hover
{
	text-decoration: none;
}