/************* CSS  OpenFreeStereo ***************
* HomeBox modules (www.homebox.org.ua)
* "OFS" content management system
* 2008 (c) "Wesna-Stereo". All right reserved!
* w-s@w-s.org.ua
* Programming & Design Vitaliy Yermak
* Sumy, Ukraine. Tel.:+380-99-290-46-69
**************************************************/
* {padding:0;margin:0;} 
html {font : small/1.4 "Lucinda Grade", Tahoma, sans-serif;} 
body {font-size : 92%;background: #fff;} 
img {padding:5px;border:1px solid #c0b6b1;}
#langu {position:absolute;width:280px;height:28px;margin-left:350px;}

img.floatTL { 
float : left;
margin-right : 10px;
margin-bottom : 5px;
margin-top : 5px;
margin-left : 5px;
} 
img.floatTR { 
float : right;
margin-left : 7px;
margin-bottom : 0;
margin-top : -2px;
margin-right : 10px;
} 
p { 
padding-left : 5px;
padding-right : 5px;
text-align : justify;
} 
h4 { 
font-size : 1.1em;
font-weight : lighter;
text-transform : uppercase;
padding-top : 5px;
padding-left : 10px;
} 
#wrapper { 
margin : 0 auto;
width : 890px;
} 
#header { 
color : #333;
width : 880px;
float : left;
border-top : 1px solid #ccc;
border-left : 1px solid #ccc;
border-right : 1px solid #ccc;
height : 100px;
margin : 10px 0 0 0;
background : #fff url(/images/headbg.jpg) no-repeat 230px 9px;
} 
.logo h1#lineone { 
font-size : 1.7em;
padding-top : 20px;
padding-left : 35px;
color : #7ca7ae;
border : none;
top : 0;
left : 14px;
letter-spacing : -1px;
font-weight : lighter;
} 
.logo h1#lineone span { 
color : #dc795a;
} 
.logo h2#linetwo { 
padding-left : 38px;
font-size : 0.9em;
text-transform : none;
color : #82a881;
font-weight : lighter;
} 
#leftcolumn { 
color : #333;
border-left : 1px solid #ccc;
background : #b2c5c4;
min-height : 627px;
width : 200px;
float : left;
} 
#nav { 
margin : 0;
list-style-type : none;
width : 200px;
float : left;
height : 200px;
background-image : url(images/navimg1.jpg);
background-repeat : no-repeat;
padding-left : 0;
padding-bottom : 0;
padding-right : 0;
padding-top : 5px;
} 
#nav li { 
margin : 0;
padding : 0;
float : left;
width : 100%;
} 
#nav a { 
display : block;
color : #fffff1;
text-decoration : none;
padding : 0 35px;
line-height : 2.5;
font-weight : bold;
text-transform : uppercase;
} 
#nav #nav_six a { 
border : none;
} 
#nav a:hover { 
color : #2e5c2e;
} 
/****************************
#nav li.current a { 
padding-left : 65px;
background-image : url(images/arrows.gif);
background-repeat : no-repeat;
background-position : 45px center;
color : #2e5c2e;
} 
****************************/
#news h2 { 
color : #f2f2f2;
font-family : verdana;
font-size : 1em;
background: #567;
margin: 6px;
padding: 5px;
border-bottom : 3px double #111;
text-transform : uppercase;
} 
#news h3 { 
font-family : verdana;
font-size : 0.9em;
padding-top : 10px;
padding-left : 15px;
padding-bottom : 5px;
color : #222;
background-image : url(open/tools/clock.gif);
background-repeat : no-repeat;
background-position : left 10px;
margin-left : 10px;
} 
#news p { 
font-family : verdana;
font-size :1em;
padding: 12px;
margin: 10px;
text-align : justify;
background-color : #eff6ff;
} 
#news a { 
font-family : verdana;
font-size : 0.75em;
text-align : justify;
padding-right : 20px;
color:#567;
}
#news a:hover {color:#342;}
#news form {padding-left:10px;}

#rightcolumn { 
float : right;
color : #333;
min-height : 350px;
width : 663px;
display:inline;
padding: 8px;
} 
#boxes {height:200px;background-color:#B4C4AC;} 
#boxes a {color:#000;padding-left:8px;}
#boxes a:hover {color:#444;padding-left:8px;}
#box1 {width:215px;height:200px;float:left;text-align:left;} 
#box2 {width:215px;height:200px;text-align:left;margin:0 auto;background:#C2D8C8;} 
#box3 {width:215px;height : 200px;float:right;text-align:left;} 
#box1 h2, #box2 h2, #box3 h2 { 
text-align:center;
font-size:.9em;
padding-bottom:10px;
padding-top:10px;
color:#fff;
background:#576A72;
border-top:3px double #111;
display:block;
} 
#box1 h3, #box2 h3, #box3 h3 { 
padding-left : 10px;
font-size : 1em;
color : #324;
font-weight : lighter;
} 
#boxes p { 
padding-left : 10px;
padding-right : 10px;
text-align : justify;
font-size : 1em;
} 
#doublebox {margin-top:5px;margin-bottom:10px;}


