/* 2009 II "MAKE IT BIG" */

/* GLOBAL
---------------------- */
body {
	background: #fff;
	text-align: center;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	line-height: 1.5;
	font-size: 62.5%;
	color: #383d44;
}
* {
	margin: 0;
	padding: 0;
}
a:link,
a:visited {
	color: #1d4f95;
	text-decoration: none;
	border-bottom: dotted 1px #1d4f95;
}
a:hover,
a:focus,
ul.blogroll a:hover {
	color: #2779dc;
	border-bottom: 1px solid #2779dc;
}
ul {
	list-style: none;
}

/* HIDDEN
---------------------- */
ul.blogroll br,
.aural,
.comments-wrapper input.button.disabled {
	display: block;  
	position: absolute;
	overflow: hidden;
	left: -9999px;
	width: 1px;
	height: 1px;
}
/* don't display it at all */
#container.fullsize #context {
	display: none;
}

/* HEADER
---------------------- */
#head {
	background: #383d44;
	position: relative;
}
.logo {
	border-bottom: 1px solid #222;
}
.motto {
	border-top: 1px solid #666;
}
#head h1,
#head h2 {
	margin: 0 auto;
	padding: 0;
}
#head h1 {
	background-image: url(/images/titel.gif);
	background-repeat: no-repeat;
	background-position: 0px 95%;
	border-bottom: 0;
	text-indent: -9999px;
}
#head h1 a {
	display: block; 
	border: 0;
	padding: 70px 0 0;
	color: #fff;
}
#head h2 {
	text-align: left;
	font-weight: normal;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial;
	padding: 4px 0;
	font-size: 140%;
	color: #fff;
}
#head h2 a:link,
#head h2 a:visited,
#head h2 a:hover {
	color: #fff;
	border: 0;
	text-decoration: none;
}
#head h2 a:hover {
	text-decoration: underline;
}

/* LAYOUT
---------------------- */
#head h1,
#head h2,
#container,
#site-info div {
	width: 960px;
}
#container {
	padding: 0;
	margin-bottom: 20px;
	margin: 0px auto;
	padding: 30px 0 0 0;
	background-color: transparent;
}
#content {
	width: 680px;
	float: left;
	text-align: left;
	margin: 15px 0 25px 0;
	background-color: transparent;
}
/* full-size */
#container.fullsize #content {
	width: 100%;
}
.content-body,
.entry ul.cite,
.comments-wrapper,
.content-meta {
	float: left;
	width: 500px;
	padding-left: 120px;
}
.date {
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
}
.content-body {
	line-height: 1.6;
}
#context {
	float: right;
	width: 280px;
	text-align: left;
	margin: 0 0 10px 0;
	background-color: transparent;
}

 /* FOOTER
---------------------- */
#site-info {
	clear: both;
}
#site-info div {
	margin: 0 auto;
}
#site-info p {
	padding: 30px 0 20px;
	text-align: left;
	font-size: 1.2em;
	color: #a6a6a6;
}
#site-info a {
	border-bottom: 1px dotted #a6a6a6;
	color: #a6a6a6;
}
#site-info a:hover {
	color: #7da939;
}

/* ELEMENTS
---------------------- */
.content-title {
	border-bottom: 1px solid #ccc;
	margin: 0 80px 3.5em 0px;
}
.content-title h1 {
	line-height: 1;
}
.entry {
	position: relative;
	clear: both;
	overflow: hidden;
	margin-bottom: 5em;
	padding-bottom: 2em;
}
.entry.solo {
	border: 0;
	margin-bottom: 0;
	padding-bottom: 2.5em;
}
.comments-display {
	clear: both;
	overflow: hidden;
	padding-top: 2em;
}
.comments {
	padding-top: .5em;
}
.comments li {
	position: relative;
	clear: both;
	list-style: none;
	margin-bottom: 3em;
	padding-bottom: 2em;
	font-size: 135%;
	line-height: 1.7;
}
.comments li p {
	font-size: 100%;
}
.entry ul.cite {
	list-style: none;
	width: 550px;
	margin: 0;
	padding-right: 0;
	color: #999;
}
ul.cite li {
	display: inline;
	float: left;
	overflow: hidden;
	padding-right: .4em;
	font-size: 135%;
}
ul.cite li:after {
	content: " · ";
}
ul.cite li.last {
	padding: 0;
}
ul.cite li.last:after {
	content: "";
}
ul.cite li a,
ul.cite a:visited {
	border: 0;
	text-decoration: none;
	color: #999;
}
ul.cite li a:hover {
	border: 0;
	text-decoration: underline;
	color: #2779dc
}
ul.cite li a em {
	position: relative;
	top: -6px;
	font-style: normal;
	font-weight: bold;
	font-size: 1.5em;
}
.comments li ul.cite {
	width: auto;
	float: none;
	margin: 10px 0 0 0;
	padding: 0;
	color: #999;
}
.comments li ul.cite li {
	clear: none;
	margin: 0;
	padding: 0 .4em 0 0;
	font-size: 100%;
}
.comments li ul.cite li.first {
	padding-right: .7em;
}
.comments li ul.cite li a em {
	top: -4px;
	font-size: 1.3em;
}

