html, body {
    width: 100%; height: 100%; padding: 0; margin: 0;
    background: #000; font: 12px/16px "Myriad Pro", "Arial", "sans-serif";
}
doby div { display: block }
body img { border: none }

.clear { clear: both }
.clear-block { clear: both; display: block }
.clear-block p { color: white }

#wrapper { display: block; background: url(images/body-bg.png) left top no-repeat #000 }
#header { display: block; height: 110px }
#header .content { position: relative; margin: 0 auto; width: 890px; height: 100% }
#header .content .title, #header .content .logo, #header .content .item { position: absolute }
#header .content .title { top: 64px; left: 4px; color: white; font-size: 12px }
#header .content .logo { top: 25px; left: 0 }
#header .content .item { top: 30px; left: 130px }

#top-menu-block {
    display: block; text-align: center;
    height: 88px; background: url(images/top-menu-bg.png) left top repeat-x; border-top: solid 1px #EEF9FB
}
#body { display: block; width: 890px; margin: 0 auto }

#footer {
    display: block; height: 46px; width: 100%;
    background: url(images/footer-bg2.png) left top repeat-x
}
#footer .footer-bg {
    background: url(images/footer-bg1.png) center top no-repeat;
    height: 100%; width: 100%
}
#footer .content { display: block; width: 890px; margin: 0 auto }

#copyright, #bottom-menu { color: white; line-height: 50px }
#copyright { font-size: 12px; float: left; margin-left: 0 }
#bottom-menu { font-size: 11px; float: right }
#bottom-menu a { text-decoration: none; color: white; margin: 0; padding: 0 10px }
#bottom-menu a:first-child { padding-left: 0 }
#bottom-menu a:last-child { padding-right: 0 }
#bottom-menu a:hover { text-decoration: underline }

#body .content { /*clear: both*/ float: left }
#body .search-block { clear: both; height: 104px; border-top: solid 1px #2E2E2E }
#body .content .left,
#body .search-block .left { float: left; width: 590px }
#body .content .no-right { width: 864px; margin: 0 0 10px }
#body .content .right,
#body .search-block .right { margin-left: 595px }
#body .search-block .bottom {
    clear: both; height: 51px; position: relative;
    background: url(images/search-block-bg.png) left bottom no-repeat;
}
#body .search-block .bottom img { position: absolute; top: 16px; left: 10px }
#body .search-block .bottom #search-form { position: absolute; top: 0; right: 60px }

/* Pages titles */
#dates-title, #reviews-title, #about-title, #mixtabes-title, #gallery-title, #feedback-title, #kontakt-title { margin: 25px 0; float: left }
#dates-title { background: url(images/title1.png) left top no-repeat; width: 206px; height: 23px; display: block }
#reviews-title { background: url(images/title3.png) left top no-repeat; width: 179px; height: 23px; display: block }
#mixtabes-title { background: url(images/mixtabes.png) left top no-repeat; width: 184px; height: 23px; display: block }
#gallery-title { background: url(images/gallery-title.png) left top no-repeat; width: 77px; height: 23px; display: block}
#feedback-title { background: url(images/feedback-title.png) left top no-repeat; width: 170px; height: 23px; display: block }
#kontakt-title { background: url(images/kontakt-title.png) left top no-repeat; width: 170px; height: 23px; display: block }
#about-title { background: url(images/title5.png) left top no-repeat; width: 165px; height: 23px; display: block }
#follow-me, #subscribe-fresh { margin: 20px 0; float: left }
#follow-me { background: url(images/title2.png) left top no-repeat; width: 87px; height: 19px; display: block }
#subscribe-fresh { background: url(images/title4.png) left top no-repeat; width: 141px; height: 21px; display: block }