#ccc{padding:10px;}
#ccc li {list-style:none;padding-left:14px;}
#ccc a {color:#567;}
#ccc a:hover {color:#231;}


/**********************/
#doublebox_menu {height:38px;padding-top:2px;}
#doublebox_menu li {display:inline}
#doublebox_menu li a {color:#234;font-size:1.1em;font-weight:bold;text-decoration:none;padding:5px 21px 6px 21px;background:#efefef;}
#doublebox_menu li a:hover {color:#f60;font-size:1.1em;font-weight:bold;text-decoration:none;padding:5px 21px 6px 21px;background:#dfdfdf; border-top:1px solid #999; border-bottom:1px solid #999;}


.content_right { 
margin : 0 auto;
display : inline;
float : right;
width : 315px;
text-align : justify;
background-color : #c0d5d3;
margin-right : 5px;
padding-left : 5px;
padding-bottom : 5px;
padding-right : 5px;
padding-top : 0;
} 
.content_left { 
margin : 0 auto;
display : inline;
float : left;
width : 315px;
margin-left : 5px;
text-align : justify;
padding-top : 0;
padding-left : 5px;
padding-bottom : 5px;
padding-right : 5px;
background-color : #c0d5d3;
} 
.content_left h3 { 
padding-left : 5px;
margin-bottom : 5px;
margin-left : 5px;
padding-bottom : 10px;
padding-top : 5px;
font-weight : lighter;
font-size : 1.2em;
color : #7e8376;
text-transform : uppercase;
text-decoration : underline;
} 
.content_right h3 { 
margin-bottom : 5px;
margin-left : 5px;
padding-bottom : 10px;
padding-top : 5px;
font-weight : lighter;
font-size : 1.2em;
color : #7e8376;
text-transform : uppercase;
text-decoration : underline;
} 
.content_left ul { 
padding-left : 15px;
padding-bottom : 35px;
} 
.content_left li { 
color : #959c8d;
font-weight : bold;
font-size : 1em;
} 
.content_left a { 
color : #959c8d;
} 
.content_right p { 
color : #959c8d;
font-size : 1em;
} 
#clear { 
clear : both;
} 
#footer {width:860px;border-top:3px solid #ccc;background:#576A72;padding:10px;color:#fff;float:left;} 
#footer p {text-align:center;font-size:0.9em;color:#fff;} 
#footer a {color:#ccc;}


//input:focus {color:#000;background:#fff;text-align:left;}
//textarea:focus {color:#000;background:#fff;text-align:left;}
img {border:0px;}
/**********************************************/
#www code a {color: #456;}
#www code a:hover {color: #456;}
#www code {width:190px;display: block;font-size: 13px;display:none;text-align:center;background:#B4C4AC;color: #456;padding: 5px 0 5px 10px;text-decoration: none;border:1px solid #333;}
#www {position: absolute; width:200px;}
/////////////////////////////////////////////////////////////////
#pane {position: relative;width: 511px;height: 64px;padding:6px;}
#pane strong {padding:12px;border:1px solid #777;}
#panel div {
position: absolute;
width: 43px;
height: 20px;
top:19px;
background:url(/open/tools/ws/bar.gif) no-repeat;
padding-top:5px;
padding-left:6px;
}
#panel_tools {
position: relative;
display:none;
width: 511px;
height: 200px;
background: url(/open/tools/ws/tools.gif) no-repeat center center;
}
#panel_tools .smile {
position: absolute;
width: 43px;
height: 40px;
left: 440px;
top: 136px;
}
#panel_left {
position: absolute;
display:none;
width: 225px;
height: 200px;
left:484px;
background: url(/open/tools/ws/left.gif) no-repeat center center;
}
#panel div a {text-decoration: none;color:#6f6;font: normal 10px Georgia, "Times New Roman", Times, serif;cursor:hand;}
#panel div a:hover {text-decoration: none;color:#fcc;font-size: 10px;}

.bbq1 {left:24px;}
.bbq2 {left:74px;}
.bbq3 {left:124px;}
.bbq4 {left:174px;}
.bbq5 {left:224px;}
.bbq6 {left:274px;}
.bbq7 {left:324px;}
.bbinput {
width:325px;
height:20px;
color:#666;
border-left:0px;
border-right:0px;
border-top:0px;
border-bottom:1px solid #767;
background: #C7C8BF;
}
.bbtextarea {
width:325px;
height:100px;
border-right:0px;
border-top:0px;
border-left-style:3px solid #767;
border-bottom-style:1px solid #767;
background: #AEAFA5;
}
.bbform {
background:url(/open/tools/ws/rama.gif)no-repeat left bottom;
width:450px;height:160px;
margin-left:15px;
padding-top:22px;
padding-left:50px;
}
/**********************************************/


