a:link{color:#4d9130;}
a:visited{color:#95bb84;}
a:hover{color:#f59423;text-decoration:none;}
a:active{color:#d32d2d;text-decoration:none;}

a img{border:0;}

p{
	margin:0 0 0.8em;
	line-height:140%;
}
h1{		
	font-size:2.2em;
	text-align:left;	
}
h2{		
	font-size:1.7em;
	text-align:left;
}
h3{		
	font-size:1.4em;
	text-align:left;
}
h4{		
	font-size:1.2em;
	text-align:left;
}
h5{		
	font-size:1em;
	text-align:left;
}
h6{		
	font-size:0.85em;
	text-align:left;
}

label { cursor: pointer; }

/************** header *******************************/
#header h1{
		
		position:relative;
		width:470px;
		height:61px;
		overflow:hidden;
		text-align:center;
		float:left;
		line-height:61px;
		margin:0 15px 0 0;		
	}
	
#header h1 em{
	display:block;
	width:470px;
	height:61px;
	position:absolute;
	top:0;
	left:0;
	background:url(img/kanguru_logo.gif) no-repeat 0 0;
	cursor:pointer;
}

#header .description{
	color:#666;
	padding:45px 0 0 0;
	margin:0;
}

div.hr {
	background:url(img/hr.gif) repeat-x 0 0;
	height:5px;
	clear:both;
}
div.hr hr {
  display: none;
}


div.search{
	float:right;
	width:210px;
	overflow:hidden;	
}
	label.hidden{
		visibility:hidden;
		width:1px;
		height:1px;
		position:absolute;
	}
	div.search div{
	
	}
	#s,
	input.s{
		border:1px solid #e9e9e9;
		border-top-color:#ccc;
		font-size:12px;
		color:#666;
		width: 180px;
	}
	
	#searchsubmit,
	input.searchsubmit{
		background:#fff url(img/icon_search.gif) no-repeat 0 -2px;		
		line-height:20px;
		border:0;
		width:20px;
		cursor:pointer;
	}
	

/************** left *******************************/
#navigation{
	list-style:none;
	margin:0;
	padding:0;
	width:200px;
}

	#navigation li{
		margin:0 0 17px;
		height:24px;
		line-height:24px;
		text-transform:uppercase;
		text-align:right;
		font-weight:bold;	
		font-family: 'Trebuchet MS', Helvetica, Arial, Sans-Serif;		
		letter-spacing: 1px;
	}
	
	#navigation li a,
	#navigation li a:visited{
		display:block;	
		color:#000;
		padding:0 20px 0 0;		
		text-decoration:none;
		position:relative;
		
	}
	
	#navigation li a em{
		position:absolute;
		display:block;
		width:200px;
		height:24px;
		top:0;
		left:0;
		cursor:pointer;
		background-repeat:no-repeat;
		background-position:0 -48px;
	}
	
	#navigation li a#menu_1 em{background-image:url(img/menu_start.gif);} 
	#navigation li a#menu_2 em{background-image:url(img/menu_senaste.gif);} 
	#navigation li a#menu_3 em{background-image:url(img/menu_bonus.gif);} 
	#navigation li a#menu_4 em{background-image:url(img/menu_arkiv.gif);} 
	#navigation li a#menu_5 em{background-image:url(img/menu_nasta.gif);} 
	#navigation li a#menu_6 em{background-image:url(img/menu_info.gif);} 

	
	#navigation li a:hover em,
	#navigation li a:active em{		
		background-position:0 -24px;
	}
	
	#navigation li.act a em,
	#navigation li.act a:visited em,
	#navigation li.act a:hover em,
	#navigation li.act a:active em{
		color:#d32d2d;
		background-position:0 0;
	}
	
