/*general*/
* {box-sizing: border-box;}
img {border: none; border-radius: 5px; max-width:100%;}
.rcol_block img, .lcol_block  img, #news > img {border-radius: 0 !important; }
/*#rightsection .rcol_bottom:last-child {margin-top: -14px;}*/
body {background: url(images/bg.jpg); font: 10pt sans-serif; margin: 0px}
#bg_fon {z-index: -1998; }
.fon{left: 0;min-height: 100%;min-width: 100%;position: fixed;top: 0;}
H1 {font: 14pt bold sans-serif; text-align: center; clear: both;}
H2 {margin: 0px; font: 14pt sans-serif bold;}
UL {margin: 0px;}
P {text-align: justify;}
a {text-decoration: none; margin: 0px; color: #0000CD;}
form {margin: 0px;}
sup {color: #FF8020}

/*sections */         
#middlerightsection {width: 948px; float: right;} 
#leftsection {width: 245px; float: left; margin-left: 3px;}
#middlesection {width: 640px; float: left;}
#rightsection {width: 303px; float: right; margin-right: 3px;}
.footer {color: white; font-size: smaller; text-align: center;}

/*Menu bar*/
#menu {margin: 4px 0px 0px 0px; text-align: center;}
#menu ul {display: inline; margin: 0px; padding: 0px;}
#menu li {display: inline; margin: 0px 2px 0px 2px; padding: 0px;}

.comment {background:  url(images/comment.png) no-repeat; height: 72px; color: white; padding: 8px 15px 0px 15px; overflow: hidden; margin: 4px 0px 0px 0px; font-size: 10pt; text-align: left;}
.comment_ny {background:  url(images/comment_ny.jpg) no-repeat; height: 72px; color: white; padding: 12px 15px 0px 15px; overflow: hidden; margin: 0px; font-size: 10pt; text-align: left;}
#comment01 {display: none;}
#comment02 {display: none;}
#comment03 {display: none;}
#comment04 {display: none;}
#comment05 {display: none;}
#comment06 {display: none;}

.navhint {margin-left: 1em; float: left;}
.navhint a{color: white;}
.navhint a:hover{color: blue;}

/*advices block */
#advices {margin-top: 10px;}
#adv_top {background: url(images/news.jpg) top no-repeat; height: 8px; margin: 4px 0px 0px 0px;}
#adv_block {padding: 0px 10px 0px 10px; background: url(images/wide_bg.jpg); margin: 0px; height: 5em; overflow-y: scroll;}
#adv_bottom {background: url(images/wide_bottom.jpg) bottom left no-repeat; width: 640px; height: 22px; text-align: center;}
#advice1 {display: none;}
#advice2 {display: none;}
#adv0 {display: none;}
#adv1 {display: none;}
#adv2 {display: none;}
#adv3 {display: none;}
#adv4 {display: none;}


#unichar {margin-top: 5px;}
#unichar_block {padding: 0px 10px 0px 10px; background: url(images/wide_bg.jpg); margin: 0px 0px 0px 0px; height: 11em;} 
.floater0 {width: 170px; height: 100%; margin-left: 1em; float: left; }
.floater {width: 180px; height: 100%; overflow-y: scroll; margin-left: 1em; float: left; }

#news {margin-top: 3px;}
#news_block {padding: 0px 10px 0px 10px; background: url(images/wide_bg.jpg); margin: 0px 0px -22px 0px}
#news_bottom {background: url(images/wide_bottom.jpg) bottom no-repeat; height: 32px; }
.newstitle {font-weight: bold}
.newscomment {text-align: right;}

.col_content-l {background: url(images/lcol_bg.jpg); }
.col_content-r {background: url(images/rcol_bg.jpg); }
.col_content {padding: 4px 10px 0px 10px; margin: 0px;}
.rcol_block {width: 298px; padding: 0px; margin: 0px 0px 4px 4px; }
.rcol_bottom {width: 298px; background: url(images/rcol_bottom.png) bottom no-repeat; height: 8px;}
.lcol_block {width: 238px; padding: 0px; margin: 0px 0px 4px 4px; }
.lcol_bottom {width: 238px; background: url(images/lcol_bottom.png) bottom no-repeat; height: 8px;}
#right_abs_bottom {width: 298px; background: url(images/right_abs_bottom.gif) bottom no-repeat; height: 32px; margin-top: -22px;}
#left_abs_bottom {width: 238px; background: url(images/left_abs_bottom.gif) bottom no-repeat; height: 32px; margin-top: -22px;}

/* Login block */
#loginblock {width: 15em; margin-left: 30px;}
#loginblock label{display: block; float: left; height: 18px; padding-bottom: 3px; padding-top: 2px;}
#loginblock input{display: block; float: right; clear: right; margin-bottom: 8px;}              
#loginblock .checkbox {float: left; padding-bottom: 3px; margin-right: 0.5em; }
#loginlinks{clear: both; text-align: center; margin: 0px;}

/* Fanfiction list*/
/*#comment2 {width: 916px; height: 86px; padding: 10px 10px 10px 20px; background: url(images/comment2.jpg) no-repeat;}*/
#comment2 {height: auto; width: auto; background: none repeat scroll 0% 0% #eee; 
  border: 3px double silver;padding: 10px 10px 10px 20px; margin-top:5px; }

#comment2 a {color: black; font-weight: bold;}
#comment2 a:hover {color: blue;}
.sectionheader {font-weight: bold; font-size: large; text-align: center;}
.listbox {padding: 4px 15px 4px 15px}
.summary {font-style: italic; border-left: 3px double silver; margin: 0.5em; padding: 0px 10px 0px 10px;}
.even {background-color: #EEE; border: 3px double gray;}
.odd {border: 3px double silver;}
#middlesection .odd {background: none !important;}
#middlesection .newsbox {border: none !important;}

td, .listbox, #comment2, #output, .notes, #story, .newsbox, 
.story-header, .story-footer, .respond, .sectionheader, textarea, .commentodd, .commenteven, 
#preview-story, #comics-cont, #comics-cont img,  .rev-act-res {border-radius: 5px;}
 .jumpmenu2, .respond {margin: 5px;}
.newsbox, #pagetitle, #sort, #profile, #tabs, #comics-cont {padding: 5px;}
#output, .odd, .story-header, #story, .story-footer, .sectionheader, .notes, #preview-story, 
#comics-cont,  .rev-act-res, #reviewform {background-color: #FFFFFF;}
#output, .story-header, .story-footer,  .sectionheader, #comment2, #preview-story, #comics-cont, .rev-act-res, #reviewform {opacity: 0.90}
.storyinfo  {padding-left: 3em;}
.story-header, .story-footer, .respond, .sectionheader, #preview-story, #comics-cont, #reviewform {border: 3px double silver;}
textarea {border: 1px solid silver; padding: 5px;}
.story-pager {text-align: center; margin: 10px 0;}

#preview-story {margin: 0; padding: 4px 15px !important; max-width:850px}
#output #preview-story { padding: 0 !important;}
#preview-story textarea {width: 100% !important;}

#output #preview-story form {padding: 4px 15px !important;}

select {
  border-radius: 3px;
  border: 1px solid silver;
}
input, select {
/*  height: 22px;*/
  border-radius: 3px;
  border: 1px solid silver;
padding: 4px 2px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}

.input:focus, textarea:focus {
  border-color: #66afe9;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
  outline: 0 none;
}

#comment2 select, .story-header select{
/*  height: 25px;  */
padding: 4px 2px;
}

#useropts > a {
  background-color: #f5f5f5;
  border: 3px double silver;
  border-radius: 5px;
  display: inline-block;
  margin: 2px;
  padding: 2px;
  width: 200px;
}
#useropts > a:hover {
background-color: #DCDCDC;
}

