html, body {
   margin:0;
   padding:0;
   font:12px Arial;
   color:#4b4b4b;
   background:#fff url(../img/mfon2.png) right repeat-y;
}

a {
   color:#003d5e;
   text-decoration:none;
}

a:hover {
   color:#4990bc;
}

h1 {
  font-size:15px;
    margin: 0px;
  padding: 0px;
  color:#3f5866;
}

li {
   display:inline;
}

img {
   border:0;
   margin:0;
}

 input,
 textarea {
   outline:none;
   margin:0;
   padding:0;
}

.clear {
clear:both;
}

.search1 {
float:right;
}

.s_x {
   width:200px;
   padding:8px;
   color:#666;
   font:11px Verdana;
   border:none;
   background:url(../img/ser.png) no-repeat;
   position:absolute;
   right:50px;
   top:8px;
}

.but {
   font:11px Verdana;
   text-decoration:none;
   font-weight:bold;
   background:#0c5789 url('../images/but.png') center repeat-x;
   border:1px solid #0072bd; 
   color:#fff; 
   padding:5px 8px;
   margin:5px;
}

.but:hover {
opacity:0.8;
}

.plog {
   width:220px;
   background:#fff;
   border:1px solid #e2eaef;
   color:#777;
   padding:4px 10px;
   margin:5px;
}

.tl1 {
background:#e3e7ea url(../img/t1.png) repeat-x;
height:45px;
padding-left:2%;
line-height:45px;
}

.top1 a {
display:block;
float:left;
padding:0 7px;
color:#576470;
}

.top1 a:hover {
background:#e3e7ea url(../img/t21.png) repeat-x;
}

.tl2 {
background:#f7f8f9 url(../img/tf.png) repeat-x;
height:90px;
padding-left:2%;
line-height:90px;
}