/************** middle **************************/	
	div.post{
		margin: 0 0 20px;
		text-align:justify;
	}
	
	div.single-post div.post{
		margin: 0 0 10px;	
	}
	
	
	 h2.header{
		color:#4d9130;
		margin:0 0 0.3em;
		text-transform:uppercase;
		font-size:2.1em;
		font-weight:normal;
	}
	
	h3.header{
		color:#4d9130;
		margin:0 0 0.3em;
		text-transform:uppercase;
		font-size:1.3em;
	}
	
	h3.header a{
		/*color:#f59423;*/
		color:#4d9130;
		text-decoration:none;
		background:url(img/header_icon.gif) no-repeat 0 1px;
		display:block;
		padding:0 0 0 20px;
		
	}
	
	h3.header a:hover,
	h3.header a:active{
		/*color:#d32d2d;*/
		color:#4d9130;		
	}
	
	div.description1{
		font-size:1.2em;
		color:#666;
	}
	
	div.hentry div.entry h1,
	div.hentry div.entry h2,
	div.hentry div.entry h3	
	{
		text-transform:none;
		font-weight:normal;
		color:#000;
		line-height:110%;
		margin:1em 0 0.2em;
	}
	
	div.hentry div.entry h4,
	div.hentry div.entry h5,
	div.hentry div.entry h6
	{
		text-transform:none;
		font-weight:bold;
		color:#000;
		margin:1em 0 0.2em;
	}
	
	a.more-link{
		color:#4d9130;
		font-weight:bold;
		text-transform:uppercase;
		text-decoration:none;
		font-size:9px;
	}
	
	div.divide{
		background:url(img/hr_small.gif) repeat-x 0 0;
		height:3px;		
		clear:both;
		margin:20px 0;
	}
	
	div.entry{
		margin:0 0 20px 0;
	}
	
	.postmetadata{
		margin-top:0;
		border-top:1px solid #ccc;
		padding:7px 0 0 0;
		color:#817f7f;
		font-size:11px;
		line-height:20px;
		clear:both;
	}
	
	.alt{
		border:0;
	}
	
	.postmetadata a,
	.postmetadata a:visited,
	.postmetadata a:hover,
	.postmetadata a:active{
		color:#817f7f;
		text-decoration:none;
		border-bottom:#817f7f 1px dotted;
	}
	
	.postmetadata span{
		display:block;
	}
	
	.postmetadata span.date{
		line-height:20px;
		padding:0 4px 0 21px;
		background:url(img/icon_date.gif) no-repeat 0 center;		
	}
	
	.postmetadata span.edit{
		line-height:20px;
		padding:0 0 0 21px;
		background:url(img/icon_edit.gif) no-repeat 0 center;		
	}
	
	div.cnum{
		width:19px;
		height:20px;
		float:right;
	}
	.cnum span,
	.cnum a,
	.cnum a:visited{
		background:#ddd url(img/icon_comm.gif) no-repeat 0 -20px;
		color:#585858;
		width:19px;
		height:20px;
		text-align:center;
		line-height:16px;
		font-size:9px;
		text-decoration:none;
		display:block;		
		border:0;
	}
	
	.cnum span{
		cursor:default;
	}
	
	.cnum span:hover,
	.cnum a:hover,
	.cnum a:active{
		background:#eeaf49 url(img/icon_comm.gif) no-repeat 0 0;
		color:#fff;
		border:0;
	}
	
	
/************** nummerarkiv **************************/	
.nummerarkiv{

}

.nummerarkiv div{
	float:left;
	margin:0 28px 30px 0;
}

	.nummerarkiv div a{
		display:block;
		padding:1px;
		background:#fff;		
	}
	
	.nummerarkiv div a.empty,
	div.senaste a.empty{
		display:block;
		padding-top:20px;
		background:#fff url(img/default_cover.gif) no-repeat 1px 1px ;		
		width:208px;
		height:267px;
		text-align:center;
		font-weight:bold;
		font-size:2em;
		overflow:hidden;
		text-decoration:none;
	}
	
	div.senaste a.empty:hover,
	div.senaste a.empty:active,
	.nummerarkiv div a.empty:hover,
	.nummerarkiv div a.empty:active{
		background:#fafafa url(img/default_cover.gif) no-repeat 1px 1px ;
	}
	
	.nummerarkiv div a:hover,
	.nummerarkiv div a:active{
		background:#ccc;
	}
	
	.nummerarkiv div img{
		border:0;
		display:block;
		height:290px;
		margin:0;
		padding:0;
	}
	
