﻿body
{
	background-image:url('WoodBackgroundLighter.jpg');
	background-position:left top;
	background-repeat:repeat;
	font-family:Arial;
	font-size:small;
	margin: 0px;
	color:White;
}

.heading
{
	padding:5px 0px 5px 5px;
	background-color:#4477AA;
	border-bottom: solid 1px #CCCCCC;
	font-size:xx-large;
	font-family:Arial Narrow;
	letter-spacing:0.5em;
}

.albumDetails
{
	max-width: 500px;
}

.linkDetails
{
	max-width: 600px;
}

.linkDetails a
{
	text-decoration:none;
	color:#88AACC;
}

.thumbnail
{
	border: solid 1px white;
	margin: 0 10px 0 0;
}

.albumTitle
{
	color:#88AACC;
	font-family:Arial Narrow;
	font-size:x-large;
	margin: 0 0 5px 0;
	position:relative;
}

.albumTitle a
{
	color:#88AACC;
	text-decoration:none;
}

.photoNavigationPanel
{
	text-align: center;
	padding:5px 0 0 0;
	position:relative;
}

.photoCounter
{
	vertical-align:middle;
	padding:0;
	margin:0;
}

.leftContainerPanel
{
	float:left;
	max-width:500px;
	padding:0;
	filter: alpha(opacity=80);
}

.rightContainerPanel
{
	float:left;
	filter: alpha(opacity=80);
}

.leftPanel
{
	padding:5px;
	text-align:left;
	margin:0;
	margin:0 5px 0 0;
}

.rightPanel
{
	padding:10px 10px 10px 10px;
	margin-left:5px;
	margin-right:10px;
}

.blockPanel
{
	color:white;
	border:solid 1px #666666;
	background:transparent url('/background-grey.png');
	_background:#444444; /* IE 6 hack */
}

.container 
{
	float:left;
	padding:0;
	margin:20px 0 20px 20px;
}

.photoPanel
{
	min-width:1190px;
}

.photoTitle
{
	color:#88AACC;
	font-family:Arial Narrow;
	font-size:x-large;
	margin:0;
	position:relative;
}

.photoDescription
{
	position:relative;
}

.separator
{
	color:#666666;
	background-color:#666666;
	height:1px;
	margin:0 20px 0 20px;
	padding:0;
	border:0;
}

.footer
{
	font-family:Arial;
	font-size:smaller;
	color:#88AACC;
}

.leftFooter
{
	float:left;
	text-align:left;
	margin:0 0 0 20px;
}

.rightFooter
{
	float:right;
	text-align:right;
	margin:0 20px 0 0;
}

.menuBar
{
	margin-left:0px;
	padding:5px 0px 0px 5px;
}

.menuItem
{
	float:left;
	margin-right:10px;
	list-style-type:none;
}

.selectedItem
{
	border-bottom:solid 1px #66AADD;
}

.menuLink
{
	font-family:Arial;
	font-size:smaller;
	letter-spacing:0.1em;
	color:White;
	text-decoration:none;
}

div
{
	/*border: solid 2px red;*/
}

.redBorder
{
	border: solid 2px red;
}