/* STUFF
---------------------- */
.content-body p,
.content-body ul li,
.content-body  ol li {
	font-size: 135%;
}
h1,
h2,
h3,
#content h4,
dl.archive dt,
.comments-wrapper legend {
	margin: 30px 0 10px;
	text-align: left;
	font-family: georgia, serif;
	color: #383d44;
	font-weight: normal;
}
.content-body h2,
.entry.solo h1 {
	line-height: 1;
}
h1,
.comments-wrapper legend,
h2,
h3 {
	font-size: 240%;
}
#content h1:first-child,
#content h2:first-child,
#content h3:first-child {
	margin-top: 0;
}
#content h4 {
	text-transform: none;
	font-size: 1.4em;
}
h2 a:link,
h2 a:visited,
h3 a:link,
h3 a:visited {
	border: 0;
	text-decoration: none;
	color: #383d44;
}
h2 a:hover,
h2 a:active,
h2 a:focus,
h3 a:hover,
h3 a:active,
h3 a:focus {
	color: #2779dc;
}
p {
	line-height: 1.7;
	text-align: left;
}
.entry p {
	margin: 0 0 1em;
}
.entry ul,
.entry ol {
	margin: 5px 0 12px 20px;
}
.entry ul {
	list-style: disc;
}
blockquote {
	margin: 0 0 10px;
	font-family: Georgia, serif;
	font-style: italic;
}
.content-body blockquote p {
	font-size: 145%;
}
#content img,
#content img {
	display: block !important;
	margin: 0 0 10px 0;
	border: 0;
}
.imgklein {
	float: left;
	margin: 2px 5px 0 0;
	padding: 4px;
	border: 1px solid #e3e5e3;
}
#derive {
	width: 400px; /* old shitty semi-presentational css */
	font-size: 130%;
}
#derive img {
	display: block;
	margin: 20px 0 20px 0;
	border: 0px;
}
.threestars {
	margin: 10px 0;
	text-align: center;
}
.blur {
	border-top: 1px solid #e5e5e5;
	padding: 30px 0 0;
	color: #999;
}
.tagline {
	font-style: normal;
	color: #e5e5e5;
}
.search-result,
.search-results strong {
	background: yellow;
	padding: 3px 5px;
}

/* archive */
#content .archive {
	font-size: 135%;
}
#content dl.archive dt {
	clear: left;
	display: block;
	margin: 0 0 -45px;
	padding: 30px 0 0;
	line-height: .92em;
	font-size: 1.6em;
}
dl.archive dt:first-child {
	padding-top: 0;
}
dl.archive dt a {
	border-bottom: 1px solid #ccc;
	color: #383d44;
}
dl.archive a:hover,
dl.archive a:active,
dl.archive a:focus {
	border-bottom: 0;
	text-decoration: underline;
}
dl.archive dd {
	overflow: hidden;
	width: 500px;
	border-top: 1px solid #e5e5e5;
	margin: 0 0 0 100px;
}
dl.archive dd.archive-month {
	clear: left;
	background: #e5e5e5;
	margin-top: 20px;
}
dl.archive dd.archive-month a {
	padding: 5px 0 5px 10px;
	font-family: Georgia, serif;
	font-size: 1.4em;
}
dl.archive dd em {
	float: left;
	color: #999;
	font-style: normal;
	padding: 10px 5px 0 5px;
}
dl.archive dd a {
	display: block;
	overflow: hidden;
	border: 0;
	padding: 10px 0 5px;
	color: #667;
}
dl.archive dd a:hover,
dl.archive dd a:active,
dl.archive dd a:focus {
	border: 0;
	text-decoration: underline;
}
dl.archive dd:hover {
	background: #eaeaea;
}
.dl.archive:hover a {
	color: #383d44;
}

/* topics */
.topics {
	margin-top: -1em;
	font-size: 135%;
}
.topics a {
	border: 0;
	padding: 0 10px 0 0;
	color: #667;
}
.topics:hover a {
	color: #383d44;
}
.topics a:hover,
.topics a:active,
.topics a:focus {
	border: 0;
	text-decoration: underline;
}

/* verirrt */
ul.blogroll {
	font-size: 140%;
	color: #1d4f95;
}
ul.blogroll li {
	display: inline;
	padding-right: .5em;
	line-height: 1.9;
}
ul.blogroll li:after {
	content: " / ";
}
ul.blogroll li:last-child:after {
	content: ".";
}
ul.blogroll li a {
	border-bottom: 0;
}

/* date & pager */
.date a {
	border: 0;
	padding: 0;
	letter-spacing: -.1em;
	line-height: 1;
	font-family: georgia, serif;
	font-size: 240%;
	color: #a1a1a1;
}
.date a:hover {
	color: #2779dc;
}
.pager {
	clear: both;
	margin: 0 0 40px 0;
}
.prev {
	float: left;
}
.next {
	float: right;
}