.menu, .menu ul {  list-style: none;margin: 0;  font:13px Arial;padding-top:27px;}
.menu {overflow:hidden; position:absolute; right:2%; top:44px;}
.menu li {float:left; position:relative; z-index:10;}
.menu li a {  padding:10px 0;
  width:100px;
  text-align:center;
  color: #576470;
  display: block;
  text-decoration: none;
  float: left;
  font-weight:bold;}
  
  .menu li ul a{font:bold 12px Arial; float:left; display:block; height:31px; padding:0 10px; line-height:30px; position:relative; z-index:20; color: #616b75; text-align:left;}


.menu ul {width:180px; height:auto; position:absolute; top:-130px;
transition: 0.8s ease-in-out;
-ms-transition: 0.8s ease-in-out;
-o-transition: 0.8s ease-in-out;
-moz-transition: 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;

z-index:1; padding:5px 0; background:#e3e6ea; border:1px solid #bdc4cb; text-align:left;
 text-shadow:0 1px 1px #fff;
-webkit-box-shadow: 0px 0px 5px #778893;
    -moz-box-shadow: 0px 0px 5px #778893;
    box-shadow: 0px 0px 5px #778893;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
  opacity:0.9;
}
.menu ul li {width:180px;}
.menu ul li a {width:160px; height:25px; line-height:25px; background:transparent; border-bottom:1px solid #bdc4cb; border-top:1px solid #fff;}

.menu:hover {height: 600px;}
.menu li:hover > a {  background:url(../img/s_t.png) center no-repeat;
  color: #fff;}
  .menu li ul a:hover {background:#d0d6dc;
  color: #4d5861;}
  
.menu li:hover ul {
-ms-transform: translate(0,165px);
-webkit-transform: translate(0,165px);
-moz-transform: translate(0,165px);
-o-transform: translate(0,165px);
*top : 35px;
*margin-left : -100px;
}

.menu ul.xmen {
top:-370px;
}

.menu li:hover ul.xmen {
-ms-transform: translate(0,405px);
-webkit-transform: translate(0,405px);
-moz-transform: translate(0,405px);
-o-transform: translate(0,405px);
}












.plogl {
   width:250px;
   background:url('../img/log.png') no-repeat;
   border:none;
   color:#666;
   padding:8px 10px;
   padding-left:45px;
   margin-left:30px;
}

.plog2 {
   width:250px;
   background:url('../img/log1.png') no-repeat;
   border:none;
   color:#666;
   padding:8px 10px;
   padding-left:45px;
   margin-left:30px;
}

.adminb a {background:url(../img/admin.png) no-repeat; font-weight:bold; margin-bottom:10px;}
.adminb a:hover {background:url(../img/admin.png) 0 -28px no-repeat;}

.mailb a {background:url(../img/mail.png) no-repeat; margin-bottom:5px;}
.mailb a:hover {background:url(../img/mail.png) 0 -28px no-repeat;}

.usrb a {background:url(../img/prof.png) no-repeat; margin-bottom:5px;}
.usrb a:hover {background:url(../img/prof.png) 0 -28px no-repeat;}

.newb a {background:url(../img/new.png) no-repeat; margin-bottom:5px;}
.newb a:hover {background:url(../img/new.png) 0 -28px no-repeat;}

.favb a {background:url(../img/fav.png) no-repeat; margin-bottom:5px;}
.favb a:hover {background:url(../img/fav.png) 0 -28px no-repeat;}

.addb a {background:url(../img/add.png) no-repeat; margin-bottom:5px;}
.addb a:hover {background:url(../img/add.png) 0 -28px no-repeat;}

.lockb a {background:url(../img/lock.png) no-repeat; margin-bottom:5px;}
.lockb a:hover {background:url(../img/lock.png) 0 -28px no-repeat;}

.tl3 {
background:#e3e7ea url(../img/t2.png) repeat-x;
height:150px;
padding-left:2%;
line-height:150px;
}

.tl4 {
background:#243742 url(../img/t3.png) repeat-x;
height:30px;
padding-left:2%;
color:#fff;
font:11px Verdana;
line-height:28px;
}

.tl4 a {
color:#fff;
font-weight:bold;
}

.tl5 {
background:#243742 url(../img/sfon.png) no-repeat;
height:30px;
width:350px;
font:11px Verdana;
line-height:29px;
float:right;
color:#555;
position:absolute;
right:0px;
top:285px;
}

.tl5 a {
color:#555;
}

#med11 a:hover {
background:none;
color:#19558b;
}

.tl6 {
min-height:1290px; 
height: auto !important; 
height: 1290px;
margin-right:360px;
}

.tl7 {
width:350px;
position:absolute;
top:315px;
right:0px;
background:url(../img/mfon.png) no-repeat;
padding-top:10px;
}

.calln {
width:324px;
height:222px;
background:url(../img/cfon.png) no-repeat;
padding-top:68px;
}

.topn {
width:324px;
height:300px;
background:url(../img/topn.png) no-repeat;
padding-top:75px;
margin-bottom:15px;
text-align:left;
}

.topn a {
display:block;
padding:6px 0;
font:11px Verdana;
color:#3f5866;
padding-left:20px;
border-bottom:1px solid #c8d2db;
border-top:1px solid #fff;
margin:0 3px;
}

@-moz-document url-prefix()
{
.topn a {padding:5px 0; padding-left:20px;}

}

.topn a:hover {
background:#dadfe3;
}

.foroom {
width:324px;
height:308px;
background:url(../img/forum.png) no-repeat;
padding-top:75px;
margin-bottom:15px;
text-align:left;
}

.foroom a {
display:block;
padding:6px 0;
font:11px Verdana;
color:#3f5866;
padding-left:20px;
border-bottom:1px solid #c8d2db;
border-top:1px solid #fff;
margin:0 3px;
}

.foroom a:hover {
background:#dadfe3;
}

.stc a {
display:block;
color:#3f5866;
margin-top:20px;
margin-left:10px;
border-bottom:1px solid #c8d2db;
background:#edf0f2;
padding:12px 10px;
}

.stc a:hover {
background:#dbe0e4;
}

.stc2 {
color:#3f5866;
margin-top:20px;
margin-left:10px;
border-bottom:1px solid #c8d2db;
background:#edf0f2;
padding:12px 10px;
}

.s_story2 {
margin-left:10px;
padding:10px;
border-top:1px solid #fff;
background:#f2f6f8;
color:#555;
margin-bottom:20px;
}

.stc3{
color:#3f5866;
margin-top:20px;
margin-left:10px;
border-bottom:1px solid #dbc8c8;
background:#f2eded;
padding:12px 10px;
}

.s_story3 {
margin-left:10px;
padding:10px;
border-top:1px solid #fff;
background:#f8f2f2;
color:#555;
margin-bottom:20px;
}

.stc4 {
color:#3f5866;
margin-top:20px;
margin-left:10px;
border-bottom:1px solid #dbd9c8;
background:#f2f1ed;
padding:12px 10px;
}

.s_story4 {
margin-left:10px;
padding:10px;
border-top:1px solid #fff;
background:#f8f7f2;
color:#555;
margin-bottom:20px;
}

.categx {
margin-left:10px;
padding:6px 10px;
border-top:1px solid #fff;
background:#f2f6f8;
font:11px Verdana;
color:#777;
}

.categx a {
text-decoration:underline;
color:#777;
}

.s_story {
padding:20px 0;
padding-left:10px;
}

.myr {
width:80px;
height:44px;
background:url(../img/rate.png) no-repeat;
position:relative;
top:-43px;
z-index:3;
float:right;
line-height:44px;
text-align:center;
}

.s_bottom {
height:47px;
margin-bottom:30px;
margin-top:10px;
color:#888;
text-align:right;
font:11px Verdana;
border-bottom:1px dotted #999;
line-height:37px;
}

.tl8 {
background:url(../img/sfon2.png) no-repeat;
height:31px;
width:300px;
font:11px Verdana;
line-height:31px;
float:right;
color:#555;
position:relative;
top:-1px;
padding-left:50px;
}

.tl8 a {
color:#555;
}

.tl9 {
background:#e3e7ea url(../img/t9.png) repeat-x;
height:100px;
padding-left:2%;
}

.footm {
heaight:30px;
line-height:30px;
}

.footm a {
padding:0 10px;
color:#3f5866;
}

.navigation { line-height: 3.5; }

.navigation a {
  text-decoration:none;
  color:#3f5866;
border:1px solid #edf0f2;
background:#f2f6f8;
  padding:6px 10px;
  font:15px Verdana;
}

.navigation a:hover {
background:#edf0f2;
}

.navigation span {
  text-decoration:none;
  padding:6px 10px;
  color:#888;
  border:1px solid #edf0f2;
background:#f2f6f8;
  font:15px Verdana;
}

#comments,
.comments  {
width:460px;
height: 160px;
display:block;
background:#fff;
border:1px solid #e2eaef;
}

.regix {
padding:10px;
margin:10px;
border:1px solid #e2eaef;
color:#3f5866;
}

.subreg {
color:#999;
padding-bottom:5px;
font:11px Arial;
}

.regix2 a {
padding:5px 10px;
margin:10px;
border:1px solid #efede2;
color:#555;
}

.regix2 a:hover {
background:#efede2;
}

.xlink {
margin:10px 0;
}

.xlink a {
padding:5px 10px;
margin:0 10px;
border:1px solid #e2e7ef;
background:#f2f6f8;
color:#555;
}

.xlink a:hover {
background:#e2e7ef;
}

.relate a {
display:block;
padding:5px 15px;
border-bottom:1px dotted #dbd9c8;
}

.relate a:hover {
color:#555;
background:#f2f1ed;
}

.toptmp {font:11px Verdana; height:72px; overflow:hidden; padding:5px; line-height:15px;}
.toptmp h2 {font:bold 14px Arial; padding:0; margin:0; margin:4px 0; margin-bottom:6px; position:relative; top:3px;}
.toptmp img {height:65px; margin-top:7px; float:left; margin-right:5px;}
.toptmp br {display:none;}

.scroll-to-top-button{
      background: #666 url(../img/upload.png) center center no-repeat;
      width: 32px;
      height: 32px;
      color: #fff;
      font-family: verdana;
      border-radius: 5px;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      -o-border-radius: 5px;
      cursor: pointer;
      padding: 15px;
      margin: 20px;
    }

.s_story a {text-decoration:underline;}