/*
Theme Name: Traces of Chaos Breit MIT ADDS
Theme URI: none
Description: The wide theme for trarr.net.
Version: 0.1
Author: Carina Kadow
Author URI: http://imaginaryskies.net/
*/


/*CSS reset*/
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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;}

:focus {outline: 0;}
body {font-size: 62.5%;line-height: 1;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;
border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
td img {display: block;}

/* A fix for disappearing BG-images (in IE6) when no height's set */
.minheight {height:2px;}
html>body .minheight { height: auto; } 

/* LAYOUT ========================================================================================*/
body {text-align: center;}
	
#pagepadding {
width:100%;
background: transparent url('images/_titel.jpg') center -10px no-repeat;
}  
  
#page {
	width:960px;
	margin-left:auto;
	margin-right:auto;
	background: transparent;
        position: relative;
}



#header, #content {margin:0 10px;clear:both;}
#lowernav, #footer {margin:0 30px;clear:both;}

#header {text-align:left; height:94px;position: relative;}
#header #banner {width:365px;float:left;}
#header #banner a {width:360px; height:88px; display:block; text-indent: -9999px;} 
#header #topnav {
	line-height:normal;
	font-style:italic;
	width:480px; 
	padding-top:40px; 
	padding-right:15px;
	text-align:right;
	float:right;
	position: absolute;
	bottom: 0;
	right:0;
	margin-bottom:-2px;}
	
#topul li {display:inline;float: right;margin-right:20px;margin-left:10px;}

#lang {width:350px; text-align:right; margin-top:-3px;margin-left:0px; margin-right:auto;}

#updatenotice {width:350px; text-align:right; margin-top:-3px;margin-left:0px; margin-right:auto; border: 1px solid blue;}


#content {padding-top:5px;}
#content #comic {padding:0px; margin:0px; margin-bottom:30px;}
#content #comic a {width:100%; height:100%; padding-top:15px; padding-bottom:15px;}
#content #comic a img {margin-left:auto;margin-right:auto;}
#content .comicnav {text-align:center;margin:10px 20px 10px 20px; height:40px;clear:both;}
#content .cnbottom {margin-bottom:-10px !important;margin-top:30px !important;}
#content #leftfloat {width:170px; min-height:10px;float:left;text-align:left; padding-top:45px;}
#content #rightfloat {width:170px; min-height:10px;float:right;text-align:left; padding-top:45px;}
#content #leftfloatnotop {width:170px; min-height:10px;float:left;text-align:left; padding-top:1px;}
#content #rightfloatnotop {width:170px; min-height:10px;float:right;text-align:left; padding-top:1px;}
#content #commentary, #content #comments, #content #arch, #content #news, #content .page, #content .newsnav {
  text-align:justify;
  margin:10px 190px 0 190px;
  padding:0px 10px;
}
.tagnav {
	margin-top:23px;
	margin-bottom:-3px;
  margin-left:auto;
  margin-right:auto;
  width:400px;
	text-align: center !important;
}

.metaright {float:right;width:150px;text-align:right;margin-top:-5px;}
.metaleft {float:left;width:65px;margin-top:-5px;}
.metamiddle {margin-right:160px;margin-left:67px;margin-top:-5px;}

.topspace {padding-top:15px;}
.bottomspace {margin-bottom:10px;}
.bottomtight {margin-bottom:-35px;}
.bottomlesstight {margin-bottom:-5px;}
.bwhole {padding:0px 20px; text-align:left;clear:both;}

.halfleft {width:48%; float:left;text-align:right; padding-right:7px; margin-top:15px; border-right: 1px solid #555570;}
.halfright {width:48%; float:right;text-align:left; padding-left:7px; margin-top:15px; border-left: 1px solid #555570;}

/* css for the comments*/
#comments ol#comlist {
	padding:0px;
	margin:0px;
}

#comments h4 {
	text-align:center;
	padding-bottom:5px;
	padding-top:15px;
}