#accordion { height: 372px; overflow: hidden }
#accordion h3 {
	/*height: 41px;*/ font-size: 12px; font-weight: normal; margin: 2px 0;
	background: url(images/accordion-title-bg1.png) left top no-repeat
}
#accordion h3 span { color: white; text-align: center }
#accordion h3 span b { font-size: 16px }
#accordion h3 span p { font-size: 11px }
#accordion h3.ui-state-active { background-image: url(images/accordion-title-bg2.png) }
#accordion h3 a.title {
	margin: 0 0  0 50px; padding: 4px; display: block; color: white; text-decoration: none;
	/*height: 33px;*/ background: url(images/accordion-title-bg3.png) repeat
}
#accordion h3  a.title:hover { text-decoration: underline }
#accordion h3  a.date { display: block; width: 41px; height: 41px; text-align: center; float: left; text-decoration: none }
#accordion h3  a.date b { font-size: 16px }
#accordion h3  a.date p { font-size: 11px; margin: 0; line-height: 10px }
#accordion h3  a.date b,
#accordion h3  a.date p { color: #2E2E2E }
#accordion h3.ui-state-active a.date p,
#accordion h3.ui-state-active a.date b { color: white }
#accordion h3 a span { font-size: 17px; color: #9BE0FA }
#accordion div.accordion-body { color: white; padding: 4px; background: url(images/accordion-body-bg.png) left bottom no-repeat; display: block }
.no-right #accordion div.accordion-body { background-image: url(images/accordion-body-bg2.png) }
.no-right #accordion h3 { margin:2px 6px 2px 0 }
#accordion div h1 { font-size: 12px; font-weight: normal; color: #00D6FC; margin: 0; line-height: 23px }
#accordion div p { margin: 0 }
#accordion hr { border: none; border-top: solid 1px black; margin: 1px 0; clear: both }


#albums { float: left; width: 100%; height: 417px }
#albums .album-block {
    background: url(images/review-block-bg.png) left bottom repeat-x; display: block;
    height: 66px; width: 290px; border-bottom: solid 1px #486b6E; float: left;
    margin: 0 0 2px; position: relative; text-decoration: none
}
#albums .album-block:hover { background-image: url(images/review-block-bg-hover.png) }
#albums .album-block .thumb { width: 51px; float: left; padding: 8px 15px }
#albums .album-block .clear { border-bottom: solid 1px #202E30 }
#albums .album-block .content { margin: 0; color: white; clear: right; padding: 8px 0 }
#albums .album-block .content p { margin: 0 }
#albums .album-block .formats { position: absolute; width: 51px; padding: 8px 0px; right: 0 }

/* About DJ SPELL page */
#about-text-wrapper { clear: both }
#about-text {
    background: url(images/accordion-title-bg3.png) repeat;
    width: 890px; height: 370px; margin-bottom: 10px; padding: 0; overflow: auto
}
#about-text div { padding: 10px }
#about-text h1 { font-size: 16px; font-weight: normal; color: white; border-bottom: solid 1px #EF2975; margin: 0 0 10px; padding: 0 0 10px }
#about-text p { font-size: 13px; font-weight: normal; color: white }
#about-lng-block { float: right; display: block; margin-right: 16px }
#about-lng-block a { display: block; width: 16px; height: 11px; float: left; margin: 30px 4px 0 }
#about-lng-block .lng-rus { background: url(images/lng_ru.png) no-repeat }
#about-lng-block .lng-eng { background: url(images/lng_en.png) no-repeat }

/* Releases page */
#releases-thumbs { float: left; width: 300px; height: 446px }
#releases-preview { margin:74px 0 0 310px; width: 574px }
#releases-preview h1 {
    display: block; font-size: 21px; font-weight: normal; height: 58px; line-height: 58px; color: white;
    background: url(images/accordion-title-bg3.png) repeat; margin: 0; padding: 0 15px
}
#releases-preview h1 img { float: right }
#releases-preview .content {
    background: url(images/accordion-title-bg3.png) repeat; margin: 2px 0 0;
    width: 574px; height: 356px;  position: relative
}
#releases-preview .content .left { width: 260px; float: left; padding: 15px }
#releases-preview .content .right { margin-left: 290px }
#releases-preview .content ol { padding: 0 0 0 20px }
#releases-preview .content ol li { color: white; font-size: 13px }
.releases-content { margin-bottom: 10px }
.content #releases-thumbs #releases-thumbs2 #albums { width: 280px; height: 414px }

