/***
    General style
***/

body{
     background: url('http://maxima-music.com/ua/themes/maxima/p/fon2.jpg') no-repeat fixed;
     font-family: Arial;
}

a{
     color: #ffaaaa;
     font-family: Arial;
     text-decoration: none;
}

a:hover{
     color: #ffdddd;
}

/****
     left side sky screaper
****/
td.left{
/***     background: url('/images/maxima-inner-left.jpg') no-repeat;***/
     background: url('/images/photo-left.jpg') no-repeat;
     border: 1px solid #856864;
     font-family: inherit;
     height: 500px;
     width: 184px;
}

td.left div.left-content{
     border: 0px solid #000000;
     font-family: Arial;
     font-size: 10pt;
     font-weight: normal;
     padding: 5px;
     height: 490px;
     width: 184px;
}

td.left div.left-content a{
     color: #DC143C;
     font-family: Arial;
     font-size: 10pt;
     font-weight: normal;
}

td.left div.left-content a:hover{
     color: #ffdddd;
     font-family: Arial;
     font-weight: normal;
}

td.left div.left-content h1, h2, h3{
     color: #fab6c8;
     margin: 0px;
     padding: 0px;
     font-family: Arial;
     font-weight: normal;
     font-size: 13pt;
}

td.left div.left-content h2 a{
     color: #ffffff;
     font-family: Arial;
     font-size: 13pt;
     font-weight: normal;
     text-decoration: none;
}

td.left div.left-content h2 a:hover{
     color: #ffdddd;
}


td.menu{
     height: 500px;
     width: 94px;
}

/***
    main content block
***/
td.main-content{
/*** background: url('/images/maxima-inner-right.jpg') no-repeat;***/
     background: url('/images/photo-right.jpg') no-repeat;
     border: 1px solid #856864;
     font-family: inherit;
     height: 500px;
     width: 512px;
}

td.main-content input, textarea{
     background-color: #ffeeee;
     border: 1px solid #000000;
     color: #000000;
     font-family: inherit;
     margin-top: 10px;
     margin-left: 10px;
}

td.main-content input.dark{
     background-color: #7b054a;
     border: 0px solid #000000;
     color: #ffdddd;
     font-family: inherit;
     margin-top: 10px;
     margin-left: 10px;
}

td.main-content div.main-container{
     height: 490px;
     position:relative;
     width: 512px;
}

td.main-content div.main-container div.article-container-picture{
     background: url('/images/maxima-body-history.png') no-repeat;
     bottom: -10px;
     position: absolute;
     right: -143px;
     height: 303px;
     width: 350px;
     z-index: 0;
}

td.main-content div.main-container div.contact-container-picture{
     background: url('/images/maxima-body-contacts.png') no-repeat;
     bottom: -32px;
     height: 221px;
     position: absolute;
     right: -130px;
     width: 350px;
     z-index: 0;
}

td.main-content div.main-container div.container-history-picture{
     background: url('/images/maxima-body-history.png') no-repeat;
     bottom: -10px;
     height: 303px;
     position: absolute;
     right: -145px;
     width: 350px;
     z-index: 0;
}

td.main-content div.main-container div.container-events-picture{
     background: url('/images/maxima-body-events.png') no-repeat;
     bottom: -10px;
     height: 451px;
     position: absolute;
     right: -91px;
     width: 259px;
     z-index: 0;
}

td.main-content div.main-container div.container-blog-picture{
     background: url('/images/maxima-body-history.png') no-repeat;
     bottom: -10px;
     height: 303px;
     position: absolute;
     right: -143px;
     width: 350px;
     z-index: 0;
}

td.main-content div.main-container div.container-content{
     color: #ffdddd;
     font-family: inherit;
     left: 0px;
     height: 537px;
     width: 306px;
     overflow-x: hidden;
     overflow-y: auto;
     padding: 5px;
     position: absolute;
     top: 0px;
}

td.main-content div.main-container div.container-video-content{
     color: #ffdddd;
     font-family: inherit;
     left: 0px;
     height: 490px;
     width: 502px;
     overflow-x: hidden;
     overflow-y: auto;
     padding: 5px;
     position: absolute;
     top: 0px;
}

td.main-content div.main-container div.container-audio-content{
     color: #ffdddd;
     font-family: inherit;
     left: 0px;
     height: 490px;
     width: 502px;
     overflow-x: hidden;
     overflow-y: auto;
     padding: 5px;
     position: absolute;
     top: 0px;
}

td.main-content div.main-container td.text-header{
   height: 80px;
}

td.main-content div.main-container td.text-header h1, h2, h3{
/***     color: #ffdddd;***/
     color: #fab6c8;
     font-family: inherit;
     font-size: 1.0em;
     font-weight: normal;
     text-decoration: none;
     margin-top: 0px;
     padding-top: 0px;
}

td.main-content div.main-container strong{
     color: #ffdddd;
     font-family: inherit;
     font-size: 12pt;
     font-weight: normal;
     text-decoration: none;
}

td.main-content div.main-container td.text{
   color: #ffffff;
   font-family: inherit;
   font-size: 10pt;
   height: 390px;
   text-align: left;
}

td.main-content div.main-container td.text-footer{
     color: #ffffff;
     font-family: inherit;
     font-size: 10pt;
}

/***
    bottom
***/
table.bottom{
     background: url('/images/photo-bottom.jpg') no-repeat;
     border: 1px solid #856864;
     height: 150px;
     width: 800px;
     margin-top: 10px;
     margin-bottom: 10px;
}

table.bottom div.bottom-video-container{
     border: 0px solid #000000;
     height: 150px;
     overflow: hidden;
     position: absolute;
     width: 288px;
}

table.bottom div.bottom-video-container div.picture-wrapper{
     border: 0px solid #000000;
     height: 140px;
     overflow: hidden;
     width: 100px;
     margin-top: 10px;
}

table.bottom div.bottom-video-container div.picture-wrapper img{
     border: 1px solid #000000;
}

table.bottom div.bottom-events-container{
     border: 0px solid #000000;
     height: 150px;
     overflow: hidden;
     padding-top: 20px;
     padding-left: 5px;
     padding-right: 5px;
     position: absolute;
     width: 512px;
}

td.bottom-event-column{
    width: 250px;
}

td.lyrics{
   border: 0px solid #000000;
   font-family: Arial;
   font-size: 0.9em;
   color: #ffffff;
}

.more-less{
 color: #eeeeee;
}

.next{
 color: #DC143C;
}