/*
Theme Name: Bluesome Crisp
Theme URI: http://bluesome.net
Description: Based on <a href="http://warpspire.com">Kyle Neaths</a> Hemingway and a bunch of Hemingway derivates. Providing a crisp look with the sidebar residing on the bottom of the page.
Version: 1.3.1
Author: S&ouml;ren Weber
Author URI: http://bluesome.net
*/

/*---------------------------------------------------------------------------
  Base Styles
---------------------------------------------------------------------------*/

*{
	margin: 0;
	padding: 0;
}
a img{
	border: none;
}
h1, h2, h3, h4, h5, h6{
	font-family: Georgia, Tahoma, Verdana, Serif;
	margin: 1em 0;
}
h1{
	font-size: 2.25em;
}
h2{
	font-size: 1.7em;
	font-variant: small-caps;
}
h3{
	font-size: 1.55em;
	font-variant: small-caps;
}
h4{
	font-size: 1.4em;
	font-variant: small-caps;
}
h5{
	font-size: 1.25em;
	font-variant: small-caps;
}
h6{
	font-size: 1.1em;
	font-variant: small-caps;
}
p{
	line-height: 1.75em;
	margin: 1em 0;
}
input[type="password"]{
	background-color: #eeeeee;
	color: #808080;
	margin: 1em 2em;
	padding: 0 1px 1px 0;
	width: 95%;
}
input[type="text"][tabindex]:focus,
input[type="text"][tabindex]:hover,
input[type="text"][tabindex]:active{
	background-color: #e5dfcb !important;
	color: #333333 !important;
}
input[type="button"],
input[type="submit"]{
	margin: 0 2em;
	background-color: #f0ece0;
	border-bottom: 2px solid #909090;
	border-left: 2px solid #e0e0e0;
	border-right: 2px solid #909090;
	border-top: 2px solid #e0e0e0;
	color: #444444;
	cursor: pointer;
	width: 95%;
	padding: 0 1px 1px 0;
}
input[type="button"]:focus,
input[type="button"]:hover,
input[type="button"]:active,
input[type="submit"]:focus,
input[type="submit"]:hover,
input[type="submit"]:active{
	background-color: #e5dfcb;
	border-bottom: 2px solid #e0e0e0;
	border-left: 2px solid #909090;
	border-right: 2px solid #e0e0e0;
	border-top: 2px solid #909090;
	padding: 1px 0 0 1px;
}
.hide,
.comvatar-default{
	display: none;
}
.comvatar{
	height: 50px;
	width: 50px;
}
.details .comvatar{
	left: 17em;
	margin: 1.2em 0 0 10px;
	position: absolute;
	top: 0;
}
.left{
	float: left;
}
.right{
	float: right;
}
.clear{
	clear: both;
	font-size: 1px;
	height: 1px;
	line-height: 1px;
}
.zentriert,
.center,
.centered{
	text-align: center !important;
}
.links-buendig{
	text-align: left !important;
}
.rechts-buendig{
	text-align: right !important;
}
.information{
	background-color: #ff7e0b;
	color: #ffffff;
}

/*---------------------------------------------------------------------------
  Base Layout
---------------------------------------------------------------------------*/

