* {	background-repeat: no-repeat;}
html, body { margin: 0px; padding: 0px; height: 100%; }
body { background-image: url(../img/sunset.png); background-repeat: repeat-x; background-color: #ffc21d; font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif; }

a { color: #2c158b; }
a:active { color: #2c158b; }
a:visited { color: #2c158b; }
a:hover { color: #2c158b; text-decoration: none; }

img { border: 0px; }

p { padding: 0px 0px 8px 0px; margin: 0px; }
ol { list-style-type: none; margin: 0px; padding: 0px; }
ol ol { margin: 8px 0px; padding-left: 16px; }
ol ol li { padding: 1px 4px 0px 0px; text-align: right; }

h1, h2, h3, h4 { color: #ff9900; text-align: left; }
h1 { font-size: 1.75em; margin: 0px 0px 10px 0px; text-align: center; font-variant: small-caps; }
h2 { font-size: 1.25em; margin: 8px; padding: 0px; }
h3 { font-size: 1.15em; margin: 8px; padding: 0px; }
h4 { font-size: 1.1em; margin-top: 16px; margin-bottom: 4px; padding: 0px; }

hr { border: 0; border-bottom: dotted 1px #ff9900; }

.input_field { color: #333; border: solid 1px #000; background-color: #e7e3c1; vertical-align: middle; }
.input_button { color: #2c158b; border: solid 2px #f5921c; background-color: #ffc21d; vertical-align: middle; }

/*---------------- Основные слои сайта ----------------*/ 
#site_container { position: relative; min-height: 100%; margin: 0 auto; width: 1280px; background-image: url(../img/bg.jpg); }
#header { height: 200px; text-align: left; font-weight: bold; }
#body { padding-bottom: 304px; background-position: 254px; background-image: url(../img/bg_content.png); background-repeat: repeat-y; min-height: 640px; }
#footer { position:absolute; left: 0px; bottom: 0px; width: 100%; height: 96px; background-image: url(../img/footer.jpg); z-index: 1; padding: 200px 0px 8px 24px; }
#footer2 { position:absolute; left: 0px; bottom: 0px; width: 100%; height: 96px; background-image: url(../img/footer_2.jpg); z-index: 1; padding: 200px 0px 8px 24px; }

#copyrights { position: absolute; bottom: 0px; right: 32px; width: 300px; height: 64px; font-size: 12px; color: #fff7a3; z-index: 3; }

#l_column { position: absolute; top: 243px; left: 0px; width: 254px; text-align: left; padding: 0px; background-image: url(../img/06.jpg); z-index: 2; }
#l_column a { color: #2c158b; }
#l_column b a { color: #2c158b; line-height: 30px; font-size: 16px; width: 100%; font-family: Arial; color: #003471; text-decoration: none; }
#l_column b a:hover { text-decoration: underline; color: #000; }

.l1 { padding-left: 112px; background-image: url(../img/l1.png); }
.l2 { padding-left: 100px; background-image: url(../img/l2.png); }
.l3 { padding-left: 84px; background-image: url(../img/l3.png); }
.l4 { padding-left: 96px; background-image: url(../img/l4.png); }
.l5 { padding-left: 105px; background-image: url(../img/l5.png); }
.l6 { padding-left: 112px; background-image: url(../img/l6.png); }
.l7 { padding-left: 96px; background-image: url(../img/l7.png); }
.l8 { padding-left: 84px; background-image: url(../img/l8.png); }
.l9 { padding-left: 104px; background-image: url(../img/l9.png); }
.l10 { padding-left: 100px; background-image: url(../img/l10.png); }

#l_vkontakte { position:absolute; left:90px; top:572px; width:154px; height:28px; }
#l_livejournal { position:absolute; left:123px; top:625px; width:81px; height:57px; }

#content { width: 507px; margin-left: 254px; padding: 80px 70px 0px 40px; background-image: url(../img/content_header.jpg); min-height: 300px; }

#r_column { position:absolute; left:853px; top:200px; width:324px; z-index: 2; }
#r_column div { position:absolute; }

#afisha { position: absolute; top: 00px; width: 100%; height: auto; text-align: center; }
#afisha a { color: #448ccb; font: bold 32px "Trebuchet MS"; }

/*---------------- Дополнительные слои сайта ----------------*/ 

#logo { position:absolute; left:159px; top:14px; width:271px; height:156px; }
#auth { position: absolute; top: 4px; right: 272px /* 112px */; height: 72px; font-size: 12px; }
.login, .pass, .auth { height: 14px; border: 0; font-size: 12px; margin: 2px; background-color: #d5f4ff; vertical-align: middle; }
.login { width: 140px; }
.pass { width: 120px; margin-right: 0px; }
.auth { width: 24px; height: 16px; padding: 0px; margin: 0px; background-color: #e0e9ec; }

#h_festival { position: absolute; top: 35px; left: 415px; width: 550px; text-align: center; color: #001e73; font: bold 28px "Trebuchet MS"; text-shadow: #fff 2px 2px 2px; font-variant: small-caps; line-height: 32px; }
#h_date { display: none;
	position: absolute; top: 100px; left: 280px; width: 200px; text-align: center; color: #001e73; font: bold 18px "Trebuchet MS"; text-shadow: #fff 2px 2px 2px; font-variant: small-caps; }
#countdown { display: none;
	position: absolute; top: 200px; left:610px; width: 256px; text-align: center; font: bold 21px "Trebuchet MS", Arial, Helvetica, sans-serif; text-shadow: #fff 2px 2px 2px; }
	
#search { position: absolute; top: 32px; right: -128px; background-image: url(../img/search_div.png); width: 512px; height: 96px; padding: 16px 0px 0px 28px; z-index: 2; display: none; line-height: 16px; vertical-align: middle; }
#search_field { width: 250px; height: 14px; font-size: 12px; vertical-align: middle; }
#search_button { padding: 0px 4px; margin: 0px; height: 19px; font-size: 12px; border: thin 1px #000; background-color: #ddd; vertical-align: middle; }
#search_close { font-size: 12px; font-weight: lighter; }

#participate { position:absolute; top:233px; left:624px; width:229px; font-size: 20px; font-weight: bold; text-align: right; padding-top: 5px; }
#participate a { color: #fff; padding-right: 12px; text-decoration: none; }
#participate a:hover { color: #eee; text-decoration: underline;}

#panorama { width:307px; height:147px; text-align: center;background-image:url('../img/bustour.gif');background-position:7px 0px;}
#panorama a{ background-image: url(../img/panorama.png); }
#player { left:0px; top:151px; width:318px; height:46px; text-align: center; background-image: url(../img/player.png); padding: 0px; }

#polaroid-1, #polaroid-3, #polaroid-5, #polaroid-7 { background-color: #000; left:0px; width:157px; }
#polaroid-2, #polaroid-4, #polaroid-6, #polaroid-8 { background-color: #000; left:157px; width:161px; }
#polaroid-1 { top:197px; height:184px; background-position: 50% 29px; position: relative ! important; z-index: 1;overflow:hidden;}
#polaroid-2 { top:197px; height:156px; background-position: 50% 32px; }
#polaroid-3 { top:381px; height:145px; background-position: 20px 12px; }
#polaroid-4 { top:353px; height:169px; background-position: 20px 25px; }
#polaroid-5 { top:526px; height:168px; background-position: 20px 22px; }
#polaroid-6 { top:522px; height:154px; background-position: 21px 28px; }
#polaroid-7 { top:694px; height:157px; background-position: 50% 0px; }
#polaroid-8 { top:676px; height:175px; background-position: 18px 15px; }

#video-2 { position: absolute; left: 173px; top: 229px; }

#podpis-1, #podpis-2, #podpis-4 { font: bold 15px "Trebuchet MS"; padding-top: 4px; text-align: center; font-variant: small-caps; }
#podpis-1 { padding-top: 2px; z-index:9999;}
#podpis-3, #podpis-4, #podpis-5, #podpis-6, #podpis-7, #podpis-8 { font: bold 14px "Trebuchet MS"; line-height: 14px; padding-top: 0px; text-align: center; font-variant: small-caps; }
#podpis-1 { left:11px; top:335px; width:131px; height:30px; }
#podpis-2 { left:162px; top:315px; width:150px; height:32px; }
#podpis-3 { left:9px; top:478px; width:134px; height:32px; }
#podpis-4 { left:167px; top:492px; width:131px; height:31px; }
#podpis-5 { left:9px; top:655px; width:133px; height:32px; }
#podpis-6 { left:162px; top:636px; width:148px; height:32px; }
#podpis-7 { left:11px; top:798px; width:135px; height:33px; }
#podpis-8 { left:169px; top:800px; width:129px; height:29px; }

.news_block { margin: 0px 0px 16px 0px; float: left; }
.news_headline { color: #2c158b; font-size: 20px; font-weight: bold; font-variant: small-caps; display: block; width: 500px; }
.news_date { font-size: 11px; padding-bottom: 8px; display: block; border-bottom: solid 1px #2c158b;}
.news_date b { color: #2c158b; }
.news_content { display: block; margin-top: 16px; }
.news_content img { margin: 12px 0px; }
.news_content object { margin: 12px 0px; }

.register { table-layout: fixed; width: 100%; }
.register input, .register select { width: 100%; }
.register b { color: #F00; font-weight: normal; }

.error { width: 400px; border: solid 3px #F00; padding: 16px; }

.field_error { background-color: #F99; }
.field_ok { background-color: #9FC; }

#profile_img { float: right; width: 116px; }
#profile b { width: 100%; table-layout: fixed; color: #ff9f00; }

.gallery_section { font-size: 14px; color: #2c158b; display: block; width: 400px; }

#work { position: relative; width: 521px; min-height: 225px; border-bottom: dotted 1px #ff9900; padding: 16px 0px;}
#work_video { position: relative; width: 521px; min-height: 300px; border-bottom: dotted 1px #ff9900; padding: 16px 0px;}
#work div, #work_video div { position:absolute; }

#work_overlay { width: 221px; height: 191px; background-image: url(../img/overlay.png); }
#work_image { left:45px; top:40px; width:111px; height:107px; background-color: #000; }
#work_profile { left:34px; top:152px; width:132px; text-align: center; font-size: 16px; line-height: 20px; }
#work_content {	left:221px; width:300px; }
#work b, #work_video b { font-size: 28px; color: #ff9900; width: 32px; padding-left: 12px; padding-right: 4px; display: inline-block; text-align: right; line-height: 30px; }
#work_content object { padding-bottom: 8px; }

#comment { width: 100%; min-height: 64px; border-bottom: dotted 1px #ff9900; padding: 16px 0px; clear: both;   }
#comment img { float: right; padding: 0px 16px; height: 64px; }
#comment small { font-variant: small-caps; color: #2c158b; font-size: 10px; }

#collapsible { cursor: pointer; }
#collapsible2 { cursor: pointer; }
#collapsible3 { cursor: pointer; }
.rand-photo{z-index: -1; display: block; position: absolute;top:29px;left:20px;}

.panorama-block{width:500px;height:350px;text-align:center;}
