/*   
Theme Name: 3weeks
Description: New theme for my blog to launch along with the aestas2 pre-alpha. The one with three main topics that change every week.
Author: Seba
Author URI: http://sebadorn.de/
Version: 1.1
*/


@font-face {
	font-family: Vollkorn;
	src: url(vollkorn.otf);
}


* {
	margin: 0;
	padding: 0;
}


/*** Link-Farben ***/

a {
	border-color: #70d020;
	color: #40a000; /* green */
	/*color: #d04000; /* red */
	/*color: #808080; /* grey */
	/*color: #928230; /* sepia */
	text-decoration: none;
}

a:hover {
	border-color: #000000 !important;
	color: #000000 !important;
}

a:visited {
	/*border-color: #d07020;
	color: #b04000;*/
	border-color: #d0f0c0;
	color: #a0d090;
}

	header#top a {
		color: #000000;
	}

		article a {
			
		}

			article.post header h2 a {
				color: #000000;
				/*font-weight: bold;*/
			}

			article.post header h2 a:hover {
				
			}

			article .content a:hover {
				
			}

	section#comments li a {
		
	}

	footer#meta a {
		color: #808080;
	}

	footer#meta a:hover {
		color: #ffffff !important;
	}


/*** Allgemeine Regeln ***/

a img {
	border: 0;
}

abbr {
	border-bottom: 1px solid #a4d000;
	cursor: help;
}

blockquote {
	border-left: 4px solid #f0f0f0;
	color: #505050;
	font-family: Georgia, serif;
	font-size: 110%;
	font-style: italic;
	margin: 0 104px 0 0;
	padding-left: 14px;
}

blockquote,q {
	quotes: "\201E" "\201C" "\201A" "\2018";
}

/* Quotes deaktiviert */
/*blockquote:before,
blockquote:after {
	content: open-quote;
	color: #50c000;
	font-size: 200%;
	padding: 0 2px;
}

blockquote:after {
	content: close-quote !important;
}

blockquote q:before,
blockquote q:after {
	content: open-quote;
	color: #50c000;
}

blockquote q:after {
	content: close-quote !important;
}*/


body {
	background-color: #ffffff;
	color: #202020;
	font: 14px Arial, sans-serif;
	padding: 40px 60px 0;
}

code {
	font-family: Consolas, "Courier New", monospace;
	top: -1px;
	padding: 0 2px;
	position: relative;
}

dd {
	margin-left: 20px;
}

dt {
	font-weight: bold;
}

em {
	font-family: Georgia, serif;
	font-size: 110%;
	font-style: italic;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}

h1 {
	font-size: 260%;
}

h2 {
	font-size: 190%;
	margin-bottom: -2px;
}

h3 {
	font-size: 150%;
	margin-bottom: 16px;
}

hr {
	border: 0;
	border-bottom: 1px solid #e0e0e0;
	margin: 24px 32px;
}

input,textarea {
	background-color: #ffffff;
	border: 1px solid #d0d0d0;
	font: 100% Arial, sans-serif;
}

input,textarea {
	padding: 4px 6px;
}

textarea {
	line-height: 140%;
}



article, aside, dialog, header, footer, nav, section {
	display: block;
}

header#top, section#middle, section#posts, footer#meta section {
	margin: 0 auto;
	max-width: 1000px;
}



/** Header **/

header#top {
	font-family: Vollkorn, Georgia, serif;
	padding: 20px 0 60px;
}

	header#top h1 {
		margin: 0 0 4px;
	}

	header#top span {
		background-color: #f9f9f9;
		border-radius: 16px;
		-moz-border-radius: 16px;
		-webkit-border-radius: 16px;
		color: #d0d0d0 !important;
		display: inline-block;
		font-size: 150%;
		margin-right: 4px;
		padding: 2px 8px;
		position: relative;
	}

		header#top span a {
			color: #d0d0d0 !important;
		}

	header#top span.active {
		background-color: #f0f0f0;
		color: #202020 !important;
		text-shadow: #ffffff 0 1px 0;
	}

		header#top span.active a {
			color: #202020 !important;
		}



