/**********************************************************************/
/* Template: serokratie 2.0                                           */
/* Author: serotonic                                                 */
/*                                                                    */
/**********************************************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del,
dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub,
sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form,
label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	outline: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	background: transparent;
}

body {
	text-align: center;
	font: normal 0.95em georgia, times, serif;
	line-height: 165%;
	color: #555;
	background: url(img/bg.png) repeat-y 49.5% top #fff;
}

a, a:link, a:visited, a:focus, a:hover, a:active {
	color: #6b9201;
	text-decoration: none;
}

q a:before {
	text-decoration: underline !important;
}

a:focus,
a:hover,
.serendipity_entry *[title]:hover,
.serendipity_entry *[title]:focus {
	color: #181e09 !important;
	background: #d0e39c;
}

a:active {
  position: relative;
  top: 1px;
  left: 1px;
}

a.img {display: block;}

img {
	border: none;
	margin: 0;
}

.vignette {
	-webkit-box-shadow: inset 0px 0px 70px rgba(0,0,0,0.3);
	-moz-box-shadow:    inset 0px 0px 70px rgba(0,0,0,0.3);
	box-shadow:         inset 0px 0px 70px rgba(0,0,0,0.3);
	line-height: 0;         /* ensure no space between bottom */
	display: inline-block;  /* don't go wider than image */
	margin-bottom: 1.3em;
}
.vignette img {
	position: relative;
	z-index: -1;            /* position beneath */
	padding: 0 !important;
	margin: 0 !important;
}
p.aftervignette {
	padding-top: 0.6em !important;
}

.candy {
  position: relative;
  padding: 7px;
  text-align: center;
  -webkit-box-shadow: 1px 0 3px #e1e1e1;
  -moz-box-shadow: 1px 0 3px #e1e1e1;
  box-shadow: 1px 0 3px #e1e1e1;
  border: 1px solid #a8a8a8;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: url(img/bordercandybg.jpg) repeat 0 0 #f7faf0;
}

.candy img {
  margin: 5px auto;
  border: 1px solid #888;
  width: 98%;
}

.candy p {
  text-align: left;
}

.candy p.bu {
  margin: 0em 0.5em 0.3em 0.5em ;
  text-align: left;
}

.candy:before, .candy:after {
  position: absolute;
  z-index: -1;
  bottom: 15px;
  width: 50%;
  height: 25%;
  content: "";
  -webkit-box-shadow: 0 14px 10px rgba(0,0,0, 0.6);
  -moz-box-shadow: 0 14px 10px rgba(0, 0, 0, 0.6);
  box-shadow: 0 14px 10px rgba(0, 0, 0, 0.6);
  background: rgba(0, 0, 0, 0.6);
}

.candy:after {
  right: 4px;
  left: auto;
  -webkit-transform: rotate(2deg);
  -moz-transform: rotate(2deg);
  -o-transform: rotate(2deg);
  transform: rotate(2deg);
}

.candy:before {
  left: 4px;
  right: auto;
  -webkit-transform: rotate(-2deg);
  -moz-transform: rotate(-2deg);
  -o-transform: rotate(-2deg);
  transform: rotate(-2deg);
}

.miniaturplusbu {
  width: 192px;
  padding-bottom: 0.75em !important;
  margin-bottom: 0 !important;
}

.miniaturplusbu img {
  margin-bottom: 0 !important;
}

.miniaturplusbu p.bu {
  margin: -0.2em 0 0 0 !important;
  line-height: 100%;
  text-align: left;
}

/* lightbox */

#imageDataContainer {
	min-height: 4em;
	font: normal 0.95em georgia, times, serif;
}

.nachschlag,
.highlight {
  background: #f0f0f0;
  border: 1px dotted #c2c2c2;
  padding: 1em 1em 0.01em 1em;
}

/* .serendipity_comment_author_serotonic .serokratie_comment_content {
  background: #e7f1cd;
  padding: 0.5em 0.75em !important;
}*/