body{
	/* use same color as #footer in case page fills not whole viewport */
	background-color: #000000;
	color: #c0c0c0;
	font-family: Verdana, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
	font-size: 11px;
}
.inside{
	margin: 0 auto;
	max-width: 85em;
	min-width: 64em;
	width: 80%;
}
.twocol-symetric .first,
.twocol-symetric .second,
.twocol-asymetric .first,
.twocol-asymetric .second,
.threecol-symetric .first,
.threecol-symetric .second,
.threecol-symetric .third{
	display: inline;
	float: left;
	margin: 0;
}
.twocol-symetric .first,
.twocol-asymetric .first,
.threecol-symetric .first{
	clear: both;
}
.twocol-symetric .first{
	/* avoid rounding errors in IE by reducing the margin slightly */
	padding-left: 0.95%;
	padding-right: 2.95%;
	width: 46%;
}
.twocol-symetric .second{
	/* avoid rounding errors in IE by reducing the margin slightly */
	padding-left: 2.95%;
	padding-right: 0.95%;
	width: 46%;
}
.twocol-asymetric .first{
	/* avoid rounding errors in IE by reducing the margin slightly */
	padding-left: 0.95%;
	padding-right: 2.95%;
	width: 62%;
}
.twocol-asymetric .second{
	/* avoid rounding errors in IE by reducing the margin slightly */
	padding-left: 2.95%;
	padding-right: 0.95%;
	width: 29%;
}
.threecol-symetric .first,
.threecol-symetric .second{
	/* avoid rounding errors in IE by reducing the margin slightly */
	padding-right: 1.95%;
	width: 30.5%;
}
.threecol-symetric .second,
.threecol-symetric .third{
	/* avoid rounding errors in IE by reducing the margin slightly */
	padding-left: 1.95%;
	width: 30.5%;
}

/*---------------------------------------------------------------------------
  Header
---------------------------------------------------------------------------*/

#header{
	background-color: #ffffff;
	color: #333333;
	padding: 2.5em 0 2.5em 0;
}
#header .inside{
	/* for #search box positioning */
	position: relative;
}
#header h1{
	display: inline;
	font-weight: normal;
	padding-left: 0.6em;
}
#header h1 a{
	color: #001c84;
	text-decoration: none;
}
#header h1 a:focus,
#header h1 a:hover,
#header h1 a:active{
	background-color: #0022a0;
	color: #ffffff;
}
#header .separator{
	/* the separator is only for textual display of heading titles eg. Firefox' HeadingsMap addon */
	display: none;
}
#header .details{
	border-left: #333333 1px solid;
	display: inline;
	font-family: Georgia, Tahoma, Verdana, Serif;
	font-size: 0.55em;
	margin: 0 0.9em;
	padding: 0.75em 1em;
}
#header #logo{
	background: url(images/klecks120.png) left top no-repeat;
	height: 120px;
	left: -90px;
	position: absolute;
	top: -18px;
	width: 120px;
}

/*---------------------------------------------------------------------------
  Search
---------------------------------------------------------------------------*/

#search{
	background: url(images/search.gif) left center no-repeat;
	padding-left: 22px;
	position: absolute;
	right: 0;
	top: 0;
}
#search p{
	margin-right: 6em;
	margin-top: 0.75em;
}
#search input{
	background-color: #faf9f5;
	color: #808080;
	font-size: 0.9em;
	width: 20em;
}
#searchform input[type="text"]{
	background-color: #eeeeee;
	color: #808080;
	margin: 1em 2em;
	padding: 0 1px 1px 0;
	width: 95%;
}

#search{
	background: url(images/search.gif) left center no-repeat;
	padding-left: 22px;
	position: absolute;
	right: 0;
	top: 0;
}

/*---------------------------------------------------------------------------
  Language Switch
---------------------------------------------------------------------------*/

#language-switch{
	margin-right: 1em;
	padding-left: 22px;
	position: absolute;
	right: 0;
	top: 1em;
}
#language-switch li{
border-left: 1px solid #606060;
padding: 0.5em 1em;
	display: inline;
	list-style-type: none;
}
#language-switch .current_language_item{
	display: none;
}
#language-switch a{
	color: #777777;
	text-decoration: underline;
}
#language-switch a:focus,
#language-switch a:hover,
#language-switch a:active{
	color: #002bc8;
}

/*---------------------------------------------------------------------------
  Paged Navigation
---------------------------------------------------------------------------*/

