/*#############################################################
Name: Gabbeh
Date: 2007-11-27
Author: Maciej Tomczyk
#############################################################*/

/* elementy standardowe */
* {
        margin: 0px;
        padding: 0px;
        border-style: none;
}
a {
        text-decoration: none;
        color: #ffffff;
}
a:hover {
        color: #FF4B4B;
}
textarea {
         background: transparent;
         color: #FFF;
         font: normal 1em "Lucida Sans Unicode","sans-serif";
         margin: 15px 20px 15px 20px;
         overflow: hidden;
}
body {	
	background: #000000 url(../img/bg_logo2.jpg) no-repeat right bottom;	
        background-attachment: fixed;
	color: #9F9F9F;
        margin: 0 auto;
	font-size: 12px;
}
.container {
        margin: 0 auto;
        width: 700px;
        display: block;
}
/* naglowek */
#naglowek_dzwieki {
        background: transparent url(../img/gabbeh_dzwieki.jpg) no-repeat center bottom;
        height: 30px;
        width: 700px;
}
#naglowek_logo {
        position: relative;
        background: transparent url(../img/gabbehlogotitle1.jpg) no-repeat center;
        margin-left: 0px;
        height: 150px;
        width: 150px;
        float: left;
}
.obrazek_post_nakladka_logo {
         position: absolute; top: 0px; left: 0px;
         background: transparent url(../img/nakladka_kwadrat1-trans.png);
         height: 150px;
         width: 150px;
}
#naglowek_gabbeh {
        position: relative;
        background: transparent url(../img/gabbeh1.gif) no-repeat center bottom;
        float: left;
        margin-top: 20px;
        width: 400px;
        height: 80px;
}
#link_index {
        position: absolute; top: 5px; left: 80px;
        background: transparent;
        width: 235px;
        height: 55px;
}
#naglowek_dzial {
        background: transparent;
        float: left;
        width: 400px;
        height: 40px;
        text-align: center;
}
/* kolumna glowna z dywanem */
#klatka {
        background: transparent url(../img/klatka1.gif) repeat-y center top;
        width: 700px;
}
#klatka_gora {
        background: transparent url(../img/klatka_gora.gif) repeat-y center top;
        margin: 0 auto;
        width: 600px;
        height: 30px;
}
/* tu jest wlasciwa tresc */
#klatka_srodek {
        background: transparent url(../img/klatka_srodek5.gif) repeat-y center top;
        margin: 0 auto;
        padding-bottom: 150px;
        width: 600px;
        height: 100%;
        font: 1em sans-serif, tahoma, Arial;
}
#klatka_srodek h1 {
        color: #CDCDCD;
	font: 1.4em tahoma, Arial;
	margin: 5px 0px 10px 20px;
}
#klatka_srodek h2 {
        color: #CDCDCD;
	font: 1.2em tahoma, Arial;
	margin: 10px 0px 10px 20px;
}
#klatka_srodek h3 {
        color: #CDCDCD;
	font: 0.9em tahoma, Arial;
	margin: 0px 0px 0px 25px;
}
#klatka_srodek p {
        margin: 5px 25px 15px 25px;
        text-align: justify;
}
#klatka_srodek cite {
        display: block;
        background: url(../img/quote.gif) no-repeat;
        font-family: lucida, verdana;
        font-style: italic;
        font-size: 1.0em;
        margin: 5px 0px 5px 10px;
        padding: 0px 30px 15px 40px;
        text-align: justify;
}
#klatka_dol {
        background: transparent url(../img/klatka_dol.gif) repeat-y center top;
        margin: 0 auto;
        width: 600px;
        height: 30px;
}
.divider {
        background: transparent url(../img/divider.gif) no-repeat center;
        clear: left;
        height: 45px;
	margin: 20px 0px 30px 0px;
}
.clearer_left {
         clear: left;
}
.clearer_full {
         clear: both;
}
/* menu glowne */
#menu {
	height: 40px;
	text-align: center;
	word-spacing: 5px;
}
#menu a {
	color: #FFFFFF;
	font: bold 1.1em Arial, tahoma;
	letter-spacing: -1px;
}
#menu a:hover {
	color: #FF4B4B;	
}
/* dzial news oraz tapety*/
.post {
         text-align: justify;
}
/* obrazek w poscie */
/* dla obrazkow poziomych */
.obrazek_post_poziom {
         position: relative;
         float: left;
         height: 120px;
         width: 160px;
         padding: 15px 10px 10px 15px;
         margin: 0px 10px 10px 10px;
}
.obrazek_post_nakladka_poziom {
         position: absolute; top: 0px; left: 0px;
         background: url(../img/nakladka_poziom2a-trans.png);
         height: 150px;
         width: 190px;
}
/* dla obrazkow pionowych */
.obrazek_post_pion {
         position: relative;
         float: left;
         height: 160px;
         width: 120px;
         padding: 15px 10px 10px 15px;
         margin: 0px 10px 10px 10px;
}
.obrazek_post_nakladka_pion {
         position: absolute; top: 0px; left: 0px;
         background: url(../img/nakladka_pion1-trans.png);
         height: 190px;
         width: 150px;
}
/* dla obrazkow kwadratowych */
.obrazek_post_kwadrat {
         position: relative;
         float: left;
         height: 120px;
         width: 120px;
         padding: 15px 10px 10px 15px;
         margin: 0px 10px 10px 10px;
}
.obrazek_post_nakladka_kwadrat {
         position: absolute; top: 0px; left: 0px;
         background: url(../img/nakladka_kwadrat-trans.png);
         height: 150px;
         width: 150px;
}
/* dla banerow*/
.baner {
         position: relative;
         float: left;
         height: 120px;
         width: 360px;
         padding: 15px 10px 10px 15px;
         margin: 0px 10px 10px 5px;
}
.baner_top {
         position: absolute; top: 0px; left: 0px;
         background: url(../img/baner_top-trans.png);
         height: 150px;
         width: 390px;
}
/* belka prawa z linkami */
/* kolumna prawa ze zdjeciami we wszystkich dzialach*/
#kolumna_prawa {
         position: relative;
         float: right;
         width: 160px;
         margin: 15px 20px 10px 20px;
}
#zdjecie_gora {
         position: relative;
         width: 160px;
         height: 120px;
}
.zdjecie_gora_top {
         position: absolute; top: -15px; right: -15px;
         background: url(../img/nakladka_poziom1-trans.png);
         height: 150px;
         width: 190px;
}
#zdjecie_srodek {
         position: relative;
         margin: 23px 0px 0px 0px;
         width: 160px;
         height: 120px;
}
.zdjecie_srodek_top {
         position: absolute; top: -15px; right: -15px;
         background: url(../img/nakladka_poziom2-trans.png);
         height: 150px;
         width: 190px;
}
#zdjecie_dol {
         position: relative;
         margin: 23px 0px 0px 0px;
         width: 160px;
         height: 120px;
}
.zdjecie_dol_top {
         position: absolute; top: -15px; right: -15px;
         background: transparent url(../img/nakladka_poziom3-trans.png);
         height: 150px;
         width: 190px;
}
/* dzial koncerty - tabela */
#tabela_koncerty {
         table-layout: auto;
         margin: 0px 15px 0px 15px;
}
#tabela_koncerty td {
         padding: 0px 5px 5px 5px;
         border-bottom: 1px dotted #BF7B7B;
}
/* dzial muzyka */
#muzyka_tlo {
         position: relative;
         float: left;
         width: 395px;
         height: 330px;
         margin: 0px 0px 0px 5px;
         padding: 0px 0px 0px 0px;
         background: transparent url(../img/muzyka_tlo1-trans.png) no-repeat center top;
}
#player {
         position: absolute; top: 35px;left:10px;
}
/* dzial video */
#video_tlo {
         position: relative;
         float: left;
         width: 395px;
         height: 440px;
         margin: 0px 0px 0px 5px;
         padding: 0px 0px 0px 0px;
         background: transparent url(../img/video_tlo1-trans.png) no-repeat center top;
}
/* dzial galeria */
#spis_galerii {
        text-align: center;
}
#galeria_gora {
        position: relative;
        background: transparent url(../img/galeria_tlo-trans_top.png) no-repeat center top;
        margin: 0 auto;
        width: 550px;
        height: 72px;
}
#galeria_srodek {
        position: relative;
        background: transparent url(../img/galeria_tlo-trans_mid.png) repeat-y center top;
        margin: 0 auto;
        width: 550px;
        height: 100%;
}
#galeria {
        position relative:
        background: transparent;
        margin: 0 auto;
        width: 420px;
        height: 100%
}
#galeria_dol {
        position: relative;
        background: transparent url(../img/galeria_tlo-trans_bottom.png) no-repeat center bottom;
        margin: 0 auto;
        width: 550px;
        height: 85px;
}
#formularz {
        display: block;
        margin: 0px 0px 0px 20px;
        padding-bottom: 40px;
        font: normal 1.0em sans-serif;
}
#formularz fieldset {
        background: transparent;
        font: normal 1em "Lucida Sans Unicode","sans-serif";
        text-align: right;
        line-height: 30px;
}
#formularz textarea {
        background: transparent;
        color: #FFF;
        border: 1px solid #5F0000;
        height: 200px;
        width: 225px;
        overflow: hidden;
        vertical-align: top;
}
#formularz label {
        display: inline;
        background: transparent;
}
#formularz input {
        background: transparent;
        color: #FFF;
        border: 1px solid #5F0000;
        margin: 0px 120px 0px 15px;
        padding: 1px;
}
/* stopka */
#footer {
        clear: both;
        margin: 0 auto;
	font: 0.9em sans-serif;
	color: #ffffff;
	padding: 20px 0px 30px 0px;
        text-align: center;
}
#footer a {
	color: #ffffff;
}
#footer a:hover {
        color: #ffffff;
}