/*  
Theme Name: CWM3
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/
*/

h1 {
background:url(header-h1-background.jpg) no-repeat top left;
width:0px;
height:0px;
margin:0px 0 0;
float:left;
text-indent:-99999em;
overflow:hidden;
}
h1 a {
display:block;
width:100%;
height:100%;
}

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

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

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


span.bold {
  font-weight:bold;
}

span.italic {
  font-style:italic;
} 

p.smaller {font-size: 0.8em;}
span.smaller {font-size: 0.9em;}
p.centered {text-align: center;}


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

/* --------------------------- Main column ------------------------------ */


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);
}
hr.mantis {
 display : list-item;
 list-style: url(/mantis.png) inside;
 height: 28px;
 width: 40px;
 border:0;
 padding:0;
 margin-left: 227px;
 filter : alpha(opacity=0);
}

/* ----------------------------- Home Page Main Column -----------------------------------*/

/* ------------------------------- 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;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-weight: bold;
}

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

ol.commentlist li.alt p, ol.commentlist li p {
 font-weight: normal;	
}
.commenttext {
 padding: 0 0px;
 margin-top: 5px;
 margin-bottom:10px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size: .70em;
}
.commenttext p{
	margin-top: 1em;
}
.commentmetadata {
 padding: 0 0px;
 margin-top: 5px;
 margin-bottom:5px;
 font-size:0.9em;
 color:#999999;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size: .70em;
}
.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:480px;
}

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

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

#text_column h2 {
  margin-top:0px; 
  font-family: Arial, "Courier New", Courier, mono;
  font-size:1.1em; 
  border-bottom: 1px solid #999999; 
  width:300px;
}
.wf-active #text_column h2 {
  font-family: "nimbus-sans-condensed";
  font-size:1.3em; 
}
h2, p.staff-name {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	border-bottom: 1px #999999 solid; width:400px; margin-top:23px;
}
.wf-active h2 {
	font-family: "nimbus-sans-condensed";
	font-size: 1.9em;
}


#awards h2 {
	border: none;
	width: auto;
	text-align: center;
}


p {margin: 0em;}


.story a, .story a:visited, .audio-text a, .audio-text a:visited, .comment-join a, .comment-join a:visited, .story-text a,.story-index a, .story-text a:visited, .recent-comment li a:visited, .recent-comment li a, .section4 a:visited, .section4 a {
	text-decoration: none;
	color: #003366;
}
.story a:hover, .audio-text a:hover, .comment-join a:hover, .story-text a:hover, .story-index a:hover, .recent-comment li a:hover {
	text-decoration: underline;
	color: #003366;
}
.clarkesworld a, .clarkesworld a:visited, .clarkesworld a:hover {
	text-decoration: none;
	color: #ffffff;
} 
.nav-box2 a, .nav-box2 a:visited {
	text-decoration: none;
	color: #ffffff;
}
.website a, .website a:visited, .also a, .also a:visited, .issue a, .issue a:visited {
	text-decoration: none;
	color: #000000;
}
.nav-box2 a:hover {
	text-decoration: underline;
}
.yellow a, .yellow a:visited {
	color: #FFFF00;
}
.home_body_1 a, .home_body_1 a:visited, .home_body_1 a:hover, .home_body_3 a, .home_body_3 a:visited, .home_body_3 a:hover {
	text-decoration: none;
}
.foot_col_3 a, .foot_col_3 a:visited, .foot_col_3 a:hover, .rss a, .rss a:visited, .rss a:hover, .comment-support a, .comment-support a:visited, .comment-support a:hover {
	text-decoration: none;
}

.browse-by a, .browse-by a:visited {
	text-decoration: none;
	color: #666666;
}
.browse-by a:hover, .issue a:hover {
	text-decoration: underline;
	color: #666666;
}


  p.heading-box {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	margin-bottom: 0.9em;
	font-size: 0.9em;
	text-transform: uppercase;
	color: #003366;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
  }
  .wf-active p.heading-box {
	font-size: 1.2em;
	font-family: "nimbus-sans-condensed";
  }
  p.section {
  	margin-left: 10px;
	font-weight:normal;
	font-family: Arial, "Courier New", Courier, mono;
	font-size: 0.8em;
	letter-spacing:0.2em;
	color: #000000;
	margin-bottom:0.3em;
  }
  .wf-active p.section {
	font-family: "nimbus-sans-condensed";
	font-size: 1.0em;
  }
  p.section2 {
    margin-top: 0.8em;
  }
  p.section3 {
    margin-top: 0em;
  }
  p.section4 {
    margin-top: 0em;
	margin-bottom: 0em;
	color: #003366;
  }
  p.section5 {
    margin-top: 0.5em;
  }
  p.issue {
  	letter-spacing: 0.1em;
  	font-size: 1.5em;
	font-weight: bold;
	margin-top: 0 em;
	text-transform:uppercase;
  }
 .wf-active p.issue {
 	font-size: 1.5em;
 }

  p.story {
  	margin-left: 30px;
	margin-top: 0.3em;
	font-weight: bold;
	color: #003366;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
  }
  .wf-active p.story {
	font-family: "nimbus-sans-condensed";
	font-size: 1.4em;
	line-height: 0.98em;
  }
  p.byline {
  	margin-left: 30px;
	margin-top: 0.1em;
	font-size: 0.7em;
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #666666;
  }
  p.issuenum {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	font-size: 0.9em;
	font-weight:bold;
	text-transform: uppercase;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
  }
  p.support {
	margin-top: 1.5em;
	font-size: 1em;
	text-transform: uppercase;
	color: #666666;
	font-family: "nimbus-sans-condensed", Arial, Helvetica, sans-serif;
	text-align:center;
  }

  div.issuenum_box {
	margin-bottom: 0.9em;
	background-color:#999999;
	width: 310px;
	border: 1px #999999 solid;
	-moz-border-radius: 8px;
	border-radius: 8px;

  }
  p.nav-box {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 0.5em;
	margin-bottom: 0.0em;
	font-size: 0.6em;
	font-weight:bold;
	text-transform: uppercase;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #999999;
	width: 550px;
	-moz-border-radius-bottomright: 50px;
	border-bottom-right-radius: 50px;
  }
  p.nav-box2 {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 0.9em;
	margin-bottom: 0.0em;
	font-size: 0.6em;
	letter-spacing: 0.2em;
	font-weight:bold;
	text-transform: uppercase;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;

  }

  p.browse-by {
	margin-bottom: 0.2em;
	font-size: 0.8em;
	font-weight:normal;
	text-transform: uppercase;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
  }
  .wf-active p.browse-by {
	font-family: "nimbus-sans-condensed";
	font-size: 0.9em;
  }
  img.boxed {
  	border: 1px black solid;
	padding: 2px;
  }
  img.boxed2 {
  	border: 1px #cccccc solid;
	padding: 2px;
  }
  img.cover {
  	border: 1px black solid;
	padding: 2px;
	margin-left: 2px;
  }
  p.clarkesworld {
	font-family:  times;
	font-size: 5.5em;
	font-weight:bold;
	line-height:0.75em;
	color: #ffffff;
	margin-top: 0.38em;
	text-align: right;
  }
  .wf-active p.clarkesworld {
	font-family: "trajan-pro", times;
	font-size: 5.2em;
  }
  p.subheading {
	font-family: "trajan-pro", "Times New Roman", Times, serif;
	font-size: 0.8em;
	font-weight:bold;
	text-align: center;
	color: #CCCCCC;
    vertical-align: top;
    line-height: 0.6
  }
  p.whitetext {
  	color:#FFFFFF;
  }
  p.copyright {
	margin-bottom: 1em;
	margin-top: 1em;
	font-size: 0.7em;
	font-weight:normal;
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
  }
  p.story-title, p.page-title {
  	text-align:center;
	font-weight:bold;
	font-family: Arial, Helvetica, Courier, mono;
  	font-size: 1.4em;  
	margin-top: 0.3em;
	line-height: 0.92em;
	color: #003366;
	margin-left: 50px;
	margin-right: 50px;

  }
  p.page-title {
	margin-bottom: 0.3em;
  }
  .wf-active p.story-title, .wf-active p.page-title {
	font-family:"nimbus-sans-condensed";
  	font-size: 2.0em;  
  }

  p.story-author {
  	text-align:center;
	font-weight:bold;
	text-transform: uppercase;
	margin-top: 0.0em;
	margin-bottom: 0em;
	font-size: 1.0em;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #666666;
  }
  .wf-active p.story-author {
	font-size: 1.1em;
	font-family: "nimbus-sans-condensed";
  }
  p.story-index {
	font-size: 1.1em;
	font-family: "nimbus-sans-condensed";
	margin-left: 20px;
	margin-bottom: 0.3em;
  }
  p.audio-text, p.award {
  	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 0.2em;
	margin-bottom: 1em;
	margin-left: 50px;
	margin-right: 50px;
	font-size: 0.7em;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #003366;
  }
  .wf-active p.audio-text, .wf-active p.award {
	font-size: 0.9em;
	font-family: "nimbus-sans-condensed";
  }
      
  span.podtext {
	-font-size: 1em;
	color: #666666;
	font-weight: normal;
  }
  span.authorname {
  	text-transform:uppercase;
  }
  .authorname a, .authorname a:visited {
	text-decoration: none;
	color: #666666;
  }
  .authorname a:hover {
	text-decoration: underline;
	color: #666666;
  }

  span.yellow {
    color: yellow;
  }
  span.smallercw {
  	font-size: 0.8em;
    vertical-align: top;
    line-height: 0.95em;
  }
  div.bodyframe {
    width: 1000px;
	background-color:#FFFFFF;
	background-image:none;
	margin : 10px auto 0px;
	padding-top: 10px; 
	-moz-border-radius: 8px;
	border-radius: 8px;
  }
  div.bodyframe2 {
    width: 1000px;
	background-color:#eeefff;
	background-image:none;
	margin : 10px auto 0px;
	padding-top: 10px; 
	-moz-border-radius: 8px;
	border-radius: 8px;
  }  
  div.headframe {
    width: 1000px;
	margin : 5px auto 0px auto;
  }
  div.issn {
    width: 1000px;
	margin: 0px auto;
  }
  body {
  	background-image:url('http://clarkesworldmagazine.com/images/website_06c.jpg');
	margin:0em; 
  }
  div.topnav {
  	width: 1010px;
  }
  div.topnav2 {
    width: 1000px;
	background-color:#000000;
	background-image:none;
	margin : 0px auto;
	-moz-border-radius: 8px;
	border-radius: 8px;
  }
  div.magname {
  	width: 640px;
	float: left;
  }
  div.robot {
  	float:left;
  }
  div.rss {
  	float:left;
	text-align: center;
	font-size: 5px;
	margin-top: 8px;
	margin-left: 216px;
  }
    div.appad {
  	float:left;
	margin-left: 10px;
	width: 190px;
  }
  div.clear {
  	clear: both;
  }
  div.indent_5 {
	margin-left: 5px;
	margin-right: 5px;
  }
  div.interior_body_1 {
  	width: 660px;
	float: left;
	margin-right:8px;
  }
  div.story-text {
  	width: 500px;
	margin: 30px auto;
	background-color:#ffffff;
  }
  div.back-text {
  	width: 500px;
	margin: 30px auto;
	background-color:#ffffff;
  }
  div.story-frame {
  	width: 580px;
	margin: 0px auto;
	background-color:#ffffff;
	border: black thin solid;
  }
  div.comment-text {
  	width: 500px;
	margin: 30px auto;
	background-color:#ffffff;
  }
  div.comment-frame {
  	width: 580px;
	margin: 10px auto;
	background-color:#ffffff;
	border: black thin solid;
  }
  div.bio-text {
  	width: 260px;
	margin: 20px auto;
	background-color:#ffffff;
  }
  div.bio-frame {
  	width: 304px;
	margin: 10px auto;
	background-color:#ffffff;
	border: black thin solid;
  }


  div.home_body_1 {
  	width: 240px;
	float: left;
  }
  div.home_body_2 {
  	width: 420px;
	float: left;
	margin-right: 8px;
  }
  div.home_body_3 {
  	width: 320px;
	float: left;
  }
  div.space30 {
    padding-bottom: 30px;
  }
  div.footer {
	border-top: dotted #cccccc thin;
	background-color: #eeeeee;
  }
  div.foot_col_1 {
  	width: 329px;
	height: 294px;
	float: left;
	padding-top: 10px; 
	padding-bottom: 10px;
	border-right:dotted #CCCCCC thin;
  }  
  div.foot_col_2 {
  	width: 328px;
	float: left;
	height: 264px;
	padding-top: 10px; 
	padding-bottom: 10px;
	border-right:dotted #CCCCCC thin;
  }  
  div.foot_col_3 {
  	width: 329px;
	height: 264px;
	float: left;
	padding-top: 10px; 
	padding-bottom: 10px;
  }  
  div.searchform {
  }
  #searchwrapper {
	width:228px; 
	height:40px;
	background-image: url('http://clarkesworldmagazine.com/images/searchbox2.jpg');
	background-repeat:no-repeat; 
	padding:0px;
	margin:30px auto 0px auto;
	position:relative; 
  }
 
  #searchwrapper form { display:inline ; }
 
  .searchbox {
	border:0px; /*important*/
	background-color:transparent; /*important*/
	position:absolute; /*important*/
	top:4px;
	left:9px;
	width:174px;
	height:28px;
  }
 
  .searchbox_submit {
	border:0px; 
	border-color: #CC3366;
	background-color:transparent; 
	position:absolute;
	top:4px;
	left:190px;
	width:32px;
	height:28px;
}

