/*....reset.css - nollställer alla värden......*/
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, code, em, font, img, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tr, th, td {
margin: 0; 
padding: 0; 
border: 0;
}
ol, ul { 
list-style: none;
}
/*slut - reset.css......*/
body {
	 background : #202020 url() repeat-y; 
	 font: 11px "Trebuchet MS", Tahoma, Verdana, Arial, Sans-Serif; 
	 color: #ffffff; 
	 text-align: left;
	 margin: 0; 
     padding: 0; 
}
p, ol, ul, pre { line-height: 150%; margin:20px 0;}
h1, h2, h3, h4, h5, h6 { 
	 font-style: normal; 
	 font-weight: normal; 
	 background: transparent; 
	 }
h1 { 
	font-size: 2.2em;  
	}
h2 { 
	font-size: 1.4em;  
	}
h4, h5, h6 { 
	font-size: 1em;
	}
h3 { 
	font-size: 1.2em; 
	text-decoration:underline; 
	margin:10px; 
	}
a, a:link { 
	color: #8E3E07; 
	text-decoration: none; 
	}
a:hover, a:active { 
	text-decoration: ; 
	}
blockquote { 
	margin: 10px; 
	padding: 10px 0px 10px 30px; 
	color:#000; 
	background-color:#9fd2d6; 
	border : 1px solid #a9b8cf;
	}
code{ 
	display:block; 
	overflow:auto; 
	text-align:left; 
	margin: 10px 0 10px 0; 
	padding: 5px 10px 5px 10px; 
	}
small { 
	font-size: 0.8em; 
	}
img {
	 padding:5px; 
	 border:0; 
	 }
img.right { 
	float: right; 
	margin:5px 0 5px 5px; 
	}
img.left { 
	float: left; 
	margin:5px 5px 5px 0px; 
	}
a img         {border:none;}
.left         { 
	float: left; 
	}
.right        { 
	float: right; 
	}
.center { 
	text-align: center; 
	}
.alignleft { 
	float: left; 
	margin-right: 10px; 
	}
.alignright { 

	float: right; 
	margin-left: 10px; 
	}
.navigation { display:block; padding: 20px; }
#outline { 
	width: 1050px; 
	margin: 5px auto; 
	padding: 0; 
	background:#657F81;  
	font-size: 1.3em;
	}
#wrapper { 
	float: left;
	border:4px solid #8E3E07;
	width: 1050px; 
	background:#202020;
	}
#header { 	 
   1050px;
	height:95px; 
	background:#202020 url(images/header.gif) no-repeat; 
	}
#navbar { 
	float:right;
	width: 1050px; 
	background:#202020;
	}
.menu ul {
	margin:0;
	padding:5px 5px 0 20px;
	list-style:none;
	}
.menu li {
	display:inline;
	margin:0;
	padding:0;
	}