/************** pagination **************************/		
div.navigation{
	clear:both;
}
div.alignleft{
	float:left;
}
div.navigation a{
	margin:10px 0;

}
div.alignleft a{	
	overflow:hidden;
	padding:0 0 0 14px;
	width:220px;
	line-height:28px;
	height:28px;
	display:block;
	background:url(img/scroll_left.gif) no-repeat 0 0;
	text-decoration:none;
}

div.alignleft a:hover,	
div.alignleft a:active{	
	background: url(img/scroll_left.gif) no-repeat 0 -28px;
}
div.alignright{
	float:right;
}

div.alignright a{	
	overflow:hidden;
	padding:0 14px 0 0;
	width:220px;
	line-height:28px;
	height:28px;
	display:block;
	text-align:right;
	background:url(img/scroll_right.gif) no-repeat 100% 0;
	text-decoration:none;
}

div.alignright a:hover,	
div.alignright a:active{	
	background: url(img/scroll_right.gif) no-repeat 100% -28px;	
}


div.commnav{
	font-size:11px;
	text-transform:lowercase;
}

.commnav a:visited{
	color:#4d9130;
}

.commnav div.alignleft a{	
	overflow:hidden;
	padding:0 0 0 14px;
	width:auto;
	line-height:17px;
	height:17px;
	display:block;
	background: url(img/scroll_left_sm.gif) no-repeat 0 0;
	text-decoration:none;
}

.commnav div.alignleft a:hover,	
.commnav div.alignleft a:active{
	width:auto;
	background: url(img/scroll_left_sm.gif) no-repeat 0 -17px;
	color:#f59423;
}
.commnav div.alignright{
	float:right;
}

.commnav div.alignright a{	
	overflow:hidden;
	padding:0 10px 0 10px;
	width:auto;
	line-height:17px;
	height:17px;
	display:block;
	background: url(img/scroll_right_sm.gif) no-repeat 100% 0;
	text-decoration:none;
	
}

.commnav div.alignright a:hover,	
.commnav div.alignright a:active{
	width:auto;
	background: url(img/scroll_right_sm.gif) no-repeat 100% -17px;
	padding:0 10px 0 10px;
	color:#f59423;
}

/************** comments **************************/	
.commlink{
	border-bottom:0px solid #BBBBBB;
	color:#4D9130;
	font-size:12px;
	font-weight:bold;
	text-align:center;
}

.commlink a,
.commlink a:visited,
.commlink a:hover,
.commlink a:active{
	font-size:12px;
	text-decoration:none;
	border-bottom:dashed 1px #4d9130;
	color:#4d9130;
}

#comments{
	color:#f59423;
	margin:0 0 10px;
	text-transform:uppercase;
	font-size:1.3em;	
	padding:0;
	float:left;
	width:100%;
}

#comments span{
	display:block;
	float:left;
}

#comments div{
	float:left;
	margin:-4px 0 0 5px;
}