.serokratie_comment_content,
.serendipity_comment h4 {
  margin-left: 143px !important;
  padding-left: 0 !important;
}

hr {
	border-style: solid;
	border-color: #a9a9a9;
	border-width: 1px 0 0 0;
	color: #fff;
}

.highlight a {
  border-bottom: 1px dotted #999;
}
.highlight a:hover {
  border-color: #333;
}

.clearer,
#clearer {
	border-width: 0 !important;
	clear: both;
}

.simpleclear {clear: both;}

hr.sigmarker, hr.sprtr, hr.sub {
	width: 2em;
	border-style: dashed
}

/*** Farben ***/

.light, a.note                                  {color: #888 		!important;}
.dark 						  												    {color: #181e09 !important;}
.color 																	        {color: #7aa600 !important;}
.trivia, .zutaten                               {color: #707070 !important;}

.note, .via, .update, .noteupdate,
.sigmarker, hr.sprtr, hr.sub, address, blockquote,
div.bb-quote, .serokratie_title p,
.serokratie_title p a,
.serendipity_comment_source,
.highlight a:before,
.bu, #sidebar, .serokratie_commentlink a	      {color: #888;}
#navigation a                                   {color: #888 !important;}
.serokratie_comment_source a span,
.serokratie_comment_source a:focus span,
.serokratie_comment_source a:hover span         {color: #666 !important;}
#navigation a:focus, #navigation a:hover	      {color: #181e09 !important;}

.note a, .via a, .update a, .highlight a,
.noteupdate a, .trivia a, .zutaten a,
address a, .serokratie_title h2 a 				      {color: #555 !important;}

.serokratie_entrydate span.day,
.serokratie_comment_source span.number,
.serokratie_comment_source a:hover span.number  {color: #a2c73a !important;}
.serokratie_entrydate span.monthyear			      {color: #fff;}
#sidebar a 																      {color: #7aa600;}
.serendipity_msg_notice 									      {color: #7aa600;}
.serendipity_msg_important								      {color: #d90000;}

.border																		{border: 1px solid #181e09;}
hr.sigmarker, hr.sprtr, hr.sub						{border-color: #888;}
#sidebar																	{border-top: 1px solid #364706;}
.serendipitySideBarItem										{border-bottom: 1px solid #364706;}
hr#divider                                {border-top: 1px dotted #d5d5d5;}
hr#divider                                {color: #fff;}

.trivia, .zutaten                         {background: #d0e39c;}
blockquote.small 													{background: url(img/blockquote-small.png) no-repeat 0px 5px #fff;}
.important			 													{background: url(img/important.png) no-repeat 0px 0px #fff;}

/*** Before/After/quotes ***/


a:before															{content: "» "; letter-spacing: -0.05em; white-space: nowrap;}

a.img:before,
a.object:before,
.serokratie_commentlink a:before,
.serokratie_title h2 a:before,
.serokratie_title p a:before,
.serokratie_archiv_summary a:before,
.hentry h3 a:before,
.hentry h4 a:before,
.serendipity_comment_source a:before,
.serokratie_comment_source a:before,
.serokratie_archiv dd a:before,
#flickr a:before,
#tumblr a:before,
#trackbacks a:before,
#serokratie_blogroll a:before,
#serendipity_pageFooter a:before,
#TB_window a:before, a.cc:before		  {content: "";}

q a:before, div.galerie a:before,
#lightbox a:before        {content: "" !important;}

a[href*=".rss"]:before								{content: url(img/xml.gif);}

p.bu cite:before,
blockquote cite:before,
.brackets:before                      {content: "("}
p.bu cite:after,
blockquote cite:after,
.brackets:after                       {content: ")"}

.brackets .brackets:before						{content: "[";}
.brackets .brackets:after							{content: "]";}
.update:before 												{content: "Breaking News, my dear: "; font-weight: bold;}
.link:before 													{content: "[Gehen Sie doch auch mal nach: ";}
.via:before 													{content: "Via ";}
.edit:before 													{content: "[Edit: ";}
.edit:after, .link:after							{content: "]";}
.trivia:before 												{content: "Fun Fact:"; font-weight: bold;}
.noteupdate:before,
.longupdate:before										{content: "Breaking News, my dear:"; font-weight: bold;}
.serokratie_title p a 								{white-space: nowrap;}

q           {quotes: '»' '«';}
q q, q.shy 	{quotes: '›' '‹';}

cite:before, cite:after, q:before, q:after	{padding: 0.1em;}

/*** Weitere Typo ***/

.trivia, blockquote.small,
.sidenote, .important, #sidebar					  {line-height: 160%;}
#serendipity_CommentForm p.serendipity_msg_notice,
h2,.serokratie_comment_content,.zutaten	  {line-height: 115%;}
.serokratie_comment_source span.timestamp {line-height: 95%;}
h3, h4, h5, #footer,
#serendipity_trackbacklist							  {line-height: 130%;}

em, .intro, q, q:before, q:after, .update, .update:before, .update:after,
.noteupdate, .noteupdate:before, .noteupdate:after, .link, .link:before, .link:after,
p cite, cite,
.serendipity_comment_source, .trivia, .zutaten, blockquote.small, .sidenote, .important, #footer, .bu, #sidebar {
	font-style: italic;
}

strong, dt, #commentform_userdata label, #commentform_text label,
.serendipity_msg_important, .serendipity_msg_notice, .serendipity_msg_notice,
.serendipity_challengeresponse:before {font-weight: bold;}

p cite, cite.inl {
	display: inline;
}

p.bu cite, blockquote cite, .update, .link, .via, .bu {
	display: block;
}

.trivia, .zutaten, blockquote.small,
div.galerie a, div.galerie img,
.sidenote, .important	                            {float: left;}
.floatleft 																				{float: left; margin: 0.3em 25px 10px 0;}
.floatright																				{float: right; margin: 0.3em 0 10px 25px;}

.trivia, .zutaten, blockquote.small, .sidenote {
	width: 145px;
	padding: 15px 18px;
	margin: 0.5em 20px 20px 0;
}

div.galerie {
  width: 100%;
  overflow-x: hidden;
}

div.galerie p {
  width: 650px !important;
}

div.galerie p a,
div.galerie p img {
  display: block;
  width: 190px;
  margin-right: 15px;
}

div.galerie p a img {
  width: auto !important;
  margin-right: 0px !important;
}

.zutaten {
	padding-top: 0px;
}

ul.medialist {
  margin-left: 0 !important;
  padding-left: 25px !important;
}

.medialist li {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.medialist li span, .medialist li a.fb {
  float: right;
}

.buecher li {
  margin-bottom: 0.5em !important;
}

.medialist a.note:before,
.medialist a.fb:before {
  content: "";
}
.medialist a.note:before {
  padding-right: 0.1em;
  content: "(";
}
.medialist a.note:after {
  content: ")";
}

table.medialist tr:hover,
ul.medialist li:hover {
  background: #e7f1cd;
}

table.medialist th {
  width: 220px;
}

table.medialist {
  border-collapse: collapse;
  margin-bottom: 3em;
}

table.medialist col.staffel {
  width: 100px;
}

table.medialist col.bewertung {
  width: 180px;
}

.important {
	width: 135px;
	padding: 15px 10px 0 36px;
	margin: 0.5em 30px 20px 0;
}

.serokratie_commentlink, .bu, .bu cite, cite {text-align: right;}

#serokratie_blogroll 									{-moz-column-count: 3; -moz-column-gap: 25px;}
#content .serendipitySideBarItem ul 	{-moz-column-count: 2; -moz-column-gap: 10px;}

.serokratie_entrydate span.monthyear 													{text-transform: uppercase;}
.serokratie_staticpage .serokratie_entrydate span.monthyear 	{text-transform: none;}
#serendipity_CommentForm p.serendipity_msg_notice,
h1, h2, h3, h4, h5, h6 																				{font-weight: normal;}

#serendipity_CommentForm p.serendipity_msg_notice {font-size: 250%;}
.serokratie_title h2 									{font-size: 160%;}
.serokratie_entrydate span.day,
.serendipity_comment h4,
.serendipity_commentBody a						{font-size: 110%;}
.serokratie_comment_source span.number{font-size: 115%;}
.serokratie_entrydate span.monthyear	{font-size: 55%;}
.trivia, .zutaten, blockquote.small,
.sidenote, .important, #jumptoform		{font-size: 80%;}
.bu, #sidebar													{font-size: 90%;}

/*** Abstände Typo ***/

.serokratie_title h2 												{margin: 0.5em 0 0 0;}
.serokratie_title h2 .serokratie_entrydate	{margin-top: -0.05em;}

p, dl, ul, ol, blockquote, address, img, object, div.bb-quote, div.dialog
.serendipity_entry li, .serendipity_entry li, .serendipity_comment h4, .candy,
#commentform_userdata input, #serendipity_commentform_comment, .serendipity_comment_source,
.serendipity_challengeresponse, iframe {
								  						 margin-bottom: 1em;}
div.dialog 										{margin-bottom: 1em !important;}
ol.semi, ul.semi 							{margin-bottom: 1em;}
.serokratie_comment_source span.timestamp,
ol.semi li, ul.semi li,
p.break, .pic.img             {margin-bottom: 0;}
h3.semi 											{margin-bottom: 0.25em;}
h1, h2, h3,
h2.serendipity_msg_important	{margin-bottom: 1em;}
.serokratie_comment_source span.timestamp {margin-bottom: 0.5em;}
h3            								{margin-top: 1.5em;}
h4, dt                        {margin-top: 1em;}
img.floatleft, img.floatright	{margin-top: 0em;}
.bu														{margin-top: -1.5em;}
div.highlight > h3            {margin-top: 0em !important;}
.serokratie_comment_source span.timestamp {margin-top: -0.3em;}
#serendipity_trackbacklist		{margin-top: -0.6em;}
.serendipity_entry_body h2,
.nachschlag		                {margin-top: 2.5em}
div.bb-code-title 						{margin-top: 0.7em;}
h3, h4						 						{margin-right: 100px;}

.sigmarker, .sprtr, .sub			{margin: 2em 0 0.3em 0 !important;}
.nachschlag .sigmarker,
.nachschlag .sprtr,
.nachschlag .sub  				    {margin: 0 0 0.3em 0 !important;}
.hentry hr										{margin: 2em 0;}
.serendipity_comment hr				{margin: 2em 0;}
#comments h3                  {margin: 30px 0;}
hr#divider                    {margin: 80px 0 30px 0;}

div.dialog p, p.dialog  			{margin-bottom: 0; text-indent: 10px;}
p.indent                      {text-indent: 1.5em;}
div.nocommentlink							{margin-bottom: 1em; height: 1em;}

blockquote							 			{padding: 0 0 0 90px; background: url(img/blockquote.png) no-repeat 0px 5px #fff;}
div.bb-quote 									{padding: 0.2em 0 0.7em 0;}

#serendipity_CommentForm p.serendipity_msg_notice {margin: 100px 0 400px 0;}

/*** Abstände Layout ***/

.serokratie_title 						{margin-bottom: 40px;}
#sidebar 											{margin-bottom: 12em;}
hr.end	 											{margin-bottom: 80px;}

#serendipity_CommentForm 			      {margin-top: 60px;}
#serendipity_CommentForm.nocomment  {margin-top: 0px !important;}

#commentform_options p 				{margin-top: 0.7em;}
#jumptoform										{margin: 0 0.4em;}

#content .serendipitySideBarItem h3,
#content .serokratie_archiv h3 						{margin-top: 0px;}
.serokratie_entrydate span.monthyear      {margin-top: -0.6em;}

.serendipity_entry_body ol,
.serendipity_entry_body ul 		{padding-left: 40px;}
.zutaten ul 		              {padding-left: 10px;}
.serokratie_title p,
.serokratie_comment_content		{padding-left: 142px;}
.serokratie_commentlink       {padding-right: 1em;}


#commentform_options 							{padding: 1.4em 0 5em 0;}
#trackbacks .serendipity_comment 	{padding: 1em 0; border-bottom: 1px solid #d0e39c;}
.serendipitySideBarItem 					{padding: 20px 0;}

/*** Ausblenden ***/

h6 { /* Struktur */
	position: absolute;
	top: -200em;
	left: -200em;
}

.temp, .author, #serokratieMainMenu label {
    position: absolute;
    top: -200em;
    left: -200em;
}

.sidebar, .serendipity_edit_nugget, .serendipity_comment_bbcode, .serendipity_comment_spamblock,
.serendipity_karmaVoting, .serendipity_karmaVoting_exits_sep, .serendipity_karmaVoting_exits,
.serendipity_karmaVoting_exits_num, #serendipity_CommentForm legend,
#serendipity_trackbacklist .serendipity_comment_source b,
#serendipity_trackbacklist .serendipity_comment_source br,
.category_link_all,
.serendipity_comment_unstrip_tags,
.serendipity_challengeresponse br {
	display: none !important;
}

#skiplinks {
	display: inline;
	height: 1px;
	width: 1px;
	overflow: hidden;
}


#skiplinks a {
    position: absolute;
    top: -200em;
    left: -200em;
}

#skiplinks ul,
#skiplinks ul li {
	list-style-type: none;
	display: inline;
	margin-left: 0;
	padding-left: 0;
}

#skiplinks a:focus {
    display: block;
    top: 10px;
    left: 10px;
}

/*** Layout ***/

#wrapper {
	margin: 0 auto;
	width: 940px;
	padding-bottom: 40px;
	text-align: left;
}

#content {
	float: left;
	width: 600px;
}

#sidebar {
	margin-left: 660px;
	width: 280px;
}

#serendipity_pageFooter {
	text-align: left;
}

#footer {
	width: 280px;
	margin: -6.65em 0 0 660px;
}


/*** Bildersetzung ***/

#serendipitySideBarItem,
#wrapper,
#sidebar h5 {
	position: relative;
}

#serendipity_banner h1,
#serendipity_banner h1 a span,
#serendipity_banner p,
#serendipity_banner p span,
#sidebar h5 span {
	position: absolute;
}

#serendipity_banner h1 a,
#serendipity_banner p,
#serendipity_banner p span,
#serendipity_banner h1 a span,
#sidebar h5,
#sidebar h5 span {
	display: block;
	height: 100%;
	width: 100%;
}

#serendipity_banner h1 a span,
#serendipity_banner p span,
#sidebar h5 span {
	top: 0;
	left: 0;
}

/*** Header ***/

#serendipity_banner {
	height: 300px;
}

#serendipity_banner h1 {
	height: 76px;
	width: 336px;
	top: 84px;
	left: 265px;
	overflow: hidden;
}

#serendipity_banner p {
	height: 52px;
	width: 260px;
	top: 112px;
	right: 19px;
}

