/* ================================
1. General tags
================================ */

body {
padding: 0;
margin: 0;
font-family: Trebuchet MS, Tahoma, Arial, Helvetica, Sans-serif;
font-size: 13px;
color: #111;
}

a {background: inherit; color: #d42229; text-decoration: underline;}
a:hover {color: #ed2223; }
a:focus {outline: none;}
a.noline {text-decoration: none;}

.post a[href^="http://"]:not([href*="kotelnikov.net"]) {
background: url(/images/227.gif) no-repeat 100% 5px;
padding-right: 12px;
}

.post strong a[href^="http://"]:not([href*="kotelnikov.net"]) {
background: url(/images/227t.gif) no-repeat 100% 5px;
padding-right: 12px;
}

h1 {font-size: 2em; color: #ed2223; font-weight: normal;}
h2 {font-size: 1.8em; color: #ed2223; font-weight: normal;}
h3 {font-size: 1.2em;}
h4 {font-size: 1.0em;}

p, h1, h2, pre, #edtoolbar {margin: 10px 15px;}

h3, h4 {margin: 20px 15px 10px 15px;}


ul, ol {
margin: 10px 30px;
padding: 0 15px;
list-style-image: url(/images/bullet.gif);		
}

acronym {
cursor: help;
border-bottom: 1px solid #777;
}


/* ================================
2. Images
================================ */

img, img a, .post img a, .post img {border:none; background: none; padding: 0;}

img.float-right {margin: 5px 0px 5px 15px;}

img.float-left {margin: 5px 15px 5px 0px;}



/* ================================
3. Code
================================ */

code {
font: 500 'Lucida Console', 'courier new', monospace;
display: inline;
background-color: #eee;
}

pre {
margin: 5px 15px;
padding: 10px;
text-align: left;
display: block;

background-color: #eee;
border: 1px solid #aaa;  
border-left: 3px solid #a00;
font: 'Lucida Console', 'courier new', monospace;

	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
}

pre code { display: block;}

/* ================================
4. Blockquote
================================ */

blockquote {
margin: 15px; 	
padding: 0px;  	
background-color: #eee; 
background-position: 8px 10px;
border: 1px solid #aaa; 
border-left: 3px solid #555;  
font-size: 13px;
color: #111;	
}



/* ================================
5. Table
================================ */

table {
border-collapse: collapse;
margin: 10px 15px;	
}

th strong {color: #fff;}

th {
background: #74A846;
height: 29px;
padding-left: 11px;
padding-right: 11px;
color: #fff;
text-align: left;
border-left: 1px solid #B6D59A;
border-bottom: solid 2px #FFF;
}

tr {height: 30px;}

td {
padding-left: 11px;
padding-right: 11px;
/* border-left: 1px solid #FFE1C3; */
border-left: 1px solid #FFF;
border-bottom: solid 1px #ffffff;
}

td.first, th.first {border-left: 0px;}

tr.row-a {background: #F8F8F8;}

tr.row-b {background: #EFEFEF;}



/* ================================
6. Forms
================================ */

form {
margin:10px 15px; 
padding: 0;
border: 1px solid #f2f2f2;
background-color: #fafafa;
font-size: 13px;
}

label {margin:5px 0;}

input {padding:2px;}

legend {display: none;}

fieldset {border: none;}

textarea {
width: 610px;
padding:2px;
font-size: 1em;
height:150px;
display:block;
font-family: PT Sans, 'Trebuchet MS', Helvetica, Tahoma, Sans-serif;
}

#search {
}

#search form {
background-color: transparent;
border: none;
}

input.button  { 
margin: 0; 
padding: 5px 8px;
font-weight: bold;
}

#search_text {width: 300px;} 


/* ================================
1. General
================================ */

#container {
background: #fff url(/images/bg.jpg) repeat-x;
text-align:center;
width: 100%;
}

#wraper {
margin:0 auto;
text-align: left;
width:900px;
}



/* ================================
2. Header
================================ */

#header {
position: relative;
margin: 0 auto;
height: 155px;
text-align: left;
}

#header h1 {
margin: 0; padding: 0;		
top: 0px; left: 0px;
position: absolute;
}

#header h1 a {
text-decoration: none;
color: #000;
position: absolute;
text-indent: -99999px;
background: url(/images/logo.jpg) no-repeat;
height: 124px;	width: 291px;
}

#accessability {
display: none;
}


/* ================================
2.1. Header menu
================================ */

#header ul {
position: absolute;
left: 0px; top: 130px;
font-size: 14px;
font-weight: bold;
color: #FFF;
list-style: none;
margin: 0; padding: 0;	
}

#header ul li {text-shadow: #861417 0px 2px 3px;}

