body { margin: 0; background-color: white; }

p.left { text-align: left; }
p.center { text-align: center; }
p.ingress { font: bold 11.5pt/13pt "Helvetica Neue", Helvetica, Arial, sans-serif; }

blockquote { font-style: italic; }
img { border: 0; }


ul { list-style-type: square; padding: 0 0 0 20px; margin: 8px 0 8px 0; }
li { margin: 3px 0 3px 0; text-align: left; }
a { color: #ff8d00; font-weight: bold; }
img { border: 0; max-width: 100%; }
h1, h2, h3, h4 { color: #333; }

/* VÄNSTERSIDAN */
#left-col { display: none; }

/* HÖGERSIDAN */
#right-col {
	width: 700px;
}
	/* HEADER */
	#right-col #header, #right-col #header a {
		padding: 20px 0 10px 10px;
		margin: 0;
		font: bold 40pt "Helvetica Neue", Helvetica, Arial, sans-serif;
		letter-spacing: -3px;
		color: #222;
		text-decoration: none;
		border-bottom: solid 25px #ff8d00;
	}
	#right-col #menu {
		display: none;
	}

	/* HÖGER KOLUMNEN */
	#right-col #static-info-col {
		float: right;
		width: 160px;
		font: normal 10.5pt/12pt "Helvetica Neue", Helvetica, Arial, sans-serif;
		padding-right: 15px;
	}
		#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;
		}


	/* 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 { display: none; }

/* RELATED */
#right-col #satsyta #relaterade {
	display: none;
}


/* 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 .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; }