/* 
html5doctor.com Reset Stylesheet
v1.4 
2009-07-27
Author: Richard Clark - http://richclarkdesign.com
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
form, label, legend, /* fieldset */
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header, 
hgroup, menu, nav, section, menu,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
body {
	line-height:1;
	font-family: "Helvetica Neue Light", "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
}

article, aside, dialog, figure, footer, header, 
hgroup, nav, section { 
	display:block;
}

nav ul {
	list-style:none;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

a {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	text-decoration: none;
}

ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

mark {
	background-color:#ff9;
	color:#000;	
	font-style:italic;
	font-weight:bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom:1px dotted #000;
	cursor:help;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;	
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
	vertical-align:middle;
}

/* Site specific elements */
body {
	width: 980px;
	}
header {
	background: #434751 url(/images/header-bg.png) right top repeat-y;
	}
h1 {
	background: url(/images/zbig-logo.png) left 50% no-repeat;
	color: #fff;
	font-size: 2em;
	font-weight: normal;
	letter-spacing: 1px;
	margin: 40px 0 90px 40px;
	padding: .5em 0 .5em 120px;
	}
	h1 span {
		color: #9da19f;
		}
/* =links */
a {
	border-bottom: 1px solid;
	color: #fff;
	}
	a:visited {
		border-bottom: 1px dotted;
		color: #fff;
		}
	a:hover {
		color: #da469b;
		}

#content {
	background-color: #ccc;
	min-height: 480px;
	}
/* =nav */
nav {
	width: 120px;
	float: left;
	padding-left: 40px;
	padding-top: 25px;
	text-transform: capitalize;
	}
	nav li {
		padding: 10px 0;
		}
		nav a:link, nav a:visited {
			border-bottom: none;
			color: #777;
			}
		nav a:hover {
			border-bottom: none;
			color: #6a28b5;
			/* color: #e1409b; stary rozowy kolor*/
			}
			#current {
				color: black;
				}
				#current:hover {
					color: #6a28b5;
					/* color: #e1409b; stary rozowy kolor*/
					}
#main-content {
	background: #666 left top no-repeat;
	color: #fff;
	min-height: 395px; /* 395px + 85px padding-top = 480px = height of #main-content on every page */
	margin: 0 0 0 160px;
	padding: 85px 0 0 130px;
	}
	#home-page #main-content {
		padding: 0;
		}
	#main-content p, #main-content ul, #main-content dd {
		font-size: .8125em; /* 14 px */
		line-height: 1.4em;
		}
	#main-content p {
		width: 600px;
		}
	.slideshow {
		list-style: none;
		}
	#main-content .panel {
		width: 820px;
		height: 480px;
		}
		#main-content .panel ul {
			list-style: none;
			}
		#main-content .panel p, #main-content .panel ul {
			font-size: 2em;
			line-height: 1.3em;
			padding: 20px 0 0 20px;
			width: 7em;
			}
			#panel0 {
				background: url(/images/panel0.jpg) left top no-repeat;
				}
				#panel0 p.additional-info {
					color: #ccc;
					font-size: 1.75em;
					margin-top: 120px;
					width: auto;
					}
			#panel1 {
				background: url(/images/panel1.jpg) left top no-repeat;
				}
			#panel2 {
				background: url(/images/panel2.jpg) left top no-repeat;
				}
			#panel3 {
				background: url(/images/panel3.jpg) left top no-repeat;
				}
			#panel4 {
				background: url(/images/panel4.jpg) left top no-repeat;
				color: #ccc;
				}
			#panel5 {
				background: url(/images/panel5.jpg) left top no-repeat;
				}
			#panel6 {
				background: url(/images/panel6.jpg) left top no-repeat;
				}
	#profile-page #main-content {
		background-image: url(/images/zbig-avatar.jpg);
		}
	#portrait-page #main-content {
		background-image: url(/images/zbig-photo.png);
		padding-top: 56px; /* a bit less padding (was 85px) to compensate for the height of h2 and white space around it */
		padding-bottom: 17px;
		}
	#domains-page #main-content {
		background-image: url(/images/infinity.jpg);
		min-height: 424px;
		padding-top: 56px;
		}
	#auteur-page #main-content p {
		font-style: italic;
		line-height: 1.6em;
		width: 31.5em;
		letter-spacing: 1px;
		margin-left: 60px;
		padding: 80px 0 20px 240px;
		}
	#references-page #main-content {
		/* background-image: url(/images/q-icon.png); */
		background-color: #ccc;
		border: 1px solid #ccc;
		border-width: 1px 1px 1px 0;
		height: 420px;
		padding: 0;
		}
	#contact-page #main-content {
		background-image: url(/images/zbig-logo-gray.png);
		}
	h2, dt, legend {
		font-size: 1em;
		font-weight: bold;
		padding: .8125em 0;
		}
		h2:first-child, dt:first-child {
			padding-top: 0;
			}
	dl dl {
		padding-top: 1em;
		}
	#design-column {
		float: left;
		width: 20em;
		}
	#photo-column {
		margin-left: 20em;
		}
		#photo-column dd dl {
			font-size: 1.125em; /*compensates the size decrease caused by nesting dls*/
			}
	.showcase #main-content {
		background: #333 url(/images/gallery-bg-gray.gif) left top repeat-y;
		width: 820px;
		height: 480px;
		padding: 0;
		position: relative;
		}
