/* Style File for Main Content */

* {margin:0px; padding:0px;}
img, a img {border: none;}
a {text-decoration: underline; color: #000002;}
a:hover {text-decoration: none;}
p {padding: 6px 0;}

h1 {font-size: 1.3em; line-height: 2.5em; padding-bottom:18px; font-weight: normal; text-transform:none;}
h2 {font-size: 1.1em; line-height: 1.5em; padding:0.5em 0 1em 0; font-weight: bold; color: #000;}
h3 {font-size: 1.1em; margin-bottom: 1em;}
h4 {font-size: 1em; margin-bottom: 1em;}

/* TABLES 
table {border-collapse: collapse; margin: 1em 0; width: 100%;}
td, .desc th {border: 1px solid #000; padding: 1px 3px; vertical-align: top;}
th {text-align: center; vertical-align: top;}
*/

/* list default settings */
ul {margin:2px 0 2px 30px;}
ul li {margin:0;}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

html, body {width:100%;}
body {text-align:center; background-color:#27343C;}
#page {width:980px; color:#000; font-family: Arial; font-size:14px; text-align:left; background: #EDEDED url(../images/page-bg.jpg) no-repeat left top; margin: 30px auto 0;}

#header {position:relative; text-align: center; padding-top:20px;}
#header:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

#container {padding-left:255px; position:relative;}
#container:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
#container .buttons {padding:4px;border:#959595 solid 1px;margin:20px;background-color:#dfdfdf;margin-bottom:0;}
#container .center {margin-left:auto;margin-right:auto;}

#container.full {padding-left:0px;}

#content {margin-left:0; width:100%; float:left;}
#content:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
#primary {float:none; min-height:17em;}
.dual  #primary {float:left; width:66%;}
.dual  #secondary {float:left; width:34%;}

#sidebar {left:-255px; width:255px; position:relative; float:left; margin-left:-100%;}

#footer {padding:30px; font-size: 11px; text-align: center; line-height: 1.6em; color: #8DA8BB; background: #27343C url(../images/footer-bg.jpg) no-repeat left top;}
#footer a {color: #57B3E2;}
#footer .sape {padding: 15px 0px 0px 0px; font-size: 8px;}

/* STATIC PAGES */
#container .static:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
#container .static {line-height: 1.5em; margin: 50px 20px 10px; padding: 20px; position: relative; background: url(../images/static-bg.jpg) repeat-x left top;}
#container .static .right {background: url(../images/static-right.jpg) repeat-x left top; width: 10px; height: 10px; position: absolute; right: 0px; top: 0px;}
#container .static h1 {padding:0 25px; margin: -40px 0 0 -20px; color: #FFF; float:left; line-height: 35px; display: inline; position: relative; background: url(../images/static-h1.jpg) repeat-x left top;}
#container .static h1 .l {height: 35px; width: 9px; left: 0px; top:0px; position: absolute; background: url(../images/static-h1_l.jpg) no-repeat left top;}
#container .static h1 .r {height: 35px; width: 9px; right: -1px; top:0px; position: absolute; background: url(../images/static-h1_r.jpg) no-repeat left top;}
#container .static p {line-height: 1.5em; text-align: justify;}

/* GALLERY */
#container .gallery .imgs {margin: 0;}
#container .gallery .imgs li {list-style-type: none; width: 25%; padding:5px 0; margin: 10px 0; text-align: center; float: left; background: url(../images/img_fon.jpg) no-repeat 20px -3px;}
#container .gallery h3 {font-size: 18px; margin: 20px 0 5px;}
#container .gallery .imgs_thumb {margin: 0 0 10px;}
#container .gallery .imgs_thumb li {float:left; margin-right: 10px; list-style-type: none;}
#container .gallery .imgs_thumb li img {border: 6px solid #FFF;}

/* Members */
.memb {margin: 15px 10px; padding-bottom: 15px; border-bottom: 1px solid #ABABAB;}
.memb .img {float: left;}
.memb .about {width: 60%; padding: 0 0 0 20px; float: left; text-align: left;}
.memb_right .img {float: right;}
.memb_right .about {float: right; padding: 0 20px 0 0; text-align: right;}
.memb .about h2 {font-size: 24px; line-height:2em; padding:0; color: #0000FF;}
.memb .about .mbu_all {display: none; padding:10px; background-color:#F5F5F5; border:1px solid #F6F6F6;}
.memb .about .menu {padding: 10px; margin: 0;}
.memb .about .menu li {list-style-type: none; padding: 0 5px; font-weight: bold; float: left;}
.memb .about .menu li a {color: #003CFF;}
.memb .about .menu li a.active {color: #6085ff;}
.memb_right .about .menu li {float: right;}

/* Tvorchestvo */
#container .static .tvorch {margin-top: 20px;}
#container .static .tvorch ul {margin: 0;}
#container .static .tvorch li {position: relative; list-style-type: none; height:280px; padding: 0 0 20px 0; margin: 0; width: 33%; float:left; text-align: center;}
#container .static .tvorch li .title {position: absolute; bottom:40px; width:100%;}
#container .static .tvorch li a {font-size: 16px; color: #181f6a;}
#container .static .tvorch .left {float: left; width: 40%; overflow: hidden;}
#container .static .tvorch .cont {float: left; width: 60%;}
#container .static .tvorch .pesn { width: 100%;}
#container .static .tvorch .pesn td {padding: 2px;}

/* Comments */
.com_entry {padding: 5px 0px; margin: 5px 10px 5px 10px; border-bottom: 1px solid #dddddd;}
.com_entry .top {font-size: 12px;}
.com_entry p {margin-left: 10px;}
.video .form {font-size: 12px; padding:10px 0 0 0;}
.video .form h2 {color:#464634; font-size: 16px;}
.video .form .f_left {float: left; width: 20%;}
.video .form .f_left label {display: block;}
.video .form .f_right {float: left; width: 70%;}
.video .form .intext {padding: 4px 0;}
.video .form .intext input {border: 1px solid #dfdfdf; padding: 2px 4px;}
.video .form textarea {border: 1px solid #dfdfdf; width: 100%; padding: 5px;}
.video .form .incheck {padding: 4px 0;}
.video .form .submit {border: 1px solid #cccccc; padding: 4px 6px;}
.video .form .captcha {padding-top: 20px;}
.video .form .captcha input {width: 110px; border: 1px solid #000; border-top: none;}
.video .video_list {padding:20px 0 0 0;}
.video .video_list a {display: block; float: left; height: 50px;}
.video .video_list .img {margin-right: 12px; -moz-border-radius: 5px; border-radius: 5px; display: block;  overflow: hidden; width: 80px;}

/* concert link */
#concert_link {position: absolute; top: -35px; right: 10px; height: 34px; margin-top: 1px; width: 181px; line-height: 0px; font-size: 0px; background: url(/public/images/concert_link.gif) no-repeat left 1px; color: #EDEDED;}
#concert_link:hover {background: url(/public/images/concert_link.gif) no-repeat left -33px;}