.menu a {
	float:right;
	background:url("images/knappv.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
	}
.menu a span {
	float:left;
	display:block;
	background:url("images/knapph.gif") no-repeat right top;
	padding:5px 15px 4px 6px;
	color:#fff;
	}
	

.menu a span {float:none;}
.menu a:hover span {color:#fff;}
.menu a:hover {background-position:0% -42px;}
.menu a:hover span {background-position:100% -42px;}#content { 
	float: left; 
	width: 800px; 
	height: 100%;
	background: #202020;
	}
.pages { 
	float: left; 
	width: 710px;
	
	}
.pages-border { 
	clear: both; 
	width: 100%; 
	height: 6px; 
	}
.page-previous { 
	float: left; 
	padding: 10px 0 16px 30px !important; 
	padding: 0 0 15px 30px; /* IE Hack */ 
	}
.page-next { 
	float: right; 
	padding: 10px 30px 16px 0 !important; 
	padding: 0 30px 15px 0; /* IE Hack */ 
	}
.page-title { 
	width: 630px; 
	margin: 20px 0 0 0; 
	}
.page-title h2.page-title-border { 
	padding: 0 0 0 30px; 
	line-height: 48px; 
	color: #666;
	}
.post { padding: 20px 30px 30px 10px; background: transparent;  }
.postentry {  background: #202020; padding: 0 5px 0 5px;}
.posthead { position: relative; clear: left; margin-left: 45px; }
.posttitle a:link, .posttitle a:visited { 	color: #808080; text-transform: uppercase;}
.posttitle a:hover {color:#000;}
.font-family a:hover, .posttitle a:active { }
.postmeta, .postmeta a { margin: 4px 0 ; font-size: 11px; color: #404040; }
.post-comment { padding: 0 0 0 20px; background: url(images/dot.jpg) no-repeat 1px; }
.post-filed { padding: 0 0 0 20px; background: url(images/dot.jpg) no-repeat 1px; }
.postdate { position: absolute; top: 0px; left: -45px; text-align: center; margin: 0; padding: 2px 8px 2px 0px; list-style: none; border-right: solid 1px #78C4ca;}
.postdate .year { display: block; font-size: 11px; font-weight: normal; text-transform: lowercase; line-height: 11px; color: #386473; }
.postdate .month { display: block; font-size: 11px; font-weight: normal; text-transform: uppercase; line-height: 11px; color: #386473; }
.postdate .day { display: block; font-size: 22px; font-weight: normal; line-height: 22px; color: #386473; letter-spacing: -1px;}

#sidebar, #ps-sidebar, #sala-sidebar{ 
float: right;
width: 190px;
\width: 200px;
w\idth: 190px;
margin: 0;
margin-left:10px;
padding: 10px;
border-left-style:dashed; 
border-color: #488671; 
border-width: 1px;
	}	
#sidebar h2, #ps-sidebar #sala-sidebar h2 { 
	display: block; 
	margin: 16px 0 6px 15px; 
	padding: 0 0 10px 3px; 
	font-size: 1.2em; 
	list-style-type: none; 
	color: #202020;
	text-transform:uppercase; 
	}
#sidebar #ps-sidebar, #sala-sidebar ul { 
	clear: both; 
	margin: 0; 
	padding: 0 0 20px 0; 
	list-style-type: none; 
	}
#sidebar #ps-sidebar, #sala-sidebar ul li { 
	clear: both; 
	}
#sidebar #ps-sidebar, #sala-sidebar p, #sidebar #ps-sidebar, #sala-sidebar form { 
	margin: 0 5px; 
	padding: 0 0 20px 0; 

	}
#bottom-divs { float: left; clear: both; margin: 0; padding: 0px; }
#bottom-left, #bottom-mid, #bottom-right { width: 30%; padding: 20px 0 40px 20px; float: left; }
#bottom h2 { margin: 0 0 10px 0; padding: 0 8px; font-size: 1.6em; color:#ccffff; text-transform:uppercase;}
#bottom ul { margin: 0; padding: 0; list-style-type: none; border-top: 1px solid #6060600; }
#bottom ul li { line-height: 25px; border-bottom: 1px dashed #ccffff; }
#bottom ul li a { display: block; padding:0 10px; }
#bottom ul li a:hover { background:  5px 5px; padding: 0 0 0 10px; }
#bottom-sep { clear: both; }
#links { 
	clear: both; 
	float: left; 
	width: 957px; 
	height: 100%; 
	padding top: 0px; 
	text-align: left; 
	font-size: 15px;
	background:#fff; 
	}
#links-divs { 
	float: left; 
	clear: both; 
	}
#links-left, #links-mid, #links-right { 
	width: 30%; 
	padding: 20px 0 40px 20px; 
	float: left; 
	}
#links h2 { 
	margin: 0 0 10px 0; 
	padding: 0 8px; 
	font-size: 1.6em; 
	color: #606060; 
	text-transform:uppercase;
	}
#links ul { 
	list-style-type: none; 
	border-top: 1px solid #528CA2; 
	}
#links ul li { 
	line-height: 25px; 
	border-bottom: 1px dotted #528CA2; 
	}
