/* -------------------------------------------------------
   * Filename		screen.css
   * Updated		2010-05-06
   * Author     	Dariusz Pobożniak
   * Website		http://pobozniak.pl
   * Description 	CSS Document main default file
   ----------------------------------------------------- */
   

body {
    background: #000 url(../gfx/bgBody.jpg) 50% 0 no-repeat;
    color: #000;
    font: normal 15px/19px Georgia, Times, 'Times New Roman', serif;
}

/* ---------------------------------------------
                   GENERAL
 --------------------------------------------- */
a { color: #000; text-decoration: none; }
p { margin: 15px 0; }


#header address, #header dl, #header address a, time { color: #dbceb1; }

@font-face { font-family: "ChaparralPro"; src: url('ChaparralPro-Disp.eot'); }
@font-face { font-family: "ChaparralPro-LightItal"; src: url('ChaparralPro-LightItDisp.eot'); }
@font-face { font-family: "ChaparralPro"; src: url("ChaparralPro-BoldDisp.eot"); font-weight: bold; }

@font-face { font-family: "ChaparralPro"; src: url('ChaparralPro-Disp.otf') format("opentype"); }
@font-face { font-family: "ChaparralPro-LightItal"; src: url('ChaparralPro-LightItDisp.otf') format("opentype"); }
@font-face { font-family: "ChaparralPro"; src: url("ChaparralPro-BoldDisp.otf") format("opentype"); font-weight: bold; }

#header, .content h2, .gallerylink, .map a, .openh {
    font-family: "ChaparralPro";
    letter-spacing: 1px;
}
#header h2, .gallerylink .r { font-family: "ChaparralPro-LightItal"; }
.guests, .reservations, .contact { font-size: 18px; line-height: 21px; }


/* ---------------------------------------------
                   STRUCTURE
 --------------------------------------------- */

#wrapper {
    background: #e0d3b6 url(../gfx/bgWrapper.jpg) 0 0 repeat-y;
    margin: 0 auto 10px;
    overflow: hidden;
    padding: 20px 20px 0;
    width: 871px;
}
#footer { 
    background: url(../gfx/bgFooter.jpg) 0 100% no-repeat; 
    clear: both; 
    left: -20px;
    line-height: 35px; 
    overflow: hidden;
    padding: 0 20px 15px;
    position: relative;
    text-align: right; 
    width: 871px;
}
.content { border-bottom: 1px solid #000; }

#wrapper:after, .content:after { 
	content: "."; display: block; font-size: 0; 
	height: 0; clear: both; visibility: hidden; 
}


/* ---------------------------------------------
                     HEADER
 --------------------------------------------- */
#header h1 {
    background: #000;
}
#header h1 a {
    background: url(../gfx/logo.gif) 50% 50% no-repeat;
    display: block;
    height: 120px;
    margin: 0 auto;
    overflow: hidden;
    text-indent: -9999em;
    width: 270px;
}
#header address, #header dl { display: inline; font-size: 16px; margin-top: -100px; width: 300px; }
#header address { float: left; margin-left: 20px; }
#header address p { margin: 0; }
#header dl { float: right; margin-right: 15px; }
#header dt { margin-bottom: 15px; text-align: right; }
#header dd { float: right; }
#header dd a { display: block; overflow: hidden; text-indent: -9999em; }
#header .smok, #header .joker { height: 55px; width: 45px; }
#header .smok { background: url(../gfx/logo_zielonysmok.gif) 0 0 no-repeat; }
#header .joker { background: url(../gfx/logo_joker.gif) 0 0 no-repeat; }
#header .teatr { background: url(../gfx/logo_teatrmaly.gif) 0 0 no-repeat; height: 55px; width: 125px; }
#header section { border: 1px solid #000; margin: 12px 0; float: left; width: 100%; }
#header section a { 
    background: url(../gfx/ico_facebook.gif) 0 0 no-repeat; 
    display: inline;
    float: left;
    font-size: 18px;
    font-weight: bold; 
    height: 22px;
    line-height: 22px;
    margin: 5px;
    padding-left: 27px; 
}
#header section a:hover { background-position: 0 -22px; *background-position: 0 0; }
#header time { 
    background: #000 url(../gfx/bgTime.gif) 0 50% no-repeat; display: block; float: right; font-size: 16px; line-height: 32px; padding: 0 10px 0 25px; }