#comments ol li.comli {
	list-style:none;
	padding:0px;
	margin-top:0px;
	margin-bottom:15px; 
	border: 1px solid #0C0C0C;
	/*background-color:#16161a*/
 	border-radius:7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
 	box-shadow:0px 0px 7px #0C0C0C;
	-webkit-box-shadow:0px 0px 7px #0C0C0C;
	-moz-box-shadow: 0px 0px 7px #0C0C0C;
}
#comments ol li.alt {
	
}
#comments ol li.bypostauthor {
	border: 1px solid #252540;
 	box-shadow:0px 0px 7px #252540;
	-webkit-box-shadow:0px 0px 7px #252540;
	-moz-box-shadow: 0px 0px 7px #252540;
	background-color:#191920;
}
.comcont {
	padding:0px 15px;
	padding-top:10px;
}
.commeta {
	height:35px;
	padding:12px 15px 0px 15px; 
	text-align:right; 
	border-bottom:1px solid #0C0C0C;
	background-color:#101010;
	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
}
#comments ol li.bypostauthor .commeta{
	border-bottom:1px solid #252540  !important;
 	box-shadow:0 7px 7px -7px #252540;
	-webkit-box-shadow: 0 7px 7px -7px #252540;
	-moz-box-shadow: 0 7px 7px -7px #252540;
}
.comcount {
	text-align:left;
	float:left;
	width:60px;
	font-size:25px;
	line-height:25px;
	font-weight:bold;
	padding:0px;
	margin:0px;
}
.comcountsmall {
	font-size:18px;
}
.commeta p {
	margin-right:34px;
	margin-top:1px;
	line-height:15px;
}
.comav {
	text-align:center; 
	width:25px; 
	border: 2px solid #0C0C0C; 
	background-colour:#131315;
	float:right;
}
#comments ol li.bypostauthor .commeta .comav{
	border:2px solid #252540  !important;
}

/* css for the sidebar interiors*/
.blogroll {
	padding-bottom:20px;
}

div.shadowed p, div.shadowed h2, div.shadowed h3, div.shadowed h4, div.shadowed img
{margin:1px;padding:10px;}

#lowernav {text-align:right;margin-top:5px;}
#footer p {padding:7px 0; text-align:center;}

/* NAVBAR, COMIC================================================================================ */
.comicnav a, .comicnav span {float:left;display:block;height:25px;}

#pname {width:350px;padding-top:3px;}
#fpost, #pscene, #ppost, #npost, #nscene, #lpost 
{text-indent: -9999px;overflow:hidden;background: transparent url('images/_nav.png') 0px 0px no-repeat;}

span#fpost {width:95px;background-position:-2px -50px;}
a#fpost {width:95px;background-position:-2px -25px;}
a#fpost:hover {width:95px;background-position:-2px 0px;}

span#pscene {width:95px;background-position:-90px -50px;}
a#pscene {width:95px;background-position:-90px -25px;}
a#pscene:hover {width:95px;background-position:-90px 0px;}

span#ppost {width:85px;background-position:-178px -50px;}
a#ppost {width:85px;background-position:-178px -25px;}
a#ppost:hover {width:85px;background-position:-178px 0px;}

span#npost {width:85px;background-position:-256px -50px;}
a#npost {width:85px;background-position:-256px -25px;}
a#npost:hover {width:85px;background-position:-256px 0px;}

span#nscene {width:95px;background-position:-332px -50px;}
a#nscene {width:95px;background-position:-332px -25px;}
a#nscene:hover {width:95px;background-position:-332px 0px;}

span#lpost {width:95px;background-position:-421px -50px;}
a#lpost {width:95px;background-position:-421px -25px;}
a#lpost:hover {width:95px;background-position:-421px 0px;}


/* COLOURS AND TYPOGRAPHY ======================================================================= */
body {
	font-size: 0.8em;
	line-height:1.7;
	font-family: Tahoma, Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-weight:300;
	background: #131315 url('images/_background.jpg');
line-height: 1.5;
}

#page {font-size: 1.1em;}


