/* colors:
 * #e87b6d <-- #e9b96e --> #dae86d   sinngem
 *
 */
* {
	margin: 0; padding: 0;
	cursor: default;
}

html, body {
	background-color: #fff;
	color: #000;
	font: normal normal normal medium/1.2 "Bitstream Vera Sans", "Calibri", "Verdana", sans-serif;
}

#page {
	padding-top: 20px;
	background: url(img/bg-top-grad-opaque.png) repeat-x 0 0;
}

#head {
	color: #000;
	min-height: 73px;
	z-index: 123;
}
#title h1 { text-align: center; }
#title a:link, #title a:visited, #title a:hover, #title a:focus, #title a:active {
	text-decoration: none;
	color: #000;
	color: rgba(0,0,0,0.5);
	font: normal normal normal 150%/65px "Calibri", "Trebuchet MS", sans-serif;
	margin: -0.25ex -0.4ex;
	padding: 0.25ex 0.4ex;
	-moz-border-radius: 0.5ex; border-radius: 0.5ex;
}
#title a strong {
	font-weight: bold;
	color: #000;
}
#title a:hover, #title a:focus, #title a:hover *, #title a:focus * {
	color: #fff;
	background-color: #4938cf;
}

#headext {
	background-color: #dae86d;
}
#extcont1 {
	width: 42em;
	margin: 0 auto;
	padding: 1em 0 0 0;
/*	padding: 40px 40px 0 40px;*/
}
#extcont2 {
	padding: 0 0 1em;
	background-color: #f4ff9e;
	-moz-border-radius: 1em; border-radius: 1em;
}
#headext h2 { display: none; }
#headext .sidebar { margin-top: 1em; }

#extbtn:link, #extbtn:visited, #extbtn:active, #extbtn:focus, #extbtn:hover {
	position: absolute; position: fixed; top: 0; left: 0; right: 0;
	font-size: 70%;
	background: #dae86d url(img/extender_closed.png) repeat-x 50% 50%;
	color: #000;
	opacity: 0.85;
	padding: 2px 0;
	text-align: center;
	text-decoration: none;
	z-index: 123;
}
#extbtn span {
	background-color: #dae86d;
	padding: 0 5px;
}
#extbtn:hover {
	background-color: #e8b96d;
	color: #000;
}
#extbtn:hover span { background-color: #e8b96d; }
#extbtn.out { background-image: url(img/extender_open.png); }


#content {
	line-height: 1.3;
	color: #000;
}

.navigation {
	font-size: 80%;
	display: table;
	table-layout: fixed;
	margin: 0 auto;
	width: 100%;
}

.navigation .left {
	text-align: right;
	padding-right: 2ex;
	display: table-cell;
}
.navigation .right {
	text-align: left;
	padding-left: 2ex;
	display: table-cell;
}
.left a::before { content: '« '; }
.right a::after { content: ' »'; }

a:link, a:visited, a:active {
	text-decoration: underline;
	color: inherit;
	cursor: pointer !important;
}

a:link *, a:visited *, a:active *, a:focus *, a:hover * {
	cursor: pointer !important;
}


a:focus, a:hover {
	text-decoration: underline;
	color: #cf4938;
}

a:visited:focus, a:visited:hover {
	text-decoration: underline;
	color: #4938cf;
}

img {
	border: none;
}


h2.pagetitle {
	font: inherit;
	font-size: 110%;
	text-align: center;
	margin: -1em 0 1.5em 0;
	color: #000;
	opacity: 0.65;
}


.post {
	width: 42em;
	max-width: 95%;
	margin: 1em auto 8em auto;
}

.post h2 { font: normal normal bold 130%/1 "Trebuchet MS", sans-serif; }

.post h2 a:link, .post h2 a:visited, .post h2 a:active {
	text-decoration: none;
	margin: -0.5ex -0.75ex;
	padding: 0.5ex 0.75ex;
	-moz-border-radius: 0.5ex; border-radius: 0.5ex;
}

.post h2 a:hover, .post h2 a:focus {
	background-color: #9538cf;
	color: #fff;
	text-decoration: none;
}


.post .tmeta {
	margin-bottom: 1em;
}

/* fancy date display, inspired by content.stamen.com */
.post .date {
	font: normal normal bold 98%/1 Helvetica, Arial, sans-serif;
	position: relative;
	float: right;
	margin: -0.49em 0 0 0;
	width: 5.25em;
}

.post .date * {
	display: block;
	line-height: 1;
	letter-spacing: -0.2ex;
}

.post .date .day {
	width: 1.05em;
	text-align: right;
	font-size: 240%;
}