#header h2 { 
    border-top: 1px solid #000; 
    border-bottom: 1px solid #000;
    clear: left;
    font-size: 75px;
    font-weight: normal;
    letter-spacing: 3px;
    line-height: 90px;
    text-align: center;
}

/* ---------------------------------------------
                     CONTENT
 --------------------------------------------- */

.main { float: left; width: 435px; }
.col1 { border-right: 1px solid #000; }
.content h2 { border-bottom: 1px solid #000; font-size: 24px; line-height: 29px; }
.main article { border-bottom: 1px solid #000; overflow: hidden; padding: 20px 20px 20px 0; }
.col2 article { padding: 20px 0 20px 18px; }
.main .guests, .main .reservations { float: left; padding: 15px 10px 0; width: 202px; }
.main .guests { border-right: 1px solid #000; padding-left: 0; }
.guests ul { font-style: italic; line-height: 35px; }
article ul { margin: 15px 0 15px 23px; }
#aboutslide { margin: 0; top: 15px; }

.main .guests, .main .reservations, .main .openh, .menu h2 { border-bottom: 0 none; }

.gallery p { margin-bottom: 0; }
.gallerylink, .map a { display: block; font-size: 26px; font-style: italic; font-weight: bold; line-height: 30px; padding: 0 15px; }
.gallerylink .b { display: block; font-size: 43px; }
.gallerylink .r { float: right; font-weight: normal; font-size: 153px; font-style: normal; line-height: 60px; }
.gallery img:nth-child(2) { float: right; }

.contact, .map { float: left; padding-top: 20px; width: 425px; }
.map { float: right; }
.map a { background: url(../gfx/bgMap.jpg) 0 0 no-repeat; display: block; padding-top: 85px; text-align: right; }

.cnt { display: none; }
.handimap { background: #eee; font-size: 12px; height: 400px; line-height: 18px; width: 400px; }
.map_details { display: none; }
.handimap h5 { margin: 0; font-size: 13px; font-weight: bold; }

.openh { font-size: 28px; font-style: italic; line-height: 40px; }
.openh p { margin: 0; }
.openh strong { display: block; font-size: 50px; font-weight: bold; line-height: 1; }

.menu ul { float: left; margin: 0; display: -moz-box; -moz-box-orient: vertical; display: -webkit-box; -webkit-box-orient: vertical; width: 190px; }
.menu li { display: -moz-box; -moz-box-orient: horizontal; display: -webkit-box; -webkit-box-orient: horizontal; padding: 5px 0; width: 190px; }
.menu ul ul { float: none; }
.menu .m1 { border-right: 1px solid #000; padding-right: 18px; margin-right: 18px; }
.menu .m1 > li { display: block; margin-bottom: 15px; }
.menu li .dot { border-bottom: 2px dotted; -moz-box-flex: 1; -webkit-box-flex: 1; margin: 0 2px; }
.menu li span { font-style: italic; font-weight: bold; text-transform: uppercase; }
.menu h2 { 
    background: url(../gfx/bgMenuTitle.png) 50% 50% no-repeat; 
    font-size: 39px; 
    line-height: 44px; 
    margin-bottom: 20px;
    text-align: center; 
    text-transform: uppercase;
}
.inner { margin-top: 300px; }

/* gallery */
.galleria{list-style:none;width:200px}
.galleria li{display:inline;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */

#gallery {text-align:center;background:transparent none;color:#bba;font:80%/140% georgia,serif; }
#gallery .caption{display: none;}
.gallery_demo{width:702px;margin:0 auto;}
.gallery_demo li{width:68px;height:50px;border:3px double #111;margin: 2px;background:#000;}
.gallery_demo li div{left:240px}
.gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}

#main_image{margin:0 auto 40px auto; height: 470px; width: 702px;}
#main_image img{ -moz-box-shadow: 0 0 13px rgba(0,0,0,.5); -webkit-box-shadow: 0 0 13px rgba(0,0,0,.5); -moz-box-shadow: 0 0 13px rgba(0,0,0,.5);}

/* ---------------------------------------------
                     FOOTER
 --------------------------------------------- */
 
#footer .copy { float: left; }