/* ICONS */
.feed, .facebook, .delicious, .digg, .magnolia, .myspace, .pusha, .stumbleupon, .youtube, .pdf, .twitter, .external, .english {
	padding-left: 20px;
	height: 18px;
	margin-left: 5px;
}
.feed {	background: url(icons/feed.png) no-repeat; }
.facebook { background: url(icons/facebook.png) no-repeat; }
.delicious { background: url(icons/delicious.gif) no-repeat; }
.digg {	background: url(icons/digg.gif) no-repeat; }
.magnolia { background: url(icons/magnolia.gif) no-repeat; }
.myspace { background: url(icons/myspace.gif) no-repeat; }
.pusha { background: url(icons/pusha.gif) no-repeat; }
.stumbleupon { background: url(icons/stumbleupon.gif) no-repeat; }
.twitter { background: url(icons/twitter.png) no-repeat; }
.external { background: url(icons/external.jpeg) no-repeat 5px 5px; }
.youtube { padding-left:33px; background: url(icons/youtube.jpeg) no-repeat 0 2px; }
.english { padding-left:24px; background: url(icons/en.gif) no-repeat 0 4px; }
a.pdf {
	background: url(icons/pdf.gif) no-repeat 0 0px;
	min-height: 22px;
	display: block;
}

/* PRESETS */
body { background-color: white; margin: 0; }
#wrapper{ width: 890px; margin: 0 auto 0 auto; }


ul { list-style-type: none; padding: 0 0 0 10px; margin: 8px 0 8px 0; }
li { background: url(list-marker-orange.png) no-repeat 0px 6px;	padding-left: 14px; margin: 3px 0 3px 0; text-align: left; }
a { color: #ff8d00; font-weight: bold; }
a:hover { text-decoration: none;}
img { border: 0; max-width: 100%; }
h1, h2, h3, h4 { color: #333; }

/* VÄNSTERSIDAN */
#left-col {
	float: left;
	width: 190px;
	font: normal 10pt/10pt "Helvetica Neue", Helvetica, Arial, sans-serif;
}
	#left-col a {
		font: bold 10pt/10pt "Helvetica Neue", Helvetica, Arial, sans-serif;
		text-decoration: none;
	}
		#left-col a:hover {
			text-decoration: underline;
		}
	#left-col p {
		margin: 8px 0 8px 0;
	}

	/* DEN ORANGA DELEN, LOGGA OSV.. */
	#left-col #logga-wrapper {
		background-color: #ff8d00;
		padding: 20px 10px 10px 10px;
		color: #eee;
		font: normal 9.5pt sans-serif;
	}
		#logga-wrapper a, #logga-wrapper strong {
			color: white;
			text-decoration: none;
			font-weight: bold;
		}
		#logga-wrapper img {
			display: block;
			margin-bottom: 15px;
		}
	#left-col #kontakt {
			background-color: black;
			color: #eee;
			padding: 6px 10px 7px 10px;
			font: bold 10pt sans-serif;
		}
			#kontakt a {
				display: block;
				color: white;
				text-decoration: none;
				font: normal 7.5pt sans-serif;
			}
	#left-col h1 {
		background-color: #ff8d00;
		color: #eee;
		font: bold 13.5pt "Helvetica Neue", Helvetica, Arial, sans-serif;
		padding: 2px 1px 1px 10px;
		margin: 15px 0 0 0;
	}
	#left-col .box {
		padding: 1px 3px 5px 3px;
		margin: 0;
	}
	#left-col .blocklink a {
		display:block;
		padding-bottom: 8px;
	}
	/* SENASTE NYTT */
	#left-col .latest {
		margin: 5px 0 10px 0;
	}
		#left-col .latest .date {
			display: inline;
			font: normal 7pt "Helvetica Neue", Helvetica, Arial, sans-serif;
			color: #777;
		}