#serendipity_banner h1 a span {
	background-image: url(img/header.png);
}

#serendipity_banner p span {
	background-image: url(img/header-sub.png);
}

/*** Sidebar ***/

#sidebar h5 {
	width: 259px;
	height: 18px;
	padding-left: 1px;
	margin-bottom: 0.5em;
}

#flickr,
#tumblr {
	height: 200px;
}

#flickr div.flickr_badge_image,
ul.tumblr li {
  display: block;
  width: 75px;
  height: 75px;
  overflow: hidden;
  float: left;
  margin: 0 18px 10px 0;
  outline: 1px solid #000;
}

ul.tumblr li,
ul.tumblr li a.txtlink:hover  {
  background: #333b1f;
}

ul.tumblr li a.txtlink {
  display: block;
  padding: 8px 5px;
  width: 65px;
  height: 59px;
  line-height: 120%;
  font-size: 0.8em;
  color: #111 !important;
}

ul.tumblr li a {
  display: block;
  height: 75px;
}

#tumblr p,
ul.tumblr li a.tumblr-post-date {
  display: none;
}

#navigation li {
	list-style: none;
}

#about h5 span {
	background-image: url(img/about.png);
}

#suche h5 span {
	background-image: url(img/suche.png);
}

#navigation h5 span {
	background-image: url(img/navigation.png);
}

