@charset "UTF-8";
/* CSS Document *//**/

html, body, div, span,   
h1, h2, h3, h4, h5, h6, p, blockquote, pre,  
a, abbr, acronym, address, big, cite, code,  
img, ins, kbd, q, s, samp,  
small, strike, strong,   
dl, dt, dd, ol, ul, li,  
fieldset, form, label, legend,  
table, caption, tbody, tfoot, thead, tr, th, td {  
    margin: 0;  
	padding: 0;  
	border: 0;  
    outline: 0;  
    font-size: 100%;  
    vertical-align: baseline;  
    background: transparent;  
}

html, body {
		margin:0;
		padding:0;
		height:100%;
		
	} 
	
body {
	background-image:url(img/header_bg.gif);
	background-repeat:repeat-x;
	line-height: 1;
	font-family: Verdana, Geneva, sans-serif;
    font-size:0.6875em;
}  
ol, ul {  
    list-style: none;  
}  


  
table {  
	border-collapse: collapse;  
	border-spacing: 0;  
}

*/

blockquote:before, blockquote:after,  
q:before, q:after {  
    content:"'";
	margin: 0;
	padding: 0;
} 

blockquote, q { quotes: none; }  

blockquote { padding: 10px; font-size: 1.15em; line-height: 1.20em; font-weight:bold;}

cite {
	line-height: 1.5em;
}


p {
	font-size: 1.15em;
	line-height: 1.20em;
}

h1 {
	font-size: 2.5em;
	line-height: 1.2em;
}

#container {
		min-height:100%;
		position:relative;
	}
	
	
#header {
	height:142px;
	width:900px;
	background-image:url(img/header.jpg);
	background-repeat:no-repeat;
	margin: 0 auto 0 auto;
}

#menu {
	
	position:relative;
	width:300px;
	height:30px;
	margin: 71px auto 0 255px;
	display:inline-block;
	}
	
a#blog_button { float:left; display:block; width:60px; height: 30px; background-image:url(img/blog_button.jpg); background-position: 0 0; margin-right:6px; }
a#blog_button:hover{ background-position: 0 -30px;}
a#blog_button_current{ float:left; display:block; width:60px; height: 30px; background-image:url(img/blog_button.jpg); background-position: 0 -60px; margin-right:6px;}

a#gallery_button { float:left; display:block; width:70px; height: 30px; background-image:url(img/gallery_button.jpg); background-position: 0 0; margin-right:6px; }
a#gallery_button:hover{ background-position: 0 -30px;}
a#gallery_button_current{ float:left; display:block; width:70px; height: 30px; background-image:url(img/gallery_button.jpg); background-position: 0 -60px; margin-right:6px;}

a#faq_button { float:left; display:block; width:50px; height: 30px;	background-image:url(img/faq_button.jpg); background-position: 0 0; margin-right:6px; }
a#faq_button:hover{ background-position: 0 -30px;}
a#faq_button_current{ float:left; display:block; width:50px; height: 30px;	background-image:url(img/faq_button.jpg); background-position: 0 -60px; margin-right:6px; }


#content {
	width:800px;
	padding-bottom:60px;
	margin: -20px auto 20px auto;	
}

/* Blogg */

#posts {
	float:left;
	width:540px;
	padding-left:60px;
	min-height:500px;
	margin: 0;
}

.post {
	/*background-image:url(img/titleBg.png);
	background-repeat:no-repeat;*/
	margin-bottom: 20px;
	}
	

.ptext {
	margin: 10px 15px;
	padding-left: 15px;
	padding-bottom: 15px;
	border-left:solid 1px black;
	}

/** PAGES **/