.navigation{
	margin: 0 0.5em;
	position: relative;
}
#primary .next,
#secondary .previous{
	left: 0;
	margin: 0;
	padding: 0;
	position: absolute;
}
.siblings {
	margin: 0;
	padding: 0;
	text-align: center;
}
#primary .previous,
#secondary .next{
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0;
	text-align: right;
}
.next a,
.siblings a,
.previous a{
	color: #0022a0;
	text-decoration: none;
}
.next a:focus,
.next a:hover,
.next a:active,
.siblings a:focus,
.siblings a:hover,
.siblings a:active,
.previous a:focus,
.previous a:hover,
.previous a:active{
	background-color: #002bc8;
	color: #ffffff;
}
.siblings strong{
	font-weight: normal;
}

/*---------------------------------------------------------------------------
  Primary Items
---------------------------------------------------------------------------*/

#primary{
	background-color: #ffffff;
	color: #444444;
	padding: 3em 0 2em 0;
}
#primary .first,
#primary .second{
	padding-bottom: 3.5em;
}
#primary .navigation{
	clear: both;
	padding: 1em 0 3em 0;
}
#primary .details a{
	color: #777777;
	text-decoration: underline;
}
#primary .details a:focus,
#primary .details a:hover,
#primary .details a:active{
	color: #002bc8;
}
#primary.multiple h2{
	border-bottom: 1px solid #eeeeee;
	color: #cccccc;
	margin-bottom: 0;
	font-variant: normal;
	font-weight: normal;
}
#primary.multiple h2 a{
	color: #0022A0;
	text-decoration: none;
}
#primary.multiple h2 a:focus,
#primary.multiple h2 a:hover,
#primary.multiple h2 a:active{
	background-color: #002bc8;
	color: #ffffff;
	text-decoration: none;
}
#primary.multiple .details{
	color: #aaaaaa;
	font-size: 0.9em;
	margin: 0;
	padding: 0.5em 0 0.5em 0;
}
#primary.multiple .comvatar{
	background-color: #ffffff;
	border: 1px solid #eeeeee;
	float: left;
	font-size: 1.7em;
	margin: 1em 10px 0 0;
}
#primary.single .details{
	border-left: 1px solid #eeeeee;
	color: #aaaaaa;
	position: relative;
}
#primary.single .comvatar{
	background-color: #ffffff;
	border: 1px solid #eeeeee;
}
#primary.single .details h2{
	color: #373431;
	font-size: 1.4em;
}
#primary.single .details p{
	margin: 0.5em 0;
}

/*---------------------------------------------------------------------------
	Secondary Items
---------------------------------------------------------------------------*/

#secondary{
	background-color: #faf9f5;
	border-top: 1px solid #808080;
	color: #302000;
	padding: 1em 0 2em 0;
}
#secondary .first,
#secondary .second{
	margin-bottom: 3.5em;
	margin-top: 1em;
}
#secondary .comment-head{
	padding: 0 3em 2em 3em;
}
#secondary .comment-head h2{
	font-size: 1.4em;
	margin: 0.5em 0;
}
#secondary .comment-head .details{
	font-size: 0.95em;
}
#secondary .comment-head a{
	color: #888888;
	text-decoration: underline;
}
#secondary ul#comments > li{
	border-top: 1px solid #dddddd;
	list-style-type: none;
	vertical-align: top;
}
#secondary blockquote.content{
	margin-left: 2em;
	margin-top: 0.5em;
	overflow: hidden;
	padding-left: 1em;
	padding-right: 1em;
}
#secondary .details{
	border-left: 1px solid #dddddd;
	color: #999999;
	position: relative;
}
#secondary .details a{
	color: #777777;
	text-decoration: underline;
}
#secondary .details a:focus,
#secondary .details a:hover,
#secondary .details a:active{
	color: #002bc8;
}
#secondary .comvatar{
	background-color: #ffffff;
	border: 1px solid #dddddd;
}
#secondary .details cite{
	color: #373431;
	display: block;
	font-family: Georgia, Tahoma, Verdana, Serif;
	font-size: 1.4em;
	font-style: normal;
	font-variant: small-caps;
	font-weight: bold;
	margin: 1em 0;
	padding: 0;
}
#secondary .details cite a{
	color: #373431;
	text-decoration: none;
}
#secondary .details p{
	margin: 0.5em 0;
}
#secondary .bypostautor .content,
#secondary .byuser .content{
	background-color: #edf1ff;
	border: 1px dotted #cccccc;
	margin-top: 1.3em;
}
#secondary li.odd{
	background-color: #fefdfa;
}
#secondary .navigation{
	margin-bottom: 0;
	margin-top: 2em;
}
/*---------------------------------------------------------------------------
  Tertiary Items
---------------------------------------------------------------------------*/