textarea, input { outline: none; } 

span.lowercase {
	text-transform:lowercase;
	font-size: 0.9em;
}
div.story-text  {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: .80em;
}
div.story-text code {
	font-size: 1.3em;
}
div.story-text p {
	margin-top: 1em;
}

div.story-text p.no-margin {
	margin-top: 0em;
	margin-bottom: 0em;
}

div.back-text p {
}
div.entry {
	margin-left: 30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: .80em;
}
div.post {
	margin-left: 30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: .80em;
}
div.comment-text p.comment {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: .80em;
	margin-top: 1em;
}
div.comment-text p.comment-author {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: .80em;
	margin-top: 1em;
}
div.comment-text p.comment-header {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: .80em;
	margin-top: 1em;
}
div.bio-text p.bio {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	margin-top: 1em;
	text-align: left;
}
div.bio-text p.website, div.bio-text p.also, ul.recent, ul.recent-comment {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .80em;
	margin-top: 0em;
	text-align:center;
}
div.bio-text p.also {
	font-size: 0.9em;
	margin-top: 0.8em;
	margin-bottom: 0.5em;
	text-transform:uppercase;
	font-weight: bold;
} 
.wf-active div.bio-text p.bio, .wf-active ul.recent {
	font-family:"nimbus-sans-condensed";
	font-size: 0.95em;
}
.wf-active div.bio-text p.website {
	font-family: "nimbus-sans-condensed";
	font-size: .90em;
}
.wf-active div.bio-text p.also {
	font-family: "nimbus-sans-condensed";
	font-size: 1.2em;
}
div.bio-text photo {
	margin-top: 0em;
	text-align:center;
}
.website a:hover, .also a:hover {
	text-decoration: underline;
}
p.comment-join {
	margin-top: 1.5em;
}
ul.recent {
	margin: 0 0 0 .5em;
	padding: 0;
	list-style: none;
}
ul.recent-comment {
	margin: 2em 0 0 .5em;
	padding: 0;
	list-style: none;
}
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;
	text-align: left;
}
ul.recent-comment li {
	margin: 0.5em 0 .4em 0; 
	position:relative;
	padding: 0 0 0 .8em;
	background-image:none;
	background-repeat: no-repeat;
	background-position: 0 .4em;
	text-align: left;
}

