/*
Theme Name: Comics Etc
Theme URI: http://comics-etc.de
Description: Designed by <a href="http://www.gagarin2.de" title="G2">G2</a> & <a href="http://www.twinpictures.de" title="Twin Pictures">Twin Pictures</a>,
Version: 1.0 April 2008
Author: G2 & Twinpictures
Author URI: http://www.gagarin2.de
*/

* { margin: 0; padding: 0; }

body {
 	font-family : Verdana, sans-serif;
	font-size : 84%;
	cursor : default;
	color : #282828;
	background : url(images/background.gif) #FFFFFF center top repeat-y;
}

#accessibility {
	display: none;
	}

.skiplist {
	margin: 0;
	padding: 0
} 

.skip {
	display: none;
	font-family: verdana, sans-serif;
	text-align: left;
	margin: 0;
	padding: 0;
	position: absolute
}

:root .skip {
	display: block
}

.skip a {
	padding: 0 0.5em;
	display: inline;
	z-index: 2;
	text-decoration:none;
	position: absolute;
	width: 14em;
	left: -200em;
}

.skip a:focus, .skip a:active {
	position: absolute;
	left: 0.5em;
	border: solid #2D5672 2px;
	color: #2D5672;
	background: #FFF;
}

.skip a:hover {
	cursor: default
}

/* -------------------
Main Structure
------------------- */

#frame {
	width: 900px;
	text-align: left;
	margin: 0 auto;
	background : #FFFFFF;
	}

#middle {
	overflow: hidden;
	width: 900px;
	}

#content {
	float : right;
	width : 665px;
	color : #282828;
	padding-bottom : 20px;
	}

#search {
	float: right;
	margin-left:auto;
	margin-right:130px;
        margin-top:110px;
}

.entry img {
	margin-right:10px;
	margin-top:10px;
	padding : 0px;
}

#sidebar {
	float: left;
	width: 200px;
	margin: 20px 0 10px 0;
	display: inline;
	}

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

#header {
	background: #FFFFFF url(images/header.gif);
	width: 900px;
	height: 195px;
	margin: 0px 0px 0px 0px;
}


#header h1 a {
	display: block;
	width: 280px;
	height: 190px;
	text-decoration: none;
	text-indent: -4040px;
}

.description {
	margin:0px;
	padding: 0px;
	font-size: 0.7em;
	text-align: left;
	padding: 5px 0px 0px 390px;
	color: #a2482e;
	letter-spacing: 0.1em;
}

.ad468 {
	text-align: left;
	padding: 20px 0px 0px 350px;
}

/* -------------------
Table
------------------- */

.spleft {
	width: 70px;
}

.spright {
	width: 30px;
}

.spmitte {
	width: 500px;
}

.sphalf {
	width: 300px;
	vertical-align:top;
}

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

#content .post {
	margin: 0px;
	float : right;
	width : 610px;
	padding-right: 35px;
	padding-left: 20px;
}

/* general #content definitions */

#content h2 {
	color: #BF0315;
	font-weight: normal;
	font-size:1.48em;
	margin: 16px 0px 8px 0px;
	}

#content h2 a,
#content h2 a:hover {
	color: #BF0315;
	text-decoration: none;
	}

#content h3 {
	font-size: 1.07em;
	color: #264D68;
	margin: 14px 0px 8px 0px;
	font-weight: bold;
	}

#content h4 {
	font-size: 0.7em;
	color: #BF0315;
	border-left: 1em solid #444444;
	padding: 0 0 0 0.5em;
	margin: 1em 0;
	}

#content h5 {
	margin-top: 20px;
	margin-bottom: 10px;
	padding:15px;
	line-height: 22px;
	font-size: 1.05em;
	font-weight: normal;
	border: 1px solid #444444;
}

#content p, #content dl, #content table {
	color: #24455B;
	line-height: 24px;
	font-size: 1.05em;
	margin: 12px 0;
	}


#content table p {
	font-size: 1.04em;
}

#content strong {
	color: #264D68;
	font-size: 0.92em;
}

#content .kleiner {
	color: #264D68;
	font-size: 0.85em;
}

/* #content p, #content ul, #content ol, #content dl, #content img {
	margin: 0.8em 0;
	} */

#content li {
	margin: 0 0 0 15px;
	color: #264D68;
	line-height: 24px;
	font-size: 1.05em;
	list-style: none;
	padding : 0px 0px 10px 14px;
	background : url(images/bull.gif) 0px 9px no-repeat;
	}
	
