/*
Theme Name: Bluepattern
Author: Ilnur
*/
* {
	margin: 0;
	padding: 0;
}
html {height: 100%}
body {
	font: 13px/18px Tahoma;
	width: 100%;
	background: #25447c url(../images/bg.jpg);
        padding-bottom: 95px;
}
a {
	color: blue;
	outline: none;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:focus {
	outline: none;
}
p {margin: 0 0 18px}
img {
	border: none;
}
input {vertical-align: middle}
#wrapper {
	width: 997px;
	margin: 0 auto;
	background:url(../images/page.png) repeat-y;
}

.f_input { 
	background:url(../images/bg-input.gif) no-repeat left top;
	background-repeat: repeat-x;
	border: 1px solid #e0e0e0;
  font: 16px Tahoma;
  width: 95%;
  height: 26px;
  line-height: 23px;
}

.f_textarea { 
	font: 14px Tahoma;
	background:url(../images/bg-input.gif) no-repeat left top;
	background-repeat: repeat-x;
	border: 1px solid #e0e0e0;
  width: 95%;
}

/* Header
-----------------------------------------------------------------------------*/
#header-above { width:997px; margin:0 auto;
	height: 222px;background:url(../images/header.jpg) no-repeat 14px 0px;}
#header {
 width:997px; margin:0 auto;
	height: 222px;
	position:relative;
	z-index:10000;
}
#header_logo {
  height: 50px;
  width: 310px;
   background:url(../images/logo.png) no-repeat 0px 0px;
	top: 66px;
	left: 65px;
	position: absolute;
}
#header_logo img{   height: 52px;
  width: 350px; }
#header_desc {
	top: 137px;
	left: 155px;
	position: absolute;
	color: #fff;
}
#header_rss_above {   width:105px; height:82px;	top: 139px;
	right: 28px;
	position: absolute;}

#header_rss {
   width:105px; height:82px;
     

}
#header_rss img {width:105px; height:82px;}

#login_p {
right:23px; top:8px;
position: absolute;
color:#64acdb; font-size:13px;
}

#login_p a {
  padding-left: 5px;
  text-decoration: none;
  color: #fff;
}

#login_p a:hover {
  text-decoration: underline;
}

#top_menu_rss {
position:absolute;
right:170px; top:192px;
color:#64acdb; font-size:13px;
font-weight:normal;
}
#top_menu_rss a {
  text-decoration: none;
	color: #fff;
}
#top_menu {
    width:650px;
	height: 41px;
	position:absolute;
	top:181px;
	left:14px;
}

#my-menu { width:650px; height:41px; position:absolute; top:181px; left:14px; z-index: -1;}
#my-menu ul { list-style:none;}
#my-menu ul li { float:left; height:41px; line-height:41px;}
#my-menu ul li.devider{ width:1px; height:41px; background:url(../images/devider.gif) no-repeat left top;} 
#my-menu ul li.current_page_item a {
  background: url(../images/menu-active.jpg) repeat-x;
  text-decoration: none;
  color: #000;
}
#my-menu ul li.current_page_item a:hover { background: url(../images/menu-active.jpg) repeat-x;}
#my-menu ul li a{ float:left; display:block;  text-decoration: none;
  font-weight: normal;
  color: #fff;
  padding:0px 20px;}
#my-menu ul li a:hover {background: url(../images/menu_h.jpg) repeat-x left top;
  text-decoration: none;}


#top_menu ul { list-style:none;}
#top_menu ul li { float:left; display:table;}
#top_menu ul  li.devider{ width:1px; height:40px; background:url(../images/devider.gif) no-repeat left top;} 
#top_menu ul 
#top_menu ul  li a { 
  height: 40px;
  line-height:40px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  font-weight: normal;
  color: #fff;
}
#top_menu ul  li.current_page_item a {
  background: url(../images/menu-active.jpg) repeat-x;
  text-decoration: none;
  color: #000;
}
#top_menu ul  li a:hover { 
  background: url(../images/menu_h.jpg) repeat-x left top;
  text-decoration: none;
}
#top_menu ul  li.current_page_item a:hover {background: url(../images/menu-active.jpg) repeat-x;}
#search {
	top: 83px;
	right: 42px;
	position: absolute;
}
.search_field {
  padding-top: 3px;
  padding-left:5px;
  background:none;
  width: 167px;
  height: 26px;
  border: 0;
}

