/**
 * SqueezeBox - Expandable Lightbox
 *
 * Allows to open various content as modal,
 * centered and animated box.
 *
 * @version		1.1 rc4
 *
 * @license		MIT-style license
 * @author		Harald Kirschner <mail [at] digitarald.de>
 * @copyright	Author
 */

#sbox-overlay {
	position: absolute;
	background-color: #000;
	left: 0px;
	top: 0px;
	zoom: 1;
}

#sbox-window {
	position: absolute;
    background: #FCFF00 url(i/bg.jpg) no-repeat center;
	text-align: left;
	overflow: visible;
	padding: 10px;
	/* invalid values, but looks smoother! */
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#sbox-btn-close {
	position: absolute;
	width: 30px;
	height: 30px;
	right: -15px;
	top: -15px;
	background: url(i/squeezebox/closebox.png) no-repeat center;
	border: none;
}

.sbox-window-ie6 #sbox-btn-close {
	background-image: url(i/squeezebox/closebox.gif);
}

.sbox-loading #sbox-content {
	background-image: url(i/ajax-loader.gif);
	background-repeat: no-repeat;
	background-position: center;
}

#sbox-content {
	clear: both;
	overflow: auto;
    background-color: #FCFF00;
	height: 100%;
	width: 100%;
    overflow-x:hidden;
    overflow-y:auto;
}

.sbox-content-image#sbox-content {
	overflow: visible;
}

#sbox-image {
	display: block;
}

.sbox-content-image img {
	display: block;
	width: 100%;
	height: 100%;
}

.sbox-content-iframe#sbox-content {
	overflow: visible;
}
.sbox-content-iframe iframe { background: transparent; }

/* Hides scrollbars */
.body-overlayed {
	overflow: hidden;
}
/* Hides flash (Firefox problem) and selects (IE) */
.body-overlayed embed, .body-overlayed object, .body-overlayed select {
	visibility: hidden;
}
#sbox-window embed, #sbox-window object, #sbox-window select {
	visibility: visible;
}

/* Shadows */
.sbox-bg {
	position: absolute;
	width: 33px;
	height: 40px;
}

.sbox-bg-n {
	left: 0;
	top: -40px;
	width: 100%;
	background: url(i/squeezebox/bg_n.png) repeat-x;
}
.sbox-bg-ne {
	right: -33px;
	top: -40px;
	background: url(i/squeezebox/bg_ne.png) no-repeat;
}
.sbox-bg-e {
	right: -33px;
	top: 0;
	height: 100%;
	background: url(i/squeezebox/bg_e.png) repeat-y;
}
.sbox-bg-se {
	right: -33px;
	bottom: -40px;
	background: url(i/squeezebox/bg_se.png) no-repeat;
}
.sbox-bg-s {
	left: 0;
	bottom: -40px;
	width: 100%;
	background: url(i/squeezebox/bg_s.png) repeat-x;
}
.sbox-bg-sw {
	left: -33px;
	bottom: -40px;
	background: url(i/squeezebox/bg_sw.png) no-repeat;
}
.sbox-bg-w {
	left: -33px;
	top: 0;
	height: 100%;
	background: url(i/squeezebox/bg_w.png) repeat-y;
}
.sbox-bg-nw {
	left: -33px;
	top: -40px;
	background: url(i/squeezebox/bg_nw.png) no-repeat;
}