/*h1, h2, h3, h4 {color:#606095; font-family: Tahoma, Arial, Sans-Serif; text-shadow: -0.1em 0.1em 0.1em #000}*/
h1, h2, h3, h4 {color:#707095; font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; text-shadow: -0.1em 0.1em 0.1em #000;}

h2 {font-size:2em;margin-top:1.2em;margin-bottom:0em;font-weight:normal;letter-spacing:3px;}
h3 {font-size:1.5em;margin-top:1.5em;margin-bottom:0.3em;font-weight:normal;letter-spacing:2px;}
h4 {font-size:1.2em;margin-top:1.5em;margin-bottom:0.3em;font-weight:normal;letter-spacing:2px;}

.linkcat h2, #votingblock h2  {font-size:1.2em;margin:0px;padding:0px;font-weight:bold;}

p {margin-bottom:1em;}

/*.dark{color:#454570;}*/
.dark{color:#555570;}
.normal{color:#707095;}
/*#lang {color:#603413;}*/
#lowernav {color:#bd7231;}

.bigger {
font-size: 1.1em;
text-shadow: -0.1em 0.1em 0.1em #000
}

a, a span#spinl{text-decoration:none;color:#bd7231;}
a:visited, a:visited span#spinl {text-decoration:none;color:#8d5201;}
a:hover {text-decoration:underline;color:#bd7231;}
a:hover span#spinl {color:#bd7231;}
.dark a, a.dark {text-decoration:none;color:#603413;}
.dark a:hover, a.dark:hover {text-decoration:underline;color:#de9058;}

.wide, .page_item {letter-spacing:2px;text-shadow: -0.1em 0.1em 0.1em #000}
.small {font-size:0.8em;}
.right {text-align:right;}
.left {text-align:left;}
.center {text-align:center;}
.justify {text-align:justify;}

strong, b {font-weight:bold;}
em, i {font-style:italic;}
abbr, acronym {border-bottom: 1px dashed #707095;}
blockquote {
	margin: 20px;
	color:#555570 !important;
}
blockquote p {
	color:#555570 !important;
	margin:0px !important;
	padding:0px !important;
}

cite {font-style:italic;}
code {font-family:Courier New, monospace;}

#chardesc {
	padding-right:134px;
}

#chardescimg {
	float:right;
	margin-top:5px;
	border:2px solid black;
}

#chardesc em {
  color:#555570;
  font-size:0.8em;
  font-style:normal !important;
  display:block;
  padding-top:7px;
}
                 
.comli ul, .post ul, #commentary ul, #post ul, .comli ol, .post ol, #commentary ol, #post ol {
	padding-left:10px;
	margin-left:30px;
	margin-right:20px;
	padding-bottom:15px;
}
.comli ul li, .post ul li, #commentary ul li, #post ul li {
	list-style-type:disc !important;
}
.comli ol li, .post ol li, #commentary ol li, #post ol li {
	list-style-type:decimal !important;
}

a.shadowed img, a.shadowed span, a.shadowed a, .page_item a{
display:block;
border-width: 0px;
border-style:none;
padding-left:13px;
padding-right:13px;
}

a.shadowed, {
padding-top:15px;
padding-bottom:13px;
}


a#idesclink, a.archlink, a.shadowed, .comicthumb a, #content #comic a, .shadowed, .page_item a {
display:block;
border: 1px solid #252540;
border-radius:7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
}

 #content #comic a {
 border-radius:20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
 box-shadow:0px 0px 7px #252540;
-webkit-box-shadow:0px 0px 7px #252540;
-moz-box-shadow: 0px 0px 7px #252540;
 
 }
 
 
.page_item a {
 border-radius:7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
 box-shadow:0px 0px 7px #252540;
-webkit-box-shadow:0px 0px 7px #252540;
-moz-box-shadow: 0px 0px 7px #252540;
 }

a.lightb, a#idesclink:hover, a.archlink:hover,  a.shadowed:hover, .comicthumb a:hover, #content #comic a#nclink:hover, .page_item a:hover {
text-decoration:none;
border: 1px solid #606095;
border-radius:7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
box-shadow:0px 0px 10px #606095;
-webkit-box-shadow:0px 0px 10px #606095;
-moz-box-shadow: 0px 0px 10px #606095;
}

a.shadowed, .comicthumb a, #content #comic, .shadowed, .page_item a {
background-color:#0C0C0C;
}

#leftfloat .page_item a, #leftfloatnotop .page_item a {
padding:2px;
margin-top:5px;
text-align:center;
}

#leftfloat .page_item, #leftfloatnotop .page_item {
list-style:none;
}

