/* Common style properties */

/*@import url('./archive/styles/org.css');*/

/*@import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700);*/
/*@import url(http://fonts.googleapis.com/css?family=Ubuntu:regular,italic,bold,bolditalic);
@import url(http://fonts.googleapis.com/css?family=Tangerine:400,700);
@import url(http://fonts.googleapis.com/css?family=Lobster+Two:400,400italic,700,700italic);
@import url(http://fonts.googleapis.com/css?family=Gentium+Basic:400,700,400italic,700italic);*/

body {
/* below was for survey as floating panel
   margin: 5em 7% 15% 7%;*/
/* below was for layout without survey, and was very pretty
   margin: 5% 15% 15% 15%;*/
/* See http://colorschemedesigner.com/#3-41T--TTw0w0 for color schemes based on the blue color of unstyled links. */
/* colors that work: #FFBF00, #FF3800, #0085EB, maybe #BFB230, #009999, #BF9B30 */
/*    background:#333 url(./archive/images/backgrounds/back_2004_redsplotches.gif) repeat top left;*/
/*    background:#666 url(./archive/images/backgrounds/redgray_marble.gif) repeat top left;*/
   /* color:black; */
/* Ubuntu/Helvetica/Arial-based sans serif stack */
/*font-family: "Droid Sans", Ubuntu, "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif; text-align: justify;*/
/*Custom font stack*/
font-family: "Liberation Serif", "Times New Roman", "Nimbus Roman No9 L Regular", Cambria, "Hoefler Text", Utopia, Times, serif;
}


div#content {line-height: 1.5em;}
div#content, .included {background: #fff;}
body.included {margin:0;padding:0;}
h1, h2, h3, div#org-div-home-and-up {
/*font-family: "Droid Sans", Ubuntu, Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans serif;*/
}

h1.title {text-align: center;}

h1, h2, h3, h4, h5, h6 {/*text-transform:capitalize;*//* font-variant: small-caps;*//* letter-spacing:0.05em;*/}

/*
h1 {font-size:1.5em;}
h2 {font-size:1.3em;}
h3 {font-size:1.25em;}
h4 {font-size:1.2em;}
h5 {font-size:1.15em;}
h6 {font-size:1.1em;}
*/

h1 a, h2 a, h3 a {text-decoration: none;}

div.excerpt-header {margin-top: 2em; margin-bottom: 2em; text-align: center;}
div.excerpt-header img {float:right; margin: 2em 0 1em 1em;}
div.excerpt-footer {margin-left: 3em; margin-right: 3em; text-align:center;}
div.excerpt-footer:before {content: "~ ≈ ≋ ≈ ~";display: block; margin-top: 2em; margin-bottom: 2em; text-align:center;}
div.scene h2 {display:none}
div.scene + div.scene {margin-top:3em;}
div.scene + div.scene:before {content: "~ ≈ ≋ ≈ ~";display: block;margin-top: 1em;margin-bottom:1em;text-align: center;}

div#org-div-home-and-up {text-align: center; letter-spacing: 0.25em; text-transform: uppercase;}

div#org-div-home-and-up a {text-decoration: none}

/*.icon-list {float: right; margin-left: 1em; margin-bottom: 0em;}
.icon-para {float: right; margin-left: 2em; margin-bottom: 1em;}
.icon-page {float: right; margin-left: 3em; margin-bottom: 2em;}*/

.icon, div.full .icon, icon-page {float: right; margin-left: 1.5em; margin-bottom: 1.5em;}
div.leading .icon, div.supporting .icon, icon-para {float: right; margin-left: 1em; margin-bottom: 1em;}
div.outline-3 .icon, .icon-list {float: right; margin-left: 0.5em; margin-bottom: 0.5em;}

.timestamp {font-family: monospace;}

/*div#copyright {clear: both; padding-top: 3em; font-size: smaller; text-align: center; text-indent: 0;}*/

.print .hidden {display: none;}

div#survey {
/*border:1px dotted gray;background:#f8f6df url(/archive/images/backgrounds/background-paper-tan.gif) repeat top left;*/
font-size:smaller; margin:0em; padding:1em;/* border-radius: 10px;*/}

div#survey h1 {font-size:1em;text-align:center;}
div#survey h1 a {text-decoration:none; text-transform: uppercase; letter-spacing: 0.25em;}
div#survey li, dt {clear:both;}
/* not needed with h3 instead of dl
div#survey dd {margin-left:0em;padding-left:0em;}
div#survey dt {font-variant: small-caps; font-weight: bold; font-size: 1.1em;}
div#survey dt a {text-decoration: none;}
*/