.post .date .punctuation { display: none; }

.post .date .month, .post .date .year {
	position: absolute;
	text-align: center;
}
.post .date .year {
	top: 1em;
	left: 2.4em;
	width: 2.1em;
	font-size: 110%;
}
.post .date .month {
	z-index: 123;
	top: 0.15em;
	left: 2.3em;
	width: 2.0em;
	font-size: 115%;
}

.date a:link, .date a:visited, .date a:active {
	color: #000;
	text-decoration: none;
}
.date a:hover, .date a:focus {
	color: #cf4938 !important;
	text-decoration: none;
}

.date:hover {
	background-color: #cf4938;
	-moz-border-radius: 0.5ex; border-radius: 0.5ex;
}
.date:hover a {
	color: #fff;
	opacity: 0.25;
}
.date:hover a:hover, .date:hover a:focus {
	color: #fff !important;
	opacity: 1;
}




.post .info p.tags {
	font-size: 80%;
	opacity: 0.7;
	max-width: 80%;
}

.post, .navigation {
	clear: both;
}


img.right {
	float: right;
	margin: 0 0 0.25em 0.5em;
}

/* fancy comments button */
.post p.comments {
	float: right;
	display: block;
	margin: 0 0 0 0.5em;
}
.post p.comments a, .post p.comments a:link, .post p.comments a:visited, .post p.comments a:active {
	color: #fff;
	text-decoration: none;
	background-color: #3881cf;
	padding: 1.3ex 0.8ex;
	-moz-border-radius: 0.5ex; border-radius: 0.5ex;
	display: block !important;
}
.post p.comments a:hover, .post p.comments a:focus {
	color: #fff !important;
	text-decoration: none;
	background-color: #2a619c;
}
.comments a em, .comments a span {
	display: block;
	text-align: center;
}
.comments em {
	font-size: 150%;
	letter-spacing: -0.25ex;
	line-height: 0.6;
	font-style: normal;
	font-weight: bold;
}
.comments span {
	font-size: 70%;
	letter-spacing: -0.1ex;
	padding-top: 1ex;
	line-height: 0.8;
}



/* Icons */
a[rel~=category], a[rel~=tag], #new-tag-cloud h2 { padding-left: 20px; background: url(img/tag_blue.png) no-repeat 0 50%; }
a[href$="/feed/"] { padding-left: 20px; background: url(img/feed.png) no-repeat 0 50%; }
a[href$="/trackback/"][href^="http://pascal.germroth.name/"] { padding-left: 20px; background: url(img/bell.png) no-repeat 0 50%; }
#archives h2 { padding-left: 20px; background: url(img/time.png) no-repeat 0 50%; }
#categories h2 { padding-left: 20px; background: url(img/chart_organisation.png) no-repeat 0 50%; }
#calendar h2 { padding-left: 20px; background: url(img/calendar.png) no-repeat 0 50%; }
.widget_links h2 { padding-left: 20px; background: url(img/heart.png) no-repeat 0 50%; }

p.note, p.message {
	background: url(img/note.png) no-repeat 0 1em;
	padding-left: 20px;
	font-size: 80%;
	margin-top: 0;
	padding-top: 1em;
}

.entry p.via {
	text-align: right;
	font-size: 75%;
}

p.message.moderation {
	background-image: url(img/accept.png);
}

/* XFN */

/*met*/
a[rel~=co-resident], a[rel~=neighbor], a[rel~=me] { padding-left: 20px; background: url(img/house.png) no-repeat 0 50% }
/*child parent sibling spouse kin*/

a[rel~=contact], a[rel~=acquaintance] { padding-left: 20px; background: url(img/user_gray.png) no-repeat 0 50% }
a[rel~=friend] { padding-left: 20px; background: url(img/user.png) no-repeat 0 50% }
a[rel~=co-worker], a[rel~=colleague] { padding-left: 20px; background: url(img/user_suit.png) no-repeat 0 50% }
a[rel~=muse], a[rel~=crush], a[rel~=date], a[rel~=sweetheart] { padding-left: 20px; background: url(img/user_female.png) no-repeat 0 50% }


.entry p, #comments p, .entry dl {
	text-align: justify;
	margin: 0.5em 0;
	line-height: 1.4;
}


.tag-music .bandimg img, p.bigimage img {
	width: 100%;
	height: auto;
}

p.bigimage a::after {
	content: attr(title);
	font-size: 80%;
}
p.bigimage a {
	text-decoration: none !important;
}

p.blackborder {
	background-color: #000;
	color: #fff;
	margin: 0.5em -5px;
	padding: 5px;
}


