@charset "utf-8";
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background:#CCC;
	background:url(img/bgnd-grey-box.png); 
	margin: 0;
	padding: 0;
	text-align: center;
	color:#FFF;
}

#container { 
	width: 920px;
	height:675px;
	background: #DEDEDE;
	border: 0px solid #FFF;
	margin: 0 auto;
	text-align: left;
	
	/* CSS3 tweaks for modern browsers 
	-moz-box-shadow:0 0 9px #666;
	-webkit-box-shadow:0 0 9px #666; */
}


A:link, A:visited, A:active {
	color: #999;
	TEXT-DECORATION: none;
}

A:hover {
	color: #C00;
}



#layout-top {
	margin: 0 auto; 
	width:920px; 
	height:40px;
	background:url(img/layout-top.png); 
	background-position: center top; 
	border:none;
}


#layout-top A:link, A:visited, A:active {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color: #0F0;
	TEXT-DECORATION: none;
}

#layout-top A:hover {
	color: #999;
}


.layout-side-left {
	margin: 0 auto;
	float:left;
	width:40px; 
	height:595px; 
	background:url(img/layout-side-left.png); 
	background-position: center top; 
	border:none;
}

.layout-side-right {
	margin: 0 auto;
	float:left;
	width:40px; 
	height:595px; 
	background:url(img/layout-side-right.png); 
	background-position: center top; 
	border:none;
}

.layout-panel-left {
	margin: 0 auto;
	float:left;
	width:420px; 
	height:595px;
	background:#FFF;
	border:none;
}

.layout-panel-right {
	margin: 0 auto;
	float:left;
	width:420px; 
	height:595px;
	background:#FFF;
	border:none;
}

#layout-bottom {
	margin: 0 auto;
	float:left;
	width:920px; 
	height:40px; 
	background:url(img/layout-bottom.png); 
	background-position: no-repeat center top; 
	border:none;
}

#layout-bottom A:link, A:visited, A:active {
	font-family: Verdana, Geneva, sans-serif;
	font-size:12px;
	color: #666;
	TEXT-DECORATION: none;
}

#layout-bottom A:hover {
	color: #000;
}

#layout-bottom-owieczka {
	margin: 0 auto;
	float:left;
	width:920px; 
	height:40px; 
	border:none;
}


#BoxInactive {
	float:left;
	margin-left:2px;
	margin-right:2px;
	height:17px;
	width:auto;
	display:inline;
	background-color: #CCC;
	border-color:#FFF;
	text-align:center;
	}
	
#BoxInactive A:link, A:visited, A:active {
	color: #666;
	margin-left:4px;
	margin-right:4px;
}

#BoxInactive A:hover {
	color: #F00;
	text-decoration:underline;
}

#BoxInactive p {
	margin-top:0px;
	margin-left:6px;
	margin-right:6px;
	text-align:center;
	font-size:12px;
	color:#666;
	}

#BoxActive {
	float:left;
	margin-left:2px;
	margin-right:2px;
	height:17px;
	width:auto;
	background-color: #C30;
	}

#BoxActive p {
	margin-top:0px;
	margin-left:6px;
	margin-right:6px;
	text-align:center;
	font-size:12px;
	color:#FFF;
	}

#FormBox {
	float:left;
	margin: 0 2 0 2;
	border:none;
	height:17px;
	width:auto;
	}



/* Index Nazwisk */
#name-index-header {
	float:left; 
	width: 400px; 
	margin:10 10 10 10px;
	}

#name-index-header h2 {
	margin:10 0 0 10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	color: #C00;
	}
	
#name-index-header p {
	margin:5 0 10 10px;
	font-family: Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#C00;
	}

#name-index-header A:link, A:visited, A:active {
	margin:0 0 0 0px;
	color: #000;
}

#name-index-header A:hover {
	color: #C00;
}

#name-index-list-container {
	float:left;
	width:400px;
	height:470px;
	margin:0 10 10 10;
	overflow: auto;
	}

#name-index-list-row {
	float:left;
	width:360px;
	margin:0 10 5 10;
	border-bottom: 1px solid #CCC;
	}

#name-index-list-namebox {
	float: left;
	width: 130px;
	margin-right:10px;
	font-family: Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#333;
	}

#name-index-list-pagebox {
	float: left;
	width: 220px;
	font-family: Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#333;
	}
	
#name-index-list-pagebox A:link, A:visited, A:active {
	color:#000;
	}	
	
#name-index-list-pagebox A:hover {
	color:#C00;
	}		

/* spis tresci */
#contents-container {
	float:left;
	width:400px;
	height:450px;
	margin:0 10 10 10;
	overflow: auto;
	}
	
#contents-container h2{
	font-family: Verdana, Geneva, sans-serif;
	font-size:16px;
	color:#C00;
}
	
#contents-container A:link, A:visited, A:active {
	color:#000;	
	}
	
#contents-container A:hover {
	color:#C00;	
	}
	
#contents-box-lp {
	float: left;
	width: 20px;
	margin-right:10px;
	font-family: Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#333;
	}
	
#contents-box-tytul {
	float: left;
	width: 180px;
	margin-right:10px;
	font-family: Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#333;
	}
	
#contents-box-autor {
	float: left;
	width: 100px;
	margin-right:11px;
	font-family: Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#333;
	}

#contents-box-strona {
	float: right;
	width: 30px;
	margin-right:11px;
	font-family: Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#333;
	}


/* MENU ELEMENTS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#menu-book {
	background: url(img/layout-top-menu-book.png) no-repeat 0 0;
	border: none;
	float: left;
	height: 40px;
	margin: 0 0 0 80px;
	padding: 0;
	text-decoration: none;
	text-indent: -3000px;
	width: 53px;
}
#menu-book:hover {
	background: url(img/layout-top-menu-book.png) no-repeat 0 -40px;
}

#menu-contents {
	background: url(img/layout-top-menu-contents.png) no-repeat 0 0;
	border: none;
	float: left;
	height: 40px;
	margin: 0px;
	padding: 0;
	text-decoration: none;
	text-indent: -3000px;
	width: 106px;
}
#menu-contents:hover {
	background: url(img/layout-top-menu-contents.png) no-repeat 0 -40px;
}

#menu-nameindex {
	background: url(img/layout-top-menu-nameindex.png) no-repeat 0 0;
	border: none;
	float: left;
	height: 40px;
	margin: 0px;
	padding: 0;
	text-decoration: none;
	text-indent: -3000px;
	width: 138px;
}
#menu-nameindex:hover {
	background: url(img/layout-top-menu-nameindex.png) no-repeat 0 -40px;
}