#linksul li a { 
	display: block; 
	padding:0 10px; 
	}
#links ul li a:hover { 
	background:  5px 5px; 
	padding: 0 0 0 10px; 
	}
#links-sep { clear: both; }
#footer { 
	clear: both; 
	height: 120px; 
	background: url(); 
	width:1050px; text-align: center; 
	}
#footer p { 
	padding: 13px 25px; 
	font-size: 0.9em; 
	line-height: 200%; 
	}
#footer p a:link, #footer p a:visited { 
	color: #404040; 
	}
#footer p a:hover { 
	color: #ccc; 
	}
.comments { padding: 0px; margin: 20px 0px 20px 0px ; }
.posttrackback { margin: 0px; padding: 0 0 50px 0; font-size: 10px; }
.posttrackback p { margin: 2px 0px; padding: 2px 0px 2px 23px; list-style-type: none; }
.posttrackback a:link, .posttrackback a:visited { color: #404040; text-decoration: none; }
.posttrackback a:hover, .font-family a:active { color: #404040; text-decoration: underline; }
.commentlist h3 {font-size: 15px; font-weight: bold; letter-spacing: 0px; padding: 0px 0px 5px 0px; margin: 0px 0px 20px 0px; }
.commentlist ol { padding: 0px; margin: 0px;}
.commentlist li { position: relative; padding: 0px; margin: 0px 0px 20px 0px; list-style-type: none; }
.commentlist .listuser { margin: 0px; padding: 0px 0px 0px 40px; font-size: 14px; line-height: 14px; font-weight: bold;}
.commentlist .listuser a { text-decoration: none;}
.commentlist .font-family a:visited { text-decoration: none;}
.commentlist .listuser a:hover { text-decoration: none;}
.commentlist .listnr { font-size: 26px; position: absolute; line-height: 26px; color: #ccc; top: 0px; left: 0px; text-align: center; padding: 2px 10px 2px 0px; margin: 0; }
.commentlist .listdate { padding-left: 40px; font-size: 11px; line-height: 11px; }
.commentlist .listdate a { text-decoration: none; color: #666;}
.commentlist .listdate a:visited { text-decoration: none; color:#404040;}
.commentlist .listdate a:hover { text-decoration: none; color: #404040; }
.commentlist .listcontent { line-height: 14px; margin: 0px 0px 10px 0px;}
.commentlist .listcontent p { padding: 3px 0 15px 0; margin: 3px 0px; line-height: 150%; }
.form input.submitcomment { width: auto; height: 25px; padding: 2px 10px 3px 10px; background: #e5edff url(images/submit.gif) repeat 0 0; }
.form input.submitcomment:hover { background: #f3f3f3 url(images/submit_hover.gif) repeat 0 0; }
.form { width: 580px; }
.form h3 {font-size: 15px; font-weight: bold; padding: 0px 0px 5px 0px; margin: 0px 0px 15px 0px; }
.form p { padding: 0px; margin: 0px; }
.form p label { padding-bottom: 11px; display: block; }
.form p label small { font-size: 10px; }
.form .textfield { background: #fff; border: solid 1px #36969E; padding: 4px; margin-right: 15px;}
.font-family .textarea { background: #fff; border: solid 1px #36969E; padding: 4px; margin-bottom: 10px;}
#options { padding: 5px 20px 0 0; text-align: right; float: right; }
#options ul { float: left; display: inline; margin-left: 10px; }
#options li { float: left; list-style: none; padding: 5px; }
#options li a { display: block; width: 5px; margin: 1px; padding: 5px; height: 5px; }
#options li a span { display: none; }


/* svara */
.svara {
font-family: Verdana, Arial,'Sans-Serif'; 
font-size: 12px;
 font-style:italic;
background:#CCEFE3
no-repeat 3px 3px;
border: 1px solid #000000;
font-weight: kursiv;
color: #000000;
margin: 3px 3px 3px 3px;
padding-top: 10px;
padding-left: 10px;
padding-bottom: 12px;
}