/* RESET */
html,body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,button,legend { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul.menu { list-style: none; }
ul.menu, ul.menu li { margin: 0; padding: 0; }
ul.menu li { display: inline; list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
/*table { border-collapse: collapse; border-spacing: 0; }*/

/* LAYOUT */
.column { float: left; }

/* FLOAT FIX */
#body:after, #container:after, .floatfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#body, #container, .floatfix { zoom:1; }


/* TYPE */
body { font: 12px/1.25em Arial, Helvetica, sans-serif; background-color:#fff; color:#666; }

a { color: #000; }
strong, b { font-weight:bold; }
em, i { font-style:italic; }
sup { padding-left:1px; font-size:9px !important; font-weight:normal !important; vertical-align: baseline; position: relative; bottom: 0.33em; _position:static !important; }

.marker { background-color: #F7DE05; }
.dsbld { display: none !important; }
.invsbl { visibility: hidden !important; }

/* PRINT */
@media print {
    body, #body, #content, #container { color:#000 !important; background: #fff !important; }
    a, a:link, a:visited { color:#000 !important; text-decoration:none !important; }
    .noprint { display: none !important; }
}

html, body { width: 100%; background: #000; margin: 0; padding: 0; color: #222; font: 12px/1.2em Georgia, Garamond, serif; }
body { background: transparent; }

input, a { outline: transparent none 0; }
a img { border: none; }

h1, h2, h3, p, ul, ol {margin-bottom: 15px; font: 12px/1.2em Georgia, Garamond, serif; color:#444;}
h1, h2, h3 { font-weight: bold; color: #222 }
h1 { font-size: 16px; }
h2 { font-size: 15px; }
h3 { font-size: 14px; }
h4 { font-size: 13px; }

blockquote { margin: 0 0 15px 40px; padding: 0; }

.marker { color: #000 !important; background-color: #f0ec6e !important; font-style: italic !important; }
.i-left { float: left; margin-right: 10px; margin-bottom: 10px; }
.i-right { float: right; margin-left: 10px; margin-bottom: 10px; }

.menu, .menu li { display: inline; margin: 0; padding: 0; list-style-type: none; }
.menu a { display: block; float: left; }

a { color: #000; padding: 1px; }
a:hover { background-color: #000; color: #FCFF00; padding: 1px; }

#body { position: relative; width: 970px; height: 925px; margin: 0 auto; background: #000 url(i/bg.jpg) no-repeat center center; }

#home-link { position: absolute; left: 355px; top: 172px; display: block; width: 250px; padding-top: 315px; height: 0; overflow: hidden; background: url(i/mroja_press_logo.png) no-repeat; visibility: hidden; }
#skip-link { position: absolute; left: -500px; width: 490px; overflow: hidden; }

.wait { background: url(i/ajax-loader.gif) no-repeat center; }

/* oferta */
#h_oferta { position: absolute; left: 3px; top: 51px; width: 84px; height: 0; padding-top: 40px; background: url(i/Some_are_Born_to_sweet_delight.png) no-repeat; overflow: hidden; z-index: 5; visibility: hidden; }
#c_oferta { position: absolute; left: 30px; top: 110px; width: 300px; height: 620px; overflow: hidden; visibility: hidden; z-index: 10; visibility: hidden; }
#c_oferta_wyroznione-mask, #c_oferta_wyroznione { position: absolute; left: 0; top: 0; width: 300px; height: auto; min-height: 360px; }
#c_oferta_wyroznione-mask { height: 360px; overflow: hidden; }
#c_oferta_lista { position: absolute; left: 0; top: 430px; width: 300px; height: 180px; overflow: hidden; }
#c_oferta_bg { position: absolute; left: 0; top: 80px; width: 395px; height: 679px; overflow: hidden; visibility: hidden; z-index: 1; }


/* newsy */
#h_newsy { position: absolute; left: 605px; top: 54px; width: 234px; height: 0; padding-top: 38px; background: url(i/Some_are_Born_to_Endless_Night.png) no-repeat; overflow: hidden; z-index: 5; visibility: hidden;  }
#c_newsy, #c_newsy-mask { position: absolute; left: 630px; top: 115px; width: 292px; height: 203px; overflow: hidden; z-index: 10; visibility: hidden; }
#c_newsy { left: 0; top: 0; overflow: visible; height: auto; }
#c_newsy_bg { position: absolute; left: 580px; top: 80px; width: 372px; height: 288px; overflow: hidden; visibility: hidden; z-index: 1; }
h1.news_title { font-size: 12px; font-weight: bold; line-height: 1em; }


/* zapowiedzi */
#h_zapowiedzi { position: absolute; left: 629px; top: 457px; width: 157px; height: 0; padding-top: 38px; background: url(i/Every_Night_every_Morn.png) no-repeat; overflow: hidden; z-index: 5; visibility: hidden; }
#c_zapowiedzi-mask, #c_zapowiedzi {position: absolute; left: 460px; top: 515px; width: 300px; height: 217px; overflow: hidden; visibility: hidden; z-index: 10; visibility: hidden; }
#c_zapowiedzi { left: 0; top: 0; overflow: visible; height: auto; }
#c_zapowiedzi_bg {position: absolute; left: 433px; top: 462px; width: 354px; height: 293px; overflow: hidden; visibility: hidden; z-index: 1; }


/* wydania */
.release { clear: both; margin-bottom: 15px; vertical-align:top; }
#sbox-content .release { padding: 15px; }
.release_cover { display: inline-block; width: 80px; height: 120px; overflow: hidden; border: 2px solid #000; margin-right: 15px; vertical-align:top; background-position: center; background-repeat: no-repeat; background-color: #000; text-decoration: none; padding: 0; }
.release_cover:hover { padding: 0; }
.release_info { display: inline-block; width: 195px; vertical-align:top; }
h1.release_title { font-size: 30px; line-height: 1em; font-weight: normal; }
dt { float: left; clear: left; margin-right: 1ex; color: #444; font-size: 11px; }
dd { clear: right; color: #000; }
dl { clear: both; }
.release_price { font-weight: bold; color: #009cff; }
.release_body { margin-top: 15px; }

#c_oferta_lista .release_cover { width: 50px; height: 50px; margin: 0 11px 11px 0; background-color: #000; }

/* tips */
.tip-wrap { position: absolute; z-index: 50; background: #fff; padding: 5px; -moz-box-shadow: 1px 1px 2px #888; -webkit-box-shadow: 1px 1px 2px #888; left: -500px; display: none;  }
.tip-title { font-weight: bold; }
.tip-text { font-weight: normal; }

/* granaty */
.granat_lewy { position: absolute; background: url(i/granat_lewy.png) no-repeat; width: 29px; height: 45px; z-index: 100; display: none; }
.granat_prawy { position: absolute; background: url(i/granat_prawy.png) no-repeat; width: 29px; height: 45px; z-index: 100; display: none; }

/* vcard */
.vcard { position: absolute; right: 0; bottom: 0; width: 270px; color: #FCFF00; display: none; }
.vcard a { color: #fff; text-decoration: none; }
.vcard a:hover { background-color: #fff; color: #000; }
.vcard .org a { color: #FCFF00; text-decoration: none; }
.vcard .org a:hover { color: #000; background-color: #FCFF00; }

#h_tu_kupisz_komiksy { position: absolute; left: 0; bottom: 0; display: none; }
#h_tu_kupisz_komiksy a { color: #fff; text-decoration: none; display: block; height: 90px; width: 190px; background: url(i/tu_kupisz_komiksy.png) no-repeat left bottom; }
#h_tu_kupisz_komiksy a:hover { background-color: #000; color: #fff; }
.popup-box { padding: 15px; }

#body.body-base { width: auto; height: auto; }
#body.body-base #content { background-color: #FCFF00; padding: 16px; width: auto; height: auto; }
#body.body-base .release_info { width: 450px; }
#body.body-base #home-link { position: static; display: none; visibility: visible; width: auto; height: auto; padding: 3px; margin: 0; overflow: visible; color: #FCFF00; background: #000 none; }
#body.body-base #home-link:hover { color: #fff; }