#content ul.hanging {
	padding-top: 15px;
	padding-left: 15px;  /*Firefox/Konqueror/Safari default*/
	list-style: none;
	}
	
#content li.hanging {
  	text-indent: -45px;
	}			

#content dl dt {
	font-weight: normal;
	}

#content dl dd {
	margin: 0 0 0.4em 0.5em;
	}

#content blockquote p {
	margin: 0 0 0 2em;
	border-left: 1px solid #444444;
	padding: 0 0 0 1em;
	color: #ddd;
}

#content a { color: #990000;
	text-decoration: none;
}
#content a:hover { color: #264D68;
	text-decoration: underline;
}

#content .post ul.post-data {
	border-top: 10px solid #666666;
	list-style: none;
	font-size: 0.8em;
	padding: 0.1em 0 0.2em 0;
	color: #282828;
	margin: 1.3em 0 0 0;
	}

#content .post ul.post-data li {
	color: #990000;
	}

#content .post ul.post-data a {
	text-decoration: none;
	color: #990000;
	}

#content .post ul.post-data a:hover {
	color: #990000;
	text-decoration: underline;
	}

#content .post ul.post-data li.comments {
	float: right;
	margin: 0 0.7em 0 0;
	display: inline; /* fixes double float bug in IE */
	}

#content .post ul.post-data li.comments a {
	padding: 0 0 0 15px;
	}

#content .post ul.post-data li.posted {
	margin: 0 0 0 0.7em;
	}

#content .post ul.post-data li.posted a {
	padding: 0 0 0 1px;
	}

#content .post ul.post-data li.comments a:hover, #content .post ul.post-data li.posted a:hover {
	background-position: 0 -38px;
	}


/* -------------------
Comments
------------------- */


#content #comments {
	margin: 0 20px 20px 25px;
	}

#content #comments .comment {
	margin: 0 0 2em 0;
        font-size: 1.05em;
	}

#content #comments .comment p, #content #comments .comment li, #content #comments .comment a {
        font-size: 1.05em;
	color: #333333;
        }
#content #comments .comment a:hover {
	font-size: 1.05em;
	color: #7a9ac4;
        }

#content #comments .comment p {
	margin: 0 0 0.8em 0;
	font-size: 1.05em;
	}

#content #comments .comment .comment-data p {
	font-size: 1.05em;
	color: #333333;
	border-top: 1px dashed #666666;
	border-left: 1px dashed #666666;
	padding: 0 0 0 22px;
	margin: 1.5em 0 0 0;
	}

#content #comments .comment .comment-data p a {
	font-size: 1.05em;
	color: #990000; }
#content #comments .comment .comment-data p a:hover { color: #a2482e; }

#content #comments form {
	color: #333333;
	font: 0.75em/1.6em Arial, Helvetica, sans-serif;
	}

#content #comments form a { color: #333333; }
#content #comments form a:hover { color: #990000; }


/* -------------------
Sidebar
------------------- */

#pagenav {
	background-color : #7A9FB4;
	border-top : 0px solid #C9C9C9;
	border-bottom : 0px solid #990000;
	width: 208px;
}


#pagenav-top {
	background-image: url(images/navi_top.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 33px;
	width: 208px;
}

#pagenav-bottom {
	background-image: url(images/navi_bottom.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 33px;
	width: 208px;
}



#sidebar ul{
	margin : 0;
	padding : 0;
	list-style-type : none;
	background : #7A9FB4;
	width: 205px;
}

#sidebar li { margin: 0; }

#sidebar ul a{
	display : block;
	padding : 5px 5px 5px 10px;
	width : 185px;
	color : #FFFFFF;
	text-decoration : none;
	font-size : 14px;
	line-height : 16px;
	border-bottom : 1px solid #C9C9C9;
	border-left : 3px solid #2D5672;
	border-right : 5px solid #2D5672;
}

#sidebar ul a:hover {
	color : #FFFFFF;
	text-decoration : none;
	background-color : #2D5672;
}

.current_page_item,
.current_page_parent {
	color : #FFFFFF;
	text-decoration : none;
	background-color : #2D5672;
}

#sidebar ul ul li { 
	margin : 0;
}

#sidebar ul ul a {
	display : block;
	padding : 5px 5px 5px 15px;
	width : 180px;
	font-size : 11px;
	color : #2D5672;
	line-height : 16px;
	text-decoration : none;
	background : #FFF7E9;
	border-bottom : 1px solid #C9C9C9;
	border-left : 3px solid #2D5672;
	border-right : 5px solid #2D5672;
}