#header li {display: inline;}

#header li a {
float: left;
display: block;
padding: 3px 20px;	
color: #fff;
text-decoration: none;
background: url(/images/menu_bg.jpg) repeat-x;
background-color: #d42229;
}

#header li a:hover {
background-image: none;
background-color: #ed2223;
}

#header li a:active {
background-image: none;
background-color: #d42229;
}

#header li a#current  {
background-image: none;
background-color: #d42229;
}



/* ================================
2.2. Header photo
================================ */

.headerphoto {
margin: 0 auto;
width: 900px;
height: 333px;
background: #eee url(/images/407.jpg) no-repeat center;	
position: relative;
margin: 20px 0px 10px 0px;
}



/* ================================
3. Content
================================ */

#content {margin-top: 10px;}

#primary {
width:690px;
float:left;
padding:0;
margin:0;
overflow:hidden;
display:inline;
}

#primary_wide {
padding:0;
margin:0;
margin-bottom: 30px;
overflow:hidden;
}

#primary h2, #primary_wide h2 {
padding: 10px 0px 5px 5px;
margin: 0 0 0 10px;
border-bottom: 1px solid #f2f2f2; 
}

#primary ul li, #primary_wide ul li {list-style-image: url(/images/bullet.gif);}


/* ================================
3.1. Post
================================ */

.post {
margin: 0; padding: 0;
margin-bottom: 20px;
overflow: hidden;
}

.post p {overflow: hidden;}

.post ul.details {
padding: 5px; margin: 0px 5px 5px 5px;
font-size: 85%;
}

.post .details li {display: inline;}

.post .details .date {
background: url(/images/clock.gif) no-repeat 0 center;
padding-left: 20px; margin: 0 10px 0 5px;
}

.post .details .comments {
background: url(/images/comment.gif) no-repeat 0 center;
padding-left: 20px; margin: 0 10px 0 5px;
}

.post .details .comments a {background: none; padding: 0; margin: 0;}

.post .details .category {
background: url(/images/page.gif) no-repeat 0 center;
padding-left: 20px; margin: 0 10px 0 5px;
}

.post .details .category a {background: none; padding: 0; margin: 0;}

.post .details .section {margin: 0 10px 0 5px;}

#neighbors {margin-top: 30px;}



/* ================================
4. Sidebar
================================ */

#sidebar {
width:200px;
float:right;
padding:0;
margin:0;
}
	
#sidebar h1 {
padding: 10px 0px 0px 10px;
margin: 0;	
font-size: 1.3em;
border-bottom: 1px solid #f2f2f2; 
text-align: center;
color: #111;
}

#sidebar p, #sidebar ul {
font-size: 0.9em;
}

.sidebox {
background: #F5F5F5;
border: 1px solid #EFEDED;
margin-bottom: 10px;
}

#sidebar ul.sidemenu {
list-style: none;
margin: 10px 0 15px 0;
padding: 0;
background: #F2F2F2;
}

#sidebar ul.sidemenu li {
padding: 0px 10px;
}

#sidebar ul.sidemenu a {
display: block;
font-weight:normal;
color: #333;
height: 1.5em;	
padding: 0.3em 0 0.3em 15px;
line-height: 1.4em;
border-bottom: 1px dashed #D4D4D4;
text-decoration: none;
}

#sidebar ul.sidemenu a.top{	
border-top: 1px dashed #D4D4D4;
}

#sidebar ul.sidemenu a:hover {
padding: 0.3em 0 0.3em 10px;
border-left: 5px solid  #555;
color: #555;		
}

#sidebar ul.sidemenu a:active {
padding: .3em 0 .3em 10px;
border-left: 5px solid  #ed2223;
color: #d42229;	
}

#sidebar ul.sidemenu a.active {
padding: 0.3em 0 0.3em 10px;
border-left: 5px solid  #ed2223;
color: #d42229;			
}

#cloud {
margin: 10px;
text-align: center;
}

#cloud ul.cloud, ul.cloud li {
padding: 0;
margin: 0;
display: inline;
list-style: none;
}

#cloud ul li a.active {
color: #333;
text-decoration: none;
}


#sidebar ul {
margin-right: 0px;
margin-left: 15px;
margin-bottom: 0px;
padding-bottom: 0px;
}

#sidebar ul li {
padding: 0px 0 5px 0;
}

#sidebar img {
border: 1px solid #ddd;
background-color: #fff;
padding: 3px;
margin-top: 5px;
}

#rss {
text-align: center;
margin: 10px 0;
}

#rss h1, #rss p, #rss img {
margin: 0;
padding: 0;
border: none;
}

#fresh_photos {
text-align: center;
}



/* ================================
5. Footer
================================ */