#releases-thumbs2 { width: 380px; height: 414px }

/* Mixtabes page */
#download-button {
    display: block; width: 136px; height: 27px; position: absolute;
    background: url(images/download-btn.png) no-repeat;
    bottom: 28px; right: 20px
}

/* Gallery page */
#gallery, #feedback, #kontakt { width: 890px; height: 600px; background: url(images/accordion-title-bg3.png) repeat; clear: both; margin: 0 0 10px }

/* Kontakt page */
#kontakt { height: auto }
#kontakt .content { float: none; /*width: 490px;*/ margin: 0 auto; padding: 40px 0 }
#kontakt .content img, #datetime-block, #statement-block  { clear: both; padding-left: 40px }
#datetime-block { margin-bottom: 5px }
#kontakt .content img { display: block; margin: 0 0 30px }
#kontakt .content .caption { color: white; font-size: 14px; line-height: 21px }
#kontakt .content input { background: none; border: solid 1px #3E3E3E; color: white; margin-left: 10px; height: 21px }
#kontakt .content textarea { background: none; border: solid 1px #3E3E3E; color: white; height: 120px; width: 370px; overflow: hidden }
#kontakt .content input.date-edit { width: 70px; background: url(images/calendar-icon.png) right center no-repeat #000; padding: 0 26px 0 4px }
#kontakt .content input.time-edit { width: 42px; padding: 0 4px; background-color: #000 }
#datetime-block .caption, #datetime-block input { float: left }
.personal-data-block { margin-bottom: 5px; clear: both }
#kontakt .content .block-title { display: block; margin: 20px 300px 10px 0; float: right }
#kontakt .content .personal-data-block .text-edit { width: 240px; margin-left: 170px; display: block }
#kontakt .content .personal-data-block .caption { width: 160px; text-align: right; float: left }
#kontakt .content #statement-block img { margin: 10px 0 }
#statement-block select { margin-left: 190px; background: url(images/select-bg.png) left top repeat-x; height: 21px; border: solid 1px #ADADAD }
#statement-block select option { background: white }
#form-controls { text-align: right; padding: 20px 0 }
#kontakt .content #form-controls input { width: 114px; height: 34px; border: none; background: url(images/form-button-bg.png) left top no-repeat; cursor: pointer }
#kontakt .content .left { width: 400px; float: left }
#kontakt .content .right { width: 400px; margin: 0; float: left }
#kontakt .content .right div {  padding: 0 0 5px 40px }
#kontakt .content .right div span { border-bottom: solid 1px #3E3E3E; display: block; margin-left: 30px; color: white; padding: 5px 0 }
#kontakt .content .right .title { padding: 0 }
#kontakt .content .title img { margin: 0; padding: 0 0 5px 40px }
#kontakt .content .title p { color: white; margin: 0 0 0 40px; border-top: solid 1px #486b6E; padding:5px 0 0; width: 370px }
#kontakt .content .right .address,
#kontakt .content .right .scype,
#kontakt .content .right .email { padding: 0; margin: 0 0 0 40px }
#kontakt .content .right .address { background: url(images/contact-address-icon.png) left center no-repeat; margin-top: 20px }
#kontakt .content .right .scype { background: url(images/contact-phone-icon.png) left center no-repeat }
#kontakt .content .right .email { background: url(images/contact-mail-icon.png) left center no-repeat; margin-bottom: 20px }



/* Datepicker ----------------------------------*/
.ui-datepicker { width: 17em; padding: .2em .2em 0; background-color: #FFF }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; background-color: #CCC; color: #222 }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; background-color: #EEE; color: black; font-size: 14px }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

.ui-accordion-content
{
    border: 0px solid #fff;
}