/*
Theme Name: Jo
Theme URI:
Description: специальная тема для сайта
Version: 1.0
Author: Cap
Author URI: http://cap.animetank.ru/
*/

html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif;} 
body {background: url(http://animetank.ru/tank/wp-content/themes/jo/images/top_bg.gif) #FFEC8B repeat-x top left;} 
p {margin: 3px 1px 4px 1px;}
a {color: #E96622; text-decoration: none;} 
a:hover {color: #000fff; text-decoration: underline}
img.aligncenter,
div.aligncenter {
   margin-left: auto;
   margin-right: auto;
}
img.alignleft {
   float: left;
}
img.alignright {
   float: right;
}
#header h1{height:82px; line-height:82px; margin:0;
  padding-left:555px; background: url(http://animetank.ru/tank/wp-content/themes/jo/images/logo.gif) no-repeat top left;}
  
#header h1 a {
color:#89CC27; 
text-decoration:none;
font-style: italic;
font-size: 24px;
letter-spacing: 1px;
}
#header h1 a :visited {
color:#89CC27; 
text-decoration:none;
font-style: italic;
font-size: 24px;
letter-spacing: 1px;
}
#header h1 a:hover {
color:#89CC27; 
text-decoration:underline;
font-style: italic;
font-size: 24px;
letter-spacing: 1px;
}
#navlist
{
  margin-top:8px;
  margin-bottom:12px;
  text-align:center;
  margin-left: 0;
  line-height:39px;
  font: bold 16px Verdana, sans-serif;
}
#navlist li
{
  list-style: none;
  margin: 0;
  display: inline;
  
}
#navlist li a
{
  color: #FFF816;
  margin-left: 16px;
  text-decoration: none;
}
#navlist li a:link { color: #FFF816; }
#navlist li a:visited { color: #FFF816; }
#navlist li a:hover
{
  color: #89CC27;
  text-decoration: none;
}


#content p{line-height:1.4}
#footer{height:39px; line-height:24px; margin:0; background: url(http://animetank.ru/tank/wp-content/themes/jo/images/tab_bg.gif) #FFEC8B repeat-x top left; color: #FFF816;}
#footer p{margin:0;padding:5px 10px}


#wrapper{float:left;width:100%}
#content{margin: 3px 325px 0 172px;}
#navigation{float:left;width:170px;margin-left: -100%}
#extra{float:left;width:322px;margin-left:-323px}
#footer{clear:left;width:100%}
#contentonline {margin: 3px 5px}



div.mainpost { border-width:1px; border-style:solid; border-color:#293F5E; background: #FFFFFF; padding:1px; margin-bottom: 5px;} 
div.maintop {}
div.maincontent {clear: both;}
div.maincontent img {max-width: 99%;}
/*div.maincontent a {color: #007CFF; text-decoration: none;}*/
/*div.maincontent a:visited {color: #007CFF; text-decoration: none;}*/
/*div.maincontent a:hover {color: #007CFF; text-decoration: underline}*/
div.maintop h1, div.maincontent h1 {font-size: 16pt; margin-bottom: 5px; margin-left: 10px; color: #000FFF; text-shadow:2px 2px 1px #CECECE;} 
div.maintop h1 a:hover, div.maincontent h1 a:hover {font-size: 16pt; margin-bottom: 5px; color: #000FFF; text-decoration: none; text-shadow:2px 2px 1px #CECECE;}
/*div.maintop p {font-size: 9pt; color: #8A98A2;} */
div.maintop .metadata {font-size: 9pt; color: #8A98A2;} 
div.maincontent .metadata {font-size: 9pt; color: #8A98A2;} 
div.mainbottom {margin-bottom: 10px; margin-top: 10px;}
div.mainbottom p.comment {text-align: right; font-size: 9pt; font-style: italic;}
div.mainrec {margin: 10px auto; text-align:center;}


div.leftblok { border-width:1px; border-style:solid; border-color:#293F5E; background: #FFFFFF; padding:2px; margin: 3px 0 5px 2px; } 
div.rightblok { border-width:1px; border-style:solid; border-color:#293F5E; background: #FFFFFF; padding:2px;margin: 3px 0 5px 0;} 

h1.cat {font-size: 12pt; margin-bottom: 5px; color: #C40C0C}

h2.box {font-size: 12pt; margin: 10px 0px 5px 10px; color: #913A0D}  
ul.is_link {margin: 0px 0px 10px 15px; padding: 0px; font-size: 10pt; list-style: none inside}
ul.is_comments {margin: 0px 0px 10px 15px; padding: 0px; font-size: 10pt; list-style: none inside}
.is_comments li {padding: 0px 0px 2px 0px; border-bottom: 1px dashed #DADAD2; display:block; overflow: hidden;} 

#top-search
{
        float: right;
        padding: 10px 10px 2px;
}
#search_field
{
        font-size: 11.76;
        font-family: Arial;
        color: #E96622; 
        font-style: italic;
}

/* #searchform {margin: 5px; }
#s {font-size: 8pt; width: 140px;}
#searchsubmit {font-size: 8pt;}
#comment {width: 450px;}  */

.video1
{
       text-align:center;
       color: #000000;  
       font-style: italic;
       font-size: 12pt;
}
.videotitle
{
       text-align:center;
       color: #000000; 
       font-size: 14pt;
       clear:both;
}

.videoep
{
	margin-bottom: 10px;
}

.clear
{ 
       clear:both;
}

/* ====SIDE img==== */
h4 {font-family: Arial, Helvetica, Sans-Serif;}
.recent ul { margin:0px; padding: 3px 0px 0px 0px; text-align: left;}
.recent ul li { margin: 0px; padding: 2px 0px 2px 0px; font-weight:bold; list-style: none inside; font-size: 12px; color:#666; border-bottom: 1px dashed #DADAD2; display:block; overflow: hidden;} 
.recent ul li.arrow { margin: 0px; padding: 0px 0px 0px 0px;}
.recent ul li a { color:#E96622; text-decoration:none;} 
.recent ul li a:visited { color:#E96622; text-decoration:none;} 
.recent ul li a:hover { color:#333; text-decoration:none;} 
.recent a img { float: left; margin:0px 5px 0px 0px; border:1px solid #293F5E;padding: 1px;}
.recent h4 {font-size:12px;margin:0px;padding:0px;}
.sidebarthumb { height: 108px; }
.sidebarthumb a img {width:100px;height:100px;}
.sidebarthumb:hover {background:#f8f8f8;} 
.sidebarthumb > h4 { height: 90px; overflow: hidden; }
.sidebarmore {white-space: pre;}

/* ====anime online==== */
.recent table { margin:0px; padding: 3px 0px 0px 0px; text-align: left;}
.recent td { margin: 0px; padding: 2px 0px 2px 0px; font-weight:bold; font-size: 12px; color:#666; border-bottom: 1px dashed #DADAD2; overflow: hidden;} 
.recent td a { color:#E96622; text-decoration:none;}
.recent td a:visited { color:#E96622; text-decoration:none;} 
.recent td a:hover { color:#333; text-decoration:none;}


/* ====The base thumbnail styling==== */

#basethumbcontainer {text-align:center;width:464px;height:165px;margin:auto; border-bottom: 1px dashed #DADAD2;}
#basethumbcontainer a, visited {color:#E96622;text-decoration:none;font-size:16px;margin:0px;font-weight:bold;}
#basethumbcontainer a:hover {color:#000FFF;margin:0px;}
#basethumbcontainer a img {margin:0px;border:1px solid #1F1E1B;padding:1px;}
#basethumbcontainer img {width:100px;height:100px;}


.basethumbcontainer {text-align:center;width:464px;margin:auto;}
.basethumbcontainer a, visited {color:#E96622;text-decoration:none;font-size:16px;margin:0px;}
.basethumbcontainer a:hover {color:#000FFF;margin:0px;}
.basethumbcontainer a img {margin:0px;border:1px solid #1F1E1B;padding:1px;}
.basethumbcontainer img {width:100px;height:100px;}

.leftthumbcontainer {text-align:center;width:160px;height:825px;margin:auto;padding-left:20px;}
.leftthumbcontainer a, visited {color:#E96622;text-decoration:none;font-size:16px;margin:0px;font-weight:bold;}
.leftthumbcontainer a:hover {color:#000FFF;margin:0px;}
.leftthumbcontainer a img {margin:0px;border:1px solid #1F1E1B;padding:1px;}
.leftthumbcontainer img {width:100px;height:100px;}

div.basethumb {
margin:3px 6px 0px 6px;
_margin:3px 4px 0px 4px;
float: left;
height:165px;
_height:195px;
}

.basethumbtitle {width:104px;height:47px;overflow:hidden;font-size:12px;}

.line { margin: 10px; padding: 2px 0px 2px 0px; color:#666; border-bottom: 1px dashed #DADAD2;}

/* ====COMMENTS==== */
.grav {float: right;margin: 4px 6px 4px 4px;border: 0px solid #1F1E1B;padding:1px;clear:right;}
.grav {*display: none;}
ul.commentlist  {list-style-type: none; margin: 0px 0px 10px -35px;}
.thdrpy {
clear: both;
text-align:right;
font-weight: bold; font-size:14px;
padding:3px 6px 6px 0px;
width: 180px;
margin-left:auto;
}
.commentcontent {
	padding:				0px 3px 0px 3px;
	margin-top: 10px;
        border: 1px solid #DADAD2;
        min-height:70px;
}
.commentcontent p img {
	padding: 0;
	max-width: 100%;
	}
.commentcontent .hide {
        color: #ccc;
        background-color: #ccc;
        }
.commentuser { color: #E96622; font-weight: bold;}
.commentuserlog { color: #000FFF; font-weight: bold; text-decoration:none;}
a:hover.commentuserlog { text-decoration:underline;}

/* ====древовидные комментарии==== */

.editComment, .editableComment, .textComment{
	display: inline;
}
.comment-childs{
	border: 1px solid #999;
	margin: 5px 2px 2px 4px;
	padding: 4px 2px 2px 4px;
	background-color: white;
        min-height:74px;
}
.chalt{
	background-color: #f8f8f8; 
}
#newcomment{
	border:1px dashed #777;width:90%;
}
#newcommentsubmit{
	color:red;
}
.adminreplycomment{
	border:1px dashed #777;
	width:99%;
	margin:4px;
	padding:4px;
}
.mvccls{
	color: #999;
}
		

/* ====Цитата==== */

blockquote {padding: 4px 10px; background: #FFF2EB; margin:5px; color:#3F3531; border:1px solid #FFDCC7; }
blockquote p {font-size: 12px; padding: 5px 0px; margin: 5px 0px; line-height: 15px;}
blockquote blockquote {font-size: 11px;}
blockquote li {padding: 2px 0px 2px 15px; list-style-type: none; font-size: 12px; line-height: 15px; color:#3F3531; }
blockquote a {color:#FF761C; text-decoration:none;}
blockquote a:visited {color:#FF761C; text-decoration:none;}
blockquote a:hover {color:#666; text-decoration:none;}

/* ====THUMBS==== */
.thumb1:link img {
                   border: 1px solid #1F1E1B;
}

.thumb1:visited img {
                   border: 1px solid #1F1E1B;
}

.thumb1:hover img {
                   border: 1px solid #E96622;
}

/*  Tiny Spoiler */
.spoiler {
	background-color: #f8f8f8;
	padding: 1px 3px 1px 3px;
	border-bottom: 1px dotted #DADAD2;
	border-top: 1px dotted #DADAD2;
	border-left: 1px dotted #DADAD2;
	border-right: 1px dotted #DADAD2;
	margin-left: 3px;
	margin-right: 3px;
}
.spoiler legend {
	background: #f8f8f8;
        color: #E96622;
        font-weight: bold;
}
.spoiler legend input {
        background: #f8f8f8;
        color: #E96622;
        font-weight: bold;
}

/* ====Ratings==== */

.post-ratings {text-align: right;}

div.ticker {text-align:center; font-style: italic;}

div.notes {padding: 4px 10px;}

.spec {font-weight: bold; color: #FFF816;}
.spec a, visited {font-weight: bold; color: #FFF816;}

.scrollTop{  
    background:url(http://animetank.ru/images/arrows1.png) 0 0 no-repeat;  
    display:block; width:50px; height:50px;  
    position:fixed; bottom:10px; left:90%;  
    z-index:2000;  
}  
.scrollTop:hover{ background-position:0 -58px; }  


*html #wrapper {overflow: hidden;}
*html #navigation {overflow: hidden;}
*html #extra {overflow: hidden;}
*html #commentlist {overflow: hidden;}
*html #commentcontent {overflow: hidden;}