div.story-text p.question {
  margin-top: 2em;
  font-weight: bold;
}
div.story-text p.noindent0 {
  margin-top: 0em; 
  text-indent: 0em;
}

div.story-text p.changeface, div.story-text li.changeface {
  font-family: "Times New Roman", Times, serif, Monospace; 
  font-size: 1.25em;
}

span.gallery {
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
}
.wf-active span.gallery {
	font-family:"nimbus-sans-condensed";
	font-size: 1.8em;
}
span.gallery-artist {
	font-size: 1.2em;
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #666666;
}
span.gallery a:hover, span.gallery-artist a:hover {
	text-decoration: underline;
}
span.gallery a:visited, span.gallery-artist a:visited, span.gallery a, span.gallery-artist a {
	text-decoration: none;
	color: #000000;
}
div.staff-image {
	width:190px; 
	float: left
}
div.staff-former {
	width:250px; 
	float: left
}
div.staff-info {
	width:300px; 
	float: right;
	margin-top: 0em;
	padding-top: 0em;
}
div.story-text p.staff-text {
	margin-top: 0em;
}
div.story-text p.staff-name {
	border-bottom: none;
	margin-top: 0em;
	margin-bottom: 0em;
	font-weight: bold;
	width:auto;
}
.wf-active p.staff-name {
	font-size: 1.3em;
    font-family: "lato";
	margin-top: 0em;
	padding-top: 0em;
}
.wf-active p.book-name {
	font-size: 1.4em;
    font-family: "nimbus-sans-condensed";
	font-weight: bold;
}