#sidebar ul ul a:hover {
	background : #2D5672;
	color : #FFFFFF;
}


#sidebar ol li.current_page_item,
#sidebar ol li.current_page_parent {
	background : #FFF7E9;
}

#sidebar ul ul li.current_page_item a {
	background : #2D5672;
	color : #FFFFFF;
}


/* -------------------
left img
------------------- */



#leftcontent img {
	margin : 20px 0px 15px;
}

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

#footer {
	clear : both;
	width : 845px;
	height : 31px;
	margin : 0 0 20px;
	padding : 11px 40px 0px 20px;
	color : #2D5672;
	border-top : 0px solid #2D5672;
	background-image: url(images/footer_bg.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;	
}

#footer a {
	color : #2D5672;
}

#footer a:hover {
	color : #7A9FB4;
	text-decoration : underline;
}

#footer .nachoben {
    	padding : 0px 0px 0px 12px;
	background : url(images/arrow.gif) no-repeat 0px 2px;
}

#f-right{
	float : left;
	margin : 0;
	padding : 0;
	width : 600px;
	z-index : 1;
	visibility : visible;
}

#f-right p{
	margin : 0;
	padding : 0;
	text-align : right;
	font-size : 12px;
}

#f-left{
	float : left;
	margin : 0;
	padding : 0;
	width : 245px;
	z-index : 1;
	visibility : visible;
}

#f-left p{
	margin : 0;
	padding : 0;
	font-size : 11px;
}

#footer #footertext {
	color: #a2482e;
	font: 0.7em/1.6em Arial, Helvetica, sans-serif;
	padding: 3px 0 0 280px;
	text-align: left;
	}

#footer #footertext a {
	color: #a2482e;
	text-decoration: none;
	}

#footer #footertext a:hover {
	color: #a2482e;
	text-decoration: underline;
	}

#footer #searchform {
	padding: 33px 0 0 30px;
	}

#footer #searchform .searchfield {
	height: 17px;
	}

#footer #searchform .searchbutton {
	height:22px;
	}


.commentlist li {
    margin-bottom: 1.5em;
    font: 1.1em Tahoma, Arial, Helvetica, sans-serif;
    width: 450px;
    padding-bottom: 1em;
}


.commentmetadata{
    font: 11px Tahoma, Arial, Helvetica, sans-serif;
}

.commentlist cite, .commentlist cite a {
	font-weight:bold;
	font-style:normal;
	font-size:1.1em
	}

.commentlist p{
    font: 11px Tahoma, Arial, Helvetica, sans-serif;
}

#commentform {
	margin: 2em 0;
	margin-left:2em;
	width: 460px;
}

#commentform textarea {
	background: #fdf9f5;
	border: 1px solid #a2482e;
	width: 485px;
}
#commentform textarea:hover {
	background: #FFFFFF;
	border: 1px solid #81331c;
}
#commentform textarea:focus {
	background: #ffffff;
	border: 1px solid #81331c;
}

#commentform #email, #commentform #author, #commentform #url {
	font-size: 1.1em;
	background: #fdf9f5;
	border: 1px solid #a2482e;
	width: 200px;
}
#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {
	font-size: 1.1em;
	background: #ffffff;
	border: 1px solid #81331c;
	width: 200px;
}
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {
	font-size: 1.1em;
	background: #ffffff;
	border: 1px solid #81331c;
	width: 200px;
}
#commentform input{
	margin-bottom: 3px;
}

#commentform #submit {
	margin:0;
	float:left;
	background: url(images/submit-button.jpg) repeat-x;
	color: #e4c899;
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
	border:1px solid #963417;
	height: 22px;
	padding-left: 10px;
	padding-right: 10px;
}

.post{margin:0 0 25px 0;}

.post .info{
	padding:2px 3px 3px 8px;
	border:1px solid #e3e4e4;
	font-size:12px;
	color:#333333;
}

/* -------------------
Links
------------------- */

.download{
	padding : 0px 0px 0px 25px;
	background : url(images/adobe_pdf.gif) 0px 0px no-repeat;
}
.arrow{
	padding : 0px 0px 0px 25px;
	background : url(images/link.gif) 0px 0px no-repeat;
}
.video{
	padding : 0px 0px 0px 25px;
	background : url(images/video.gif) no-repeat 0px 0px;
}

.credits {
	border-top: 1px solid #24455B;
	padding: 15px 0px 0px;
}