/* Middle
-----------------------------------------------------------------------------*/
#middle:after {
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}
#container {
	width: 100%;
	float: left;
	overflow: hidden;
	background:url(../images/head-content.jpg) no-repeat 14px 0px;
	 padding-bottom:30px;
}
#content {
width:650px;
 float:left; padding-left:30px;
 text-align:justify;
}

#content ul { list-style:inside;}

.text, .text2 {
  background: url(../images/tx_bg.jpg) repeat-y;
  color: #5E5E5E;
  font: 1.1em Tahoma;
  padding: 0;
  margin: 0;
  width: 650px;
}
.text_bot {
  height: 15px;
  background: url(../images/tx_bot.jpg) bottom no-repeat;
  padding: 0;
  margin: 0;
  width: 650px;
}
.text h1{
	font-size:24px;
	font-weight: normal;
	color:#1d4faa;
	padding: 10px 10px 10px 0px;
}

.text h2{
	font-size:22px;
	font-weight: normal;
	color:#1d4faa;
	padding: 10px 10px 10px 0px;
}

.text h3, .text2 h3{
	font-size:20px;
	font-weight: normal;
	color:#1d4faa;
	padding: 10px 10px 10px 0px;
}

.text h4{
	font-size:18px;
	font-weight: normal;
	color:#1d4faa;
	padding: 10px 10px 10px 0px;
}
.text h5{
	font-size:16px;
	font-weight: normal;
	color:#1d4faa;
	padding: 10px 10px 10px 0px;
}
.text h6{
	font-size:15px;
	font-weight: normal;
	color:#1d4faa;
	padding: 10px 10px 10px 0px;
}

.text pre{
	overflow-x: auto; /* Use horizontal scroller if needed;*/
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	/* width: 99%; */
	word-wrap: break-word; /* Internet Explorer 5.5+ */

}

.text hr{
	margin: 10px 0;
	border:1px solid #dfdfdf;
	height:1px;

}

.text fieldset{
		margin: 10px 0;
		padding:20px;
		border: 1px solid #dfdfdf
}

.text legend{
	text-align:center;
	padding:0 10px;
}

.text input, .text textarea{
	border: 1px solid #dfdfdf;
	margin: 10px 5px;
	padding: 4px;	
}

.text2 input, .text2 textarea{
	margin: 0px;
	padding: 0px;	
}

.text dt{
	font-weight:bold;
	padding: 5px 0;	
}

.text dd{
	
}

.text table{
	border-collapse: collapse;
	margin: 12px auto;	
}

.text th{
	font-weight:bold;
	text-align:center;
	background:#1d4faa url(../images/thbg.gif) repeat-x top;
	color:white;
	padding: 8px;
	border: 1px solid #fff;
}

.text td{
	border: 1px solid #dfdfdf;
	padding: 8px;
}

.text h3 a{
	color:#1d4faa;
	text-decoration:none;
	padding-left:20px;
}

.text a {
  color: #496BB0;
  text-decoration: none;
}
.text a:hover {
  text-decoration: none;
}

.text2 table{
	border-collapse: collapse;
	margin: 12px auto;	
}

.text2 th{
	font-weight:bold;
	text-align:center;
	background:#1d4faa url(../images/thbg.gif) repeat-x top;
	color:white;
	padding: 8px;
}

.text2 td{
	padding: 8px;
}

.text2 h3 a{
	color:#1d4faa;
	text-decoration:none;
	padding-left:20px;
}

.text2 a {
  color: #496BB0;
  text-decoration: none;
}
.text2 a:hover {
  text-decoration: none;
}

