/*

Den svarta meny-bakgrunden är 820 bred.

Content-bilder skall vara 548 px breda för att passa...

*/

a:hover { text-decoration: none; }
img { border: 0px; }

body {
	background-color: #444;
	margin: 0;
}


#wrapper {
	width: 865px;
	margin-left: auto;
	margin-right: auto;
	z-index: 1;
	background-color: white;
	padding: 30px 10px 20px 40px;
	border-left: solid 1px black;
	border-right: solid 1px black;
}


/* Menyn */

#top {
	background-image: url(images/head.jpg);
	height: 315px;
	z-index: 5;
}

#menu {
	padding-top: 249px;
	padding-left: 20px;
	color: white;
}
	#menu a{ margin-right: 20px; }





/*********************
	Marginalen
 *********************/

#right-side {
	float: right;
	margin-right: 43px;
	width: 230px;
	font: normal 9pt/12pt Verdana,arial,helvetica,sans-serif;
	color: #444;
}

#right-side .box {
	margin-bottom: 20px;
	background: url(images/side-top.png) no-repeat #f2eff7;
}

#right-side .box .box_content {
	padding: 15px;
	background: url(images/side-bottom.png) bottom center no-repeat;
}

#right-side .header {
	font: bold 11pt/14pt Verdana,arial,helvetica,sans-serif;
}

#right-side img {
	max-width: 100%;
}


/*********************
	Huvudinnehåll
 *********************/


#main {
	margin-left: 2px;
	width: 570px;
	font-family: 'Lucida Grande',Verdana,'Bitstream Vera Sans',Arial,sans-serif;
	font-size: 10pt;
	line-height: 16pt;
}

	#main .content {
		padding: 0 10px 30px 10px;
		font: normal 0.95em/1.6em sans-serif;
	}
		#main .content img { max-width: 100%; }
		#main .content h1, #main .box .content h2, #main .box .content h3, #main .box .content h4 {
			color: #121212;
			font: bold 28px "Helvetica Neue", Helvetica, Arial, sans-serif;
			margin-bottom: 5px;
			letter-spacing: -1px;
			line-height: 32px;
		}
		#main .content h2 { line-height: 21px; font-size: 21px; }
		#main .content h3 { line-height: 17px; font-size: 17px; letter-spacing: 0px; }		
		#main .content h4 { line-height: 17px; font-size: 14px; letter-spacing: 0px; }

		#main .content .date {
			font: normal 0.9em "Helvetica Neue", Helvetica, Arial, sans-serif;
			color: #666;
			margin-bottom: 20px;
		}
		#main .content b {
			color: #121212;
			font: bold 1em/1em "Helvetica Neue", Helvetica, Arial, sans-serif;
		}
		#main .content a { text-decoration: none; }
			#main .content a:hover{ text-decoration: underline; }
	
		#main .content a.readpost {
			font: normal .9em/1em "Helvetica Neue", Helvetica, Arial, sans-serif;
		}
		
		#main .content a.header {
			color: black;
		}

	#main .browser { margin: 10px 40px 40px 40px; }
		#main .browser a { font: normal 13px "Helvetica Neue", Helvetica, Arial, sans-serif; }


/*********************
	Övrigt
 *********************/


form input {
	margin: 1px;
}

.button {
	cursor: pointer;
	background-color: #e1e6e8;
	color: #555;
	font-family: Verdana;
	border: solid 1px #b2b6b8;
}

.error {
	color: red;
	font-weight: bold;
}

blockquote {
	font-size: 0.8em;
	margin-bottom: -15px;
}

/*.post_header {
	font-family: 'Lucida Grande',Verdana,'Bitstream Vera Sans',Arial,sans-serif;
	font-size: 27pt;
	font-weight: bold;
	letter-spacing: 1px;
	color: #161616;
	border-bottom: 3px solid #161616;
	display: inline;
}*/

h1 {
	/*padding: 0px;
	margin-bottom: 25px;
	line-height: 34pt;*/
}

hr {
	width: 95%;
	border: none;
	border-bottom: solid 1px #444;
	margin-top: 30px;
	padding: 0px;
}

ol, ul {
	list-style-type: square;
}


/*********************
	bb-code
 *********************/

.bbimage {
	margin: 5px;
}