/* Elofs CSS är gjord av slem!! fack */

* {
	margin: 0;
	padding: 0;
}

body {
	background: url('../images/header_body_background.png') repeat-x top #311F01;
	font: 75%/1.5em helvetica,sans-serif;
}

html>body {
  font-size: 12px;
	line-height: 18px;
}

a, a:link, a:visited, a:active {
	border: 0;
}

a:link {
	color: #9F6509;
	text-decoration: underline;
}

a:visited {
	color: #7B5D2C;
}

a:hover, a:active {
	color: #000;
}

#wrapper {
	background: #493412;
	padding-bottom: 1.5em;
}

#container {
	width: 760px;
	margin: 0 auto;
}
	
	#head {
		margin: 0 auto;
		position: relative;
		width: 760px;
		height: 200px;
		background: url('../images/header_bg.png') no-repeat center #000;
	}
	
	#head h1 {
		position: absolute;
		width: 600px;
		height: 107px;
		left: 90px;
		top: 20px;
	}
	
	#head h1 a {
		background:url('../images/header_elof.png') no-repeat top;
		text-indent: -200%;
		display: block;
		height: 107px;
	}
	
	#head h1 a:active {
		border: 0;
	}
	
	#head h1 a:hover {
		background-position: bottom;
	}
	
	#head #jetpac {
		position: absolute;
		width: 64px;
		height: 80px;
		left: 30px;
		top: 40px;
		background: url('../images/jetpac_haxguy.gif') no-repeat;
	}
	
	#menu {
		position: absolute;
		bottom: 0;
		height: 43px;
		width: 760px;
		text-align: center;
	}
	
	#menu li {
		list-style: none;
		display: inline;
	}
	
	#menu li a {
		background: url('../images/header_navigation_hover.png') repeat-x 0 -43px;
		font-family: 'trebuchet ms','myriad pro',tahoma,arial,sans-serif;
		text-transform: uppercase;
		font-size: 90%;
		letter-spacing: 1px;
		color: #aaa;
		padding: 0 12px;
		line-height: 43px;
		height: 43px;
		line-height: 35px;
		text-decoration: none;
		display: inline-block;
	}
	
	#menu li a:hover {
		background-position: 0 0;
		color: #fff;
	}
	
	#content {
		-moz-border-radius-bottomleft: 10px;
		-moz-border-radius-bottomright: 10px;
		padding: 1.5em 20px;
		width: 720px;
		background: url(/images/content_gradient.png) repeat-x top #fff;
	}
	
	#content h1, #content h2, #content h3 {
		font-family: 'myriad pro',tahoma,arial,sans-serif;
		font-weight: normal;
	}
	
	#content h2 {
		font-size: 2.5em;
		line-height: 1.2em;
		text-align: center;
		color: #4D7F27;
	}
	
	#content h3 {
		font-size: 2em;
		line-height: .75em;
		margin-top: .75em;
		color: #7B5D2C;
	}
	
	#content h4, .persons dt {
		font-size: 1.2em;
		line-height: 1.25em;
		font-weight: bold;
	}
	
	#content p, #content ul li {
		margin-top: 1.5em;
	}
	
	#footer {
		font-size: .8em;
		height: 7.5em;
		line-height: 7.5em;
		background: url('../images/bottom_bg.png') repeat-x top #311F01;
		color: #edb;
		text-align: center;
	}
	
	#footer a:link, #footer a:visited {
		color: #eee;
		text-decoration: none;
	}
	
	#footer a:hover {
		text-decoration: underline;
	}
	
/* Home page */

#content #news {
	margin-top: 1.5em;
}

#content #news li {
	list-style: none;
	border-top: 1px #aaa solid;
	margin: -1px 0 0;
	padding: 1.5em 0 1.5em;
}

#content #news li .info {
	color: #aaa;
	font-size: .8em;
	line-height: 1.875em;
	margin-top: 1.875em;
	overflow: auto;
}

#content #news li .date-author {
	float: left;
}

#content #news li .comments {
	float: right;
}

#content #news li h4 a{
	color: #0C5F23;
}
	
	
/* Master Server page */
#master {
	border-collapse: collapse;
}

#master thead {
	color: #0C5F23;
	font-weight: bold;	
}

#master td {
	border: 1px #aaa solid;
	padding: .5em;
}

/* About us page */
#content .persons {
	margin-top: 1.5em;
}

#content .persons li {
	border-top: 1px #aaa solid;
	padding-top: 1.5em;
	margin: -1px 0 1.5em;
	list-style: none;
}

img.portrait {
	margin: 0 5px .75em 0;
	float: left;
	display: none;
}

dl {
	clear: left;
}

.persons dl dt, .persons dl dd {
	display: inline;
}

.persons dl dt {
	color: #0C5F23;
	float: left;
}

.persons dl dd {
	margin-left: .5em;
	font-style: italic;
}

#content .persons p {
	margin-top: 0;
}

#content .persons h4 {
	margin-top: 1.25em;
}

/* Downloads page */

ul#downloads {
	padding-top: 2.25em;
}

ul#downloads li {
	color: #666;
	background: #FFF9EF;
	border: 1px #CFA967 solid;
	margin-top: -2px;
	margin-bottom: 1.5em;
	list-style: none;
	padding: .75em;
	-moz-border-radius: 10px;
}

ul#downloads .recommended {
	background: #EFD;
	border: 1px #DFA solid;
}

ul#downloads .old {
	background: #FFC;
	border: 1px #EEA solid;
}
	
ul#downloads .warning {
	color: #a00;
}

ul#downloads .info {
	color: #0a0;
}


/* media page */
	
.thumbnails li {
	display: inline;
	margin: 0 .5em 0.5em 0;
	list-style: none;
}
	
/* documentation page */


#faq-questions li {
	margin-left: 20px;
}
	
#faq-questions li, #faq-answers li {
	list-style-position: outside;
}

#faq-answers {
	margin: 2.25em 0 0;
}

#faq-answers li {
	color: #CFA967;
	background: #FFF9EF;
	border: 1px #CFA967 solid;
	margin: -2px 0 1.5em 20px;
	padding: .75em 1em;
	-moz-border-radius: 10px;
}

#faq-answers li dt {
	font-style: italic;
	color: #666;
}

#faq-answers li dd {
	color: #000;
}

#faq-answers li dd span, #faq-answers li dt span {
	color: #CFA967;
}

/* Internet Explorer hasLayout hack! */

dl, dd, dt {
zoom: 1;
}