/* =gallery */
	#main-content #gallery {
		list-style: none;
		width: 446px;
		line-height: 0;
		margin-left: 56px;
		padding-top: 160px;
		}
		#auteur-page #gallery {
			width: 716px;
			padding-top: 0; /* on this page the paragraph has padding-top instead of #gallery! */		
			}
		#portrait #gallery {
			width: 676px;
			}
		#gallery li {
			margin: 0;
			padding: 0;
			width: 76px;
			float: left;
			margin: 0 8px 2px 0;
			}
		#gallery a {
			border: none;
			}
			#gallery a img {
				padding: 3px;
				}
				#gallery a:hover img {
					border: 3px #da589e solid;
					padding: 0;
					}
			#gallery a em {
				font-size: .857em; /* 12px/14px= */
				font-style: normal;
				line-height: 1.2em;
				padding-left: 5px;
				}
		#overlay {
			background: #333;
			width: 100%;
			height: 100%;
			margin: 0;
			padding: 0;
			display: none;
			position: absolute;
			top: 0;
			left: 0;
			text-align: center; /* places everything inside #overlay in it's center */
			cursor: pointer;
			}
#vcard-zbig {
	float: left;
	width: 16em;
	}
	#vcard-zbig dd {
		padding: 1em 0;
		width: 16em;
		}
/* =contact form */
form {
	margin-left: 21em;
	}
legend {
	padding-top: 0;
	}
form ol {
	list-style-type: none;
	}
fieldset {
	border: none;
	width: 300px;
	}
label {
	display: block;
	font-size: .875em;
	margin-bottom: .025em;
	margin-top: .25em;
	}
input, textarea {
	width: 300px;
	margin: 2px 0 6px 0;
	padding: 2px 0;
	}
	input.button {
		width: auto;
		margin: 0;
		}
	textarea {
		height: 7em;
		}
.honey-pot {
	display: none;
	}
.message {
	background-color: #464443;
	margin: 10px 0;
	padding: 0 10px;
	}
	#alert em {
		font-weight: bold;
		line-height: 2em;
		}
	#alert ul {
		padding-bottom: 10px;
		}
		#alert ul li {
			color: white;
			}
#photo-nav {
	clear: both;
	color: #777;
	font-style: italic;
	padding: 6px 214px;
	text-transform: uppercase;
	width: auto;
	}
	#photo-nav li {
		display: inline;
		padding-right: 1em;
		}
footer {
	clear: both;
	color: #999;
	font-size: .6875em; /* 11px */
	font-style: italic;
	margin: 20px 0;
	padding-left: 40px;
	}
	footer p {
		margin: 6px 0;
		}
	#fop {
		position: relative;
		top: -60px;
		text-align: right;
		right: 0;
		}
		#fop a:link {
			color: #999;
			}
		#fop a:visited {
			color: #999;
			}