/********************************************
	AUTHOR:  			Marc de Ruijter
	WEBSITE:   			http://leon9.dizid.com
	TEMPLATE NAME: 		Games
	DATE				july 2007
	VERSION:			0.2
 *******************************************/ 
 
 
 
/* COLORS
LOGO 					#	white
BODY BACHGROUND			#	F03F12		
LEFTMENU BCKGRND
RIGHTMENU BCKGRND
CONTENT BCKGRND
 */
 

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
margin: 0;
padding: 0;
border: 0;	}


h1,h2 {	font-size: x-large;		
		padding: 15px;		}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color: #F03F12;
	text-align: center;		}
	
#wrapper{
background-color: #FDFEE9;
margin-left: 8%;
margin-right: 8%;
text-align:left;		}
	
#header {
height: 100px;
background-image: url(headerlogo.gif);
background-repeat: no-repeat;    }
	
#main {
	margin-left: 170px;
	margin-right: 10px;
	padding: 12px;	 
	line-height: 1.3em;   }
	
.content {
	float: left;
	padding: 10px;
}
		
#leftsidebar {
    background:#CE3705;
    float:left;
    width:152px;  
	height:624px;  }
	
#rightsidebar {
    background:#CE3705;
    float:right;
    width:120px;  
	padding:10px;  }
	
#footer {
	background:#FF6600;
	font-variant: small-caps;
	clear:both;
	padding: 5px;
	margin-top: 600;
	font-size: x-small;
	text-align: center;
}
	
/* menu design starts here */

/*background color for the BAR*/
#nav {background:#D93700 ;}

#leftsidebar ul {
background-color: transparent;
list-style-type: none;
margin: 0; 
padding: 0;
/* border: 1px solid #000000;/*this adds a second line to the bottom of the nav, if you prefer a single line you can remove it by uncommenting the other properties and commenting out this one. I think it gives a nice raised effect, the choice is your's :)*/
border-left: 1px solid #FF6600;
border-right: 1px solid #FF6600;
border-top: 1px solid #FF6600;	}

#leftsidebar ul li {
padding: 0;
margin: 0; 	}

#leftsidebar ul li a{
background-color: ##FFFFFF;
border-bottom: 1px solid #666666;
color: #F3FA94;
display: block;
padding: 4px 0 6px 4px;
text-decoration: none; 
height: 1%;	}


#leftsidebar a:hover, #nav a:focus { 
background-color: #96D43C;
border-right: 1px solid #48FD8F ;
border-bottom: 1px solid #48FD8F ;
color: #fff;
}

/*floating images in the content, right or left*/
.leftimage{
	float: left;
	margin: 0 10px 20px 0;
	border: 0px;
	padding-left: 0px;
}

.rightimage{
float: right;
margin: 0 0 20px 15px;
border: 1px solid #000000;
width: 250px;
}

/*adjust the flow of the document - somehow
http://www.adobe.com/devnet/dreamweaver/articles/css_concepts_pt3_10.html*/
.clearit{
clear: both;
}

/*form elements*/
form {
	margin:10px 15px; padding: 0;
	border: 1px solid #eee; 
	background-color: #FAFAFA; 
}
label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}
input {
	padding: 2px;
	border:1px solid #eee;
	font: normal 1em 'Trebuchet MS', verdana, sans-serif;
	color:#777;
}
textarea {
	width:400px;
	padding:2px;
	font: normal 1em 'Trebuchet MS', verdana, sans-serif;
	border:1px solid #eee;
	height:100px;
	display:block;
	color:#777;
}
input.button { 
	margin: 0; 
	font: bold 1em Arial, Sans-serif; 
	border: 1px solid #CCC;
	background: #FFF; 
	padding: 2px 3px; 
	color: #333; }