/*
Theme Name: Leon-Fish
Theme URI: http://i-leon.ru/
Description: Специальная тема, подготовленная для использования вместе с плагином <a href="http://dimox.name/wordpress-plugin-article-directory/">Article Directory</a>.
Version: 1.1
Author: Leon1010
Author URI: http://i-leon.ru/
*/

@import 'categories.css';

/* --------------------- Default --------------------- */
html, body { margin:0; padding:0; height:100%; width:100%;}
body { background:url(images/px_body.gif) 0 147px repeat-x #C2F2FF;}
a { color:#6969B8; text-decoration:underline; outline:none;}
a:hover { color:#FF6600; text-decoration:underline;}
input { margin:0; padding:0; font-family:tahoma; font-size:11px; vertical-align:middle;}
div { margin:0; padding:0; font:12px verdana; color:#6969B8; line-height:18px;}
em { font-style:normal;}
form { margin:0; padding:0;}
img { border:0;}
p { margin:0; padding:12px 0;}
ul { margin:0; padding:0; list-style:none;}
li { margin:0; padding:0; line-height:normal;}
h1 { color:#008000; font:18px verdana; margin:0; padding:0 0 5px;}
h1 a { color:#008000;}
h2 { color:#12A2CE; font:italic 24px georgia, verdana; margin:0; padding:10px 0 0;}

#container { min-height:100%; min-width:1000px; height:auto !important; height:100%; position:relative; background:url(images/bubble1.gif) 0 149px no-repeat;}
#bubble { width:70px; height:27px; left:159px; bottom:143px; position:absolute; background:url(images/bg_footer_left1.gif) no-repeat;}
#fish { width:129px; height:90px; left:478px; bottom:87px; position:absolute; background:url(images/bg_fish.gif) no-repeat;}
/* ********************* Header ********************* */
#header { height:147px; background:url(images/px_header.jpg) 50% 0 repeat-x;}
/* Logo */
#header .logo { width:485px; padding:11px 0 0 30px; float:left; position:relative;}
#header .logo a { color:#12A2CE; text-decoration:none;}
#header .logo strong { color:#008000; font:bold italic 14px georgia, verdana; padding:0 0 0 161px; display:block;}
#header .logo img { margin-right:6px; float:left;}
/* Menu */
#header .menu { width:280px; padding:8px 10px 0 0; float:right; font-size:11px; position:relative;}
#header .menu ul { zoom:1;}
#header .menu li { padding:0 10px 7px 0; float:left;}
#header .menu li a { padding:0 0 0 15px; display:block;}
#header .menu li a.home { padding-left:16px; background:url(images/icon_home.gif) 0 1px no-repeat;}
#header .menu li a.video { background:url(images/icon_video.gif) 0 1px no-repeat;}
#header .menu li a.about { background:url(images/icon_about.gif) 0 1px no-repeat;}
#header .menu li a.contact { padding-left:18px; background:url(images/icon_contact.gif) 0 1px no-repeat;}
#header .menu input { width:250px; padding:5px 10px; border:1px inset #A4AAAB; color:#B2B8BA; font:12px verdana;}
/* Button */
#header .button { padding-right:16px; float:right; position:relative;}
#header .button input { cursor:pointer;}
/* Background */
#header .background { width:100%; height:147px; top:0; left:0; position:absolute;}
#header .background div { width:957px; height:147px; margin:0 auto; background:url(images/bg_header.jpg) 5px 100% no-repeat;}

/* ******************** Content ********************* */
#content { width:957px; margin:0 auto; padding:0 0 143px; min-height:350px; overflow:hidden; position:relative;}
/* ---------------------------------- LEFT NAVIGATION */
#left_nav { width:544px; float:left;}

/* ----------------------------------------- Post Box */
.PostBox { padding:0 0 25px; background:url(images/bg_postbox_bottom.gif) 5px 100% no-repeat;}
.PostBox .content { padding:10px 35px 36px 35px; background:url(images/px_postbox.gif) 0 0 repeat-y;}
.PostBox .line { padding:15px 0 8px; margin-right:12px; background:url(images/line.gif) 0 14px repeat-x;}
.PostBox .line1 { padding:7px 0 17px; margin-right:12px; background:url(images/line.gif) 0 6px repeat-x;}
.PostBox .line2 { padding:14px 0; margin:0 12px 0 10px; background:url(images/line.gif) 0 15px repeat-x;}
.PostBox h2 { color:#008000; font:18px verdana; margin:0; padding:0 0 7px;}
.PostBox h2 em { padding-right:8px; font:bold italic 18px georgia, verdana;}
.PostBox h3 { color:#008000; font:18px verdana; margin:0; padding:0 0 7px;}
.PostBox .text { padding:20px 0 8px;}
.PostBox .text1 { padding:0 11px;}
.PostBox .green { padding:0 10px; color:#008000; font-size:14px; font-weight:bold;}
.PostBox .rss { position:relative;}
.PostBox .rss a { top:-26px; right:35px; position:absolute;}
/* List */
.PostBox .list {}
.PostBox .list li { padding:5px 0 0 17px; zoom:1; background:url(images/arrow.gif) 0 9px no-repeat;}
.PostBox .list li a { color:#FF6600;}
.PostBox .list li a:hover { color:#008000;}
/* Inner Page */
.PostBox .category { padding:0 0 5px; color:#ABABCB; font-size:11px;}
.PostBox .category a { color:#ABABCB;}
.PostBox .category a:hover { color:#62627C;}
/* Also */
.PostBox .also { padding:12px 0 0;}
.PostBox .also li { padding:4px 0 0; color:#008000; zoom:1;}
.PostBox .also li a { padding:0 0 0 15px; color:#008000; font-size:11px; background:url(images/arrow2.gif) 0 5px no-repeat;}
.PostBox .also li a:hover { color:#FF6600;}
.PostBox .also .children { padding-left:20px; }
/* Post Info */
.PostBox .post_info { width:473px; padding:0 0 8px; margin-top:15px; overflow:hidden; font-size:11px; background:url(images/bg_comment_bottom.gif) 0 100% no-repeat #DFF7FF;}
.PostBox .post_info .wrap { padding:0 11px; color:#008000; overflow:hidden; zoom:1; font-size:11px; background:url(images/bg_comment_top.gif) no-repeat;}
.PostBox .post_info ul { width:100%; float:left; padding:8px 0 0;}
.PostBox .post_info li { color:#008000; font-size:11px;}
.PostBox .post_info li.left { width:480px; float:left;}
.PostBox .post_info li.left img { margin-left:2px; vertical-align:middle;}
.PostBox .post_info li.right { width:200px; float:right; text-align:right;}
.PostBox .post_info li.right img { margin-left:8px;}
/* Comment */
.PostBox .comment { width:473px; padding:0 0 17px; margin-top:8px; overflow:hidden; font-size:11px; background:url(images/bg_comment_bottom.gif) 0 100% no-repeat #DFF7FF;}
.PostBox .comment li.name { padding:9px 19px; color:#41419C; background:url(images/bg_comment_top.gif) no-repeat;}
.PostBox .comment li.name a { color:#41419C;}
.PostBox .comment li.name a:hover { color:#000;}
.PostBox .comment li.avatar { width:82px; float:left; padding-left:14px;}
.PostBox .comment li.avatar img { width:62px; height:54px; padding:3px; background:url(images/avatar_border.gif) no-repeat;}
.PostBox .comment li.comment_text { width:340px; float:left; padding:4px 0 0; color:#6969B8;}
/* Response */
.PostBox .response { padding:3px 7px 0;}
.PostBox .response li { padding:12px 0 0; color:#22515F;}
.PostBox .response label { cursor:pointer;}
.PostBox .response .title { color:#008000; font-size:14px; font-weight:bold;}
.PostBox .response .form { width:202px; height:13px; padding:10px 15px; margin-right:9px; color:#272727; font:12px verdana; background:url(images/bg_form.gif) no-repeat; border:0; vertical-align:middle;}
.PostBox .response .textarea { width:305px; height:76px; padding:10px 35px 10px 15px; color:#272727; font:12px verdana; background:url(images/bg_textarea.gif) no-repeat; border:0;}
.PostBox .response .send { width:112px; height:35px; padding-bottom:2px; color:#004E75; font:bold 11px georgia, Myriad Pro, verdana; background:url(images/button_send.gif) no-repeat; border:0; cursor:pointer;}

.aligncenter { display: block;  align: center; float: center;}
.alignleft { display: block; float: left;}
.alignright { display: block; float: right;}
.pop-image { 
	display: block; 
	width: 150px;  
	height: 100px; 
	border: 1px solid #bbb; 
	float: left;
	margin-right: 5px;
}

/* --------------------------------------- Post Box 1 */
.PostBox1 { margin-top:7px; padding:15px 0 0; background:url(images/bg_postbox1_top.gif) 5px 0 no-repeat;}
.PostBox1 .bg_bottom { padding:0 0 38px; background:url(images/bg_postbox1_bottom.gif) 5px 100% no-repeat;}
.PostBox1 .content { padding:5px 47px 2px 42px; background:url(images/px_postbox1.gif) 0 0 repeat-y; text-align:center; line-height:15px;}
.PostBox1 h3 { color:#22515F; font:italic 18px arial; margin:0; padding:0 0 15px; text-align:left;}
.PostBox1 a { color:#22515F; font-size:11px; text-decoration:none;}
.PostBox1 a:hover { color:#FF6600; text-decoration:underline;}
.PostBox1 .tag { color:#6969B8;}
.PostBox1 .tag1 { color:#614900; font-size:14px;}
.PostBox1 .tag2 { font-size:14px; font-weight:bold;}
.PostBox1 .tag3 { color:#302B8C; font-size:18px;}
.PostBox1 .tag4 { color:#008000; font-size:24px;}

.PostBox1 .st-tags {}
.PostBox1 .t1 { color:green;}
.PostBox1 .t2 { color:red;}
.PostBox1 .t3 { color:orange;}
.PostBox1 .t4 { color:black;}
.PostBox1 .t5 { color:brown;}
.PostBox1 .t6 { color:pink;}
.PostBox1 .t7 { color:purple;}
.PostBox1 .t8 { color:yellow;}
.PostBox1 .t9 { color:blue;}


/* --------------------------------- RIGHT NAVIGATION */
#right_nav { width:404px; float:right; background:url(images/bubble.gif) 124px 26px no-repeat;}

/* ----------------------------------------- Menu Box */
.MenuBox { height:270px; position:relative;}
.MenuBox a { font:italic 18px arial; color:#BF3D3D; float:left; position:absolute;}
.MenuBox a:hover { color:#FF6600;}
.MenuBox .method { top:0; left:14px; padding:82px 0 0; background:url(images/button_menu.gif) 50% 0 no-repeat;}
.MenuBox .preparation { top:3px; left:181px; padding:63px 5px 0; background:url(images/button_menu1.gif) 50% 0 no-repeat;}
.MenuBox .fish { top:129px; left:37px; padding:74px 0 0; background:url(images/button_menu2.gif) 50% 0 no-repeat;}
.MenuBox .classification { top:102px; left:231px; padding:60px 0 0; background:url(images/button_menu3.gif) 50% 0 no-repeat;}

/* --------------------------------------- Post Box 2 */
.PostBox2 { padding:21px 0 0; background:url(images/bg_postbox2_top.gif) 8px 0 no-repeat;}
.PostBox2 .bg_bottom { padding:0 0 18px; background:url(images/bg_postbox2_bottom.gif) 9px 100% no-repeat;}
.PostBox2 .content { padding:3px 0 8px 35px; background:url(images/px_postbox2.gif) 0 0 repeat-y;}
.PostBox2 .title { color:#22515F; font:italic 18px arial; padding:0 0 2px;}
.PostBox2 .title1 { color:#22515F; font:italic 18px arial; padding:15px 0 7px;}
/* Popular */
.PostBox2 .popular { overflow:hidden; padding:10px 0 8px;}
.PostBox2 .popular li { width:165px; padding-right:17px; float:left; font-size:11px;}
.PostBox2 .popular li span { padding:5px 0; display:block; color:#ABABCB;}
.PostBox2 .popular li span a { color:#ABABCB;}
.PostBox2 .popular li span a:hover { color:#62627C;}
/* Popular rating */
.PostBox2 .popular_rating {}
.PostBox2 .popular_rating li { padding:5px 0 0 10px; zoom:1; font:11px verdana; background:url(images/arrow1.gif) 0 9px no-repeat;}
.PostBox2 .popular_rating li a { font-weight:bold; }
.PostBox2 .popular_rating li span { padding:5px 0 0; display:block; color:#22515F;}
.PostBox2 .popular_rating li span img { margin-right:8px;}

/* --------------------------------------- Post Box 3 */
.PostBox3 { margin-top:7px; padding:13px 0 0; background:url(images/bg_postbox3_top.gif) 5px 0 no-repeat;}
.PostBox3 .bg_bottom { padding:0 0 18px; background:url(images/bg_postbox3_bottom.gif) 5px 100% no-repeat;}
.PostBox3 .content { padding:8px 35px; background:url(images/px_postbox3.gif) 0 0 repeat-y;}
.PostBox3 .title { color:#22515F; font:italic 18px arial; padding:0 0 5px;}
.PostBox3 li { padding:5px 0 0 10px; zoom:1; font:bold 11px verdana; background:url(images/arrow1.gif) 0 10px no-repeat;}

.linksban { padding:10px 10px; border: 2px solid #8d8de6; width: 300px; margin: 10px 10px 10px; BACKGROUND-COLOR: #ffffff; FONT-SIZE: 12px; FONT-FAMILY: Arial; COLOR: #5A5A5A; text-align: center; }

/* ********************* Footer *********************** */
#footer { width:100%; min-width:1000px; height:143px; margin-top:-143px; position:relative; background:url(images/px_footer.gif) 0 100% repeat-x;}
#footer .bg_left { background:url(images/bg_footer_left.jpg) no-repeat;}
#footer .bg_right { height:143px; background:url(images/bg_footer_right.jpg) 100% 0 no-repeat;}
/* Counters */
#footer .counter { width:260px; top:47px; right:71px; position:absolute;}
#footer .counter li { padding:0 7px 5px 0; float:left;}
#footer .counter li img { display:block;}
/* Text */
#footer .text { margin:0 400px 0 365px; padding:64px 0 0; color:#9C9DD1; font-size:11px; line-height:14px;}
#footer .text a { color:#9C9DD1;}
#footer .text small { font-size:9px; display:block;}
/* ----------------------- IE ------------------------- */
* html body	{ width: expression(((document.documentElement.clientWidth || document.clientWidth) < 1000)? "1000px" : "100%"); height:100%;}
/* ---------------------------------------------------- */