/*  
Theme Name: CWM
Theme URI: http://www.clarkesworldmagazine.com
Description: Clarkesworld Wordpress Theme created by Neil Clarke
Version: 1.0
Author: Neil Clarke
Author URI: http://www.clarkesworldmagazine.com/
*/


/* ---------------------------- Formatting - Formatierung ------------------------------ */

#awards ul {
 margin-top: 0px;
 padding-top: 0px;
}
#awards blockquote {
 margin-top: 0px;
 padding-top: 0px;
 margin-bottom: 0px;
}
#awards blockquote p {
 margin-bottom: 0px;
}
#awards blockquote ul {
 margin-bottom: 0px;
}

#coverart {
  background:#FFFFFF;
  padding:2px 2px 2px 2px; 
  border: 1px solid #000000; 
  display:block;
}

#adstyle {
  border: solid #000000 1px; 
  display:block;
}

#footeradstyle {
  margin-top: 20px;
  border: solid #000000 1px; 
  display:block;
}

#rotating_ad {
  margin-top: 20px;
  display:block;
}

#rotating_ad img {
  margin: 0 5px 0 5px;
  border: solid #000000 1px; 
}


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

#headergraphic {
  background-image: url('/images/header2.jpg');
  height: 175px;
  width: 863px;
  position:relative;
}

#menu {
}

#menu a {
  position: absolute;
  height: 18px;
  top: 31px; 
  text-decoration: none;
  font-size: 9px;
  text-align:left;
}

#menu a i { visibility: hidden; }

a#rss { top: 7px; left: 832px; width: 15px; height: 15px;}
a#bighome { top: 25px; left: 77px; width: 685px; height: 110px;}

a#home { top: 150px; left: 3px; width: 55px;}
a#backissues { top: 150px; left: 64px; width: 79px;}
a#covers { top: 150px; left: 149px; width: 95px;}
a#about { top: 150px; left: 251px; width: 66px;}
a#submissions { top: 150px; left: 321px; width: 84px;}
a#support { top: 150px; left: 411px; width: 77px;}
a#subscribe {top: 150px; left: 495px; width: 77px;}

#menu input {
  position: absolute;
  height: 13px;
  top: 31px; 
  text-decoration: none;
  font-size: 9px;
  text-align:left;
}

input#s { top: 149px; left: 707px; width: 100px;}
input#searchsubmit { top: 150px; left: 813px; width: 30px; height:18px; visibility:hidden}

#footer {
   background-image:url('/images/footer.jpg'); 
   height:29px;
}

#footertext {
   margin-top:-5px; font-size:.6em; 
   color:#FFFFFF;
}

/* -------------------------------------- Body ----------------------------------------- */

body {
  background-image:url('/images/website_06a.jpg');
  min-width: 870px; 
  word-wrap: break-word;
  font-family:Verdana, Arial, Helvetica, sans-serif; 
  margin: 0px;
}
 
p { margin-top: 1em; }

p.question {
  margin-top: 2em;
  font-weight: bold;
}
 
p.footnote {
  margin-top: 0em;
  margin-bottom: 0em;
  font-size: 0.8em;
}

p.source {
  font-size: 0.8em;
}
 
p.center {
   text-align:center;
}

p.two-line-above {
    margin-top: 2em;
}
span.bold {
  font-weight:bold;
}

span.italic {
  font-style:italic;
} 

p.smaller {font-size: 0.8em;}
p.centered {text-align: center;}
 
#backgroundbox {
  width: 863px; 
  background-image:url('/images/body2.jpg'); 
  background-repeat:repeat; 
  margin: 0 auto;
}

#backgroundboxmain {
  width: 863px; 
  background-color:#FFFFFF;
  background-image:url('/images/body.jpg'); 
  background-repeat:repeat; 
  margin: 0 auto;
}

#container {
  width: 809px;
  margin: 5px auto;
  padding-top:0px;
  padding-bottom:0px; 
  overflow:hidden;  /* was auto */
}
#container .column {
  position: relative;
  float: left;
}

#center2col {
  width: 620px;  /* was 809 */ 
  overflow: hidden; 
  float: left;
}

#center2col_archive, #center2col_covers, #center2col_backissues {
  width: 809px;  /* was 659 */ 
  overflow: hidden; 
  float: left;
}

#center3col {
  width: 409px; 
  overflow: hidden; 
  float: left;
  border-right: 1px  #CCCCCC dotted; 
  background:#FFFFFF;
  color: #333333
}

#center3col a{
 text-decoration: none;
 color:#000066;
}

#center3col a:hover{
 text-decoration: underline;
}

/* ------------------------------------- Sidebars --------------------------------------- */

#left {
  width: 212px; /* was 250 */         
  float: left;
}

#right {       /* was 150 */
  width: 186px;         
  float: left;
}
#right h2 {
    position:relative;
	padding: 0px;
	margin: .2em 0 .4em 0;
	font-variant:small-caps;
	font-size:12px;
	color: #7b7b31;
	border-bottom: 1px #7b7b31 solid;
}

ul.recent {
	margin: 0 0 0 .5em;
	padding: 0;
	list-style: none;
	width: 150px;
	font-size: 10px;
}
ul.recent li {
	margin: 0 0 .4em 0; 
	position:relative;
	padding: 0 0 0 .8em;
	background-image:url(images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 .4em;
}

#right a {
	text-decoration: none;
	color:#000000;
}
#right a:hover {
	text-decoration: underline;
	color:#000066;
}
/* --------------------------- Main column ------------------------------ */

#storybox {
  margin: 0 auto;
  width: 570px;
  border: 1px black solid;
  background-color:white;
}