#tertiary{
	background: url(images/main_bg.jpg) left bottom repeat-x #faf9f5;
	color: #ffffff;
}
#primary + hr + #tertiary{
	border-top: 1px solid #808080;
}
#tertiary .inside{
	padding: 3em 0 3em 0;
	height: 27em;
}
#secondary + hr + #tertiary .inside{
	border-top: 1px solid #dddddd;
}
#tertiary textarea{
	margin: 0 2em;
	height: 18em;
	width: 95%;
}
#tertiary .second{
	border-left: 1px solid #dddddd;
	color: #999999;
	position: relative;
}
#tertiary .second a{
	color: #777777;
	text-decoration: underline;
}
#tertiary .second a:focus,
#tertiary .second a:hover,
#tertiary .second a:active{
	color: #002bc8;
}
#tertiary .second h2{
	color: #373431;
	font-size: 1.4em;
}
#tertiary .second input,
#tertiary .second label{
	display: block;
}
#tertiary #author,
#tertiary #holler_name{
	width: 10em;
}
#tertiary #email,
#tertiary #url,
#tertiary #holler_address,
#tertiary #holler_subject{
	width: 16em;
}
#tertiary div.second p #subscribe,
#tertiary div.second p #subscribe + label,
#tertiary div.second p #holler_cc,
#tertiary div.second p #holler_cc + label{
	display: inline;
}
#tertiary .comvatar{
	background-color: #ffffff;
	border: 1px solid #dddddd;
}
#tertiary #holler_response_container{
	display: none;
}

/*---------------------------------------------------------------------------
  Ancillary Items
---------------------------------------------------------------------------*/

#ancillary{
	background-color: #000000;
/*	border-top: 2px solid #dddddd; */
	color: #909090;
	font-size: 1.05em;
	margin-top: 1px;
	padding-bottom: 3em;
	padding-top: 0.5em;
}
#ancillary li{
	list-style-type: none;
	margin: 0.8em 0 0 1em;
}
#ancillary h2{
	background: url(images/klecks2.png) left top no-repeat;
	border-bottom: 1px solid #383838; /* 100/85 of #303030 */
	color: #eeeeee;
	font-size: 1.3em;
	margin: 2em 0 0.5em 0;
	opacity:0.8; filter:alpha(opacity=85);
	padding: 0 0 0.8em 22px;
}
#ancillary .ctc{
	margin-left: 1em;
}
#ancillary a{
	color: #7d9cff;
	text-decoration: none;
}
#ancillary a:focus,
#ancillary a:hover,
#ancillary a:active{
	color: #abbfff;
	text-decoration: underline;
}
#ancillary .recent-comments-posts li{
	overflow-x: hidden;
	overflow-y: hidden;
	padding-bottom: 0.3em;
	position: relative;
	white-space: nowrap;
}
#ancillary .recent-comment-count{
	background-color: #000000;
	font-size: 0.9em;
	padding-left: 7px;
	position: absolute;
	right: 0;
}
#ancillary .recent-comment-commentators{
	font-size: 0.9em;
	padding-top: 0.3em;
}

/*---------------------------------------------------------------------------
  Footer
---------------------------------------------------------------------------*/