#flickr h5 span {
	background-image: url(img/flickr.png);
}

#tumblr h5 span {
	background-image: url(img/tumblr.png);
}

#blogroll h5 span {
	background-image: url(img/blogroll.png);
}

/*** Einräge ***/

.serokratie_entrydate,
.serokratie_comment_source {
	display: block;
	float: left;
	margin: 0 20px 20px 0;
	background: #7aa600;
}

.serokratie_entrydate > span,
.serokratie_comment_source > a  {
	display: block;
	margin-left: 27px;
	min-width: 70px;
	padding: 4px 15px 4px 10px;
	border-left: 1px solid #fff;
	background: #181e09;
}

.serokratie_comment_source a.trace:hover {
	background: #181e09;
}

.serokratie_entrydate span.day,
.serokratie_entrydate span.monthyear,
.serokratie_comment_source a.trace,
.serokratie_comment_source span.timestamp {
	display: block;
}

#content .serendipitySideBarItem {
	padding: 0px;
	border: 0;
}

#content .serendipitySideBarItem li, ul.linklist li {
	list-style: none;
}

.serokratie_archiv {
	height: 20em;
	width: 27%;
	float: left;
	margin-right: 5%;
}

.serokratie_archiv dl {
	line-height: 120%;
	clear: left;
	margin: 0;
}