#knopka {text-align:center;margin-top:-10px;}
/* Vote */
.votep {padding-top:17px;text-align:center;}
.votep a {font-style:none;color:#dfd;}
.voteh1 {text-align:center;background:#576A72;color:#ddd;}


.normal{padding-top:10px;margin:4px;text-align:center;}
/****************************************/
#info {font: bold 120% Tahoma,Verbana;padding-top:25px;color:#321;border:8px double #f00;background:#ffe;width:90%;height:100px;text-align:center;}


/****************************************/
label {cursor:hand;}
.quote2 {background:#f5f4f9;border-left:4px solid #ddd;}
.quote2 strong {padding-left:22px;text-decoration:underline;}


/***************** NEWS *****************/
.news_toolbars {text-align:right;border-bottom:1px dashed #ccc;}
.news_toolbars img {padding:4px;}
.news_toolbars span {margin-right:40px;font: bold 76% Tahoma,Verbana;}
.news_img {text-align:left;padding:10px;border:0px;}
.news_table {width:620px;background:#E4F1EE;font: normal 100% Tahoma,Verbana;color:#222;padding:3px; border-bottom:1px dashed #222;}

#login {padding:5px 0  0 14px;background: url(/open/css/img06.gif) repeat-x;}

.inputtext {width: 94px;margin-bottom: .5em;font: bold 100% Georgia, "Times New Roman", Times, serif;color: #666666;}

.inputsubmit {width: 200px;margin-bottom: .5em;font: bold 100% Georgia, "Times New Roman", Times, serif;color: #666666;}

#login a {color: #FFFFFF;}
#login p {margin-top:-10px;}

.sd1 {width: 300px;margin-bottom: .5em;font: bold 100% Georgia, "Times New Roman", Times, serif;color: #545;}

.sd2 {width: 150px;text-align:center;margin-bottom: .5em;font: bold 100% Georgia, "Times New Roman", Times, serif;color: #951209;}

.sd3 {width: 150px;margin-bottom: .7em;font: bold 100% Georgia, "Times New Roman", Times, serif;color: #545;}

.sd4 {font-size:1em;color:#630;border-left:2px solid #630;background:#ddd;width:300px;height:60px;}

.sd5 {width: 50px;margin-bottom: .5em;color: #545;}

.ss1 {font-size:1.4em;color:#630;border:0px;background:#fff;width:450px;height:100px;}

/********* forum ***********/
.freply {padding:5px 1px 1px 25px;margin:2px;background: url(/open/images/reply.gif) no-repeat;}

.fedit {padding:5px 1px 1px 25px;margin:2px;background: url(/open/images/edit.gif) no-repeat;}

.fquote {padding:5px 1px 1px 25px;margin:2px;background: url(/open/images/quote.gif) no-repeat;}

.ftable {width:640px;border: 1px solid #545;padding: 5px;margin:3px;}

.ftd {border:1px solid #545;padding:2px;margin:1px;}

.fh5 {text-align:right;font: normal 72% Tahoma,Verbana;background:#B5F2C9;margin:1px;padding:4px;}

.fh5 span {float:left;font: bold 112% Tahoma,Verbana;padding-left:8px;}

.fh5hr {height:5px;background-color:#cecece;margin:5px;}

.ftd_top {height:32px;border: 1px solid #545;background:#ccc;color: #789;text-align:center;font: bold 120% Tahoma,Verbana;padding:2px;margin:1px;}

.fform {width:685px;border: 1px solid #444;background:#F4DBB5;color: #789;text-align:center;font: bold 120% Tahoma,Verbana;padding:2px;margin:1px;}

.fk1 {width: 320px;background:#fff;color: #232;}

.fk2 {width: 650px;height:120px;background:#fff;color: #232;}

.fp {text-align:center;border-bottom:1px dashed #232;}

.fp2 {text-align:center;border:2px solid #fff; padding:0;margin:0;}

.fw1 {background:#fff;border-bottom:1px dashed #232;}

.bb_bot {border:0px;font-weight:bold;width:50px;color:#ffffff;background-color:#008000;height:26px;}

.fd1 {width: 400px;margin-bottom: .5em;font: bold 100% Georgia, "Times New Roman", Times, serif;color: #545;}

.fd4 {font-size:1.1em;color:#630;border-left:2px solid #630;background:#ddd;width:400px;height:90px;}
.avatar {border:1px solid #333;margin:5px;padding:5px;}