/** Icons **/

aside#icons {
	margin: 0 auto;
	max-width: 400px;
	left: 240px;
	position: relative;
	text-align: right;
	top: -139px;
}



/** Sidebar **/

section#middle {}

aside#sidebar {
	float: left;
	font-size: 90%;
	padding: 2px 8px 8px;
	width: 184px;
}

	aside#sidebar h3 {
		color: #303030;
		margin-bottom: 12px;
	}

	aside#sidebar ul {
		list-style-type: none;
		margin: 0 0 40px;
	}

		aside#sidebar li {
			color: #202020;
			margin-bottom: 6px;
		}



/** Content **/

section#posts {
	
}


article.post {
	margin: 0 0 64px 230px;
	width: 600px;
}

article.future {}
	article.future h2 a {
		border-bottom: 1px solid #e0e0e0 !important;
	}

article.draft {}
	article.draft h2 a {
		border-bottom: 1px solid #40a000 !important;
	}

article.expired {}
	article.expired h2 a {
		border-bottom: 1px solid #c0c0c0 !important;
	}

	h2 + div.content {
		margin-top: 24px;
	}

	article.post header {
		margin-bottom: 16px;
	}

		article.post header span {
			color: #606060;
			display: block;
			font-size: 80%;
			margin-top: 4px;
		}

			article.post header span a {
				font-weight: bold;
			}



	article.post .content {
		line-height: 166%;
		margin-bottom: 10px;
	}

		article .content dialog,
		article .content p {
			margin-bottom: 14px;
		}

		article .content dl,
		article .content ol,
		article .content ul {
			margin: 0 104px 14px 20px;
		}

		article .content ol {
			font-family: Georgia;
			font-weight: bold;
		}

		article .content li p {
			font-family: Arial, sans-serif;
			font-weight: normal;
		}

			article .content dd,
			article .content li {
				margin-bottom: 5px;
			}

			article .content img {
				display: block;
				margin: 0 auto;
			}

			article .content object {
				display: block;
				margin: 0 auto;
			}

			article .content object + br,
			article .content .illu img + br {
				display: none;
			}

			article .content p + h3,
			article .content ol + h3,
			article .content ul + h3 {
				margin-top: 24px;
			}

		/*** Special content ***/

		article .content .caption,
		article .content .source {
			background-color: #ffffff;
			display: block;
			font-size: 90%;
			font-style: italic;
			line-height: 140%;
			text-align: right;
		}

		article .illu .caption,
		article .illu .source {
			background-color: #eaeaea;
			border-radius: 3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			padding: 2px 8px;
		}

		article .content .caption {
			color: #808080;
		}

		article .content .annotation {
			color: #606060;
			font-size: 90%;
			line-height: 160%;
		}

		article .content .illu {
			background-color: #f2f2f2;
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			box-shadow: 1px 1px 2px #a0a0a0;
			-moz-box-shadow: 1px 1px 2px #a0a0a0;
			-webkit-box-shadow: 1px 1px 2px #a0a0a0;
		}

		article .content .more {
			background-color: #f6f6f6;
			border: 1px solid #d0d0d0;
			border-radius: 3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			color: #303030;
			display: inline-block;
			padding: 2px 8px;
			text-shadow: #ffffff 0 1px 0;
		}

		article .content .more:hover {
			border: 0;
			box-shadow: 0 0 4px #808080;
			-moz-box-shadow: 0 0 4px #808080;
			-webkit-box-shadow: 0 0 4px #808080;
			padding: 3px 9px;
		}

		article .content .more:visited {
			background-color: #eaeaea;
		}

		article .content .rating {
			margin: 20px 0;
			text-align: center;
		}

			article .content .rating strong {
				color: #d0a040;
				display: block;
				font: bold 160% Georgia;
				margin-top: 4px;
				position: static !important;
			}

		article .content .smiley {
			display: inline-block;
			margin: 0;
			vertical-align: middle;
		}

		article pre.code {
			border-left: 4px solid #f0f0f0;
			margin-bottom: 16px;
			padding-left: 16px;
		}

		article .highlight {
			background-color: #a0f070;
			border-radius: 3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			padding: 1px 2px;
		}

		/*** Protected ***/

		.protected p,
		.protected fieldset {
			background-color: #f4f4f4;
			border: 0;
			padding: 10px;
		}

		.protected input[type="submit"] {
			cursor: pointer;
			padding: 4px 18px;
		}

		.protected input[type="submit"]:hover {
			border: 1px solid #000000;
		}



	article.post footer {
		background-color: #f0f0f0;
		border-bottom: 10px solid #f8f8f8;
		color: #505050;
		font-size: 86%;
		margin-top: 24px;
		padding: 10px 12px;
		text-shadow: #ffffff 0 1px 0;
	}

		article footer a {
			color: #707070;
		}

		article footer time,
		article footer .comments {
			display: inline-block;
		}

		article footer time {
			/*border-left: 1px solid #808080;
			border-right: 1px solid #808080;
			margin: 0 2px;
			padding: 0 5px;*/
			margin-left: 3px;
		}

		article footer .author {
			margin-left: 3px;
		}

		article footer .tags {
			display: block;
			margin: 4px 0 0 48px;
			text-indent: -48px;
		}

		article footer .ilovethis {
			cursor: pointer;
			display: inline-block;
			float: right;
			font-family: Georgia;
			font-size: 170%;
			height: 36px;
			margin: -7px -8px 0 0;
			padding: 10px 10px 0;
		}

		article footer .ilovethis:hover {
			color: #000000;
		}



	div.posts-nav-link {
		left: 30px;
		margin: 0 auto;
		position: relative;
		text-align: center;
		width: 600px;
	}

		div.posts-nav-link a {
			background-color: #f6f6f6;
			border: 1px solid #d0d0d0;
			border-radius: 3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			color: #909090;
			display: inline-block;
			margin: 0 1px;
			padding: 4px 8px;
			text-shadow: #ffffff 0 1px 0;
		}

		div.posts-nav-link a:hover {
			border: 0;
			box-shadow: 0 0 4px #808080;
			-moz-box-shadow: 0 0 4px #808080;
			-webkit-box-shadow: 0 0 4px #808080;
			color: #000000;
			padding: 5px 9px;
		}

		div.posts-nav-link a:visited {
			background-color: #eaeaea;
		}

		div.posts-nav-link a.act {
			background-color: #606060;
			border-color: #606060;
			color: #ffffff !important;
			cursor: default;
			font-weight: bold;
			text-shadow: #606060 0 0 0;
		}



