* { margin:0; padding:0; }
body { text-align: center; font: 100% Verdana, sans-serif; background: white; }
a { color: #30C; }
a:visited { color:#906; }
a:active, a:hover { color: #C00;}
.local { text-decoration: none; border-bottom: 1px dotted; }

#content { text-align: left; margin: 0 auto; padding:0.25em 1em; min-width:50em; max-width:70%; }
* html #content { width: 70%; }
h1 { float: left; margin: 0 1em 0 0; padding: 283px 0 0 0; background: url('stas_davydov.jpg') no-repeat 26px top; }
h1 img { margin: 0 0 0.25em 0; border: none;}
h2 { margin: 0 0 1em 0; font-size: 180%; font-weight: normal;}
h2 a, h2 a:visited { color: black; text-decoration: none; }
h2 a:hover { color: #C00; }
h3 { margin: 1em 0 0.5em 0; font-size: 165%; font-weight: normal; }
h4 { margin: 0.5em 0 0.5em 0; font-size: 125%; }
p { font-size: 115%; margin: 0 0 0.5em 0;}
em { color:white; background:#C00; font-style:normal;}
small { color: #999; }

#booktab h3.initial { text-align: center;}
#booktab h3.initial small { font-size: 65%; text-align: center; display: block;}
#booktab .wantbuy { font-size: 125%; background: #EEE; padding: 1em; text-align: center;
clear:both;}
* html #booktab .wantbuy { background: none; }
#booktab .wantbuy p { font-size: 100%; }
#booktab .wantbuy input, #bCur { font-size: 125%; }
#price, #moneybookersAmount, #paypalprice, #ccPrice, #smsamount 
{ text-align: right; padding: 0 4px 0 0;}
#booktab .wantbuy input.cb { width: 1em; height: 1em; }
#booktab #paymethod #paytype { width: 10em; float: left; margin: 0.25em 0 0 0;}
#booktab #paymethod #paytype a { padding: 0.25em 1em 0.25em 1em; display: block; } 
#booktab #paymethod #paytype a.selected { background: #FC3; text-decoration: none; }
* html #booktab #paymethod #paytype a:visited
, * html #booktab #paymethod #paytype a:link { color: #30C; }
#booktab #paymethod #paydetails { float: left; background: white; border: 5px #FC3 solid; 
min-height: 19em; width: 26em; padding: 0.5em 0.15em; }
* html #booktab #paymethod #paydetails { height: 18em; }
#booktab #paymethod #paydetails label
, #booktab #paymethod #paydetails p { font-size: 85%; }
#booktab #paymethod #paydetails p { text-align: left; margin: 0.5em 0 0 0.75em; }
#booktab #paymethod #paydetails div { margin: 0 0 1em 0;}
#booktab #paymethod #paydetails .submit { float: right; }
#booktab .buyit { text-align:center; padding:1em 0 0 0; }
#originalbuy { font-size: 85% !important; padding: 0.25em;}
fieldset { border: none;}
#paymethod3details ol { margin: 0.5em 0 0 2em; text-align:left; font-size: 85%; }
#ownway { margin: 0.5em 0 0 0; }

#feedback, #getalink { margin: 1.5em 0 0 0; font-size: 75%;}
#something { width: 40em; height: 10em; font-family: Verdana, sans-serif; margin: 0.5em 0 0 0;}
#submit, #factorSubmit, .submit { padding: 0.5em;}
.notice { font-size: 100%; font-weight: bold; padding: 0 0 0 0.5em; display: none;}
.green { color: #390; }
.red { color: #C00; }
.nowrap { white-space:nowrap; }

.warn { background:#EEE;padding:1em; }

.ready { padding: 0 130px 0 0;}
.ready-read { padding: 0 130px 0 0;}
#rss { top: 0; right: 1em; padding: 0 0 0 45px; 
font-size: 40px; text-align: right; position: absolute; font-family: Impact, sans-serif;}
#rss a { color: #F90; }

#footer { margin: 4em 0 0 0;font-size:75%; letter-spacing: 0; text-align: center; padding: 1em;
clear:both;}

.date { color: #666;}
#stories ul { margin: 0.5em 0 1em 0; list-style-type: none;}
#stories ul li { margin: 0 0 1em 0; padding: 0.25em 0.5em 0 0.5em; position: relative;  background: #EEE;
clear:both;}
.commentlist { margin: 0 0 1em 0; list-style-type: none;}
.odd { background: white; }
.even { background: #EEE; }
.commentlist li blockquote { border: none; border-left: 5px solid #CCC; text-align: left; padding: 0 0.5em 0.5em 0.5em; font-size:100%;}
.commentlist li blockquote blockquote { padding: 0 0.5em 0.5em 0.5em; }
.commentlist li { margin: 0 0 1em 0; padding: 0.25em 0.5em 0.5em 0.5em; position: relative; border-top: 1px solid #CCC;}
#stories ul li p.author { margin: 0.5em 0 0 0; text-align: right; }
.commentlist li p.author { font-size: 80%; font-style: italic;}
.commentlist li p.author .date { font-style: normal;}
#stories ul li div.edit a { position: absolute; top:0; right: 0; width:16px; height: 16px; background:url("edit.png") no-repeat; cursor: pointer; }
* html #stories ul li div.edit a { right: 2em;}
#stories ul li div.delete a { position: absolute; top:20px; right: 0; width:16px; height: 16px; background:url("delete.png") no-repeat; cursor: pointer; }
* html #stories ul li div.delete a { right: 2em;}

#stories ul li div.comments { margin: 0.5em 0 0 0; font-size:100%;}
#stories ul li div.comments textarea { width: 40em; height: 10em; font-family: Verdana, sans-serif; margin: 0.5em 0 0 0;}
#stories ul li div.comments span, #comment span { font-size: 100%; font-weight: bold; width: 15em; position: absolute; padding: 0 0 0 0.5em; }

#comment { clear: both; }
#comment textarea { width: 40em; height: 15em; font-family: Verdana, sans-serif; margin: 0.5em 0 0 0;}

.optional, .in-progress { color: #999; }
#myname, #email, #factorTitle, .email, .name { font-size: 125%; width: 20em; }

#aboutcaption, #storycaption, #bookcaption, #questcaption { display: block;
position: absolute; top: -4em; width: 7em; height: 3em; margin: -1px 0 0 0;
text-align: center; padding: 1em 0 0 0; border: 1px solid #CCC; background: #EEE; 
font-weight: bold; color: black; text-decoration: none; 
}

a#aboutcaption:hover, a#storycaption:hover, a#bookcaption:hover, a#questcaption:hover { color: #C00; }
span#aboutcaption, span#storycaption, span#bookcaption, span#questcaption { 
background: white; color: black; border-bottom: solid 1px white; cursor:default;}
a.selected#aboutcaption, a.selected#storycaption, a.selected#bookcaption, a.selected#questcaption {
background: white; border-bottom: solid 1px white; }

#abouttab { padding: 2em 0 0 0; }

#tabpane { margin: 6em 0 0 0; position: relative; border-right: 1px solid #CCC; padding: 0 1em 0 0; }

#bookcaption { right: 21em; }
* html #bookcaption { right: 22em; }
#storycaption { right: 14em; }
* html #storycaption { right: 15em;}
#questcaption { right: 7em; }
* html #questcaption { right: 8em;}
#aboutcaption { right: 0; }
* html #aboutcaption { right: 1em;}
#fake { border-bottom: 1px solid #CCC; margin: 0 0 0 200px; }



.bookpart p { font-size: 100%;}
.bookpart { margin: 0 0 1em 0; }

.jan, .feb, .apr, .aug, .sep, .oct, .nov, .dec { font-size: 50%; }
.mar, .jun, .jul { font-size: 65%; }
.may { font-size: 90%; }

div.date { background: #EEE; text-align: center; width: 3em; float: left; margin: 0 1em 1em 0; color: #666; }
div.current { color: black; }
.y { font-size: 75%; font-weight: bold;}
.m { text-transform: uppercase; font-weight: bold; }
.d { font-weight: bold; font-size: 150%; }

ol { margin: 0 0 1em 3em; }
ol li { padding: 0 40px 0 0; position: relative; }
.p { color: #999; display: block; top: 0; right: 0; position: absolute; }
ol li .p { font-size: 65%;}
p .p { font-size: 55%;}
* html ol li .p, * html p .p { right: 32px;}


p.p95, p.p90, p.p5 { margin: 0; position: relative; }

blockquote { text-align: center; margin: 1em; padding: 1em 1em 0.5em 1em; border: 5px solid #EEE; font-size: 115%;}

#mmrinfo p, #mmrinfo ol { font-size: 100%; }

.none { font-style: italic; }
.thething, .bad { color: black; font-weight: bold; }
.important, .soso { color: black; }
.some, .good { color: #333; }
.unweighted, .excellent { color: #666; }

.redalert { color: white; background: #C00; font-weight: bold; }
.orangealert { color: black; background: #F90; }
.lightpink { color: black; background: #FEE; }
.noanswer { color: black; background: #EEE;}

.help { cursor: help; border-bottom: 1px dashed; }

#mmr p { font-size: 115%;}
#mmr table { width: 100%; padding: 0.5em 0; }
#mmr table.view { width: auto;}
#mmr table.view .significance, #mmr table.view .satisfaction { text-align:center;}
#mmr table thead { border-bottom: 1px solid #CCC; }
#mmr table thead tr th { padding: 0.25em; text-align: center; background: #EEE;}
#mmr table tbody td { padding: 0.25em 0 0.25em 0.5em; font-weight: bold; border-top: #CCC 1px solid; }
#mmr table tbody td.significance, #mmr table tbody td.satisfaction { font-size: 75%; font-weight: normal; }
#mmr table tbody td.significance input, #mmr table tbody td.satisfaction input { margin: 0 0.25em 0 0; }
#mmr table tbody td.significance label, #mmr table tbody td.satisfaction label { white-space: nowrap; }

#mmr .comment { color: #CCC; font-weight: normal; font-size: 80%; text-decoration: none; border-bottom: 1px dotted;}
#mmr .viewcomment { font-weight: normal; font-size: 80%; }

#persondata { background: #EEE; float: right; padding: 0.5em; margin: 0 0 0.5em 0.5em; font-size: 90%; width: 25em;}
#persondata p { margin: 0.5em 0; }
#persondata p em { white-space: pre; }
#persondata #mynotice, #factorNotice { font-size: 100%; font-weight: bold; }


#tabcontainer { margin: 1em 0 0 0;}
#captioncontainer { clear:both;
text-align: center; margin: 3em 0 0 0; padding: 0 0 1.5em 0; border-bottom: #CCC 1px solid;}
* html #captioncontainer { padding: 0 0 1.47em 0; }

#myquestionary, #myteams { display: inline;
width: 7em; font-size: 150%;
padding: 1em 1em 1em 1em; border: 1px solid #CCC; background: #EEE; 
color: black; text-decoration: none; 
clear: both; text-align:center; 
}
#myteams { margin-left: -1px;}

a#myquestionary:hover, a#myteams:hover { color: #C00; }
h3#myquestionary, h3#myteams { 
background: white; color: black; border-bottom: solid 1px white; cursor:default;}

#newteam { width: 20em; clear: both; }
#newteam fieldset { border: #999 1px dashed; padding: 0.5em 0.5em 0.5em 0.5em;}
#newteam fieldset legend { background: white; padding: 0 0.5em 0 0.5em; font-weight: bold; 
font-size: 125%; color:#999; }
#newteam input { margin: 0 0 0.15em 0.8em; }
* html #newteam input { margin: 0 0 0.15em 0.5em; }
#newteam #submit { margin: 0.5em; }
#newteam label { padding: 0 0 0.5em 0;}

#getalink { display: block;}
#getalink #email { font-size: 150%; }


.team { padding: 1.5em 0.5em 0.5em 0.5em; margin:1em 0 0.25em 0; clear:both; border-top:5px solid #EEE;}
.team.odd { }
.team.notodd { }
.team img { float: right; border:none; }
.team .email { font-size: 100%; }
.team label { display: block; clear: both; }
.team .deleteteam { float: right; padding: 0.5em; margin: -2.5em 0 0 0;}
.team .inviteteam { padding: 0.5em; margin-left: 4em;}
.team .delete { border:none; color: #999; text-decoration: none; }
.team .delete:hover { color: #C00; }

.teamfactors { display: none; }

table#sumtable { clear:both; font-size: 75%; border: 1px solid #999; border-right: none; border-bottom: none;}
table#sumtable th { background: #CCC; text-align: center; padding: 0.1em;}
table#sumtable td, table#sumtable  th { border-bottom: 1px solid #999; border-right:1px solid #999;}
table#sumtable td { font-size: 80%; text-align: center;}
table#sumtable tbody th { background: white; text-align: left; padding-right: 0.2em;}
table#sumtable .comment {text-align: left; vertical-align: top; padding: 0.15em;}

.history { font-size: 80%; color: #999; border-bottom: none; }
#mmr table tbody td.history { padding: 0 1em 0 0;text-align:right;}
#mmr table tbody tr.history td { border-top: none; }

.backlink { position:absolute;left:0.5em;top:0; text-align: left; overflow:hidden;background: #FFF;}
.backlink a { text-decoration: none; padding: 0.5em 0 0 0;}
.backlink #backlinks { display: none; width: 15em; text-align: left; list-style-type: none; 
font-size: 75%; background: #FFF; margin: 1em 0 0 0; border-bottom: 1px solid #CCC;}
.backlink #backlinks li { margin: 0 0.5em 1em 0;}

#storytab blockquote { text-align: left; margin: 1em; padding: 1em 1em 0.5em 3em; 
font-style: italic; font-size: 100%; border: none; }
#storytab h4 { clear: left; padding: 1em 0 0 0;}

.cover { float: right;border:1px solid black; margin: 1em 0 0 0.5em; }
* html .cover { margin: 1.5em 0 0 0.5em;}

.comics { list-style-type: none; }
.comics li { display: block; float: left; padding: 0.25em; height: 267px; }
.comics img { margin: 0.5em; border: none; border: 1px dotted #999; }

.orderlist { width: 100%; border: 1px solid #999; padding: 1em 0 1em 0;}

.social { margin: 1em 0 1.5em 0; }

#factorform div.delete a { width:16px; height: 16px; background:url("delete.png") no-repeat; display: block; }

.ad { margin: 4em 0 0 0; padding: 1em 0 0 0; background: #EEE;}