a:link, a:visited, a:active { color: #1b0430; text-decoration: none; }
a:hover { color: #5f4874; text-decoration: none; }

html, body {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	
	background-color: #222;
	font-family: Verdana, sans-serif;
	overflow: hidden;
}


/* START vertical-centering */
#outer{
	display:table;
	width: 100%;
	height: 100%;
	
	vertical-align:middle;
}

#container {
	display: table-cell;
	position:relative;
	height: 468px;
	
	text-align: center;
	vertical-align: middle;
}
#inner {
	position: relative;
	width: 850px;
	height: 450px;
	
	margin: 0px auto;
}
/* END vertical-centering*/

	#authorBar {
		position: absolute;
		left: 0px;
		width: 40px;
		height: 100%;
	}
	#photobook {
		position: absolute;
		left: 40px;
		width: 670px;
		height: 100%;
		
		background-color: #fff;
	}
		#photoFrame {
			position: absolute;
			left: 0px;
			height: 420px;
			margin: 15px;
			width: 470px;
		}
			#naamBoek {
				padding-top: 50px;
				color: #fff;
				font-size: 10pt;
			}
				#naamBoek span {
					font-size: 25pt;
				}
			#loginFrame {
				width: 100%;
				height: 270px;
				
				background-color: #222;
			}
				#loginFrame { margin: 0px auto; }
			#photos {
				width: 100%;
				height: 270px;
				
				background-color: #222;
			}
				#photos { margin: 0px auto; }
				#photos table { padding-top: 15px; }
				#photos td {
					overflow: hidden;
					width: 135px;
					height: 90px;
					padding: 10px 7px 15px;
					
					text-align: center;
					vertical-align: middle;
				}
				#photos img { border: 0px; }
				#next_p {
					position: absolute;
					top: 140px;
					left: 325px;
				}
				#next_p img { width: 50px;}
				#n_prev {
					position: absolute;
					top: 200px;
					left: 325px;
				}
				#n_prev img { width: 50px;}
			
			#description {
				overflow-x: hidden;
				overflow-y: auto;
				width: 450px;
				height: 140px;
				padding: 5px 10px;
				
				background-color: #810100;
				color: #fff;
				font-size: 9pt;
				text-align: left;
			}
		#logoFrame {
			position: absolute;
			top: 150px;
			left: 420px;
			height: 150px;
			width: 150px;
			
			background-color: #fff;
		}
			#logo {
				height: 110px;
				margin: 10px;
				
				border: 10px solid #810100;
			}
				#logo img { border: 0px; }
		#navBar {
			position: absolute;
			top: 160px;
			left: 570px;
			height: 150px;
			
			font-size: 9pt;
			text-align: left;
			vertical-align: bottom;
		}
			#navBar ul {
			  margin: 0px;
			  padding: 0px;
			  
			  list-style-type: none;
			}
				#navBar ul li { margin: 0px 0px 8px 0px; }
				#navBar .selected { color: #a00; }

#titleBar {
	position: absolute;
	top: 0px;
	left: 50%;
	width: 150px;
	height: 100%;
	margin-left: 225px;
	
	background-color: red;
	opacity: .3;
	filter: alpha(opacity = 30);
}

#login { margin: 50px 75px;}
	#login #errorMsg {
		color: #e32322;
		font-size: 10pt;
		text-align: center;
	}
	#login td {
		width: 150px;
		padding-top: 5px;
		color: #fff;
	}
	#login .left { text-align: left; }
	#login .right { text-align: right; }
		#login .right input {width: 125px;}