.pnr{  padding: 3px; display: block; list-style-type: none; font: Verdana, Helvetica, sans-serif;}
.pnrTop{ float:right; margin: 0; padding-right:15px;  }
.pnrBottom{ bottom:10px;
width:100%;
margin:auto 0 auto 0;
padding:0;
position:relative;
text-align:center;}
.pnr a{ text-decoration: none; margin-bottom: 0.2em; border: none;}
.pnr a:link{color: #999;}
.pnr a:visited{color: #999;}
.pnr a:hover{color:#000;}
.pnr a#current{font-weight: bold;}

/** COMMENTS **/

.moreless {
	float:right;
	margin-top:-15px;
}
.moreless:after {
	/*display:block;*/
	content: " ";
	clear:both;
	height:2px;
}

.comBox {
	z-index: 3;
	width:760px;
	background-color:#f5f5f5;
	margin: 0px 0px 0px -10px;
	border: 1px solid #fafafa;
}
.comBoxList {
	float:left;
	width:520px;
	padding:10px 10px 10px 20px;
}
.comList_ul li {
	padding:6px 0px 0px 0px;
	margin:6px 0px 0px 0px;
	list-style:none;
	list-style-position:inside;
	border-top: 2px #FFFFFF solid;
}
.comList_ul li.comSubAnswer {
	padding:6px 0px 0px 50px;
	margin:6px 0px 0px 0px;
	list-style:none;
	list-style-position:inside;
	border-top: 2px #FFFFFF solid;
	background: url(img/comSubAnswer.png) top left no-repeat;
}
.comList_ul li:first-child {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	border-top: 0px #FFFFFF solid;
}
.comList_ul li a {
	padding:0px;
	margin:0px;
}
.comList_ul li p {
	padding:0px;
	margin:0px;
	font-size: 1em;
	line-height: 1.30em;
	color:#333333;
}

.comListByline {
	padding:2px 0px 0px 0px;
	margin:0px;
	color: #666666;
	font-style:oblique;
}
.comListDate {
	color: #666666;
}




.comBoxForm {
	float:left;
	width:189px;
	padding:10px 10px 10px 10px;
	border-left: 1px solid #fafafa;
	}
	.comBoxForm form {
		padding:0px;
		margin:0px;
		}
	
	.comBoxForm img {
		margin:2px 0px 2px 0px;
		}
	input[type="text"] {
		width:180px;
		margin:2px 0px 2px 0px;
		font-family: Verdana, Geneva, sans-serif;
		font-size:1em;
		}
	textarea {
		width:180px;
		margin:2px 0px 2px 0px;
		font-family: Verdana, Geneva, sans-serif;
		font-size:1em;
		}
	input[type="button"],input[type="submit"] {
		margin:2px 0px 2px 0px;
		font-family: Verdana, Geneva, sans-serif;
		font-size:1em;
		}

.comBoxClear {
	clear:both;
}

.comBoxIcon {
	float:right;
	margin:-16px 15px 0px 0px;
	width:100px;
	height:16px;
	text-align:right;
/*	top:-16px;
	right:20px;*/
}






/*Vet ej om används */ /* göre typ inte, har ju inte comments nån annanstans*/
.comment1 {
	float:left;
	background-color:#DFF;
	clear:both;
	width:450px;
	
}

.comment2 {
	float:left;
}

.comLeft {
	width:100px;
	float:left;
}

.comText {
	width:350px;
	float:right;
}


#sidecol {
	float:left;
	background-color:#FFF;
	width:200px;
	padding: 0;
	margin: 0;
}

#rssLogo {
	margin: 0 auto 0 auto;
	float: left;
}

.archive {
	font: 130% Verdana, Helvetica, sans-serif;
	margin: 4px;
	text-align:center;
	float:left;
}

.postMenu{margin: 0; padding: 0; list-style-type: none;	font: 70% Verdana, Helvetica, sans-serif;}
.postMenu a{ text-decoration: none; display: block; padding: 0.3em; margin-bottom: 0.2em; border-left: 10px solid #FFFFFF;}
.postMenu a:link{color: #999;}
.postMenu a:visited{color: #999;}
.postMenu a:hover{border-left: 10px solid #c7e8f7;}
.postMenu a#current{font-weight: bold;}



.sidebox {}

#footer {
		
		bottom:0;
		position:absolute;
		width:100%;
		height:60px;			/* Height of the footer */
		background-color:#c7e8f7;
		border-top: 1px solid black;
		text-align:center;
	}