/*
Theme Name: SPU Tema
Description: Tema fšr SPU
Version: 1
Author: Daniel Ruuth
Author URI: http://www.mondayhero.com/
*/



body{
	background-color: #121212;
	padding: 0;
	margin: 0;
	
	font-family: arial, Helvetica, sans-serif;
	background-image: url(images/bg.png);
	background-repeat: no-repeat;
	background-position: center 120px;
	
}

html{ margin:0; padding: 0; }

div#page{
	width: 800px;
	margin: 120px auto;
	color: #fff;
	
	background-color: #0a0a0a; /* hela natten */
	background-image: url(images/bg.png);
	background-repeat: no-repeat;
	background-position: center 0px;
	padding: 0 0 45px 0;
	
	-moz-border-radius-bottomleft: 12px;
	-moz-border-radius-bottomright: 12px;
	
	-webkit-border-bottom-left-radius: 12px;
	-webkit-border-bottom-right-radius: 12px;
	
	position:relative;
}

div.clear{
	float:none;
	clear: both;
	width:100%;
}

div#page div#content{
	font-family: arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0 32px 0 32px;
}

div#page div#content h2{
	font-family: Georgia, Times, serif;
	font-size: 28px;
	margin: 32px 0 8px 0;
}

h1,h2,h3,h4{
	font-family: "ITC Lubalin Graph", Georgia, Times, serif;
}

h3{
	font-family: Georgia, Times, serif;
	font-size: 18px;
	margin: 32px 0 8px 0;
}

div#page div.entry{
	margin-top: 25px;
}

div#menu{
	background-image: url(images/menu_bg.png);
	background-repeat: repeat-x;
	height: 35px;
	line-height: 35px;
	padding: 0 5px 0 5px;
	position: relative;
	z-index:99;
	
}

div#menu div#logo{
	position: absolute;
	right: -50px;
	top: -53px;
	z-index: 98;
}

div#menu li{
	list-style: none;
	display: inline;
	padding: 0 24px 0 0;
	z-index: 99;
}

div#menu li a{
	text-decoration: none;
	color: #fff;
	z-index: 99;
}


/* drop down menu */
#nav, #nav ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
/*line-height:1.5em;*/
font-size: 10pt;
z-index: 99; 
}

#nav a{
display:block;
padding:0px 5px;
color:#fff;
text-decoration:none;

}

#nav a:hover{
/*background-color:#fff;*/
text-decoration: underline;
}

#nav li{
float:left;
position:relative;
/*line-height: 35px;*/
z-index: 99; 
}

#nav ul {
position:absolute;
display:none;
width:12em;
top:1.5em;
}

/*ul#nav li.page_item{
	height: 
}*/

#nav li ul a{
width:12em;
height:auto;
float:left;
background: transparent;
background-image: url(images/black_65.png);
line-height: 25px;
z-index:99;
}

#nav li ul{
	margin-top: 12px;
}

#nav li ul a:hover{
	color: #ffcc00;
	background-color: #fff;
	text-decoration: none;
}

#nav ul ul{
top:auto;
z-index: 99; 
}	

#nav li ul ul {
left:12em;
margin:0px 0 0 10px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}

div#comercialpuff{
	position: absolute;
	top: -110px;
	left: -20px;
}

a img{ border:0; }