#shout, .button, #submit {
  background-color: silver;
  border: 4px double #828282;
  border-radius: 3px;
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.3) inset;
  /*box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) inset;*/
/*  padding: 0 10px;
  height: 26px;*/
  cursor: pointer;
  color: #000 !important;
 padding: 1px 10px;
 height: auto;
}
.button {
 display: inline-block;
 margin: 10px 0;
}
#shout {
  margin: 5px 0 0 7px;
}
#submit {
  margin-bottom: 10px;
}
.dark {
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.75) inset !important;
  border-color: #696969 !important;
}
.pressed {
  background-color: #CFCFCF;
}
#menu {margin-bottom: 5px;}

/*.sectionheader {margin: 3px;}*/

/* Generic styles */
/*#allblock {width: 950px;}*/
#output {border: 3px double silver; padding: 4px 15px 4px 15px; }
#pagelinks {background: silver; padding: 0.5em; margin: 3px;}
#pagetitle {font-weight: bold; font-size: large;}
#story {border: 3px double silver; padding: 4px 15px 4px 15px}
.labelr {font-weight: bold;}
.adminoptions {color: gray; font-size: smaller;}
.transl {font-weight: normal}

/*Top 10 styles */
.top10caption {margin-left: -25%;}
.top10group {border: 1px solid silver;}

/*News comments*/
.commenteven {background-color: #E5E5E5; padding: 0.5em; border: 3px double silver;}
.commentodd {background-color: #F1F1F1; padding: 0.5em; border: 3px double silver;}
.commentsig {text-align: right; font-style: italic;}

.notes {border-top: 3px double silver; padding: 4px 15px 4px 15px; font-family: serif;}
.jumpmenu {float: right; margin: 0em 5px 0px 0px;}
.viewcontrol {float: right; margin: 1em 5px 0em 0em; border: 1px dashed silver; padding: 3px;}
.storyinfo { float: left;}

select#charid, select#catoptions, select#selectCats,  select#class_4, select#class_7, select#class_6, select#class_2, 
select#class_3, select#exclass_3, select#exclass_2, select#exclass_6, select#exclass_7, select#exclass_4 {height: 100px;}

/*#markup {background:url("images/bg.jpg") repeat scroll 0 0 transparent}*/
#markup {background:none}

.new_reviwes{ background: url("/images/comment.png") no-repeat; width: 120px; padding-top: 40px;}

#comics-rnd-2 img, #comics-rnd-1 img {border-radius: 5px !important;}