body{
margin:0;
background-color: fcf2e6;
font-family: Verdana,Tahoma,Helvetica, sans-serif;
font-size:13;
}
 
h1,h2{
font-size:20px;
font-style: italic;
font-family: Georgia, serif;
text-align: center;
}

strong {
font-weight:200;
}

p{
font-size:13px;
} 


/* Ссылки */
a{ 
	text-decoration:none;
	font-weight:bolder;
	color:#862818;
	font-size:13px;
}	
a:hover{
   color:black;
}

a.load{
text-decoration:underline;
color:red;
}
a.load:hover{
color:black;
text-decoration:underline;
}  

a.lesson{
font-family:Georgia, serif;
font-size:17px;
color:#862818;
}
a.lesson:hover{
color:black;
}	

a.intext{ 
	text-decoration: none;
	font-weight: 200;
	color: #862818;
	font-size: 13px;
}
a.intext:hover{
color:black;
}	

.linkbox{
padding-left:10px;
}
.linkbox a{
font-weight:200;
color: #862818;

}
.linkbox a:hover{
color: black;
}    

.slinks{
font-size:11px;
text-align:center;
padding-top:10px;
padding-bottom:10px;
}
a.slink {
text-decoration: none;
font-weight: 200;
color: #862818;
font-size:11px;
} 
a.slink:hover{
color:black;
} 
/*----*/
    
p.redstring{
text-indent: 25px;
}

p.article{
font-style: italic;
text-align: right;
}
 
td,th{
font-size:13px;
}

table.top{
height:250px; 
width:100%;  
background: url('../images/topbg.png') #000 bottom repeat-x; 
border:0px;
padding:0px;
margin:0px;
border-spacing:0;
border-collapse:collapse;
}

div.topname{
background-image: url('../images/topname.gif'); 
height:91px;
width:267px;
position:absolute;
top:70px;
left:250px;
}

div.topdomen{
background-image: url('../images/topdomen.png'); 
height:37px;
width:283px;
position:absolute;
top:197px;
right:0px;
}


td.notopnobottom {
border-bottom: 0;
border-right: 0;
border-left: 0;
border-top: 0;
background-color: 710d08;
}


td.notop{
border-top: 0;
border-right: 0;
border-left: 0;
background-color: 710d08;
}

td.nobottom {
border-bottom: 0;
border-right: 0;
border-left: 0;
background-color: 710d08;
}

table.nobottom{
border-bottom: 0;
border-right: 0;
border-left: 0;
}
					  

/*Меню */
#menu_body a{
text-decoration: none;
font-weight: bolder;
color: white;
font-size: 12px;
display:block;
height:35px;
width:179px;
background: url(../images/arrows.png) no-repeat;
text-indent:17px;
line-height:35px;
}

#menu_body a:hover{
color:black;
background: url(../images/arrows.png) #BC8D53 no-repeat ;
}

#menu_body a.bottom{
border-bottom:1px solid white;
}

#menu_body ul {
padding:0px;
margin: 0px;
} 

#menu_body ul li{
list-style:none;
} 
/*---- */

/*Правый блок*/
table.right{
width:210px;
height:100%;
padding:0;
border-spacing:0;
}

table.right td.zagolovok{
background: url('../images/rightbg.png') #862818 repeat-x;
height:30px; 
text-align:center;
color:white;
font-weight:bold;
}

table.right td.reklama{
background: url('../images/reklama.png') no-repeat;
height:30px; 
text-align:center;
color:white;
font-weight:bold;
}

td.autorize{
vertical-align:top;
background:#F9EAD9;
width:210px;
min-height:70px;
max-height:200px;
padding:7px;

}
td.teasers{
vertical-align:top;
background:#F9EAD9;
width:210px;
max-height:1300px;
font-family:Verdana;
font-size:12px;
}
td.popular{
vertical-align:top;
background:#F9EAD9;
width:210px;
max-height:90px;
}
td.chords{
vertical-align:top;
background:#F9EAD9;
width:210px;
}

p.welcome{
font-size:14px;
text-align:center;
font-weight:bold;
}
/*----*/

/*Галерея */
.gallery-image{
height:250px;
margin:10px;
border:0px;
}

#gallerycontent {
	width: 780px;
	margin: 30px auto;
	padding: 10px 20px;
}
#gallerycontent a img {
border:2px solid #8C6238;
}
#gallerycontent a img:hover {
border:2px solid black;
}

.borderimg{
border:2px solid #8C6238;
width:200px;
}

.borderimg:hover{
border:2px solid black;
}

.galleryblock{
padding-top:20px;
}

.galleryblock 2{
padding-left:20%;
}
/*----*/

/* Кнопки */
.btn{
cursor:pointer;
border:1px outset #F9EAD9;
}
.btn:hover{
border:1px inset #F9EAD9;
padding-right:1px;
}

.enter{
width:100px;
font-weight:bolder; 
}

.exit{
width:100px;
}

.send{
width:100px;
}

.search{
margin-top:4px;
width: 144px;
height: 20px;
background-color: #fff;
color:black;
border: 1px outset white;
font-weight: bolder;
}

.searchfield{
width: 144px;
height: 20px;
}

/*----*/


.teaser a{
text-decoration: underline;
}
.teaser a:hover{
text-decoration: none;
color:black;
}

#cssprozr{
max-height:50px;
margin-top:25px;
}

#cssprozr img {  
opacity:0.3; -moz-opacity:0.3; filter:alpha(opacity=40);    
}  
#cssprozr :hover img {  
opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);  
}

textarea, input{
background-color: white;
border:1px inset #F9EAD9;
}


textarea.backlink{
background-color: #F9EAD9;
color:#2B588C;
border: 0;
}
textarea.backlink:focus {
border: 0;
}


#footer1{
background: url('../images/footer1.gif') no-repeat top left;
width: 200px;
height:80px;
}

#footer1 a{
color:#fff;
font-size:14px;
display:block;
text-align:center;
width:170px;
}

#footer2{
background: url('../images/footer2.gif') repeat-x top left;
height:80px;
}

#footer3{
background: url('../images/footer3.gif') no-repeat top left;
width:70px;
height:80px;
}

.yashare-auto-init {margin-top:8px; margin-left:-5px;}

.container { width: 100%;}
ul.tabs { margin: 0; padding: 0; float: left; list-style: none; height: 32px; border-bottom: 1px solid #F0DECA; border-left: 1px solid #F0DECA; width: 100%; }
ul.tabs li { float: left; margin: 0; padding: 0; height: 31px; line-height: 31px; border: 1px solid #F0DECA; border-left: none; margin-bottom: -1px; background: #e0e0e0; overflow: hidden; position: relative; }
ul.tabs li a { text-decoration: none; color: #2B587A; display: block; font-size: 13px; padding: 0 10px; outline: none; }
ul.tabs li a:hover { background: #ccc; }
html ul.tabs li.active, html ul.tabs li.active a:hover { background: #FCF2E6; border-bottom: 1px solid #FCF2E6; }
.tab_container { border: 1px solid #F0DECA; border-top: none; clear: both; float: left; width: 100%; background: #FCF2E6; }
.tab_content { padding: 10px; font-size: 1.2em; }
.clear { clear:both;}
