/*
 * Theme Name: HolonBlog-Theme
 * Theme URI: http://holonblog.de/
 * Description: Das Theme des HolonBlogs.
 * Version: 1.0
 * Author: Marcus Kober
 * Author URI: http://holonblog.de/
 *
 * 	This theme was designed and built by Marcus Kober,
 * 	whose blog you will find at http://holonblog.de/.
 *
 * 	The CSS, XHTML and design is released under GPL:
 * 	http://www.opensource.org/licenses/gpl-license.php
 *
 */

/* RESET */

html, body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, hr, blockquote { margin:0; padding:0; }

img { border:0; }

/* GLOBALE ANPASSUNGEN */

body { 
	background-color:#f2f2f2; 
	font-family:georgia,serif;
	font-size:14px;
}

h1, h2, h3, h4, h5, h6 { font-family:Helvetica,Arial,sans-serif; }

h1 {
	font-size:28px; 
}

h2 {
	font-size:20px; 
}

a:focus { outline: none;}

a, a:visited {
	color:#b101a4;
	text-decoration:none;
}

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

/* CLEARING FÜR FLOATS */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}  /* for IE/Mac */

/* HAUPTLAYOUT */

#wrapper {
	width:1000px;
	margin:0 auto;
	padding:20px 20px 0 20px;
}

/* HEADER */

#header {
	width:1000px;
	height:90px;
	border-top:2px solid #888;
	padding-top:8px;
}

#header a.homelink {
	float:left;
	line-height:35px;
	font-family:Helvetica,Arial,sans-serif;
	font-size:28px;
	font-weight:bold;
	padding-left:40px;
	background:url(images/logo.png) no-repeat top left;
}

#header a.homelink,
#header a.homelink:visited {
	color:#444444;
}

#header a.homelink:focus,
#header a.homelink:hover,
#header a.homelink:active {
	color:#000;
	text-decoration:none;
}

#categoryhead {
	margin-top:30px;
	color:#505050;
}

#categoryhead h1 {
	font-size:22px;
}

#description {
	width:220px;
	font-family:Arial,sans-serif;
	font-size:10px;
	color:#939393;
	float:left;
	padding:5px 0 0 18px;
	margin-left:5px;
	background:url(images/gimmick.png) no-repeat top left;
}

#headernavi {
	color:#aeaeae;
	font-size:12px;
	font-family:Arial,sans-serif;
	float:right;
}

/* MAINMENU */

#mainmenu {
	width:100%;
	background:url(images/bg-navi.png) no-repeat;
}

#mainmenu ul {
	height:40px;
}

#mainmenu li { 
	list-style-type:none;
	float:left;
	height:40px;
}

#mainmenu li.page_item {
	float:right;
}

#mainmenu a,
#mainmenu a:visited {
	font-family:Helvetica,Arial,sans-serif;
	color:#aeaeae;
	display:block;
	line-height:40px;
	text-decoration:none;
	padding:0 20px 0 20px;
	background:url(images/navi-sprite.png) no-repeat 0px -40px;
	border-right:1px solid #666;
}

#mainmenu a:focus,
#mainmenu a:hover,
#mainmenu a:active {
	color:#fff;
	background-position:0px -80px;
}

#mainmenu .current_page_item a,
#mainmenu .current_page_item a:visited,
#mainmenu .current-cat a,
#mainmenu .current-cat a:visited,
#mainmenu .active a,
#mainmenu .active a:visited {
	color:#fff;
	background-position:0px 0px;
}

/* FIRST POST */

#firstpost {
	height:267px;
	position:relative;
	margin:30px 0 0 0;
	padding:5px 0 5px 420px;
}

#firstpost h2 {
	width:580px;
	line-height:30px;
	color:#fff;
	padding-left:10px;
	background:url(images/bg-header-featured.png) no-repeat;
} 

.latestpost h3 a,
.latestpos h3 a:visited,
#firstpost h2 a,
#firstpost h2 a:visited {
	color:#e7f0f3;
}