/* ROUNDED
---------------------- */
.button li a,
.button li.tweet,
.pager a,
.pager a:visited,
.comments-wrapper input.button,
#context fieldset input,
dl.archive dd.archive-month {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.pager a,
.pager a:visited {
	background: #eaeaea;
	padding: 5px 10px;
	font-size: 1.3em;
	color: #667;
	border: 0;
	text-decoration: none;
}
.pager a:hover,
.page a:focus,
.page a:active {	
	background: #7b828c;
	border-bottom: 0;
	color: #fff;
}

/* SIDEBAR
---------------------- */
h4 {
	margin: 0 0 5px 0;
	text-align: right;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 110%;
	color: #666;
}
.button {
	margin-bottom: 2em;
	padding: 0 0 1em 0;
}
.button ul {
	list-style: none;
	border: none;
	font-size: 100%;
}
.button li {
	margin-bottom: 7px;
}
.button li a,
.button li.tweet {
	display: block;
	background: #e3e3e3;
	border-bottom: 0;
	padding: 5px 15px;
	text-decoration: none;
	font-size: 120%;
	line-height: 1.5;
	color: #667;
}
.button li a:hover,
#context li.active a,
.button li a.active {
	background: #666;
	border-bottom: 0;
	color: #fff;
}
.button li.tweet a:hover {
	text-decoration: underline;
}
.button br {
	display: none;
}
.button li.tweet a {
	display: inline;
	background: none;
	width: auto;
	padding: 0;
	font-size: 100%;
	color: #667;
}

/* quick search */
#context fieldset {
	text-align: right;
	margin: 0 0 30px 0;
	padding: 0;
	border: 0;
	background-color: transparent;
}
#context input {
	width: 100%;
	background: transparent;
	border: 1px solid #999;
	padding: 5px;
	font-size: 1em;
	color: #000;
}
#context input[type=submit] {
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	background-color: #eee;
	cursor: pointer;
}

/* COMMENTS
---------------------- */
.comments-wrapper {
	margin: 0 0 20px 0;
	font-size: 1em;
	color: #666;
}
.comments-wrapper fieldset {
	border: 0;
}
.comments-wrapper label {
	font-size: 135%;
}
.comments-wrapper legend {
	background: transparent;
	border: 0;
	margin: 0;
}
.comments-wrapper div {
	margin: 10px 0 0;
}
.comments-wrapper label.wide {
	display: block;
}
.comments-wrapper input,
.comments-wrapper textarea {
	width: 50%;
	background: transparent;
	border: 1px solid #999;
	padding: 5px;
	font-size: 135%;
	color: #000;
}
.comments-wrapper textarea {
	width: 500px;
	height: 250px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}
.comments-wrapper input:hover,
.comments-wrapper input:focus,
.comments-wrapper textarea:hover,
.comments-wrapper textarea:focus {
	background: #fff;
}
.comments-wrapper input.checkbox {
	width: auto;
}
.comments-wrapper input.button {
	width: 150px;
	border: 0;
	cursor: pointer;
	margin: 10px 5px 0 0;
	color: #fff;
	font-weight: bold;
}
.comments-wrapper input#txpCommentPreview {
	background: #7DA939;
}
.comments-wrapper input#txpCommentSubmit {
	background: #2779DC;
}
.comments-wrapper input#txpCommentPreview:hover,
.comments-wrapper input#txpCommentSubmit:hover {
	background: #7b828c;
}
ul.comments_error {
	margin: 10px 0;
}
ul.comments_error li {
	font-weight: bold;
	color: #7DA939;
}


/* PRINT
---------------------------------- */
@media print {

body {
	color: #000 !important;
	font-family: georgia, times, serif !important;
}
#context,
.comments-wrapper,
txpCommentInputForm,
.blur,
.pager,
.entry ul.cite li.first
.entry.solo ul.cite li.first {
	display: none;
}
/* reset */
.logo,
.motto,
#container,
#head h1,
#head h1 a,
#head h2,
.entry,
.entry.solo,
.content-title,
.content-meta,
.content-body,
.date,
.date a,
.entry ul.cite,
.entry.solo ul.cite,
.comments-display,
.comments li,
#site-info div,
#site-info p,
h2#Kommentar,
h2#Kommentar a {
	position: static;
	background: none;
	border: 0;
	float: none;
	width: auto;
	margin: 0;
	padding: 0;
	text-indent: 0;
	color #000;
}
#head,
.content-title,
.entry,
.entry.solo,
.comments li {
	display: block;
	border-bottom: 1px solid #ccc;
	margin: 20px 0;
	padding: 0 0 10px;
}
.entry,
.entry.solid {
	overflow: visible;
}
.comments li {
	border: 0;
}
#container ul.cite {
	float: none;
	margin: 10px 0 !important;
	padding: 0 0 0;
}
#container ul.cite li {
	float: none;
}
.date a {
	font-size: 1em;
}
#head h1 {
	font-size: 2em;
}
#head h2 {
	font-size: 1.5em;
}
#head h1,
#head h2,
h2#Kommentar {
	font-family: georgia, times, serif;
}
h2#Kommentar {
	font-size: 1.4em;
}

}