#storytitle {
  text-align:center;
  margin: 5px auto 15px;
}


#maintext {
  margin: 36px auto 20px;
  width: 480px;
  font-family:Verdana, Arial, Helvetica, sans-serif; 
  font-size:0.8em;
}


#maintext hr {
   display : list-item;
   list-style: url(/sep.gif) inside;
   height: 15px;
   width: 38px;
   border:0;
   padding:0;
   margin-left: 221px;
   filter : alpha(opacity=0);
}


#maintext h2 {
   margin-top:0;
   padding-top:0;
   font-size: 1.1em;
}

#maintext h3 {
   margin-top:28px;
   padding-top:0;
   font-family:Verdana, Arial, Helvetica, sans-serif; 
   font-size:1em;
   font-weight: bold;
}

#maintext a {
	text-decoration: none;
	color:#000066;
}
#maintext a:hover {
	text-decoration: underline;
	color:#000066;
}


#cover_column {
  float:left;
  margin-bottom:30px; 
  width:170px;
}

#text_column {
  float:right; 
  width: 300px; 
  margin-left: 5px;
  margin-bottom: 30px;
}

#text_column h2 {
  margin-top:0px; 
  font-size:1.3em; 
  border-bottom: 1px solid #999999; 
  width:250px;
}
/* ----------------------------- Home Page Main Column -----------------------------------*/

#fiction {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  margin-left: 25px;
  margin-right: 7px;
}
#fictionheader {
/*  margin-top: 10px; */
  margin-bottom:10px;
  margin-left: 7px;
}

#nonfiction {
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size:12px;
  margin-left: 25px;
  margin-right: 7px;
}
#nonfictionheader {
  margin-bottom:10px; 
  margin-top:14px;
  margin-left: 7px;
}

#podcast {
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size:12px;
  margin-left: 25px;
  margin-right: 7px;
}
#podcastheader{
  margin-bottom:10px; 
  margin-top:14px;
  margin-left: 7px;
}

#art {
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size:12px;
  margin-left: 25px;
  margin-right: 7px;
}
#artheader{
  margin-bottom:10px; 
  margin-top:14px;
  margin-left: 7px;
}

.indextitles {
  font-size:14px;
}
.indexauthors {
  font-variant:small-caps;
}

/* ------------------------------- Comments  ------------------------------- */
#respond {
margin-left: 0px;
}

h3#comments, h3#respond {
 padding-top: 12px;
 padding-bottom: 7px;
 border-bottom: 1px #cccccc solid;
 font-size:14px;
}

.comments-template{
 padding: 0px;
 margin: 28px 0px 0px 0px;
}

#commentform {
 
 padding: 0px;
 margin-top: 5px;
 margin-bottom: 0px;
 margin-right: 0px;
 margin-left: 0px;
 
}

ol.commentlist{
 list-style-type: none;
 margin: 0px;
 padding: 0px;
}

ol.commentlist li{
 margin: 0px 0px 7px 0px;
 border-bottom: 1px dotted #333333;
 list-style:decimal inside;
 padding: 1em;			
}

ol.commentlist li.alt{
  background:#f9f9f9;
}

.commenttext {
 padding: 0 0px;
 margin-top: 5px;
 margin-bottom:10px;
}
.commentmetadata {
 padding: 0 0px;
 margin-top: 5px;
 margin-bottom:5px;
 font-size:12px;
 color:#999999;
}
.smallbig {
 color:#000066;
 font-weight:bold;
}
/* ----------------- Comment Quicktags - Quicktags in den Kommentaren------------------- */
.quicktags {
 padding-top: 5px;
 margin-bottom: 0px;
}

.quicktags input { 
 background: #eeeeee;
 border: 1px solid #b6b6b6;
 color: #000000;
 margin: 2px;
 width: auto;
 padding: 0px 0px;
}

.quicktags input:hover { 
 background: #fcfcfc;
 border: 1px solid #b6b6b6;
 color: #7c7d82;
}

input.sendclass { 
 background: #eeeeee;
 border: 1px solid #b6b6b6;
 color: #000000;
 margin: 2px;
 width: auto;
 padding: 2px 10px;
}

input:hover.sendclass { 
 background: #fcfcfc;
 border: 1px solid #b6b6b6;
 color: #7c7d82;
}

textarea.commentclass {
 background-color: #eeeeee;
 border: 1px solid #b6b6b6;
 margin: 2px;
 width:470px;
}



/* -------------------------------- Pictures - Bilder ---------------------------------- */

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) 

        Die Klasse 'class="alignright"' bei einem Bild (wer hätte das gedacht?!) 
        richtet das Bild rechts aus und 'class="centered' zentriert es.
        Diese Klassen können zum gestalten der Bilder in Beiträgen verwendet
        werden. Sie sind um einiges valider und zukunftsorientierter als
        align="center" etc. */

.entry img.centered {
 padding: 0px;
 display: block;
 margin-left: auto;
 margin-right: auto;
 margin-bottom: 0px;
 border: 1px solid #333333;
}

/* Ohne Rahmen - without border */
.entry img.centered2 {
 display: block;
 margin-left: auto;
 margin-right: auto;
}

.entry img.wp-smiley{
 border: 0;
 padding: 0;
 background-color: transparent;
}

.entry img.alignleft{
 float: left;
 margin: 0 0px 0px 0;
 display: inline;
 border: 1px solid #ccc;
 padding: 0px;
}

.entry img.alignright{
 float: right;
 margin: 0px 0 0 0px;
 display: inline;
 border: 1px solid #ccc;
 padding: 0px;
}