.latestpost h3 a:focus,
.latestpost h3 a:hover,
.latestpost h3 a:active,
#firstpost h2 a:focus,
#firstpost h2 a:hover,
#firstpost h2 a:active {
	color:#fff;
	text-decoration:none;
}

.articlethumbbig {
	position:absolute;
	top:0px;
	left:0px;
	padding:4px;
	border:1px solid #aeaeae;
	background:#fff;
}

#firstpost .meta { 
	padding:10px 0 5px 10px;
}

#firstpost .meta p {
	color:#797979;
	font-family:Arial,sans-serif;
	font-size:10px;
}

#firstpost .body { 
	padding:0 10px 10px 10px;
}

#firstpost .body p {
	line-height:1.5em;
	margin-bottom:10px;
}

a.readmore,
a.readmore:visited {
	font-family:Arial,sans-serif;
	padding:2px 5px 2px 5px;
	border-radius: 5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background:#808080;
	color:#fff;
}

a.readmore:focus,
a.readmore:hover,
a.readmore:active {
	background:#e0e0e0;
	color:#b101a4;
	text-decoration:none;
}

/* CONTENT */

#content {
	margin-top:30px;
	background:url(images/bg-content.png) repeat-y;
}

/* LATESTPOSTS */

#latestposts {
	width:690px;
	float:left;
}

.latestpost {
	height:200px;
	position:relative;
	margin:0 0 30px 0;
	padding:5px 0 5px 320px;
}

.nothumb {
	padding:5px 0 5px 0;
}

.latestpost h3 {
	/*width:360px;*/
	line-height:24px;
	color:#fff;
	padding-left:10px;
	background:url(images/bg-header-featured.png) repeat-x;
}

.latestpost .meta { 
	padding:8px 0 5px 10px;
}

.latestpost .meta p {
	font-family:Arial,sans-serif;
	color:#797979;
	font-size:10px;
}

.latestpost .body { 
	padding:0 8px 10px 10px;
}

.latestpost .body p {
	font-size:12px;
	line-height:1.5em;
	margin-bottom:10px;
}

.latestpost a.readmore,
.latestpost a.readmore:visited {
	font-size:12px;
}

.wp-pagenavi-navigation {
	text-align:center;
	margin-bottom:30px;
}

/* SIDEBAR */

#sidebarwrapper {
	width:288px;
	margin:5px 0 0 22px;
	float:left;
}

.wp-widget {
	width:268px;
	background:url(images/bg-sidebar.png) no-repeat top left;
	padding:0 10px 0 10px;
	margin-bottom:20px;
}

.wp-widget-title {
	font-family:Helvetica,Arial,sans-serif;
	font-size:18px;
	color:#18748d;
	line-height:30px;
	margin-bottom:5px;
}

#newsletter input,
.wp-widget #searchsubmit,
.wp-widget #s {
	border:1px solid #505050;
	background:#ededed;
	color:#505050;
	line-height:20px;
	margin:5px 0 5px 0;
}

#newsletter input:focus,
#newsletter input:hover,
.wp-widget #searchsubmit:focus,
.wp-widget #searchsubmit:hover,
.wp-widget #s:focus,
.wp-widget #s:hover {
	background:#e0e0e0;
	color:#b101a4;
}

#newsletter input,
.wp-widget #s {
	width:180px;
}

#newsletter #nlsubmit,
.wp-widget #searchsubmit {
	width:80px;
}

#newsletter {
	font-family:Arial, sans-serif;
	color:#606060;
	font-size:12px;
}

#newsletter form {
	margin-top:10px;
}
.wp-widget li {
	width:270px;
	list-style-type:none;
	border-bottom:1px solid #c0c0c0;
	padding:5px 0 5px 0;
}

.wp-widget ul.linkliste li {
	border:0;
	padding:0;
}

.wp-widget a,
.wp-widget a:visited {
	color:#b101a4;
	font-family:Arial,sans-serif;
	line-height:1.3em;
	padding:2px 5px 2px 5px;
	border-radius: 5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	display:block;
}

.wp-widget .abos a,
.wp-widget .abos a:visited {
	display:inline;
}

