/* 
    Document   : styles
    Created on : 2010-03-17, 15:39:41
    Author     : ITcolors
    Description:
        main
*/

@import url('reset.css');
@import url('defaults.css');

body{ background-image: url('../img/top_x.png'); background-repeat: repeat-x; }

/* */
#main { width: 934px; display: block; margin: 0 auto; }
#logoLink{ display: block; position: absolute; height: 80px; margin-left: 1px; }

/* górne menu */
#top_menu { width: 932px; height: 50px; float: left; background: url('../img/menu_tlo.jpg') repeat-x bottom left; }
#top_menu .left { width: 205px; float: left; padding-left: 54px; padding-top: 9px; }
#top_menu .right { width: 655px; float: left; padding-left: 18px; }

#top_menu .right a.button_1 { display: block; width: 103px; height: 49px; float: left; background: url('../img/button_1.jpg') no-repeat top left; }
#top_menu .right a.button_1:hover { background: url('../img/button_1_hover.jpg') no-repeat top left; }
#top_menu .right a.button_1_active { display: block; width: 103px; height: 49px; float: left; background: url('../img/button_1_hover.jpg') no-repeat top left; }

#top_menu .right a.button_2 { display: block; width: 90px; height: 49px; float: left; background: url('../img/button_2.jpg') no-repeat top left; }
#top_menu .right a.button_2:hover { background: url('../img/button_2_hover.jpg') no-repeat top left; }
#top_menu .right a.button_2_active { display: block; width: 90px; height: 49px; float: left; background: url('../img/button_2_hover.jpg') no-repeat top left; }

#top_menu .right a.button_3 { display: block; width: 106px; height: 49px; float: left; background: url('../img/button_3.jpg') no-repeat top left; }
#top_menu .right a.button_3:hover { background: url('../img/button_3_hover.jpg') no-repeat top left; }
#top_menu .right a.button_3_active { display: block; width: 106px; height: 49px; float: left; background: url('../img/button_3_hover.jpg') no-repeat top left; }

#top_menu .right a.button_4 { display: block; width: 91px; height: 49px; float: left; background: url('../img/button_4.jpg') no-repeat top left; }
#top_menu .right a.button_4:hover { background: url('../img/button_4_hover.jpg') no-repeat top left; }
#top_menu .right a.button_4_active { display: block; width: 91px; height: 49px; float: left; background: url('../img/button_4_hover.jpg') no-repeat top left; }

#top_menu .right a.button_5 { display: block; width: 101px; height: 49px; float: left; background: url('../img/button_5.jpg') no-repeat top left; }
#top_menu .right a.button_5:hover { background: url('../img/button_5_hover.jpg') no-repeat top left; }
#top_menu .right a.button_5_active { display: block; width: 101px; height: 49px; float: left; background: url('../img/button_5_hover.jpg') no-repeat top left; }

#top_menu .right a.button_6 { display: block; width: 127px; height: 49px; float: left; background: url('../img/button_6.jpg') no-repeat top left; }
#top_menu .right a.button_6:hover { background: url('../img/button_6_hover.jpg') no-repeat top left; }
#top_menu .right a.button_6_active { display: block; width: 127px; height: 49px; float: left; background: url('../img/button_6_hover.jpg') no-repeat top left; }

/* zdjecie zespolu */
#band_photo { width: 934px; height: 398px; float: left; }
#band_photo img { margin: 0; padding: 0; border: 0; }

/* zawartość */
#content { width: 934px; float: left; background: url('../img/tlo.jpg') repeat-y top center; margin-bottom: 10px; padding-bottom: 15px; }
#content .left { width: 562px; min-height: 274px; float: left; background: url('../img/tlo_left.jpg') no-repeat top left; padding: 25px 31px 0 28px; }
#content .left .text { line-height: 22px; text-align: justify; }
#content .left .slash { color: #28a0b8; margin-right: 4px; }
#content .right { width: 244px; min-height: 274px; float: right; background: url('../img/tlo_right.jpg') no-repeat top right; padding: 25px 38px 0 31px; }
#content .right .text { line-height: 24px; }

/* aktualności */
#content .left .news { margin-top: 50px; }
#content .left .news .item { display: block; float: left; width: 562px; margin-top: 32px; }
#content .left .news .item .date { display: block; width: 97px; float: left; font: 12px Arial, Helvetica, sans-serif; color: #28a0b8; padding-top: 5px; }
#content .left .news .item .content { display: block; width: 465px; float: right; text-align: justify; line-height: 20px; }

/* wypunktowanie po prawej */
#content .right .slash { color: #28a0b8; margin-right: 5px; }

/* pobierz repertuar */
#content .right .pdf_download { display: block; width: 244px; height: 47px; margin-top: 32px; }
#content .right .pdf_download .icon { width: 45px; height: 47px; float: left; }
#content .right .pdf_download .link { width: 183px; height: 47px; float: left; padding-left: 16px; }
#content .right .pdf_download .link .file_size { margin-top: 15px; font-size: 12px; }

/* wolne terminy i kontakt z nami */
#content .right .block { margin-top: 53px; }
#content .right .block .term { margin-top: 15px; }
#content .right .block .terminy_title { margin-bottom: 12px; }
#content .right .block .kontakt_title { margin-bottom: 15px; }
#content .right .block .mail { display: block; width: 244px; height: 24px; margin-top: 14px; }
#content .right .block .icon { width: 26px; height: 24px; float: left; }
#content .right .block .link { width: 200px; height: 17px; float: left; padding-left: 18px; padding-top: 7px; }


/* stopka */
#footer { width: 934px; height: 205px; float: left; background: url('../img/stopka_tlo.jpg') no-repeat bottom center; }
#footer .left { width: 439px; float: left; padding-left: 28px; padding-top: 87px; }
#footer .left a { font-size: 12px; line-height: 12px; margin-right: 12px; }
#footer .middle { width: 119px; float: left; padding-top: 87px; padding-left: 35px; }
#footer .right { width: 281px; float: left; padding-top: 83px; padding-left: 32px; font-size: 10px; line-height: 21px; }

/* kontakt */
#content .left .kontakt { width: 562px; float: left; line-height: 45px; margin-top: 10px; margin-bottom: 35px; }
#content .left .kontakt .left_block { width: 240px; float: left; }
#content .left .kontakt .right_block { width: 319px; float: left; }
#content .left .text_title { margin-bottom: 30px; }

/* skład zespołu */
#content .left .sklad { }
#content .left .sklad .item { display: block; float: left; width: 562px; margin-top: 32px; margin-bottom: 20px; }
#content .left .sklad .item .photo { display: block; width: 128px; float: left; font: 12px Arial, Helvetica, sans-serif; color: #28a0b8; }
#content .left .sklad .item .content { display: block; width: 402px; float: right; text-align: justify; line-height: 22px; padding-left: 32px; }

/* repertuar */
#content .left .repertuar { margin-top: 40px; }
#content .left .repertuar .icon { width: 54px; padding-left: 7px; float: left; }
#content .left .repertuar .link { padding-top: 10px; }
#content .left .repertuar .link .file_size { font-size: 12px; margin-left: 5px; }

/* galeria foto */
#content .left .gallery { margin-top: 15px; margin-bottom: 15px; width: 600px; float: left; }
#content .left .gallery .photos { width: 600px; float: left; }
#content .left .gallery .photos a.photo { display: block; float: left; margin-top: 30px; margin-right: 35px; }