.huge {font-size:2em; font-family: Tahoma, Arial, Sans-Serif; text-shadow: -0.1em 0.1em 0.1em #000;}

#comiclink {width:380px;float:left; padding-bottom:30px;padding-top:20px;}
#comiclink div {padding:left:50px;}

#newsbh {padding-top:30px;}
.date {margin-bottom:-35px;padding-top:20px;text-align:right;}
#newsh {padding:0px;margin:0px;}

#indexside {float:right;width:180px;}

.rounded {border-radius:7px;-moz-border-radius: 7px;-webkit-border-radius: 7px}

/* COMIC ARCHIV CHAPTER SELECT */
#arch {text-align:right;display:block;}
#arch div {margin-top:7px; font-size:1.2em; text-shadow: -0.1em 0.1em 0.1em #000;}
#arch div a {text-align:left;padding-top:20px;padding-bottom:5px;padding-left:30px;padding-right:20px;margin:0px; display:block;}

/* COMIC ARCHIV SINGLE CHAPTER OVERVIEW */
#catdis {padding-left:10px !important; padding-right:0px !important;}
#ctopen {margin:0px !important;}

#ctopen td {}
#ctopen .comicthumb {
	padding-bottom:12px;
	line-height:13px;
	padding-top:0px;
}
.comicthumb a {
	padding:7px;
	padding-bottom:5px;
}
.comicthumb a img, .ctstart img {
	padding:0px;
	margin:0px;
}
.comicthumb a span {
	padding: 0px 2px;
	margin:0px;
}
.ctleft {
	text-align:left;
	padding-right:1px;
}
.ctleft a, .ctstart {
	-webkit-border-radius: 7px;
	-webkit-border-top-right-radius: 1px;
	-webkit-border-bottom-right-radius: 1px;
	-moz-border-radius: 7px;
	-moz-border-radius-topright: 1px;
	-moz-border-radius-bottomright: 1px;
	border-radius: 7px;
	border-top-right-radius: 1px;
	border-bottom-right-radius: 1px;
}
.ctleft a:hover  {
	-webkit-border-radius: 7px;
	-webkit-border-top-right-radius: 1px;
	-webkit-border-bottom-right-radius: 1px;
	-moz-border-radius: 7px;
	-moz-border-radius-topright: 1px;
	-moz-border-radius-bottomright: 1px;
	border-radius: 7px;
	border-top-right-radius: 1px;
	border-bottom-right-radius: 1px;
}
.ctright {
	text-align:right;
	padding-left:1px;
}
.ctright a, .ctend {
	-webkit-border-radius: 1px;
	-webkit-border-top-right-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	-moz-border-radius: 1px;
	-moz-border-radius-topright: 7px;
	-moz-border-radius-bottomright: 7px;
	border-radius: 1px;
	border-top-right-radius: 7px;
	border-bottom-right-radius: 7px;
}
.ctright a:hover {
	-webkit-border-radius: 1px;
	-webkit-border-top-right-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	-moz-border-radius: 1px;
	-moz-border-radius-topright: 7px;
	-moz-border-radius-bottomright: 7px;
	border-radius: 1px;
	border-top-right-radius: 7px;
	border-bottom-right-radius: 7px;
}
.ctnav {
	text-align:center;
	padding-bottom:7px;
}
.ctnavdiv {
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	border-color: #0C0C0C !important;
	padding:3px;
}
.ctstart {
	text-align:right;
}

.chapterend a, .chapterstart a {
   border: 1px solid #0C0C0C;
}
.chapterend a {
  background: #0C0C0C url('images/_chstart.jpg') 25px 25px no-repeat;
}

.chapterend a:hover, .chapterstart a:hover {
  /*border: 1px solid #252540   !important;*/
  border: 1px solid #0C0C0C;
  box-shadow:0px 0px 0px #606095;
  -webkit-box-shadow:0px 0px 0px #606095;
  -moz-box-shadow: 0px 0px 0px #606095;
}

/* CHARACTER TAG, PAGE OVERVIEW */
#charapp {	
	width:100%;
	border-top: 1px solid #252540;
 	box-shadow:0px -7px 7px -7px #252540;
	-webkit-box-shadow: 0px -7px 7px -7px #252540;
	-moz-box-shadow: 0px -7px 7px -7px #252540;
}
#charapp td {
	padding:5px 10px;
	border-bottom: 1px solid #252540;
 	box-shadow:0 7px 7px -7px #252540;
	-webkit-box-shadow: 0 7px 7px -7px #252540;
	-moz-box-shadow: 0 7px 7px -7px #252540;

}
#charapp td.charcatname {
	width:31%;
}

/* Spoiler */
div.easySpoilerWrapper {
	margin-bottom:15px !important;
	margin-top: 15px !important;
	background:#252540;
}

/* Kommentarfeld */

#respond h3 {text-align:center;}
#respond  form {
  padding:25px;
  padding-bottom:15px;
  margin-top:5px;
  background-color:#0C0C0C;
  border: 1px solid #252540;
  border-radius:7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
}