.wp-widget a:focus,
.wp-widget a:hover,
.wp-widget a:active {
	background:#e0e0e0;
	color:#dc01cb;
	text-decoration:none;
}

.wp-widget .linkliste a:focus,
.wp-widget .linkliste a:hover,
.wp-widget .linkliste a:active,
.wp-widget .abos a:focus,
.wp-widget .abos a:hover,
.wp-widget .abos a:active {
	background:transparent;
}

.wp-widget a.ctc-tag,
.wp-widget a.ctc-tag:visited {
	padding:2px;
	display:inline;
}

#get_recent_comments_wrap {
	color:#606060;
	font-size:12px;
}

#get_recent_comments_wrap li {
	padding-bottom:10px;
}

#get_recent_comments_wrap a,
#get_recent_comments_wrap a:visited {
	font-size:14px;
	display:inline;
	padding:0;
}

.wp-widget select {
	width:270px;
	color:#b101a4;
	margin-top:5px;
	background:#ededed;
	border:1px solid #c0c0c0;
	padding:2px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

/* SINGLEPOST */

.singlepost {
	margin-top:5px;
	width:690px;
}

.googlead {
	margin:5px 0 10px 0;
	text-align:center;
}

.singlepost h1 {
	line-height:30px;
	width:690px;
	padding-left:10px;
	background:url(images/bg-header-single.png) no-repeat;
}

.singlepost h1 a,
.singlepost h1 a:visited {
	color:#e7f0f3;
	font-size:22px;
}

.singlepost h1 a:focus,
.singlepost h1 a:hover,
.singlepost h1 a:active {
	color:#fff;
	text-decoration:none;
}

.singlepost .meta { 
	width:670px;
	padding:10px 10px 0px 10px;
}

.singlepost .meta p {
	color:#797979;
	font-family:Arial,sans-serif;
	font-size:10px;
}

.singlepost .facebooklike { width:280px; float:right; }
.singlepost .metadata { width:350px; padding-top:4px; float:left; }

.singlepost .body { 
	padding:0 10px 10px 10px;
}

.singlepost .body p {
	line-height:1.5em;
	margin-bottom:10px;
}

/* COMMENTS */

#person,
#relatedposts,
#andnow {
	margin:30px 10px 0 10px;
	font-family:Arial,sans-serif;
	font-size:12px;
	line-height:1.5em;
	border:1px solid #c0c0c0;
	padding:10px;
}

#person {
	background:#e0e0e0;
}

#relatedposts .title {
	font-family:Helvetica,Arial,sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#505050;
	margin-bottom:15px;
}

#relatedposts ol li {
	list-style-type:none;
	float:left;
}

a.rplink {
	width:150px;
	height:100px;
	background:#fff;
	padding:2px;
	border:1px solid #c0c0c0;
	margin:0 2px 0 3px;
	display:block;
	position:relative;
	text-align:center;
}

a.rplink span {
	display:none;
	position:absolute;
	bottom:8px;
	left:2px;
	width:146px;
	padding:2px;
	background:#000;
}

a.rplink span.rpnothumb {
	display:block;
	bottom:2px;
	left:2px;
	height:96px;
	width:146px;
	background:#17738E;
}

a.rplink,
a.rplink:visited {
	color:#fff;
}

a.rplink:focus,
a.rplink:hover,
a.rplink:active {
	text-decoration:none;
}

a.rplink:focus span,
a.rplink:hover span,
a.rplink:active span {
	display:block;
}

.retweet {
	margin:10px 0 0 0;
	float:right;
}

#commentsarea {
	margin-top:40px;
}

.commentshead {
	padding-left:10px;
	font-family:Helvetica,Arial,sans-serif;
	font-size:20px;
	color:#505050;
	margin-bottom:15px;
}

.commentcontent {
	padding-left:10px;
}

.commentgrav {
	float:left;
	width:50px;
	height:35px;
	padding-right:10px;
	background:url(images/bg-comment.png) no-repeat top right;
}