/* HÖGERSIDAN */
#right-col {
	width: 700px;
	margin-left: 190px;
}
	/* HEADER */
	#right-col #header, #right-col #header a {
		display: block;
		padding: 30px 0 5px 10px;
		margin: 0;
		font: bold 40pt "Helvetica Neue", Helvetica, Arial, sans-serif;
		letter-spacing: -3px;
		color: #222;
		text-decoration: none;
	}
		#right-col #header a:hover { text-decoration: underline; }
	#right-col #menu {
		background-color: #ff8d00;
		padding: 3px 3px 3px 25px;
		color: #eee;
	}
		#right-col #menu a {
			text-decoration: none;
			color: #eee;
			font: bold 10pt sans-serif;
		}
			#right-col #menu a:hover {
				text-decoration: underline;
			}

	/* HÖGER KOLUMNEN */
	#right-col #static-info-col {
		float: right;
		width: 170px;
		font: normal 10.5pt/12pt "Helvetica Neue", Helvetica, Arial, sans-serif;
	}
		#right-col #static-info-col h1 {
			color: #222;
			margin-top: 30px;
			margin-bottom: 10px;
			font: bold 18pt/18pt "Helvetica Neue", Helvetica, Arial, sans-serif;
		}
			#right-col #static-info-col .green, #right-col #static-info-col .green h1 {
				border-bottom: solid 3px green;
			}
		#right-col #static-info-col li {
			font: normal 10pt/10pt "Helvetica Neue", Helvetica, Arial, sans-serif;
		}
			#right-col #static-info-col .green li {
				background: url(list-marker-green.png) no-repeat 0px 6px;
			}

	/* SATSYTAN */
	#right-col #satsyta {
		width: 480px;
		padding: 20px 25px 0 25px;
		font: normal 11pt/13pt "Helvetica Neue", Helvetica, Arial, sans-serif;
		margin-bottom: 60px;
	}
		#right-col #satsyta img {
			max-width: 100%;
		}
		#right-col #satsyta h1 {
			font: bold 26pt/26pt "Helvetica Neue", Helvetica, Arial, sans-serif;
			letter-spacing: -1px;
			color: #333;
			margin: 5px 0 10px 0;
		}
		#right-col #satsyta p.ingress {
			font: bold 11.5pt/13pt "Helvetica Neue", Helvetica, Arial, sans-serif;
		}


/* SOCIAL LINKS */
 .links { margin: 15px 0 35px 0; border-top: solid 1px #ccc; padding-top: 10px; width: 480px;}
	 .links a { text-decoration: none; }
		 .links a:hover { text-decoration: underline;}
	 .links a.print {
		background: url(icons/printer.png) no-repeat 0px 2px;
		padding: 0px 3px 3px 20px;
	}
 .links .share {
	margin-top: 10px;
	color: #444;
	font-size: 10pt;
	background-color: #ddd;
	padding: 8px 10px 7px 10px;
}
	 .links .share a { margin-left: 3px; font-size: 10pt; }
		 .links .share a span { display: none; }
		 .links .share a:hover { text-decoration: none; }
		 .links .share a.help {
			font-size: 8pt;
			font-weight: normal;
			color: #777;
			float: right;
			padding-right: 1px;
		}

/* RELATED */
#right-col #satsyta #relaterade h1 {
		background-color: green;
		padding: 0 40px 0 40px;
		margin-bottom: 10px;
		text-decoration: none;
		font: bold 10pt "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #fff;
		font-variant: small-caps;
}

#right-col #satsyta #relaterade {
	margin-top: 10px;
	font-size: 0.9em;
	text-align: left;
	width: 480px;
}
	#right-col #satsyta #relaterade .post { margin-bottom: 10px; }
	#right-col #satsyta #relaterade .head {
		font-weight: bold;
		color: #ffb600;
		padding-right: 7px;
	}
		#right-col #satsyta #relaterade .head { color: green; }
	related .date {
		display: inline;
	}


/* KALENDARIUM */
#kalender a {
	background: url(icons/kalender.png) no-repeat top left;
	padding-left: 20px;
	margin-top: 5px;
	display: block;
}

#kalender span {
	padding-left: 20px;
	display: block;
	font: normal 8.5pt "Helvetica Neue", Helvetica, Arial, sans-serif;
	letter-spacing: -0.5px;
	color: #222;
	margin-bottom: 8px;
}

/* TWITTER */
#twitter .item {
	margin: 5px 0 5px 0;
	font-size: 9pt;
}
	#twitter #abouttwitter {
		background: url(icons/twitter.png) no-repeat;
		padding-left: 20px;
		padding-bottom: 10px;
		font-size: 9pt;
		height: 18px;
	}
	#twitter .item .date { color: #666; display: inline; }
	#twitter .item a { color: #111; display: inline; text-decoration: none; }
		#twitter .item a:hover { text-decoration: underline; }
	#twitter h1 a { color: #222; text-decoration: none; }

/* BLOGGROLL */
.bloggpost {
	margin: 15px 0 35px 0;
	color: #333;
}
	.bloggpost a.headlink { text-decoration: none; }
	.bloggpost .header {
		font: normal 22pt "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #222;
		letter-spacing: -1px;
	}
		.bloggpost .header .date {
			display: inline;
			font-size: 12pt;
			color: #555;
		}

	.bloggpost .short-text {
		margin: 5px 0 5px 0;
	}

.browser { margin: 10px 70px 0px 40px; min-height: 20px; }
	.browser a { font: normal 13px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #888; }
		.browser a.right { float: right; }
		.browser a:hover { color: #222; }