/* CONTACT FORMULAR */
#contact {padding:20px;padding-top:30px;padding-bottom:1px;margin-top:30px;margin-bottom:30px;}
#contact label, #contact span {padding:0px;margin:0px;}
#contact input.wpcf7-text, #contact textarea, #respond input, #respond textarea {
width:98%;
border:1px solid #454570;
background: #131315 url('images/_background.jpg');
color:#606095;
padding:3px; 
font-size:1.4em;
}
#contact input.wpcf7-text:focus, #contact textarea:focus, #respond input:focus, #respond textarea:focus {
border:1px solid #606095;
box-shadow:0px 0px 10px #606095;
-webkit-box-shadow:0px 0px 10px #606095;
-moz-box-shadow: 0px 0px 10px #606095;
}

.wpcf7-submit, #submit {
width:100%;
cursor: pointer;
font-size:1.2em !important;
border:1px solid #603413 !important;
background: #131315 url('images/_background.jpg');
color:#bd7231 !important;
border-radius:7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
height:30px;
}

.wpcf7-submit:hover, #submit:hover {
border:1px solid #bd7231;
box-shadow:0px 0px 10px #bd7231;
-webkit-box-shadow:0px 0px 10px #bd7231;
-moz-box-shadow: 0px 0px 10px #bd7231;
border-radius:7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
}

#sent {margin:0px;margin-top:10px;padding:10px;padding-bottom:10px;text-align:center;}


/*checkboxes*/

p.comment-subscription-form {
	margin-bottom:5px;
}

#subscribe_comments, #subscribe_blog {
    opacity: 0;
    filter: alpha(opacity=0);
	color:#bd7231;
}
#subscribe_comments+ label, #subscribe_blog+ label {
    position: relative;
}
#subscribe_comments + label:before, #subscribe_blog + label:before,
.lt-ie8 .checkbox-replacement {
    content: '';
    display: inline-block;
    visibility: visible;
    left: 0;
    width: 0.6em;
    height: 0.6em;
    margin: 0 0.7em 0 -0.2em;
    line-height: 0.6;
    text-align: center;
    /* Put checkbox styles here: */
    border: 1px solid #603413;
}
#subscribe_comments:checked + label:before,
.lt-ie9 #subscribe_comments.checked + label:before,
#subscribe_blog:checked + label:before,
.lt-ie9 #subscribe_blog.checked + label:before 
 {
    content: '✔';
	color:#bd7231;
}

/* ADDS! */

#header #topnav #topad, #sideadv{
	padding:5px;
	float:right;
	border: 1px solid #0C0C0C;
	background-color:#0C0C0C;
border-radius:7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
text-decoration:none;
box-shadow:0px 0px 10px #000;
-webkit-box-shadow:0px 0px 10px #000;
-moz-box-shadow: 0px 0px 10px #000;
}

#header #topnav #topad:hover, #sideadv:hover{
text-decoration:none;
border: 1px solid #252540;
border-radius:7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
box-shadow:0px 0px 10px #252540;
-webkit-box-shadow:0px 0px 10px #252540;
-moz-box-shadow: 0px 0px 10px #252540;
} 

/* IMAGE GALLERY */


div.tiled-gallery {
border: 1px solid red;

}

div.gallery {
height: auto;
width: auto;
overflow: hidden;
margin: 0xp;
padding: 7px;
padding-top:2px;


border: 1px solid #252540 ;
background-color:#0C0C0C;
border-radius:7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
text-decoration:none;
box-shadow:0px 0px 10px #000;
-webkit-box-shadow:0px 0px 10px #000;
-moz-box-shadow: 0px 0px 10px #000;
}

.gallery img {
border: 1px solid #252540 !important;
}

.gallery img:hover  {
border: 1px solid #606095 !important;
box-shadow:0px 0px 15px #606095;
-webkit-box-shadow:0px 0px 15px #606095;
-moz-box-shadow: 0px 0px 15px #606095;
}

dd.wp-caption-text {
 display: none;
}

dt.gallery-icon {
padding-bottom: 5px;
}
.attachment {
padding-top: 45px;
}

.attachment img {
padding:20px;
border: 1px solid #252540 ;
background-color:#0C0C0C;
border-radius:7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
text-decoration:none;
box-shadow:0px 0px 10px #000;
-webkit-box-shadow:0px 0px 10px #000;
-moz-box-shadow: 0px 0px 10px #000;
}

/* TWITTER WIDGET */

.atf-skin-simplistic .atf-inner-wrapper .atf-tweet-wrapper {
    border: 1px solid #252540 !important;
    background-color: #0C0C0C !important;
}

h2.rounded {
	font-size: 14px !important;
	padding-left:10px;
	padding-bottom:5px;
	margin-top:5px;
}