/** Comments **/

section#comments {
	margin: 48px 0 0;
}

	section#comments h3 {
		margin: 0 0 24px 230px;
		width: 600px;
	}

	section#comments ol {
		list-style-type: none;
		margin: 0 0 56px 310px;
		width: 520px;
	}

		section#comments li {
			margin: 0 0 24px 0;
		}

		section#comments li.author-comment {
			
		}

			section#comments header {
				background-color: #f4f4f4;
				padding: 10px 14px;
			}

				section#comments img.avatar {
					height: 48px;
					margin: -9px 0 0 -94px;
					position: absolute;
					width: 48px;
				}

				section#comments .author {
					color: #303030;
					text-shadow: #ffffff 0 1px 0;
				}

			section#comments li div {
				background-color: #f4f4f4;
				font-size: 90%;
				line-height: 162%;
				padding: 10px 14px;
			}

				section#comments blockquote {
					background-color: #eeeeee;
					border-radius: 2px;
					-moz-border-radius: 2px;
					-webkit-border-radius: 2px;
					color: #505050;
					display: block;
					margin: 0 0 10px 0;
					padding: 3px 5px;
					text-shadow: #ffffff 0 1px 0;
				}

					section#comments blockquote p {
						display: inline;
					}

			section#comments footer {
				color: #a0a0a0;
				font-size: 80%;
				margin: 4px 0 0 0;
				text-align: right;
			}

	/*** Preview ***/

	input.preview {
		cursor: pointer;
		float: right;
		margin-top: -26px;
		padding: 4px 38px;
	}

	input.preview:hover {
		border-color: #000000;
	}

	li.preview {
		border-top: 1px solid #d0d0d0;
		padding-top: 24px;
	}


	/*** Form ***/


	form#comment-form {
		margin: 0 0 40px 230px;
		width: 600px;
	}

		.allowed-xhtml {
			font-size: 90%;
			margin: 4px 0 0 0;
		}

			.allowed-xhtml span {
				background-color: #d0d0d0;
				color: #ffffff;
				cursor: pointer;
				display: inline-block;
				padding: 2px 6px;
			}

			.allowed-xhtml span:hover {
				background-color: #505050;
			}

			.allowed-xhtml code {
				color: #a0a0a0;
			}

		form#comment-form label {
			background-color: #d0d0d0;
			color: #ffffff;
			display: inline-block;
			padding: 5px 6px;
			width: 110px;
		}

		form#comment-form textarea {
			background-color: #f6f6f6;
			margin: 2px 0 0 0;
			width: 588px;
		}

		form#comment-form input[type="text"] {
			background-color: #f6f6f6;
			border-left: 0;
			border-right: 0;
			border-top-color: #f6f6f6;
			margin: 0 0 8px 4px;
			min-width: 200px;
		}

		form#comment-form input[type="submit"] {
			background-color: #303030;
			color: #ffffff;
			cursor: pointer;
			display: block;
			margin: 16px 0 0 0;
			padding: 4px 32px;
		}

		form#comment-form input[type="submit"]:hover {
			background-color: #000000;
		}

		.comment-hinweis {
			background-color: #eaeaea;
			color: #808080;
			font-size: 90%;
			left: 0;
			line-height: 160%;
			padding: 16px;
			position: absolute;
			right: 0;
			text-align: center;
			text-shadow: #ffffff 0 1px 0;
		}



