body
	{
		margin:0;
		padding:0;
		font-size:12px;
		font-family:"Courier New", Courier, mono;
		background-image:url(../kepek/hatter.jpg);
		background-repeat:no-repeat;
		color:#FF0000;
		background-color:#2c2924;
	}
a, a:visited
 	{
		color:#FFFFFF;
		text-decoration:none;
	}
	
a:hover
	{
		color:#FF0000;
		text-decoration:underline;
	}	

#pagewidth
	{ 
		 width:800px;  
		 margin-left:150px;
	} 

#wrapper 
	{
		position:relative;
		left:0px;
		top:30px;
		width:800px;
		background-image:url(../kepek/main_hatter.gif);
		min-height:400px;
	}

#menusor
	{
		float:left;
		width:800px;
		height:30px;
		font-size:12px;
    }


#menusor ul
	{
		padding:0;
		margin:0;
		list-style:none;
		width:800px;
		height:30px;
	}

#menusor ul li 
	{
		margin:0;
		padding:1px 0 0 0;
		height:28px;
		width:100px;
		float:left;
		text-align:center;
	}
	
#menusor a 
	{
		float: left;
		margin:0;
		padding:9px 0 0 0;
		width: 100px;
		text-decoration: none;
		font-size:11px;
		font-weight:bold;
		text-align:center;
		height:25px;
		color:#FF0000;
		background-image:url(../kepek/menu_back.gif);
		background-repeat:no-repeat;
	}

#menusor a:hover 
	{
		background-image:url(../kepek/menu_hover.gif);
		background-repeat:no-repeat;
		color:#FFFFFF;
	}

#menusor .current_page_item a 
	{
		background-image:url(../kepek/menu_visited.gif);
		background-repeat:no-repeat;
		color: #FFFFFF;
		padding: 5px 0 0 0;
		margin: 1px 0 0 0;
	}		
	
#content
	{ 
		width:720px;
		min-height:450px;
		margin:0;
		padding:10px 40px 10px 40px;
	 	background-image:url(../kepek/main_hatter.gif);
		background-repeat:repeat-y;
		text-align:justify;
	}

#footer
	{
		height:60px;
		width:800px;
		background-image:url(../kepek/footer.gif);
		background-repeat:no-repeat;
		text-align:center;
		padding:40px;
		margin:0;
		font-size:9px;
 	} 



.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}


#menu ul 		{ margin:0; padding:0; width:160px;}
#menu ul li 	{ list-style:none;}	
#menu ul li a 	{ font-size:12px;}
#menu ul li a:hover { color:#000000;}

#bemutat
	{ width:480px;
	padding:10px;
	text-align:justify;}

#tabla ul 		{ list-style:none; margin:0; padding:0; text-align:left;  width:550px; height:15px;}
#tabla ul li 	{ float:left; width:130px; }  

#comment ul 	{ list-style:none; margin:0; padding:10px; text-align:left; width:350px;}
#comment ul li 	{ float:left; font-weight:bolder;} 

#forum ul 		{ list-style:none; margin:0; padding:0; text-align:left; width:720px; min-height:25px;}
#forum ul li 	{ float:left; padding-top:3px;}  

#forum .user 	{ width:190px; text-align:left; height:25px; color:#FFFFFF; background-color:#666666; padding-left:10px;}  
#forum .datum 	{ width:510px; text-align:right; height:25px; color:#FFFFFF; background-color:#666666; padding-right:10px;}  
#forum .szoveg	{ width:700px; text-align:justify; min-height:50px; color:#999999; background-color:#333333; padding:0px 10px 0 10px;}  

#lapozo ul 		{ list-style:none; margin:0; padding:0; text-align:left;}
#lapozo ul li 	{ float:left; width:150px; }  

#lista ul 		{ list-style:none; margin:0; padding:0; text-align:center; width:720px; height:250px;}
#lista ul li 	{ float:left; padding:10px; width:150px; height:200px;}  	

#lemezek ul 	{ width:720px;list-style:none; margin:0; padding:0; text-align:center; height:250px;}
#lemezek ul li  { width:150px; float:left; padding:10px; height:230px;margin:0;}
#lemezek img 	{ border:1px; border-color:#666666;}

#track ul 		{ width:600px;list-style:none;margin:0; padding:0; text-align:right; font-weight:bold; height:30px;}
#track ul li    { float:left; height:30px; margin:0; padding:0;}
#track .cim 	{ width:300px;}
#track .mp3 	{ width:150px;}
#track .video 	{ width:150px;}

#youtube ul 	{ width:680px; list-style:none; margin:0; padding:0; text-align:center; height:300px;}
#youtube ul li  { width:320px; float:left; padding:10px; height:280px; margin:0; }

#kontakt ul 	{ list-style:none; margin:0; padding:0;  text-align:left; width:720px; height:25px;}
#kontakt ul li 	{ float:left; height:25px; margin:0; padding:0; } 
#kontakt .cim 	{ width:140px; text-align:right;}
#kontakt .adat 	{ width:580px;}