body
{
	background-color: #fff;
	color: #B2B2B2;
	font-family: sans-serif;
	font-size: 13px;
	margin: 30px;
	margin-left: 70px;
	margin-right: 70px;
}

a, a:visited
{
	color: #B2B2B2;
	text-decoration: none;
}

a:hover
{
	color: #fff;
}

a img {
	border: 0;
}


/* --- navigation --- */
#navigation
{
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	list-style: none;
}

#navigation li
{
	display: inline;
	padding: 0;
	margin: 0;
}

#navigation li+li
{
	padding-left: 0.4em;
	 margin-left: 0.4em;
	 border-left: 1px solid white;
}

#navigation a, #navigation a:visited
{
	color: white;
}

#navigation a:hover, #navigation a.active, #navigation a.active:visited, #year a:hover, #years a.active, #years a.active:visited
{
	color: #A821A4;
}


#fotoz h3
{
	font-weight: normal;
	font-size: 13px;
	clear: left;
}

/* --- old stuff --- */


h1
{
	display: none;
}

.subscript
{
	font-size: 10px;
	font-style: italic;
	font-weight: 100;
}

td
{
	font-size: 16px;
	padding: 0px;
}

td a, td a:active, td a:visited
{
	display: block;
	width: 100%;
	height: 49px;
	text-decoration: none;
	color: #fff;
	padding: 0px;
}

table.photos td a
{
	width: 49px;
	height: 49px;
}

table.photos td
{
	padding-right: 2px;
}

td.active a
{
	background-color: #222;
}

td a:hover
{
	background-color: #999;
}

table.years td img, table.albums td img
{
	float: left;
	margin-right: 10px;
}

td img
{
	width: 45px;
	height: 45px;
	margin: 2px;
	padding: 0px;
	border: 0px;
}

table.years, table.albums, table.photos
{
	float: left;
	margin-right: 50px;
}

table.years, table.albums
{
	width: 200px;
}

img#logo
{
	margin-bottom: 50px;
}

ul#years
{
	list-style: none;
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
	margin-top: 13px;
	margin-bottom: 13px;
}

ul#years li
{
	display: inline;
	padding-right: 2em;
}