.entry blockquote {
	margin: 0.5em -13px;
	padding: 0.1px 10px;
	border-left: 3px solid #e82771;
}

.entry blockquote *:first-child, .entry dl *:first-child { margin-top: 0; }
.entry blockquote *:last-child, .entry dl *:last-child { margin-bottom: 0; }

.entry blockquote span {
	opacity: 0.8;
}

.entry dt {
	font-weight: bold;
	float: left;
	clear: both;
	padding-right: 1ex;
}
.entry dd {
	margin: 0 0 0.5em 2ex;
}
.entry dl.chat dt {
	font-size: 90%;
	font-weight: normal;
	color: rgba(0,0,0,0.7);
	float: none;
}
.entry dl.chat dt cite {
	color: #000;
}
.entry dl.chat dd {
	margin: 0 0 0.2ex 2ex;
}

.entry table {
	margin: 0.5em auto;
	background-color: #f4ffb8;
	border: 1px solid #8b9169;
	border-collapse: collapse;
}
.entry thead td, .entry thead th {
	text-align: left;
	border-bottom: 1px solid #8b9169;
	background-color: #dee8a7;
}
.entry td, .entry th { padding: 0.25ex 1.25ex; }
.entry tbody td { border-right: 1px solid #8b9169; }

.bigmeta, .comments-meta {
	font-size: 85%;
	opacity: 0.8
}

ul.related li { list-style: none outside; }
ul.related {
	margin: 1em 2em;
	font-size: 90%;
}
ul.related:lang(de)::before { content: "Ähnliche Artikel: "; }
ul.related:lang(en)::before { content: "Related Posts: "; }
ul.related::before {
	opacity: 0.8;
}

.bigmeta, #comments ol {
	padding-top: 4em;
}

#comments ol {
	list-style: none outside;
}

#comments li {
	margin: 0 -40px 2em -20px;
	padding: 1ex 20px;
	background: url(img/bell.png) no-repeat 0 1ex;
}
#comments li.comment {
	background-image: url(img/comment.png);
}
#comments li.trackback, #comments li.pingback {
	font-size: 90%;
}
#comments li.blog-user {
	background-color: #cce4ff;
}


#comments p.meta {
	margin: 0 0 0.25em 0;
	padding: 0;
	font-size: 80%;
	color: rgba(0,0,0,0.7);
}
#comments p.meta cite {
	color: #000;
}

form { margin-top: 4em; }
form h3 {
	font: inherit;
	font-weight: normal;
	font-size: 112%;
}

form p { margin: 0.25em 0 ; }

form label span {
	font-size: 80%;
	padding-left: 20px;
}

form label.required span {
	background: url(img/pencil.png) no-repeat 0 50%;
}

form input, form textarea {
	font: inherit;
	width: 50%;
}
form textarea {
	display: block;
	width: 100%;
}
form button span {
	padding: 5px 10px 5px 25px;
	display: block;
	background: url(img/comment_add.png) no-repeat 5px 50%;
}




.entry ul, .entry ol {
	margin-left: 3ex;
}


#footer {
	width: 80%;
	padding: 4em 0;
	margin: 4em auto 0;
}

.sidebar {
	font-size: 80%;
	display: table;
	width: 100%;
	margin: 2em auto 0;
	table-layout: fixed;
}

.sidebar > div {
	display: table-row;
}

.sidebar > div > div {
	display: table-cell;
	vertical-align: top;
	padding: 0 2ex;
}

.sidebar ul {
	display: table;
	margin: 0 auto;
	list-style: none outside;
}

.sidebar h2 {
	font-size: inherit;
	font-weight: bold;
	text-align: center;
	margin: 0 auto 0.75em auto;
	display: table;
}

.sidebar caption { display: none; }

.sidebar table { margin: 0 auto; }
.sidebar table th { font-weight: normal; font-size: 70%; color: rgba(0,0,0,0.6) }
.sidebar table td { padding: 3px; text-align: center; color: rgba(0,0,0,0.6) }
.sidebar table a:link, .sidebar table a:visited, .sidebar table a:active { color: #000; }
.sidebar table a:hover, .sidebar table a:focus { color: #cf4938; }
#today { color: #fff; background-color: #000 }
#today a { color: #fff; }


.widget_links ul {
	display: block;
	text-align: justify;
}
.widget_links li {
	display: inline;
	padding-right: 1ex
}

#new-tag-cloud p { font-size: 90%; text-align: justify }


#std {
	margin: 0 auto;
	padding-top: 3em;
	font-size: 75%;
	text-align: center;
}
#std p {
	margin-bottom: 1.5em;
}