.serokratie_archiv dt {
	margin: 0;
	width: 4.5em;
	float: left;
	font-weight: normal;
}

.serokratie_archiv dd {
	padding: 0;
	text-align: right;
}

/*** Kommentare und Trackbacks ***/

div.serendipity_comment {
  position: relative;
}

span.gravatar {
  float: left;
}

#konversation {
  text-align: right;
	margin: -25px 0 100px 0;
}

#flattr, #gplus, #fblike {
	display: inline;
	margin-left: 10px;
}

#flattr iframe, #fblike iframe, #gplus {
  height: 27px;
}

.serendipity_comment hr.clearer {
	border-top: 1px solid #d0e39c !important;
	width: 100%;
}

#trackbacks .serendipity_comment a 			{display: none;}
#trackbacks .serendipity_commentBody a,
#trackbacks .serendipity_comment_source	a {display: inline;}

/*** Formulare ***/

.frm {padding: 0.2em;}
input.frm {width: 200px;}
textarea.frm {width: 98%; height: 12em;}

#suche input {width: 275px; color: #a6a6a4; background: #666; border: 1px solid #666;}
#suche input:focus, #suche input:hover {color: #181e09; background: #7aa600; border: 1px solid #7aa600;}

#commentform_userdata input, #serendipity_commentform_comment, .serendipity_challengeresponse input {
	background-color: #f9f9f9; border: 1px solid #999; outline: 1px solid #fff;
}

.serendipity_challengeresponse:before {
  display: block;
  content: "Schlag den Bot: ";
}

.serendipity_challengeresponse input {
  margin-left: 0.5em;
  padding: 0.2em;
}

#commentform_userdata input:focus, #commentform_userdata input:hover, #commentform_userdata input:active,
#serendipity_commentform_comment:focus, #serendipity_commentform_comment:hover, #serendipity_commentform_comment:active,
.serendipity_challengeresponse input:focus, .serendipity_challengeresponse input:hover, .serendipity_challengeresponse input:active
{background-color: #d0e39c; color: #181e09; border: 1px solid #d0e39c; outline: 1px solid #000;}