#footer{
	background-color: #000000;
	color: #606060;
}
#primary + hr + #footer{
/*	border-top: 2px solid #dddddd; */
	margin-top: 1px;
}
#secondary + hr + #footer,
#tertiary + hr + #footer{
/*	border-top: 2px solid #e5dfcb; */
	margin-top: 1px;
}
#footer .inside{
	/* height requirred to fill up with #footer background-color */
	border-top: 1px solid #303030;
	height: 2em;
	padding: 1em 0.7em;
}
#footer p{
	margin: 0;
  font-size: 0.9em;
}
#footer p.copyright{
	float: left;
}
#footer p.attributes{
	float: right;
}
#footer p.copyright a{
	color: #7d9cff;
	text-decoration: none;
}
#footer p.attributes a{
	color: #606060;
	padding: 0 0 0 1em;
	text-decoration: none;
}
#footer p.copyright a:focus,
#footer p.copyright a:hover,
#footer p.copyright a:active,
#footer p.attributes a:focus,
#footer p.attributes a:hover,
#footer p.attributes a:active{
	color: #abbfff;
	text-decoration: underline;
}

/* --------------------------------------------------------------------------
 Authored Content
-------------------------------------------------------------------------- */

.content h2,
.content h3,
.content h4,
.content h5,
.content h6,
.error h2,
.error h3,
.error h4,
.error h5,
.error h6{
	color: #303030;
}
.content a,
.content a:link{
	color: #7d9cff;
}
.content a:visited{
	color: #001c84;
}
.content a:focus,
.content a:hover,
.content a:active{
	color: #0000ff;
}
.content img{
	border: 1px solid #eeeeee;
	padding: 3px;
}
.content img{
	display: block;
	height: auto;
	margin: 0 auto 0.5em auto;
	max-width: 480px;
	width: 90%;
}
.content img[height],
.content img[width]{
	margin: 5px;
	max-width: auto;
	width: auto;
}
.content a img,
.content a:link img{
	border: 1px solid #7d9cff;
}
.content a:visited img{
	border: 1px solid #001c84;
}
.content a:focus img,
.content a:hover img,
.content a:active img{
	background-color: #0000ff;
	border: 1px solid #0000ff;
}
.content img.wp-smiley{
	background: inherit;
	border: 0px;
	display: inline;
	height: inherit;
	margin: 0;
	padding: 0;
	width: inherit;
}
.content table{
	border-spacing: 2px;
	margin: 1.5em 0;
	width: 100%;
}
.content table caption{
	background-color: #dddddd;
	border: 1px dotted #666666;
	color: #333333;
	font-weight: bold;
	margin-bottom: -1em;
	margin-top: 1em;
	padding: 0.5em 0.75em;
	text-align: center;
}
.content table th,
.content table td{
	border: 1px dotted #666666;
	padding: 0.3em 0.75em;
}
.content table th{
	background-color: #dddddd;
	color: #333333;
	text-align: left;
}
.content table td{
	background-color: #f0f0f0;
	color: #333333;
}
.content pre,
.content blockquote,
.content label,
.content ul,
.content ol,
.content dl,
.content fieldset,
.content address{
	margin: 1em 0;
}
.content dl dd,
.content ol li,
.content ul li{
	margin: 0.4em 0 0.4em 2em;
}
.content dd,
.content li{
	margin-left: 5%;
}
.content .marker{
	background-color: #ff7e0b;
	color: #eeeeee;
}
.content .marker a{
	color: #eeeeee;
}
.content .marker a:hover{
	color: #ffffff;
}
.content code{
	background-color: #fffdef;
}
.content code br {
	/* turning off line breaks of geshified wptexturized code */
	display: none;
}
.content pre code{
	border: 1px dotted #cccccc;
	display: block;
	margin-left: 1em;
	margin-right: 1em;
	padding: 1em;
}
.content table pre code{
	margin: -0.5em;
}
.content q,
.content blockquote{
	font-family: Georgia, Tahoma, Verdana, Serif;
	font-style: italic;
	line-height: 1.5em;
}
.content blockquote{
	border-left: 2px solid #cccccc;
	padding-left: 1em;
}