/* not needed with h3 instead of dl
div#survey div.widget > ul {padding-left:0;margin-left:0;list-style-type:none;clear:none;}
div#survey div.widget > ul > li {margin-left:0;padding-left:0;margin-bottom:1em;}
div#survey div.widget > ul ul {padding-left:1em;list-style-type:disc}
div#survey div.widget > ul ul ul {padding-left:1em;list-style-type:circle}
*/
div#survey a {text-decoration:none;}

/* not needed with h3 instead of dl
div.widget dd + dt {margin-top:1em;}
*/

div#widget-book-featured, div#widget-quote {text-align:center;}

cite, cite.novel, cite.anthology {font-style:normal;font-weight:bold;}
/*em {font-style:normal;text-decoration:underline;}*/

/*book icon hacks*/
div.icon-wrapper-featured {width:100px;text-align:center;float:right;padding:0 0 1em 1em;}
img.icon-list-page {border:none;}
div.icon-wrapper-list-page {width:50px;text-align:center;float:right;padding: 0 0 0.5em 0.5em;}
div.icon-wrapper-list-sidebar {width: 25px;text-align:center; float:right;padding-left:5px;}
div.icon-wrapper-list-sidebar img {border:none;}
img.icon-book-page {border:none;float:right;padding:0 0 10px 10px;}

div.full {width: 100%; clear:both;}

span#site-title {/*font-family:"Lobster Two","Tangerine",cursive;*/ text-transform: uppercase; font-size: 1.5em; text-shadow: 2px 2px 2px #bbb;/* letter-spacing: .15em;*/ font-weight: bold;}

span#site-title a {text-decoration: none; color: #000;}

span#site-subtitle {float:right; font-style:italic; vertical-align: bottom; margin-top:6px;}

#header p {margin:0; padding:0;}

#header img {margin: 0; padding: 0; vertical-align: bottom; padding-top: 5px;}

#header-image {width: 940px; height: 192px; margin: 0; padding: 0; vertical-align: bottom; padding-top: 5px; background-color: #381614; background-image: url('./cropped-alte_buecher.jpg'); background-repeat: repeat; background-position: top left; background-attachment: scroll;}

/* top menu */
iframe#menu {width: 100%; height: 38px; border:none; margin: 0; padding: 0; overflow: hidden;}
#menu {/*margin: 0; width: 100%; background-color:#000;*/ /* border: 1px solid #999;*//* padding: 0 5px ; margin 5px*/}
#menu ul {margin: 0 ; padding: 0 ; /*list-style: none ;*/ list-style-type: none; /*display: inline ;*/width: auto; position: relative; display: block; height: 38px; background-color: #1d0d0d; font-size: smaller;}
#menu ul li {display: block; float: left; /*position: relative;*/ margin: 0 ; padding: 0 ; /*display: inline ; text-align: center ; list-style: none ; font-family: Arial, Helvetica, sans-serif*/ ; background-color: #1d0d0d ;/* border: 1px outset #999 ; padding: 0 2px;*/ border-right: 1px solid #381614; }
#menu li a {display: block; float: left; color: #e8e9fb ; /*background-color: #000 ; border: 1px outset #999 ;*/ /*padding: 8px ;*/ text-decoration: none ;/* display: inline ;*/ padding: 11px 18px 0 18px; height: 38px;}
#menu li a:hover {color: #1d0d0d ; background-color: #6b3c2a ;}

/*
ul#menu{
        margin:0;
        padding:0;
        list-style-type:none;
        width:auto;
        position:relative;
        display:block;
        height:40px;
        text-transform:uppercase;
        font-size:13px;
        background:transparent url("images/blue.jpg") repeat-x top left;
        font-family:Helvetica,Arial,Verdana,sans-serif;
}
ul#menu li{
        display:block;
        float:left;
        margin:0;
        pading:0;
        border-right:1px solid #ffffff;
        }
ul#menu li a{
        display:block;
        float:left;
        color:#ffffff;
        text-decoration:none;
        padding:12px 20px 0 20px;
        height:24px;
        height:40px;
        }
ul#menu li a:hover{
        background:transparent url("images/black.jpg") repeat-x top left;       
        }
*/

/* set up base positions for things that don't recognize screen*/
/*iframe#survey {display:none ! important}*/
/* nothing else at the moment */

/* Footer elements */
#footer {border-top: 2px solid black; font-size: smaller;}
#footer p {width: 100%;}
#generator {float:right; font-style: italic;}
#generator a {text-decoration: none;}