.wf-active p.staff-title {
    font-family: "lato";
	margin-top: 0em;
	padding-top: 0em;
    color:#666666;
}

.section4 a:hover {
	text-decoration: underline;
	color: #003366;
}
div.story-text p.two-line-above {
    margin-top: 2em;
}
div.story-text p.centered2 {
	text-align: center;
    margin-top: 2em;
}

div.story-text span.nobreak { white-space:nowrap; }

div.story-text p.no-line-above {
    margin-top: 0em;
}

p.two-line-above {
    margin-top: 2em;
}
p.centered2 {
	text-align: center;
    margin-top: 2em;
}
p.line-above {
    margin-top: 1em;
}
div.story-text p.half-line-above {
    margin-top: 0.5em;
}
div.story-text p.story-section {
	font-weight: bold;
	margin-top: 2em;
} 
span.nobr { white-space:nowrap; }

#alert {
}

#alert:target {
    display: none;
}
.alert {
    background-color: #c4453c;
    background-image: linear-gradient(90deg, transparent,
                      transparent 25%, hsla(0,0%,0%,.1) 25%,
                      hsla(0,0%,0%,.1) 50%, transparent 50%,
                      transparent 75%, hsla(0,0%,0%,.1) 75%,
                      hsla(0,0%,0%,.1));
    background-size: 20px 20px;
    box-shadow: 0 5px 0 hsla(0,0%,0%,.1);
    color: #f6f6f6;
    display: block;
font-family:"lato", "nimbus-sans-condensed";
  	font-size: 1.5em; 
	font-weight: 900; 
	height: 40px;
    text-align: center;
    text-decoration: none;
    top: 0px;
    width: 100%;
}
.alert a {
 	color: #FFFFCC;
}

@keyframes alert {
    0% { opacity: 0; }
    50% { opacity: 1; }
    100% { top: 0; }
}
span.contact-info {
  color:
}