ol.commentlist{
	clear:both;
	margin:0;
	padding:0;
	list-style:none;
	font-family:verdana, sans-serif;
}

	ol.commentlist li{
	}
	
	ol.commentlist ul{
		list-style:none;
		margin:0;
		padding:0;
	}
	
	ol.commentlist li li{
		padding:0 0 0 14px;
		background:url(img/icon_level.gif) no-repeat 3px 0;
	}
	

	ol.commentlist li div.comment-block{
		padding:5px 5px ;
		margin:0 0 10px 0;
		border-top:1px solid #e1e1ba;
		background:#fbfbeb;
	}
	
	ol.commentlist li div.comment-meta{
		border:1px solid #ccc;		
		color:#666;
		margin:0;
		padding:5px 5px 0 0;
		border:0;
		font-size:11px;
	}
	
	ol.commentlist li div.reply{
		margin:0;
		border:0;
	}
	
	ol.commentlist li div.comment-author{
		margin:0;
		border:0;
	}
	
	ol.commentlist img.avatar{
		display:none;
	}
	
	ol.commentlist  span.anchor {
		
	}
	
	ol.commentlist  a.anchor{
		background:url(img/icon_comm_s.gif) no-repeat 0 0;
		margin:3px 4px 0 0;
		float:left;
		width:8px;
		height:10px;
		display:block;
		border:0;
	}
	ol.commentlist  a.anchor span{
		display:none;
	}
	
	em.moderation{
		color:#f59423;
		display:block;
		margin:0 0 0px;
		font-style:normal;
	}
	
	.nocomments,
	.alert,
	.alert a,
	.alert a:visited,
	.alert a:hover,
	.alert a:active{
		color:#f59423;
	}
	
	.comment-meta a,
	#respond a{
		text-decoration:none;
		border-bottom:1px dotted #666;
		color:#888;
	}
	
	#respond a.logout{		
		color:#d32d2d;
		border-color:#d32d2d;
		background:url(img/icon_logout.gif) no-repeat 100% 2px;
		padding:0 15px 0 0;
		font-size:11px;
		line-height:15px;
		display:block;
		float:right;
		border:0;
		margin:-14px 2% 0 0;
	}

	#respond{
		margin:10px 0;
		border:1px solid #ccc;
		padding:0;
		font-family:Arial, sans-serif;
		position:relative;
		background:#fbfbfb;
	}
	
	.cancel-comment-reply{
		position:absolute;
		top:4px;
		right:5px;
	}
	#respond  .cancel-comment-reply a{
		display:block;
		background:#f0f0f0 url(img/icon_close.gif) no-repeat 100% 50%;
		padding:0 14px 0 0;
		border:0;
	}
	
	.submit-holder{
		text-align:center;
	}
	
	#respond h3{
		margin:0;
		padding:3px 0 3px 15px;
		background:#f0f0f0 url(img/icon_level_v.gif) no-repeat 4px 50%;
		font-weight:bold;
		font-size:12px;	
		border-bottom:1px solid #bbb;
		color:#726e52;
		color:#4d9130;
	}
	
	.comment-form-body{
		border-top:1px solid #dfdfdf;		
		padding:10px;
	}
	
	
	#respond input{
		border:1px solid #ccc;
		background:#ffffe9;
		width:240px;
	}
	
	#respond textarea{
		display:block;		
		width:95%;
		border:1px solid #ccc;
		background:#ffffe9;
		padding:5px;
		clear:both;
	}
	
	#respond input#submit{
		border:1px solid #c0bc9d;
		border-color:#e1ded0 #c0bc9d #c0bc9d #e1ded0;
		height:24px;
		line-height:24px;
		width:auto;
		font-size:11px;
		color:#726e52;
		background:#fdedd9 url(img/bg_button.gif) repeat-x 0 0;
	}
	
/************** right **************************/		
	div.senaste{
		
	}
	
	.lbl{
		color:#4d9130;
		text-transform:uppercase;
		font-size:11px;
		font-weight:bold;
		margin:0 0 10px;
	}
	.sen{
		background:url(img/icon_mag.gif) no-repeat 0 0px;
		padding-left:25px;
		line-height:20px;
	}
	
	.down{
		background:url(img/icon_download.gif) no-repeat 0 0px;
		padding-left:25px;
		line-height:23px;
	}
	
	div.senaste a{
		display:block;
		padding:1px;
		background:#fff;		
	}
	
	div.senaste a:hover,
	div.senaste a:active{
		background:#ccc;
	}
	
	div.senaste img{
		border:0;
		display:block;
		width:208px;
		margin:0;
		padding:0;
	}
	
	div.download{
		
	}
	
	div.download table{
		border:1px solid #8dbb79;
		background:#fbfbfb;
		border-collapse:collapse;
	}
	
	div.download td{
		padding:5px;
		vertical-align:top;
		font-size:11px;
		color:#777;
	}
	
	div.download small{
		white-space:nowrap;
	}
	
	div.download td a{
		font-size:12px;
		text-transform:uppercase;
	}
		
/************** footer *************************/		

#footer{
	font-size:10px;
	margin:0 0 50px;
	text-align:right;
	color:#e8e8e8;
	padding:5px 0 0 0;
}
#footer a,
#footer a:visited{
	color:#e8e8e8;
	text-decoration:none;
	padding:0 0 0 16px;
}

#footer a:hover, 
#footer a:active{
	color:#bbb;
	background:url(img/taipoint.gif) no-repeat 0 0;
}