#link_to_top {
clear: both;
margin: 0; padding: 0;
text-align: left;	
}

#footer {
clear: both;
padding: 0;
font-size: 13px;
text-align: left;
border-top: 1px solid #ccc;
padding-left: 15px;
}

#footer p {	
margin-left: 0; 
}

/* #footer a {
text-decoration: underline;
color: #777;	
}

#footer a:hover {
text-decoration: underline;
color: #777;
} */

#footer .col {
width: 49%;
padding: 0 5px 20px 0;	
}

#footer .col2 {
width: 49%;
text-align: right;
padding: 0 0px 20px 0;	
}

/* ================================
6. Additional classes
================================ */

.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right {	text-align: right; }

.clear { clear: both; }
.gray  { color: #888; }
.normal  { font-weight: normal; }
.bold  { font-weight: bold; }

.middle { vertical-align: middle; }



/* ================================
8. Pager
================================ */

#pager {
display: block;
padding: 15px;
font-size: 1.1em;
text-align:center;
font-weight: bold;
}

ul.rsx-page-num-list{
display:inline;
list-style:none;
margin:0px;
padding:0px;
font-size: 1.4em;
}

ul.rsx-page-num-list li {      
display: inline;
margin: 0 3px;
}

/* ul.rsx-page-num-list li a {
background-color: #FAFAFA;
border: 1px solid #f2f2f2;
padding: 0 7px;
} */

ul.rsx-page-num-list li a {
border: 0px solid #f2f2f2;
padding: 0 7px;
}

.unlinked { 
font-weight: bold; 
background-color: #333; 
color: #fff; 
border: 1px solid #333;
padding: 0 5px;
}



/* ================================
9. Index content
================================ */

#index_article_list {
width: 330px;
float: left;
}

#index_article_list p {
padding-top: 0px;
margin-top: 0px;
}

#index_article_list h2, #index_blog_list h2, #index_linklist h2 {
font-size: 1.3em;
border: none;
margin-bottom: 0px;
padding-bottom: 0px;
}

#index_blog_list {
margin-left: 335px;
margin-right: 205px;
}

#index_blog_list ul, #index_linklist ul {
margin-right: 0px;
margin-left: 15px;
margin-bottom: 0px;
padding-bottom: 0px;
}

#index_blog_list ul li, #index_linklist ul li {
padding: 0px 0 10px 0;
}

#index_linklist {
float: right;
width: 200px;
}

#index_linklist img {
border: 1px solid #ddd;
background-color: #fff;
padding: 3px;
margin-top: 5px;
}



/* ================================
10. Comments
================================ */

.comments div div {
margin: 0 15px;
padding: 10px;
}

.comments div * {
padding: 0;
margin: 0;
}

.comments div div.author {

}

.comments div div {
padding-left:50px;
overflow:hidden;
height:1%;
}

.comments div div blockquote {
margin-top: 10px;
margin-bottom: 10px;
}

.comments div div blockquote p {
margin: 10px 15px;
}

.comments div div img.avatar {
float:left;
margin-left: -40px;
border: 1px solid #eee; 
margin-top: 3px;
}

.comments div div.author .author_name {
font-weight: bold;
}

.comments .author_name {
color: #d42229;
}


.comment_info {position: relative;}

.quote {
position: absolute;
right: 0;
}

#importantfield{ display:block; overflow: hidden; height: 0; width: 0; }

#txpCommentInputForm p span {margin-left: 10px;}

/* ================================
11. Gallery
================================ */

.setbox {
width: 49%;
float: left;
}

.setpreview h3, .setpreview p {
margin: 0;
padding: 0;
}


.set_case {
margin-bottom: 5px;
width: 91px;
height: 95px;
padding-top: 7px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 7px;
background-attachment: scroll;
background-repeat: no-repeat;
background-image: url("http://www.kotelnikov.net/images/412.gif");
background-position: 0% 0%;
background-color: transparent;
}

.setpreview img {
border: 1px solid #555;
}

.setpreview{
padding: 0 0 0 90px;
overflow:hidden;
zoom:1;
margin: 5px 15px;
}

.setpreview .thumbnail{
float:left;
margin-left: -90px;
}

.individual {
text-align: center;
margin-top: 10px;
}

.navigation a {
font-size: 1.2em;
text-decoration: none;
vertical-align: top;
font-weight: bold;
}

.navigation {
text-align: center;
}

.navigation .up a {
text-decoration: underline;
}

.big_image {
position: relative;
}

.big_image a {
font-size: 60px;
text-decoration: none;
position: relative;
bottom: 45%;
font-weight: bold;
padding: 0 10px;
}

.big_image img {
padding: 5px;
background-color: #fff;
border: 1px solid #ccc;
}