/* Art of Dreams CSS */
/* ---------------------------------------------------------------------------------- */
body {
	font-family: Tahoma, Verdana, Arial;
	font-size: 15px;
	
	color: #d4f7e3;

	margin: 0px;
	background-color: #000000;

}

a:link {
	color: #00ffff;
	text-decoration: underline;
}
a:visited {
	color: #00ffff;
	text-decoration: underline;
}
a:hover {
	color: #f7d6c9;
	text-decoration: none;
}

.whitelinks a:link {
	color: #ffffff;
	text-decoration: none;
}
.whitelinks a:visited {
	color: #ffffff;
	text-decoration: none;
}
.whitelinks a:hover {
	color:#00ffff;
	text-decoration: none;
}

#page-container {
	width: 980px;
	height: 500px;

	margin-left: auto;
	margin-right: auto;
}

#page-body {
	position: absolute;
	top: 80px;
	z-index: 8;
	
	width: 700px;
	height: 610px;
	
	margin-left: 255px;
	margin-right: 5px;
	
	overflow: auto;	
	
	padding: 10px;

	background-image: url(../images/logo_background.png);
	background-position: right center;
	background-repeat: no-repeat;
}
#page-body .heading {
	font-family:"Monotype Corsiva",  Tahoma, Verdana, Arial;
	font-size: 30px;
}	

#banner-top {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	z-index: 9;
	
	width: 100%;
	height: 80px;
	
	text-align: center;
	
	background-color: #004845;
	background-image:url(../images/banner_top.png);
	background-position: top center;
	background-repeat: no-repeat;
}
html>body #banner-top {
	width: auto;
}

#banner-bottom {
	position: absolute;
	top: 690px;
	left: 0px;
	right: 0px;
	z-index: 9;
	
	width: 100%;
	height: 20px;
	
	text-align: center;

	padding-top: 10px;
	
	background-color: #004845;
	background-image:url(../images/banner_bottom.png);
	background-position: top center;
	background-repeat: no-repeat;
}
html>body #banner-bottom {
	width: auto;
}

#girl-box-bottom {
	position: absolute;
	top: 40px;
	z-index: 10;
	
	width: 208px;
	height: 667px;
	
	margin-left: 30px;
	
	background-image:url(../images/girl_bottom.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	opacity: 0.4;	
}

#girl-box-top {
	position: absolute;
	top: 48px;
	z-index: 11;
	
	width: 192px;
	height: 651px;
	
	margin-left: 38px;
	
	background-image:url(../images/girl_bottom.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#photo-preview {
	position: absolute;
	top: 80px; 
	bottom: auto;	
	z-index: 21;
	
	width: 100%;

	padding: 5px;
	
	text-align: center;
/*	background: #acc5c3;*/
}

#photo-blotter {
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	z-index: 20;

	width: 100%;
	height: 730px;
	
	background: #000000;

	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8;
}
html>body #photo-blotter {
	width: auto;
	height: auto;
}

.thumbs a{
	padding: 2px;
	margin: 2px;
}
.thumbs a:href {
	background: #5f1700;
}
.thumbs a:visited {
	background: #5f1700;
}
.thumbs a:hover {
	background: #009999;
}


.padded-5 {
	padding: 5px;
}
.padded-2 {
	padding: 2px;
}

.cell {
	display: inline;
}

.box-brown {
	background-color: #5f1700;
	color: #ffffff;
}	

.box-darkgreen {
	background-color: #00574f;
	color: #ffffff;
}

.box-green {
	background-color: #004845;
	color: #ffffff;
}

.box-lightgreen {
	background-color:#009999;
	color: #ffffff;
}

.text-small {
	font-size: 11px;
}