/* set up features for all screen displays */
@media screen {
   h1 {text-shadow: 6px 6px 6px #ccc;}
   h2 {text-shadow: 2px 2px 2px #bbb;}
   h3 {text-shadow: 1px 1px 1px #ccc;}
}

/* set up features for all screen displays */
@media screen {
   h1 {text-shadow: 6px 6px 6px #ccc;}
   h2 {text-shadow: 2px 2px 2px #bbb;}
   h3 {text-shadow: 1px 1px 1px #ccc;}
}

/* narrow screen display */
/*@media screen {
}*/

/* smaller screen has one column, borders, no survey */
@media screen /*and (min-width: 320px)*/ {
/*   body {margin: 0; padding: 0; background: #333}*/
   body {margin: 0; padding: 0; background: #333;background-color: #0E0B1E;/* background-image: url('./anomalies/art/backgrounds/tartan-blue-tan-on-brown.png'); background-repeat: repeat; background-position: top left; background-attachment: scroll;*/}
   div#preamble {width: 940px; margin: auto; margin-top: 20px; margin-bottom: 20px; padding: 20px; background-color: #fff;}
   div#org-div-home-and-up {/*width:100%;border: 1px dotted gray; border-radius: 10px;padding:5%;*/display:none;}
   div#header {width:100%; /*height: 198px;*/ border: none/*1px dotted gray*/; border-radius: 10px; padding: 0; margin-bottom: 1em; /*display:table-cell;vertical-align:middle;*//*background-color:#000;text-align:center;*//* background-image: url('../anomalies/art/headers-twenty-ten/cropped-phoenix-night-cityscape-sweet_evie.jpg');*/}
/*   div#content {border: 1px dotted gray; border-radius: 10px; padding: 2em 5% 2em 5%;margin:5%; background: #fff;/* max-width: 920px;}*/
   div#content {/*border: 1px dotted gray; border-radius: 10px;*//* padding: 2em 5% 2em 5%;*//*margin:5%;*//* background: #ffe;*/ float:left; width:70%; padding:1em;/*margin-right:300px;*/}
   div.leading {width: 46%; padding-right: 2.5%; float: left; clear: left;}
   div.supporting {width: 46%; padding-left: 2.5%; float: right; clear: right;}
   div#postamble {float:right; width:25%;/* border: 1px dotted gray; border-radius: 10px; padding: 1em 0em 1em 0em; background-color: white;*/}
   iframe#survey {display:block ! important; height: 1950px; width: 100%; border:none;}
   div#footer {clear: both; width: 100%;}
}

/* medium screen has two columns but no sidebar */
/*@media screen and (min-width:640px) {
   div.leading {width: 46%; padding-right: 2.5%; float: left; clear: left;}
   div.supporting {width: 46%; padding-left: 2.5%; float: right; clear: right;}
}*/

/* wide screen has two columns and sidebar */
/*@media screen and (min-width:800px) {
   div#content {padding: 2em 5% 2em 30%; margin: 3em 4% 3em 4%; min-height: 1950px;}
   iframe#survey {display:block ! important; position: absolute; top: 5em; left: 5%; width: 25%; min-width: 110px; height:1950px; border:none; border-right: 1px dotted gray;}
}*/

/*print additions*/

/* first, normally hide print only things */
.print {display:none}

/* then, make changes for printing */

@media print {
   body {margin: 0 !important; padding: 0!important}
   #org-div-home-and-up { display: none; }
   #survey { display: none ! important; }
   div#content {padding: 0; margin: 0in;}
   div.cover { display: none; }

   /* hide web/show print elements */

   .web {display:none!important;} /*A display:block somewhere is requiring the important here.*/
   div.print, p.print {display:block}
   span.print {display:inline}

}

.headlines {margin:0em; padding:0.5em ;font-size:smaller;}
.headlines ul {margin: 0; padding-left:1em;}
.headlines li {margin-left:0; padding-left:0;}
.headlines .timestamp {font-family: monospace;}
.headlines a {text-decoration:none;}

@media print {
   body {margin: 1in; padding: 0;
font-family: "Gentium Book Basic", "Gentium Book", "Gentium", "Droid Serif", "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
   }

   div#content {border:none; padding: 0; margin: 0; width: 100%;}
   div#outline-container-share {display:none}
   div.leading, div.supporting {float: none; width: 100%;}
   .print {display: block;}
   iframe#survey {display:none;}
}