/*
Theme Name: Traces of Chaos default
Theme URI: none
Description: The default 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: "" "";}

/* 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;}
	
#page {
	width:960px;
	margin-left:auto;
	margin-right:auto;
	background: transparent url('images/_titel.jpg') 0px -10px no-repeat;
position: relative;
}

#header, #content {margin:0 50px;clear:both;}
#lowernav, #footer {margin:0 70px;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 {width:500px; padding-top:40px; text-align:right;float:right;position: absolute;bottom: 0;right:0;margin-bottom:-2px;}
#header #topnav #topul {width:500px;text-align:right;white-space:nowrap; }
#topul li {display:inline;float: right;margin-right:20px;margin-left:10px;}

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

#content {padding-top:20px;}
#content #comic {padding:0px; margin:0px; margin-bottom:20px;}
#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:0 20px; height:40px;}
#content #commentary {text-align:right;margin:10px 20px 0 330px;}

#content .page {margin:0 20px;}
.topspace {padding-top:20px;}

/* css for the page layout options - I might not need everything, but it's good to keep options open */
.mdesc {margin:0 200px;}
.bwhole{clear:both;text-align:left;}
.btopspace {margin-top:30px;}


/* Comic Archive is special case of this */
.ab {text-align:justify;width:490px;float:left;}
.ac {text-align:justify;width:330px;float:left;}
.ab p, .ab h2, .ab h3, .ab h4, .ab img, .ab div {margin-right:14px;padding:0px;margin-bottom:12px;} 
.ac p, .ac h2, .ac h3, .ac h4, .ac img, .ac div {margin-left:4px;padding:0px;margin-bottom:12px;} 
.clink{text-align:right;padding-right:12px;margin-left:auto;margin-right:0px;display:block;padding-bottom:10px;margin-top:-10px;}
.clinkt{margin-bottom:-28px;}


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:right;}

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

#pname {width:270px;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.5;
	font-family:'Trebuchet MS', Verdana, Arial, Sans-Serif;
	font-weight:lighter;
	background: #131315 url('images/_background.jpg');
}

#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}

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

p {margin-bottom:1em;}

.dark{color:#454570;}
.normal{color:#606095;}
#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;}

/*#nav a, #lowernav a {text-decoration:none;color:#bd7231;}
#nav a:hover, #lowernav a:hover {text-decoration:underline;color:#bd7231;}*/

.wide {letter-spacing:2px;text-transform:lowercase;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 {font-weight:bold;}
em {font-style:italic;}

a.shadowed img, a.shadowed span, a.shadowed 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 {
display:block;
border: 1px solid #252540;
border-radius:20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
}

 #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;
 
 }



a.lightb, a#idesclink:hover, a.archlink:hover,  a.shadowed:hover, .comicthumb a:hover, #content #comic a#nclink:hover {
text-decoration:none;
border: 1px solid #606095;
border-radius:20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
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 {
background-color:#0C0C0C;
}

.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;}




#newsarch {margin-right:180px;margin-left:180px; text-align:justify;}
#news {padding-left: 390px; padding-right:20px; padding-bottom:30px;text-align:justify;}
#news #newsbh, #news div.post {margin-left:20px;}
#newsbh {font-size:1.5em;margin-bottom:-30px;}
.date {margin-top:-8px; margin-bottom:8px;}
#newsh {padding:0px;margin:0px;}
.newsnav {clear:both;padding-top:20px;padding-bottom:20px;}

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

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

/* COMIC ARCHIV */
.arch {margin-right:180px;margin-left:180px;text-align:right;margin-bottom:45px;display:block;}
.arch div {margin-top:15px; font-size:2em; font-family: Tahoma, Arial, Sans-Serif; text-shadow: -0.1em 0.1em 0.1em #000;}
.arch div a {text-align:left;padding-top:30px;padding-bottom:10px;padding-left:40px;padding-right:20px;margin:0px; display:block;}
.comicthumb {float:left;width:281px;}
.comicthumb a {margin-left:11px;margin-bottom:8px;}

/* CASTPAGE LAYOUT */
#castdes {width:850px; padding-bottom:10px; background: transparent url('images/char_siendes_350.jpg') 5px 0px no-repeat;}
#castdes p {text-align:justify;padding-left:360px; padding-right:20px;}
#castdes h3 {text-align:left;padding-left:360px;padding-top:50px;}

#castchal {float:right; width:405px; padding-top:250px;}
#castchal p {text-align:justify;padding-left:7px;}
#castchal h3 {text-align:left;padding-left:7px;}

.castcont {clear:both; padding-top:10px;}

/* CONTAKT 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 {
width:98%;
border:1px solid #454570;
background: #131315 url('images/_background.jpg');
color:#606095;
padding:3px;
font-size:1em;
}
#contact input.wpcf7-text:focus, #contact 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 {
width:100%;
cursor: pointer;
font-size:1.2em;
border:1px solid #603413;
background: #131315 url('images/_background.jpg');
color:#bd7231;
border-radius:15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
height:30px;
}

.wpcf7-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:15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}

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


#page-715 .entry {margin-top:15px;}

/* STANDARD SEITEN */
.tinybox {width:130px; margin-right:auto;margin-left:auto;}
#duenn {margin-top:30px;margin-right:160px;margin-left:160px;text-align:left;}