/* Common Styles */
html {margin:0;	padding:0; color:#000; background-color:#FFF}
body {margin:0;	padding:0; font-family:Verdana, Geneva, sans-serif; font-size:12px; text-align:center}
.main {width:860px; margin:0 auto; text-align:left}
.leftBlock {float:left}
.rightBlock {float:right}
.imgBlock {float:left; padding-right:22px}
.clr {width:100%; clear:both; height:1px; overflow:hidden; padding:0 !important}
ul.list {list-style:none; padding:5px 0}
ul.list li {background:url('/images/list_item.gif') no-repeat 5px 3px; padding:0 5px 10px 23px; _position:relative; font-size:12px; font-weight:bold; line-height:15px}
img, div, h1, h2, h3, h4, h5, p, ul, dl, form {border:0; margin:0; padding:0}
input, label {vertical-align:middle}
a {color:#D95185; text-decoration:none; font-weight:bold}
a:hover {color:#00265C}

/* Header */
.header {float:left; width:100%}
.header .rightBlock {padding:34px 0 0 0}
.header li {float:left; list-style:none}
.header li a:hover img, .header #activeBtn a img {opacity:0; filter: alpha(opacity=00);}
.header .home {background:url('/images/btn/home_active_uk.jpg') no-repeat 0 0}
.header .news {background:url('/images/btn/news_active_uk.jpg') no-repeat 0 0}
.header .band {background:url('/images/btn/band_active_uk.jpg') no-repeat 0 0}
.header .media {background:url('/images/btn/media_active_uk.jpg') no-repeat 0 0}
.header .photo {background:url('/images/btn/photo_active_uk.jpg') no-repeat 0 0}
.header .contacts {background:url('/images/btn/contacts_active_uk.jpg') no-repeat 0 0}
#en_nav .home {background:url('/images/btn/home_en_active.jpg') no-repeat 0 0}
#en_nav .news {background:url('/images/btn/news_en_active.jpg') no-repeat 0 0}
#en_nav .band {background:url('/images/btn/band_en_active.jpg') no-repeat 0 0}
#en_nav .media {background:url('/images/btn/media_en_active.jpg') no-repeat 0 0}
#en_nav .photo {background:url('/images/btn/photo_en_active.jpg') no-repeat 0 0}
#en_nav .contacts {background:url('/images/btn/contacts_en_active.jpg') no-repeat 0 0}
.header .lang {list-style:none; position:absolute; top:260px; right:0; z-index:5}
.header .lang li {padding:10px 8px 0 15px; float:none; height:24px}
.header .lang .active {background:#EEE url('/images/scroll_bg.gif') no-repeat 0 0}

/* Content */
.content {width:705px; float:left; background:url('/images/main_bg.jpg') no-repeat 60px 0; min-height:534px; padding:93px 30px 0 63px; margin-top:5px}
.titleBlock {float:left; width:100%; margin:0 0 25px 0}
.titleBlock .rightBlock {padding-right:28px; word-spacing:5px}
.content .subBlock {float:left; width:657px; min-height:250px; max-height:320px; background:url('/images/board_bg.png') no-repeat left bottom; padding:27px 12px 24px 38px}
#homePage {height:212px;  width:657px; background:url('/images/intro_sup.jpg') no-repeat right 1px; padding:34px 0 0 36px}
#homePage .titleBlock {display:none}

/* Guest Block */
.guestBook {width:750px; padding:0 0 15px 50px; float:left}
.guestBook .leftBlock {width:390px; padding-top:25px}
.guestBook .rightBlock {width:310px; background:#CCC url('/images/gray_top.gif') no-repeat 0 0; padding:12px 0 0 0; margin-top:20px}
.commentsList .itemBlock {float:left; width:100%; padding:10px 0 20px 0}
.commentsList .itemBlock p {padding:0 0 0 9px}
.commentsList .title {background:url('/images/star.gif') no-repeat 0 0; padding:17px 0; float:left; width:100%}
.commentsList .title h3 {float:left; padding:0 0 0 50px; font:bold 15px/100% Arial, Helvetica, sans-serif}
.commentsList .title p {float:right; padding:0; font-size:11px}
.guestBook .formBlock {background:#EEE url('/images/gray_bg.gif') repeat 0 0; float:left; width:100%}
.guestBook .formBlock dl {background:url('/images/gray_bot.png') no-repeat left bottom; float:left; width:250px; padding:10px 30px 25px 30px; _background-image:url('/images/gray_bot.gif')}
.guestBook .formBlock dt {float:left; width:100px; padding:3px 0 4px 0}
.guestBook .formBlock dt.title {float:none; width:auto; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#D95185; padding-bottom:15px}
.guestBook .formBlock dd {margin:0; padding:0 0 8px 0}
.guestBook .formBlock .error {color:#D95185}
.guestBook .formBlock .btnPlace {padding:10px 0 0 0; float:right}
.guestBook .formBlock em {display:block; padding:0 0 0 100px; font-size:11px; width:140px; text-align:center}
.guestBook .formBlock b {color:#D95185}
.guestBook input.txtField {width:140px}
.guestBook textarea.txtField {width:240px}
.guestBook .captcha img {vertical-align:middle; padding-right:30px}
.btn {background-color:#D95185; color:#FFF; float:left; cursor:pointer; margin:0; overflow:visible; font:bold 15px/100% Arial, Helvetica, sans-serif; border:0; padding:5px 10px 6px 10px; border:1px solid; border-color:#DC6492 #A63E66 #A63E66 #DC6492}
.btn:hover, .btn:focus {border-color:#E793B3 #873353 #873353 #E793B3}
.btn:active {border-color:#873353 #E793B3 #E793B3 #873353}
p.scroller {background:#EEE url('/images/scroller_bg.gif') no-repeat 0 0; padding:10px 10px 10px 0; text-align:right; float:right; width:372px; word-spacing:5px}

/* News */
.newsPage {float:left; width:100%; overflow:auto; max-height:290px; overflow-x:hidden}
.newsList {float:left; width:100%}
.newsList .itemBlock {float:left; width:182px; padding-right:30px; padding-bottom:6px}
.newsList .imgBlock {padding:4px 0 8px 0}
.newsList h2 {font:bold 13px/100% Arial, Helvetica, sans-serif; padding-bottom:5px}
.newsList p {padding-bottom:10px; font-size:11px}
.newsList p.linkPlace {background:#EEE url('/images/scroll_bg.gif') no-repeat 0 0; width:170px; padding:8px 12px 8px 0; text-align:right; float:left; font-size:12px}
.newsList p.linkPlace a {background:url('/images/arrow.gif') no-repeat right 3px; padding:2px 18px 2px 0; float:right}
.newsDetail {padding:0 25px 0 0}
.newsDetail .imgBlock {padding:0 20px 10px 0}
.newsDetail h2 {font-size:16px}

/* Photo Gallery */
.photoGallery {float:left; width:100%}
.photoGallery h3 {font:bold 13px/100% Arial, Helvetica, sans-serif; padding:0 3px 5px 5px}
.photoGallery .imgBlock {width:182px; padding:0 26px 26px 0}
.photoGallery .photoList a {background:#EEE; float:left; padding:3px 0 0 0; border-bottom:1px solid #FFF; width:100%}
.photoGallery .photoList a img {width:182px; float:left}
.photoGallery .photoList a:hover {color:#FFF; background:#D95185; border-bottom:1px solid #D95185}
.photoGallery table {padding-bottom:10px}
.photoGallery table td {padding:12px; background:#EEE; border-right:1px solid #FFF; border-bottom:1px solid #FFF; vertical-align:middle; text-align:center}
.photoGallery table a {width:100px; float:left}
.photoGallery table img {}
.photoGallery table a:hover img {opacity:.6; filter: alpha(opacity=60);}

/* aboutBand */
#bandPage {width:661px; padding:11px 13px 24px 22px}
#bandPage object {-moz-outline: none; background:url('http://oratania.com/stylesheets/milkbox/loading.gif') no-repeat center center}
#bandPage {width:661px; padding:11px 13px 24px 22px}
#bandPage object {-moz-outline: none}

/* Contacts */
#contactsPage .titleBlock {width:500px}
.textContent {width:100%; float:left; clear:left; line-height:130%}
.textContent ul {margin:5px 15px 5px 22px; padding:0}
#contactsPage .textContent table a {font-weight:normal; font-size:11px}
#contactsPage .textContent h1 {font-size:18px}

/* mediaPage */
#mediaPage {width:640px; padding-right:29px}
#mediaPage .videoGallery {padding-top:10px}
#mediaPage .leftBlock {width:390px}
#mediaPage .rightBlock {width:230px}
#mediaPage .imgBlock {padding:0 10px 10px 0}
#mediaPage .imgBlock h3 {font-size:12px; font-weight:normal; padding:0 0 3px 5px}
#layer {position:absolute; width:100%; height:100%; left:0; top:0; background-color:#000; opacity:.8; display:none; z-index:10}
#active_preview {display:block}
#close_btn {position:absolute; z-index:20; top:168px; color:#AAA; cursor:pointer; font-size:16px; _position:absolute; display:none; font-family:"century Gothic", arial; font-weight:normal; padding:5px; width:480px; text-align:right; clear:both}
#close_btn:hover {color:#FFF}
#playerHolder {position:absolute; z-index:20; margin:0 auto; top:200px}
#playerHolder {}


/* Footer */
.footer {float:left; width:100%; padding:40px 0 30px 0; font-size:12px}
.footer p {padding:0 0 0 65px}
.footer a {font-weight:normal}


/***************************************/

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}

.adm {border-bottom:1px dotted; font-weight:normal; color:#06F; font-size:11px !important}
.adm:hover {color:#900}


/* SCroller Styles */
#photosGallery table {display:none}
#activeImgPage {display:block !important}
#activeScrollItem {font-weight:normal; color:#000; cursor:default}
