/*INSOMNALE CSS  BY KREATIONBERLIN.DE - BJOERN NITZSCHE 2009*/


/*GLOBAL RESET*/
*								{ margin:0; padding:0 }
html							{ overflow-y: scroll; }
html, body						{ height: 100% }
body							{ font-size: 65.5%; font-family: Arial, sans-serif; color: black;}
ul 								{ list-style:square inside; }
ol								{ list-style:decimal inside;}
a								{ outline: none; text-decoration: none; color: white; font-weight: 800; }
a img							{ border:none } /* vs IE borders*/
img								{ vertical-align; middle; }
table							{ border-collapse: collapse; border-spacing:0}

/*default*/

fieldset, img 					{ border:0 }
address, caption, cite, code, dfn, em, strong, th, var 
								{ font-style:normal; font-weight:normal }
caption, th 					{ text-align:left }
h1, h2, h3, h4, h5, h6 			{ font-size:150%; font-weight:normal; }
q:before, q:after 				{ content:''}


strong 							{ font-weight: bold }
em 								{ font-style: italic }



/* 
	UTILITY 
*/

.floatLeft								{ float: left;}
.floatRight								{ float: right;}
.clear									{ clear: both;}
.button									{ border: 1px solid black; background: white;
										padding: 3px 8px;
										-moz-border-radius: 5px; -webkit-border-radius: 5px;
										color: black; }
.button:hover							{ background: black; color: white;}


/*
	STRUCURE
*/


#page-wrap								{ width: 900px; margin: 0px auto -250px; 
										  min-height: 100%; height: auto !important; height: 100%;}
#push									{ height: 250px;}



/* HEADER
*/
#header									{ width: 900px; height: 227px; margin-top: 20px; background: url(../images/insomnale09-bg-header.jpg) no-repeat;}
		

/* NAV
*/
ul#main-nav 							{ width: 900px; padding: 200px 10px 8px 12px;}	
ul#main-nav li							{ list-style: none; display:inline-table;float:left;} 
	
ul#main-nav li a 						{ text-transform: uppercase; font-weight: 800;  color: black; font-size: 1.8em; padding: 3px 8px;
										-moz-border-radius: 5px; -webkit-border-radius: 5px;}
										
ul#main-nav li a:hover					{ background: black; color: white;}



/*CONTENT*/
#content								{ width: 900px; min-height: 684px;background: url(../images/insomnale09-bg-content.jpg) repeat-y;}
#content p								{ padding: 8px 150px 5px 19px; font-size: 1.4em;}
#content h1								{ padding: 30px 150px 5px 19px; font-size: 3.0em;}
#content h2								{ padding: 20px 150px 5px 19px; font-size: 2.0em; border-top:dashed; border-color: white;}
#content h3								{ padding: 20px 150px 1px 19px; font-size: 1.4.em; font-weight: 800;}
#content ol li							{ padding: 8px 150px 5px 19px; font-size: 1.4em;}
#content ul li							{ padding: 8px 150px 5px 19px; font-size: 1.4em; list-style: none;}

/*FOOTER
*/
#footer								{ width: 900px; height: 393px;  background: url(../images/insomnale09-bg-footer.jpg) no-repeat;}
#footer p							{ padding: 8px 150px 5px 19px; font-size: 1.8em;text-transform: uppercase;}