/** Footer **/

footer#meta {
	background-color: #303030;
	border-top: 1px solid #707070;
	clear: left;
	color: #909090;
	margin: 112px -60px 0;
	padding: 30px 0;

}

	footer#meta section {
		padding: 0 60px;
	}

	footer#meta section.etage2 {
		margin-top: 24px;
	}

	footer#meta div {
		border-left: 1px solid #404040;
		display: inline-block;
		min-height: 240px;
		padding: 0 24px;
		text-align: left;
		vertical-align: top;
		width: 260px;
	}

	footer#meta div:first-child {
		border: 0;
		padding-left: 0;
	}

	footer#meta div.besucher {
		border: 0;
		border-top: 1px solid #404040;
		margin: 86px 0 0;
		min-height: 0;
		padding: 24px 48px 0 0;
		position: absolute;
	}

	footer#meta .ofinterest {
		border-top: 1px solid #404040 !important;
		min-height: 0;
		padding-top: 24px;
		width: 910px;
	}

		footer#meta .ofinterest h3 {
			position: static;
		}

		footer#meta .ofinterest ul {
			float: none;
		}

			footer#meta .ofinterest li {
				display: inline-block;
				margin-right: 16px;
			}

		footer#meta p {
			font: italic 120% Georgia, serif;
			max-width: 240px;
		}

			footer#meta img {
				border: 1px solid #606060;
				float: left;
				margin: 0 8px 6px 0;
				padding: 4px;
			}

		footer#meta h3 {
			display: inline-block;
			position: absolute;
			font: italic 150% Georgia, serif;
			margin-right: 16px;
		}

		footer#meta ul {
			float: right;
			list-style-type: none;
			margin: 8px 0 0 0;
			min-width: 110px;
		}

			footer#meta li {
				margin-bottom: 6px;
				padding-bottom: 6px;
			}

			footer#meta li span {
				display: block;
				font-size: 80%;
				padding-top: 2px;
			}