/* 
 * Screen styles: lipska-zebinska.pl
 * Author: www.SimpleConceptStudio.com, All rights reserved
 * Version: 23.11.2007
 */

/* RESET */

* { 
	font-weight: inherit;
	font-style: inherit;
	font-size: 12px;
	font-family: inherit;
	line-height: 1.5em;
	margin: 0;
	padding: 0;
	outline: 0;
	vertical-align: baseline;
}

ol, ul { list-style: none; }
table {	border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left;	font-weight: normal; }

/* STYLES */

body {
    background: #EFEAE0;
    background: #EFECE0;
    background: transparent url(images/bg_body.jpg) repeat top left;
	color: #4F1D0A;
	font-family: Verdana, Tahoma, Geneva, sans-serif;
	text-align: left;
}

p { font-size: 1em; margin: 0 0 1.5em 0; }
b { font-weight: bold; }

a { color: #4D7FCF; }

h1 { 
	font-family: Georgia, serif; 
	font-size: 1.5em;
	font-weight: bold;
    line-height: 1em;
    margin: 0 0 1em 0;
 }

h2 { 
	color: #6A282A;
	font-family: Georgia, serif;
	font-size: 1.1667em;
	font-weight: bold;
	line-height: 1.286em;
	margin-top: 1.929em;
	margin-bottom: 0.643em;
}

.center { text-align: center; }
#wrap { background: transparent; margin: 1.5em auto; width: 840px }
#wrap .clearboth { clear: both; border: none; margin: 0; padding: 0 }

/* HEADER */

#header { background: transparent url(images/banner.gif) no-repeat top center; float: left; height: 100px; width: 100%; }
.gm { font-family: Verdana, Tahoma, Geneva, sans-serif; font-size: 1em; margin: 0; color: #fff; margin-top: 73px; padding-right: 4.5em; font-weight: bold; text-align: right; font-style: italic; }
.logo { text-indent: -2700px; margin: 0; padding: 0; font-size: 0; }

/* NAVIGATION */

#navi { float: left; background: #572D1D url(images/bg_navi.jpg) no-repeat top right; border-top: 2px solid #fff; padding: 0.75em 0; width: 100%; }
#navi li { color: #fff; float: left; }
#navi li#kontakt { float: right; }

#navi a { color: #EFDBC2; margin: 1.5em; margin-left: 1.5em; padding: 11px 0; text-decoration: none; text-transform: uppercase; }
#navi a:link {  }
#navi a:visited {  }
#navi a:active {  }
#navi a:hover { color: #fff; text-decoration: underline; }

body#glowna-bdy a.glowna { background: transparent url(images/bg_navi_active.jpg) no-repeat center bottom; color: #fff; text-decoration: none; }
body#morskie-bdy a.galeria { background: transparent url(images/bg_navi_galeria.jpg) no-repeat center bottom; color: #fff; text-decoration: none; }
body#klasyka-bdy a.galeria { background: transparent url(images/bg_navi_galeria.jpg) no-repeat center bottom; color: #fff; text-decoration: none; }
body#zasady-bdy a.zasady { background: transparent url(images/bg_navi_active.jpg) no-repeat center bottom; color: #fff; text-decoration: none; }
body#zamowienie-bdy a.zamowienie { background: transparent url(images/bg_navi_active.jpg) no-repeat center bottom; color: #fff; text-decoration: none; }
body#od-autora-bdy a.od-autora { background: transparent url(images/bg_navi_active.jpg) no-repeat center bottom; color: #fff; text-decoration: none; }
body#kontakt-bdy a.kontakt { background: transparent url(images/bg_navi_active.jpg) no-repeat center bottom; color: #fff; text-decoration: none; }

#navi-sub { float: left; background: #EFE4E0; /* url(images/bg_navi.jpg) no-repeat right center;*/ padding: 0.75em 0; width: 100%; }
#navi-sub li { color: #fff; float: left; }
#navi-sub li#kontakt { float: right; }

#navi-sub a { color: #572D1D; margin-right: 1.5em; margin-left: 1.5em; padding: 11px 0; text-decoration: none; }
#navi-sub a:link {  }
#navi-sub a:visited {  }
#navi-sub a:active {  }
#navi-sub a:hover { color: #572D1D; text-decoration: underline; }

body#morskie-bdy a.morskie { background: transparent url(images/bg_navisub_active.jpg) no-repeat center bottom; color: #D22842; text-decoration: none; }
body#klasyka-bdy a.klasyka { background: transparent url(images/bg_navisub_active.jpg) no-repeat center bottom; color: #D22842; text-decoration: none; }

#content { background-color: #fff; float: left; width: 100%; }
#content-wrapper { padding: 1.5em 1.5em; }

/* HOME */

.item-home { float: left; width: 100%; }
.item-home-wrapper { margin: 0 0.75em; }
.home-photo { background-color: #EFD9D1; border: none; float: left; margin: 7px; padding: 1px }
.item-photos-home { float: left; margin: 0.75em 0 0 ; }
.info-home { 
	float: left;
	font-size: 0.8333em;
	font-weight: bold;
	line-height: 1.8em; 
	padding-left: 1.8em;
	width: 40%;
}

.to-gallery { 
	float: right;
	font-size: 0.8333em;
	font-weight: bold;
	line-height: 1.8em;
	padding-right: 1.8em;
	text-align: right;
	width: 17%;
}

.to-gallery a { font-size: 0.8333em; line-height: 1.8em;  text-decoration: none; text-transform: uppercase; }
.to-gallery a:link {  }
.to-gallery a:visited {  }
.to-gallery a:active {  }
.to-gallery a:hover { text-decoration: underline; }

#intro { float: left; width: 100%; }
#intro-wrapper { border-top: 2px solid #EFE4E0; margin: 1.5em 1.5em 1.5em 1.5em; }
#intro h2 { margin-top: 1.286em; font-weight: bold; font-size: 1.5em; line-height: 1em; margin: 1em 0 0.375em 0; }
#intro h2 a { text-decoration: none; }
#intro h2 a:hover { text-decoration: underline; }

.summary { font-style: italic; }
.more { 
	float: left; 
	background: transparent;
	font-size: 0.8333em;
	font-weight: bold;
	line-height: 1.8em;
	padding: 0.35em;
	width: 100%;
}
.more a { float: right; font-size: 0.8333em; line-height: 1.8em; width: 17%; text-decoration: none; text-transform: uppercase; }
.more a:hover { text-decoration: underline; }
.more p { float: left; width: 60%; margin-bottom: 0; }

.wiecej { 
	float: left; 
	background: transparent;
	border-top: 2px solid #EFE4E0;
	font-weight: bold;
	width: 100%;
}
.wiecej a { float: right; font-size: 0.8333em; line-height: 1.8em; width: 14%; text-decoration: none; text-transform: uppercase; }
.wiecej a:hover { text-decoration: underline; }
.wiecej p { float: left; width: 60%; margin-bottom: 0; }


#left { float: left; width: 377px; }
#right { float: right; width: 377px; }

/* OD AUTORA */

.photo-right{ background: #EFE4E0; float: right; margin: 0 1.5em 1.5em 1.5em; padding: 4px; }

/* GALERIA */

#gallery { background-color: #fff; float: left; width: 100% }
#gallery-wrapper { padding-left: 0 }

.intro-morskie { background-color: #EFEAE0; font-family: Georgia, serif; font-style: italic; margin: 1.5em; padding: 1.5em; }
.intro-klasyka { background-color: #EFEAE0; font-family: Georgia, serif; font-style: italic; margin: 1.5em; padding: 1.5em; }

.item { /*border-bottom: 3px solid #EFE4E0;*/background: transparent url(images/bg_item.gif) no-repeat center bottom; margin-top: 3em; padding-bottom: .75em; float: left; width: 100% }
.item-wrapper { width: 620px; margin: 0 0 3em 10em; padding-bottom: .75em; }

.item-photo { float: left; width: 300px; }
.item-photo img { background-color: transparent; border: none; }

.item-info { float: right; width: 282px; }

.title {
	float: left;
	font-weight: bold;
	text-align: center;
	margin-top: 1.5em;
	width: 100%;
}

.size {	
	float: left;
	font-size: 0.8333em;
	line-height: 1.8em; 
	margin-top: 3em;
	text-align: center;
	width: 100%;
}

.technic {	
	float: left;
	font-size: 0.8333em;
	line-height: 1.8em; 
	margin-top: 3em;
	text-align: center;
	width: 100%;
}

.info {	
	float: left;
	font-size: 0.8333em;
	line-height: 1.8em; 
	text-align: center;
	width: 100%;
}

.to-cart { float: left; background: transparent url(images/to_cart.jpg) no-repeat center center; margin-top: 6em; width: 100%; }

.price {
	background: transparent;
	float: left;
	font-size: 0.8333em;
	line-height: 1.8em;
	margin-top: 4.5em;
	font-style: italic;
	text-align: center;
	width: 100%;
}

.cart { 
	/* background: transparent url(images/do_koszyka.jpg) no-repeat center center; */
	float: right;
	font-size: 0.8333em;
	font-weight: bold;
	line-height: 1.8em;
	margin-top: 0.75em;
	margin-bottom: 4.5em;
	/* padding: 0.75em; */
	text-align: center;
	width: 100%;
}

.cart a { font-size: 0.8333em; line-height: 1.8em;  text-decoration: none; text-transform: uppercase; }
.cart a:link {  }
.cart a:visited {  }
.cart a:active {  }
.cart a:hover { text-decoration: underline; }

.sold { float: left; margin-top: 6em; width: 100%; text-align: center; }
.sold img { background-color: transparent; border: none; }

.item-foot { clear: both; float: left; width: 100%; }

.kliknij {
	float: left;
	font-size: 0.8333em;
	line-height: 1.8em;
	margin-top: 1.5em; 
	margin-left: 1.5em;
	width: 45%;
}

#about { margin: 2em 0 }
#about p { text-align: left }

.gal-photo { float: left; border: 10px solid #eee; margin: 2em .5em 3em .5em }

#footer { background: transparent url(images/bg_footer.gif) no-repeat center bottom; border-top: 2px solid #572D1D; float: left; padding: 0.75em 0 0 0; width: 100% }
#footer p { color: #fff; margin-bottom: 0.75em; }

#made-by { float: left; margin: 0.75em 0; width: 100% }
#made-by p { font-size: 0.8333em; line-height: 1.8em; text-align: center; }
#made-by a { color: #B38563; font-size: 1em; }

/* FORMS */

.order-table td { padding: 0.75em; vertical-align: top; }

.mail-table td { padding: 0.75em; }

fieldset { background-color: #EFE8E0; border: 2px solid #DFD9D1; padding: 1.5em; }

.attention { font-weight: bold; margin-top: 1.5em; }
.error { background-color: #FFFFDF; border: 2px solid #EEEFB3; color: #DD0101; margin-bottom: 1.5em; padding: 0.75em; }
.success { background-color: #FFFFDF; border: 2px solid #EFE4E0; color: green; margin-bottom: 1.5em; padding: 0.75em; }


/* LIGHTBOX */
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}

#imageContainer{
	padding: 10px;
}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
	
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
}