.commentwrapper {
	float:left;
	width:580px;
	background:#e3e3e3;
	padding:7px 10px 10px 10px;
	margin-bottom:20px;
	border-top-right-radius:10px;
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
	-moz-border-radius-topright:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-bottomleft:10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomright:10px;
	-webkit-border-bottom-right-radius:10px;
}

.commentmeta {
	font-family:Arial,sans-serif;
	font-size:12px;
	color:#505050;
	margin-bottom:15px;
}

.commentmeta span {
	font-size:14px;
	color:#000;
	font-weight:bold;
}

.commenttext {
	font-family:Arial,sans-serif;
	font-size:12px;
}

#commentform {
	font-family:Arial,sans-serif;
	font-size:12px;
	color: #505050;
	padding-left:10px;
}

#commentform input {
	width:300px;
	fonf-family:Arial,sans-serif;
	border:1px solid #505050;
	padding:4px;
	font-size:12px;
	margin-bottom:10px;
}

#commentform textarea {
	width:660px;
	height:200px;
	border:1px solid #505050;
	font-family:Arial,sans-serif;
	padding:4px;
	font-size:12px;
	margin-bottom:10px;
}

/* FOOTER */

#footer {
	background:#000;
	margin-top:30px;
	padding:30px 10px 30px 10px;
}

#footer p {
	font-family:Arial,sans-serif;
	color:#888;
	font-size:12px;
}

/* EDITOR-STYLES */

blockquote {
	padding:20px 20px 20px 60px;
	color:#505050;
	font-style:italic;
	background:url(images/blockquote.png) no-repeat 10px 15px;
}

.singlepost h2, .singlepost h3, .singlepost h4, .singlepost h5 {
	line-hight:1.5em;
	margin:20px 0 10px 0;
}

.singlepost h2 {
	font-size:18px;
	font-weight:normal;
}

.singlepost h3 {
	font-size:16px;
}

.singlepost h4 {
	font-size:14px;
}

.singlepost .objectwrapper,
.singlepost .body img {
	background:#fff;
	padding:4px;
	border:1px solid #c0c0c0;
}

.singlepost .objectwrapper {
	margin:20px 0 20px 0;
}

.singlepost .body img:hover {
	border:1px solid #000;
}

.singlepost .body .wp-caption img {
	padding-bottom:2px;
	border:0;
}

.wp-caption {
	background:#fff;
	border:1px solid #c0c0c0;
	text-align:center;
	color:#505050;
}

.wp-caption:hover {
	border:1px solid #000;
}

.singlepost .body p.wp-caption-text {
	margin:0;
	font-family:Arial,sans-serif;
	font-size:10px;
}

.alignleft {
	float:left;
	margin:0 10px 10px 0;
}

.alignright {
	float:right;
	margin:0 0 10px 10px;
}

.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}

.textcenter {
	text-align:center;
}

.singlepost .body ul {
	margin:10px 0 10px 15px;
}

.singlepost .body li {
	line-height:25px;
}

.singlepost .body ol {
	margin:10px 0 10px 15px;
}

/* Tabellen */

.singlepost .body table {
	margin:0 0 15px 20px;
}

.singlepost .body td {
	padding:2px 4px 2px 4px;
}

.singlepost .body thead tr {
	background:#18738e;
}

.singlepost .body thead td {
	font-family:Helvetica,Arial,sans-serif;
	color:#fff;
}

.singlepost .body tbody tr {
	background:#e4e4e4;
}

.singlepost .body tbody tr.odd {
	background:#ededed;
}

.singlepost .body tbody tr:hover {
	background:#C7E6EF;
}

.singlepost .body { padding-top:15px; }
.kuenstlerliste {
margin-top:20px;
}
a.kuenstler {
display:block;
float:left;
padding:10px 10px 10px 10px;
margin:0px 6px 25px 6px;
width:190px;
background:#d2d2d2;
-moz-border-radius:10px;
-webkit-border-radius:10px;
text-align:center;
cursor:pointer;
}
a.kuenstler:hover {
background:#e2e2e2;
text-decoration:underline;
}
.picture {
width:190px;
height:190px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
margin-bottom:10px;
}