.text_com {
  color: #fff;
  float: right;
  font: 1em Tahoma;
  position: absolute;
  top: 21px;
  right: 47px;
}
.text_com a {
  color: #fff;
  text-decoration: none;
}
.text_com a:hover {
  text-decoration: none;
}
.text_meta {
  padding: 10px 20px;
  font: 0.9em Tahoma;
  text-align: left;
}
.author {
  background: url(../images/author.jpg) left no-repeat;
  padding-left: 25px;
   color:#969595;
}
.edit {
  background: url(../images/edit.png) left no-repeat;
  padding-left: 25px;
  margin-left: 10px;
     color:#969595;
}
.date {
  background: url(../images/date.jpg) left no-repeat;
  padding-left: 25px;
  margin-left: 10px;
     color:#969595;
}
.tags {
  background: url(../images/tags.jpg) left no-repeat;
  padding-left: 25px;
  margin-left: 10px;
}
.entry {
  padding: 0px 20px 20px 20px;
}
.entry ol { list-style: decimal inside;}
.entry ol li { padding-bottom:10px;}
.entry p { line-height:20px;}

.com_top {
  background: url(../images/com_top.jpg) top no-repeat;
  height: 18px;
  width: 650px;
  padding: 0;
  margin: 0;
}
.com {
  background: url(../images/com_bg.jpg) repeat-y;
  padding: 0;
  margin: 0;
  width: 650px;
}
.com_bot {
  background: url(../images/com_bot.jpg) bottom no-repeat;
  height: 18px;
  padding: 0;
  margin: 0;
  width: 650px;
}
.add_com {
  padding: 0 20px 0 20px;
  color: #5E5E5E;
}
.add_com h3 { color:#353535;}
.add_com a {
  text-decoration: none;
  color: #496BB0;
}
#submit_com {
  float: right;
}
#commentlist {
  list-style: none;

}
.commentlist li { list-style:none;}
.commentlist {  padding-top:20px;}

#comments {
  margin: 0 auto;
  background: url(../images/comment.jpg) bottom no-repeat;
  width: 620px;
}
#comments p {
  padding: 0 10px 5px 10px;
  color: #424649;
}
.com_a a {
  color: #0C8ABD;
  text-decoration: none;
}
.com_d a {
  float: right;
}
.com_d a {
  color: #0C8ABD;
  text-decoration: none;
}


