/* 
Theme Name: Miljohistorie 2.1
Theme URL: http://www.miljohistorie.net/
Description: Optimized version.
Author: Finn Arne Jorgensen
Author URI: http://digitalhistorian.net
Version: 1.0


/* == Reset styles == */
@import url("reset.css");

/* == Global Styles == */
html {min-width: 954px;}
ol, ul, li{list-style:none}
body {font:62.5% Helvetica, Arial, sans-serif; color: #333;padding:0;background:#fff url("images/background5.jpg") top left fixed;}

	/* Headings */
	h1 {font-weight:bold; font-size:3.6em; line-height:1em; margin-bottom:1em;}
	h2 {font-size:2.4em; font-weight:bold; color:#333; line-height:1.5em; margin-bottom:0.75em;}
	h3, #secondary h1, #tertiary h1 {font-size:1.8em; font-weight:bold; line-height:1em; margin-bottom:1em; color:#333;}
	h4 {font-size:1.8em; line-height:1em; margin-bottom:1em;}
	h5 {font-size:1.2em; line-height:1.5em; font-weight:bold; margin-bottom:1.5em;}
	h6 {font-size:1.2em; line-height:1.5em; font-style:italic;}
	
	/* Links */
	a:link {color:#3b7c9d;}
	a:visited {color:#777;}
	a:hover {color:#333;}
	a:active {color:#333;}

	h1 a, h2 a, h3 a {text-decoration:none; color:#333;}
	h1 a:link, h1 a:visited, h2 a:link, h2 a:visited {color:#333;}
	h1 a:hover, h1 a:active, h2 a:hover, h2 a:active {color:#3b7c9d;}
	
	/* Misc elements */
	p,ul,ol,dl,address {font-size:1.2em; line-height:1.5em; margin-bottom:1.5em;}
	label {font-size:1.2em; line-height:1.5em; margin-bottom:0.75em; font-weight:bold;}
	ul {list-style:square;}
	ol {list-style:decimal-leading-zero;}
	ul,ol {list-style-position:outside; margin-left:1.5em;}
		ul ul,ol ol, ol ul, ul ol {margin-bottom:0;font-size:1em; margin-left:1.5em;}
		ul ul {list-style:circle;}
		ul ul ul {list-style:disc;}
		li {margin-bottom:0;}
	
	dt {font-weight:bold;}
	dd {margin-left:3em; margin-bottom:1.5em;}
	dd * {font-size:1em; margin-bottom:0;}	
	
	strong,b {font-weight:bold;}
	em,i {font-style:italic;}
	
	blockquote {margin-left:18px; margin-right: 18px;}
	
	pre {font-size:1.2em;display:block; float:right; width: 414px; line-height:1.5em; margin-bottom:1.5em; font-family:Courier, monospace; color: #999; border: 3px solid #ddd; border-width: 3px 0;}
	#wiki pre {float:none; width: auto;}
	/* Tables */
	table {font-size:1.2em; line-height:1.5em; margin-bottom:1.5em;}
	th {border-bottom:1px solid #ccc; font-weight:bold; padding:0.5em 0;}
	td {border-bottom:1px solid #eee; padding:0.5em 0;}
	
	td * {font-size:1em;}

/* Misc Classes */
	
	.postnav {font-size:1.2em; line-height:1.5em; margin-bottom:1.5em;overflow:hidden; zoom:1;}
		.postnav .previous, .postnav .next {float:left; width: 49%;}
		.postnav .next {float:right; text-align:right;}
		.postnav a {text-decoration:none; font-weight:bold;}
/* == Wrap == */
#wrap {width:846px; padding:36px;background:#fff;overflow:hidden;zoom:1; margin:0; position:absolute; top:18px; right: 36px; border: 3px solid #A89166;}

/* == Header == */
#header {  margin:0; padding: 0; }
	#header h1 a {float:left; font-size:1.5em;margin-bottom:0; margin-top: -20px; color: #80C31C;}
	#header .description {font-size:1.1em;float:right; width:246px; text-align:left;}
	
	#header abbr {position:absolute; top: 18px; right:0; line-height:1em; margin-bottom:0;text-align:right;border-right:36px solid #3b7c9d;display:none;padding-right:0.25em; color:#333; font-size:3.6em;}
	#primary-nav {float:left; text-align:left;margin-bottom:0; width: 500px; padding-top:2em; font-size:1.2em;overflow:hidden; zoom:1;}
		#primary-nav li {display:inline; margin-right:2em;}
		#primary-nav a {text-decoration:none; font-weight:bold; color: #927B51}
		#primary-nav a:hover {text-decoration: none; border-bottom: 1px solid #80C31C; color: #80C31C;}
		
/* == Content == */
#content {clear:both;padding:36px 0 0;}
	#primary {width:658px; float:left; }
	#secondary {width:170px; float:right; border: 1px solid green;}

	#secondary h2 {font-size:1.2em; font-weight:bold; line-height:1.5em; margin-bottom:1.5em;}
	#secondary ul, #secondary ol {list-style:none;}
	
	.sidebarlinks {}
	.sidebarlinks a {text-decoration:none; display:block;}

	#home #previous-posts h1 {font-size:1.5em; color: white; font-weight:bold; margin-bottom: 0px; margin-top: -5px; display: block; width: 99%; background-color: #FF7900; padding-top: 5px; padding-bottom: 5px; padding-left: 5px;}
		#home #previous-posts h2 {font-size:1.5em; color: #4C88BE; font-weight:bold; margin-bottom: 0px; border-bottom: 2px solid #4C88BE;}
		#home #previous-posts h1 a {color: white; }
		#home #previous-posts p {display:inline;}
		#home #excerptblogg {margin-bottom: 15px; margin-top: -20px;}
	#home #primary h2 {font-weight:bold; font-size:3.6em; line-height:1em; margin-bottom:0.777778em;}
	
	#home #primary {width:auto; float:none;margin-bottom:0; padding:0 0 18px;}
	
	#home #latest-post {float:left; width: 514px;}
		#latest-post h1 {font-size:2.8em;}
		#home #latest-post .entry-content p {font-size:1.5em;}
		
	#home #previous-posts {float:right; width: 314px; }

.excerpt  {font-size: 0.9em; margin-top: -6px; border-bottom: 1px dotted #8DC3E9;}

		#previous-posts ul {list-style:none; margin-left:0;}
		#previous-posts li {text-align:right; overflow:hidden; display:block; zoom:1; line-height:1em; padding:0.888889em 0 0.777778em;}
		#previous-posts li a {float:left; text-align:left; text-decoration:none; font-weight:bold;}
		#previous-posts img {margin-top: -18px;
		}
	
	#home #secondary {width: auto; display:none;clear:both;float:left; padding:0 ; background:#fff;margin: 0;}
	#home #secondary h1 {padding-bottom:16px;}
		#home #secondary div {float:left; width: 270px; margin-right:18px;}
		#home #secondary div#courses {margin-right:0;}
		
		#elsewhere ul {margin-left:0;}
		#elsewhere li { display:block; line-height:1em;}
		#elsewhere a {display:block; text-decoration:none; font-weight:bold; padding:0.888889em 0 0.777778em;}
	
	#recent-items {margin-left:0;}
		#recent-items li p {font-size:1em;}
		#recent-items a {text-decoration:none;}
		#recent-items p.body {display:none;}
	
	#home #tertiary {clear:both; overflow:hidden; zoom:1; border-top:1px solid #ccc; padding:36px 0 0; margin:0;}
		#tertiary h2 {font-size:1.2em; font-weight:bold; line-height:1.5em; margin-bottom:1.5em;}
		
		#explain {float:left; width: 126px;}
		#bookmarks {float:right; width: 720px; margin-right: -18px;}
		#bookmarks .link-category {float:left; width: 126px; margin-right: 18px;}
			#bookmarks .link-category ul {font-size:1.1em; list-style:none; margin-left:0;}
			
	/* Post styles */
	.post {padding:0; clear:both;}
		.post li {margin-bottom:1em;}
		.postmetadata li {}
		.postmetadata li a {text-decoration:none; display:block;}
			
	.postmetadata { font-size:1.2em; font-weight:bold; margin-bottom:1.5em;}	
	
	/* Archive Styles */
	
	#archive .post {border-bottom:1px solid #ccc; overflow:hidden; margin-bottom:1.8em;}
	#archive .postmetadata {float:left; text-align:right; width: 126px; list-style:none; margin:0;}
		#archive .postmetadata li {text-align:right; margin-bottom:1.5em;}
		#archive .postmetadata .tags a {display:inline;}
		
	#archive .entry {margin-left: 144px;}
	
	
	/* Single Entry Styles */
	#single #primary {width: auto;}
	#single .post { margin-bottom:18px;}
	
		#single .postmetadata {float:left; text-align:right; width: 126px; list-style:none; margin:0;}
			#single .postmetadata li {text-align:right; margin-bottom:1.5em;}
			#single .postmetadata .tags a {display:inline;}
			
		#single .entry {margin-left: 144px; margin-right: 288px;}
			#single .entry blockquote {float:right; margin: 0 -288px 18px 18px; width:414px;color:#999;padding: 18px 0; border:1px solid #ccc; border-width: 1px 0;}
			#single .entry blockquote p {font-size:1.8em; line-height:1.5em;margin-bottom:0;}
		#single .series_toc {display:none;}
		
		#single .figure {position:relative;}
		#single .figure img {float:left; margin: 0 18px 18px -144px; border:1px solid #ccc; padding:1px;}
		#single .figure p {float:left; margin:0 0 0 -144px; width:126px; font-size:1.1em; clear:left;}
		
			#single #design2-figure2 img, #single #design2-figure1 img {margin:0 0 18px 0;}
			#single #design2-figure2 p, #single #design2-figure1 p {position:absolute;top:0; left:-144px; margin:0;}
		
		#single table {width: 630px;}
	/* Comment Form */
	#commentform, #respond {clear:both;}
	#respond {border-top: 1px solid #ccc; padding-top: 18px;}
	#commentform .field {border-bottom:1px dotted #ccc;clear:both; width: 558px;padding: 6px 0;overflow:hidden; zoom:1;}
	#commentform label, #commentform input, #commentform textarea {display:block;}
	#commentform label {float:left;width: 128px; text-align:right;padding-right: 18px;}
	#commentform input.textinput, #comentform textarea {float:left;}
	
	#commentform textarea, #commentform input.textinput {border:1px solid #aaa; width: 400px;padding: 4px; font-size:1.2em; font-family:Courier, monospace;}
	
	/* Comments List */
	#comments {}
	#commentlist {list-style:none; width: 630px;margin-left:0;}
		#commentlist li {margin-bottom:3em; position:relative; padding-left:66px;border-top:1px dotted #ccc;}
		#commentlist li img {position:absolute; top:0; left:0; border: 3px solid #ddd;width: 40px; height: 40px;}
		#commentlist li * {font-size:1em;}
	#commentlist .comment-info {overflow:hidden; padding: 1.5em 0 0.75em; font-weight:bold;}
		#commentlist a {text-decoration:none;color:#444;}
			#commentlist a:hover {color:#c60;}
		#commentlist .comment-author {width:48%; float:left;}
		#commentlist .comment-date {width:48%; float:right; text-align:right; font-style:normal;}
		#commentlist .comment-text {padding:1.5em 0 0;}
			.comment-text blockquote {margin-left:1.5em; font-style:italic;}
	
	/* Course List Table */
	table#course-list {font-size:1.2em; line-height:1.33333em; width: 100%;}
		#course-list td, #course-list th {padding:1em 0 0.777778em;}
		#course-list th {font-weight:bold;}
	#course-list thead tr {border-bottom:3px solid #333;}
	#course-list tbody tr {border-bottom:1px dotted #333;}
	#course-list a {font-weight:bold; text-decoration:none;}
	

#bokswrap {	clear: both; padding: 0; margin-left: -10px;}
	
div.boks1 {	background-color: #A89166;
			width: 213px;
			min-height: 120px;
			margin: 1px; 
			float: left;
			clear: none;}

div.boks1 h2 {	font-size: 20px; background-color: #927B51; padding: 5px; color: white; border-bottom: 2px solid white;}
div.boks1 ul {	padding: 5px; width: 100%;}

div.boks1 li a { width: 100%; color: black; text-transform:none;
	text-decoration:none; }
div.boks1 li:before {
	content: "\00BB \0020";
	}

div.boks1 li a:hover {
	width: 100%;
	border-bottom: 2px solid white;
	text-transform:none;
	text-decoration:none;
}

div.boks2 {	background-color: #BCDD5A;
			width: 211px;
			min-height: 120px;
			margin: 1px; 
			float: left;
			clear: none;}
			
div.boks2 h2 {	font-size: 20px; background-color: #80C31C; padding: 5px; color: white; border-bottom: 2px solid white;}
div.boks2 ul {	padding: 5px; width: 100%;}

div.boks2 li a { width: 100%; color: black; text-transform:none;
	text-decoration:none; }
div.boks2 li:before {
	content: "\00BB \0020";
	}			
div.boks2 li a:hover {
	width: 100%;
	border-bottom: 2px solid white;
	text-transform:none;
	text-decoration:none;
}	
			
div.boks3 {	background-color: #FBB36B;
			width: 211px;
			min-height: 120px;
			margin: 1px; 
			float: left;
			clear: none;}

div.boks3 h2 {	font-size: 20px; background-color: #FF7900; padding: 5px; color: white; border-bottom: 2px solid white;}
div.boks3 ul { padding: 5px; width: 100%;}
div.boks3 li a { width: 100%; color: black; text-transform:none;
	text-decoration:none; }
div.boks3 li:before {
	content: "\00BB \0020";
	}
div.boks3 li a:hover {
	width: 100%;
	border-bottom: 2px solid white;
	text-transform:none;
	text-decoration:none;
}
	

div.boks4 {	background-color: #8DC3E9;
			width: 211px;
			min-height: 120px;
			margin: 1px; 
			float: left;
			clear: right;}
			
div.boks4 h2 {	font-size: 20px; background-color: #4C88BE; padding: 5px; color: white; border-bottom: 2px solid white;}
div.boks4 ul {	padding: 5px; width: 100%;}
div.boks4 li a { width: 100%; color: black; text-transform:none;
	text-decoration:none; }
div.boks4 li:before {
	content: "\00BB \0020";
	}
div.boks4 li a:hover {
	width: 100%;
	border-bottom: 2px solid white;
	text-transform:none;
	text-decoration:none;
}

#author-box {
	width: 568px;
	padding: 10px;
	background: #f7f7f7;
	border: 1px solid #927B51;
	clear:both;
	min-height: 100px;
	font-size: 1.2em;
	margin-bottom: 30px;
	}
#author-box .avatar {
	float: left;
	width: 80px;
	height: 80px;
	margin-top: -10px;
	padding-right: 10px;
	}
	
/* ==  Footer == */
#footer {clear:both; overflow:hidden; padding-top:18px;}
#footer p {margin-bottom:0; clear: both;}
	#footer a {text-decoration:none; font-weight:bold;}