/* 
	Theme Name: oi
	Theme URL: http://www.puppets.odessa.net/
	Description: 3 column theme for WordPress.
	Author: Dmitry Shvec
	Author URI: http://www.arkmedia.com.ua/
	Version: 1.0
*/

* {
border: 0;
margin: 0;
padding: 0;
}

html, body {
width: 100%;
height: 100%;
}

* html #container {
height:100%;
}

body {
background:url(images/body_bg.jpg);
font-size: 100%;
font-family: Arial, Helvetica, Verdana, Sans-Serif;
}

ul, li {
list-style:none;
}
	
#container {
position: relative;
background:url(images/conteiner_bd.jpg);
width: 962px;
margin: 0 auto;
height:100%;
}

.empty {
height: 126px;
}
	
a, a:visited {
text-decoration: none;
color:#333333;
}

a:active {
outline: none;
}


#header {
background: url(images/header_bg.jpg)  no-repeat;
width: 960px;
height: 150px;
margin: 0 auto;
}

.top-border {
background:url(images/top_bd.jpg) repeat-x;
width:960px;
height:19px;
}
 h1 {
font-size:22px;
color: #990000;
}

.bordur {
background:url(images/header_bd.jpg) no-repeat;
height:13px;
}


#menu {
background:url(images/menu_bg.png) no-repeat;
font-size: 24px;
padding-top:5px;
padding-left:25px;
width:962px;
height:33px;
}

#menu a:hover {
color: #990000;
}

#menu a:active {
color: #990000;
}

#menu ul li {
display:inline;
list-style:none;
}

#menu a {
padding-right:15px;
}

#content {
width: 520px;
float: left;
padding: 20px;
border:1px;
border-left-color:#993300;
border-left-style:dashed;
border-right-color:#993300;
border-right-style:dashed;
}

#content p {
padding: 0px 0px 10px;
}

#content a {
color: #990000;
}

#content a:hover {
color: #4B5A69;
}
	
#content h2 {
color: #336699;
font-size:21px;
}
	
#content ol {
margin: 0 0 15px 20px;
}
		
#content ul {
list-style-type: square;
margin: 0 0 15px 20px;
}

#bolshe a {
font-size:14px;
font-style:italic;
text-decoration:underline;
}

#afisha a {
display:block;
color: #996600;
font-size:18px;
text-decoration:none;
padding-bottom:10px;
}
	
blockquote {
color: #8AA1AB;
font-style: italic;
padding: 10px 50px 10px 15px;
}

#l_sidebar {
float: left;
width: 195px;
font-size: 100%;
padding: 0 0 15 0px;
}

#l_sidebar a {
display:block;
color:#990000;
font-style:italic;
font-size:12px;
text-decoration:underline;
padding-left:10px;
padding-top:10px;
}

#l_sidebar h3 {
font-size: 1.2em;
letter-spacing: -1pt;
margin: 0 0 10px 15px;
padding: 10px 0 0 15px;
}

#r_sidebar h3 {
font-size: 1.2em;
color:#990000;
margin: 0 0 10px 15px;
padding: 10px 0 0 15px;
}
	
#l_sidebar ul, #r_sidebar ul {
list-style: none;
padding: 0 5px 10px 15px;
}

#l_sidebar ul li, #r_sidebar ul li {
padding: 5px 0 0;
}
	
#l_sidebar ul li a, #r_sidebar ul li a {
/*color: #BCB8D7;*/
color: #330000;
}

#l_sidebar ul li a:hover, #r_sidebar ul li a:hover {
color: #A60000;
}
	
#r_sidebar {
float: right;
width: 190px;
font-size: 95%;
padding: 0 0 15 0px;

}

#searchform {
overflow: hidden;
}
	

.tags a {
color: #8DB38D;
}

.tags a:hover {
color: #7cfc00;
}

.counters {
margin: 10px 5px 10px 15px;
}
	
#footer {
position: relative;
width: 962px;
height: 126px;
font-size: .9em;
margin: -126px auto 0;
}

#footer p {
padding: 25px 0 0 140px;
}
	
#footer a, #footer a:visited {
color: #4AA0CF;
text-decoration: none;
}
	
#footer a:hover {
color: #43728B;
text-decoration: underline;
}

#commentblock {
width: 520px;
background:;
color: #74848D;
float: left;
padding: 20px 20px 10px 20px;
margin: 10px 0 0;
border-top: 5px solid #000;
border-bottom: 2px solid #7B848A;
}
	
#commentblock ol{
list-style-position: inside;
margin: 0;
padding: 0 0 10px;
}

.comments {
font-size: 1.5em;
font-weight: bold;
}

.approve {
font-style: italic;
}

.commenttext {
background: #000;
width: 500px;
margin: 3px 0 10px 0;
padding: 20px 10px 5px 10px;
clear: both;
}

#commentform input, #commentform textarea {
background: #27363E;
border: 1px solid #7B848A;
color: #819CA8;
font-size: 1.2em;
padding: 1px 5px;
}

.button { 
border-top: 1px solid #f7ef97;
background: #FFCC00;
background: -webkit-gradient(linear, left top, left bottom, from(#FFCC00), to(#FFCC99));
background: -moz-linear-gradient(top, #FFCC00, #FFCC99);
padding: 12.5px 25px;
-webkit-border-radius: 13px;
-moz-border-radius: 13px;
border-radius: 13px;
-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
box-shadow: rgba(0,0,0,1) 0 1px 0;
text-shadow: rgba(0,0,0,.4) 0 1px 0;
color: white;
font-size: 18px;
font-family: Helvetica, Arial, Sans-Serif;
text-decoration: none;
vertical-align: middle;
}
 .button:hover { 
 border-top-color: #FFFFCC;
 background: #FFCC66;
 color: #000000;
 } 
 
 
 .button a {
 color:#FFFFFF;
 
 }

.clearfloat {
clear: both;
}