.commik { background:url(../images/comment-napolka.gif) repeat-x left bottom; width:597px; margin:0px auto; padding:10px; padding-bottom:3px;}
.comik-heighter { height:55px; width:1px; float:left;}
.commik-content { width:595px; float:left;} 
.commik-bottomik { width:617px; height:7px; overflow:hidden; background:url(../images/comment-bottom.gif) no-repeat left bottom; margin:0 auto; margin-bottom:15px;} 
.avababa { float:left; background:url(../images/avababa.png) no-repeat left top; width:73px; height:74px; padding-right:10px;}
.avababa  img {width:61px; height:61px; border:5px solid #fff;}
.comik-title { position:relative; padding-bottom:10px; color:#0e8ad0;}
.comik-title a { color:#0e8ad0; text-decoration:none;}
.comik-title a:hover{ color:#0e8ad0; text-decoration:none;}
.commentmetadata { position:absolute; right:0px; top:0px; color:#0e8ad0; font-size:13px;}
.commentmetadata a { color:#0e8ad0; text-decoration:none;}
.commentmetadata a:hover{ color:#0e8ad0; text-decoration:none;}
.commik p{ padding-bottom:5px;}
.nocomments {padding-left:20px;}

/* Sidebar Right
-----------------------------------------------------------------------------*/
.sidebar {
	float: right;
	width: 270px;
	position: relative;
	margin-right:30px; padding-top:2px;
}
.sidebar ul {
	padding: 0;
	margin: 0;
}
.sidebar ul li {
  list-style-type: none;
	padding: 0;
	margin: 0;
}
.block {
  background: url(../images/sb_bg.jpg) repeat-y;
  margin: 14px 0px 0px 0px;
  color: #5E5E5E;
  width: 271px;
  overflow:hidden;
}
.block h3 {
  height: 35px;
  background: url(../images/sb_top.jpg) top no-repeat;
  padding: 20px 0 0 20px;
  margin: 0;
  color: #496BB0;
  width: 251px;
}
.block .block-box {
 padding-right: 20px; 
 padding-left: 20px;
}
.block2 {
  background: url(../images/sb_bg.jpg) repeat-y;
  margin: 14px 0 0 0;
  color: #5E5E5E;
  width: 271px;
  overflow:hidden;
}
.block2 h3 {
  height: 35px;
  background: url(../images/sb_top.jpg) top no-repeat;
  padding: 20px 0 0 20px;
  margin: 0;
  color: #496BB0;
  width: 251px;
}
.block_bot {
  height: 20px;
  background: url(../images/sb_bot.jpg) no-repeat left bottom;
  padding: 0px;
  margin: 0px;
  width: 271px;
  overflow:hidden;
}
ul.blogroll {
  margin: 10px 0 0 20px;
  padding: 0;
} 
ul.blogroll li {
 width:225px;
  margin: 0;
  padding: 0;
  padding-left:25px;
   background:url(../images/author.jpg) no-repeat 0px 2px;
} 
ul.blogroll li a {
  color: #5E5E5E;
  text-decoration: none;
  line-height:25px;  
} 
ul.blogroll li a:hover {
  color: #5E5E5E;
  text-decoration: underline;
} 

ul.catt {
  margin: 10px 0 0 20px;
  padding: 0;
} 
ul.catt li {
  width:225px;
  margin: 0;
  padding: 0;
  background:url(../images/pencil.png) no-repeat 0px 2px; 
  padding-left:25px;
} 
ul.catt li a {
  color: #5E5E5E;
  text-decoration: none;
  line-height:25px;
} 
ul.catt li a:hover {
  color: #5E5E5E;
  text-decoration: none;
} 

/* Footer
-----------------------------------------------------------------------------*/
#footer {
	width: 997px;
	margin:0px auto; 
	height: 361px;
	background: url(../images/footer.png) top no-repeat;
	color: #315faf;
	position:relative;
}
.foot {
 width: 320px;
 float: left;
 text-align: left;
}
.foot h3 {
  width:230px;
  margin: 0;
  padding: 0;
  font: normal 1.4em Tahoma;
  background: url(../images/galka.png) left no-repeat;
  padding: 30px 0 20px 40px;
  margin: 0 0 0 30px;
   color:#fff;
}
.foot .foot-box, .foot .foot-box-l {
  margin-left: 40px;
  color: #f1f1f1;
}
.foot .foot-box-l a {
  font: 1.1em Arial;
  color: #8ab3e1;
  text-decoration: none;
  line-height:22px; background:url(../images/pencil.png) no-repeat 0px 0px;
  padding-left:30px;
}
.foot .foot-box-l a:hover {
  color: #fff;
  text-decoration: none;
}
.foot .foot-box a {
  font: 1.1em Arial;
  color: #8ab3e1;
  text-decoration: none;
}
.foot .foot-box a:hover {
  color: #fff;
  text-decoration: none;
}
.foot2 {
 width: 320px;
 float: left;
 text-align: left;
}
.foot2 h3 {
  width:230px;
  margin: 0;
  padding: 0;
  font: normal 1.4em Tahoma;
  background: url(../images/galka.png) left no-repeat;
  padding: 30px 0 30px 40px;
  margin: 0 0 0 50px;
   color:#fff;
}
.foot2 ul {
  padding: 0 0 0 55px;
}
.foot2 ul li {
   width:230px;
  margin: 0;
  padding: 0;
  font: 1.1em Arial;
  line-height:22px;
}
.foot2 ul li a {
  color: #fff;
  text-decoration: none;
}
.foot2 ul li a:hover {
  color: #fff;
  text-decoration: none;
}
#copy1 {
  position: absolute;
  top: 310px;
  left: 50px;
  font-weight: normal;
  color: #3262af;
}
#copy1 a {
  text-decoration: none;
  color: #79abe9;
}
#copy2 {
  position: absolute;
  top: 310px;
  right: 50px;
  font-weight: normal;
  color: #315faf;
}
#copy2 a {
  text-decoration: none;
  color: #79abe9;
}
.br {
  height: 20px;
}
.clear {
  clear: both;
}
.pages { display:none;}
 
 #changed { width:271px; background:url(../images/changed-middle.gif) repeat-y left top; margin-top:15px;}
 #changed-top { background:url(../images/changed-top.gif) no-repeat left top; width:271px; }
 #changed-bottom { background:url(../images/changed-bottom.gif) no-repeat left bottom; width:271px; padding-bottom:20px; }
 #changed-bottom .tnews { padding-left:20px;padding-right:20px; }
  #changed-bottom .tnews a{ padding-left:4px; color:#7d7d7d; text-decoration:none;    }
  #changed-bottom .tnews a:hover { text-decoration:underline; }

 #changed-bottom .btags { padding-left:20px;padding-right:20px; }
  #changed-bottom .btags a{ color:#7d7d7d; text-decoration:none;    }
  #changed-bottom .btags a:hover { text-decoration:underline; }
  
  #changed-content-2 { display:none;}
   
   #changed ul.bubu { width:271px; height:48px; padding-bottom:10px; list-style:none;}
   #changed ul.bubu li.bt1 { width:135px; float:left; height:48px; line-height:40px; background:url(../images/ulitka-left.gif) no-repeat 1px 2px; text-align:center;}
   #changed ul.bubu li.bt2 { width:136px; float:right; height:48px; line-height:40px;  background:url(../images/ulitka-right.gif) no-repeat -1px 2px; text-align:center;}
   #changed ul.bubu li a { color:#fff; text-decoration:none; }
   #changed ul.bubu li.bt1 a.active { color:#414141; padding-bottom:8px; height:40px; display:block; background:url(../images/ulitka-left-A.gif) no-repeat 1px 2px;}
   #changed ul.bubu li.bt2 a.active { color:#414141; padding-bottom:8px; height:40px; display:block; background:url(../images/ulitka-right-A.gif) no-repeat -1px 2px;}

   #MCOM { padding-top:20px;}
   #MCOM textarea { width: 459px; height:153px; background:none; border:0px; color:#9c9c9c; font-size:11px; }
   #MCOM #txabo { width: 459px; background:url(../images/bg-input.gif) no-repeat left top; margin-bottom:10px;}
   #MCOM .textfield {width:591px; padding:6px 10px; border:1px solid #d7e2e6; background:#e4ecee;  color:#9c9c9c;  font-size:11px; }
   #MCOM p { margin:0px; padding:0px; padding-bottom:10px;}
   
   .tityo-above { width:650px; background: url(../images/tx_top.jpg) top no-repeat; overflow:hidden;}
   .tityo { width:630px; padding-bottom:15px; padding-top:10px; padding-left:10px; background:url(../images/tx-my-bottom.jpg) no-repeat 10px bottom; position:relative;}
   .tityo h3 { width:520px; padding-right:50px; font-size:22px; padding-top:25px; text-align:left;}
   .text_com_my a{ position:absolute; top:28px; right:15px; width:47px; padding-right:3px; height:45px; background:url(../images/commic-saying.png) no-repeat left top; font-weight:normal; text-align:center; font-size:18px; line-height:32px; color:#fff;}

   .tityn { width:630px; padding-bottom:15px; padding-top:10px; padding-left:10px; background:url(../images/tx-my-bottom.jpg) no-repeat 10px bottom; position:relative;}
   .tityn h3 { width:520px; padding-left:20px; font-size:22px; padding-top:25px; text-align:left;}

select {
	font-size: 11px;
	font-family: tahoma;
}

.navigation {
	color: #555555; 
	border: 0px;
}

.navigation a:link,
.navigation a:visited,
.navigation a:active {
	text-decoration: none;
	color: #555555;
	border: 1px solid #e1e1e3;
	padding: 3px 6px;
	font-size:13px;
	background:url(../images/nav-hover-active.gif);
}

.navigation a:hover {
	color: #ffffff;
	border-color: #e1e1e3;
	background:url(../images/nav-a.gif);
}

.navigation span {
	text-decoration: none;
	background:url(../images/nav-hover-active.gif) repeat-x left top;
	padding: 3px 6px;
	border: 1px solid #e1e1e3;
	color: #999999;
	font-size:13px;
}