#impressum {
	width: 60%;
	margin: 3em auto;
}
#impressum::before {
	content: 'Impressum';
	font-weight: bold;
	font-size: 90%;
}
#impressum p { margin: 0; padding: 0 }
#impressum address {
	display: table;
	margin: 0 auto; padding: 0;
	text-align: left;
	font-style: normal;
}




p.image { text-align: center; }



hr {
	width: 50%;
	margin: 1em auto;
	padding: 0;
	height: 0;
	border: none;
	border-top: 1px dotted #000;
	opacity: 0.25;
}


pre, code, kbd {
	font: normal normal normal 100%/1.4 "Consolas", "Lucida Console", monospace;
	line-height: inherit;
	vertical-align: baseline;
	white-space: pre-wrap;
}

pre {
	margin: 0.5em -13px;
	padding: 0.1px 10px;
	border-left: 3px solid #2771e8;
}

cite { font-style: normal; }

q, q:lang(en) { quotes: '‘' '’' '“' '”'; }
q:lang(de) { quotes: '„' '“' '‚' '‘'; }
q:lang(fr) { quotes: '«' '»' '‹' '›'; }
q::before { content: open-quote; }
q::after { content: close-quote; }


/* for prettify */
/* Pretty printing styles. Used with prettify.js. */

/*String*/.str { color: #f8f; }
/*Keyword*/.kwd { color: #ff8; }
.com { color: #8ff; font-style: italic; }
.typ { color: #6f6; font-weight: bold; }
.lit { color: #f66; }
/*()[]{},<<...*/ .pun { color: #8ff; }
/*Identifier*/ .pln { color: #fff; font-style: italic; }
.tag { color: #ff8; font-weight: bold; }
.atn { color: #6f6; }
.atv { color: #f8f; }
.dec { color: #6f6; }


.hilite { /* search engines */ }



/* smileys! */
.smiley span { display: none; }
code .smiley span, pre .smiley span { display: inline; }

.smiley {
	display: inline-table; width: 16px; height: 16px;
	background: url(img/emoticon_smile.png) no-repeat 0 0;
}

.smiley-grin { background-image: url(img/emoticon_grin.png); }
.smiley-smile { background-image: url(img/emoticon_smile.png); }
.smiley-happy { background-image: url(img/emoticon_happy.png); }
.smiley-surprised { background-image: url(img/emoticon_surprised.png); }
.smiley-tongue { background-image: url(img/emoticon_tongue.png); }
.smiley-unhappy { background-image: url(img/emoticon_unhappy.png); }
.smiley-wink { background-image: url(img/emoticon_wink.png); }

code span.smiley, pre span.smiley { padding: 0; height: auto; background: none; }



*::selection, .hilite {
	color: inherit;
	background-color: #efff78;
	text-decoration: inherit;
}

*::-moz-selection, .hilite {
	color: inherit;
	background-color: #efff78;
	text-decoration: inherit;
}


img {
	border: none;
}




/* album charts */
#lastfm-records ul {
	/* (52px + 2 * 3px) * 4 = */
/*	max-width: 232px;*/
	margin: 0 auto;
}
#lastfm-records {
	text-align: center;
}

#lastfm-records li {
	display: inline;
	margin: 0; padding: 0;
}

#lastfm-records a:link img, #lastfm-records a:visited img, #lastfm-records a:active img {
	border: 3px solid transparent;
	width: 52px; height: 52px; /* ohhh dirrrrty */
}
#lastfm-records a:hover img, #lastfm-records a:focus img {
	border: 3px solid #cf4938;
}


/* recent comments */
#recentcomments-excerpt a cite {
	opacity: 0.7;
}

#recentcomments-excerpt a:link, #recentcomments-excerpt a:visited, #recentcomments-excerpt a:active {
	text-decoration: none !important;
	display: block;
	overflow: hidden;
	height: 3.6em;
	text-align: justify;
	padding: 0.25ex 0.4ex;
	margin: 0.5em 0;
	-moz-border-radius: 0.5ex; border-radius: 0.5ex;
}
#recentcomments-excerpt a:hover, #recentcomments-excerpt a:focus {
	background-color: #cf4938;
	color: #fff;
}

p.biglink {
	text-align: center;
	font-size: 125%;
}
p.biglink a {
	display: block;
	background-color: #e0e0e0;
	-moz-border-radius: 0.5ex; border-radius: 0.5ex;
	padding: 0.25em 0;
}
p.biglink a:hover, p.biglink a:focus {
	background-color: #d0d0d0;
}