@CHARSET "ISO-8859-1";

/*
	Entire page.
*/
body {
	font-family: 'georgia';
	background-color: white;
	margin: 0;
	padding: 0;
}

/*
	The content (main part)
*/
div.content {
	/*background: white;
	border-left: solid 3px black;
	border-right: solid 3px black;*/
	
	margin: 0 auto;
    /*margin-bottom: auto;*/
    
    /**
    	Perforated Border
    	
    	In IE, the border appears outside the element.
    	In Firefox, it appears inside - so the nice white dashed border
    	below will be invisible against the white background of the content div.
    	So we use outline (which is ignored by IE) to achieve the same effect in both browsers.
    	
    	border: thick dashed white;
		outline: white dashed thick;
    */
	
	padding: 5px;
	width: 715px;
	/*background-color: white;
	text-align: center;*/
}

/*
	Categories as they appear in the category overview
*/
div.category {
	margin-left: auto;
	margin-right: auto;
	/*border-top: medium solid orange;*/
	max-width: 70%;
	/*margin: 25px 0px 0px 0px;*/
	padding: 10px;
}

/*
	Cover image in album overview
*/
.cover {
	/*float: left;*/
	/*margin: 10px;*/
	/*min-width:200px;
	min-height:200px;*/
}

.cover img {
	border: 3px solid darkblue;
}

/*
	The 'business card' on the contact page
*/
.contact {
	margin-left: 30px;
	/*font-family: monospace;*/
	font-size: 10pt;
}
.contact h3 {
	font-family: verdana;
	font-size: 11pt;
}

/*
	A big photo
*/
div.photo {
	padding: 5px;
	/*border: medium solid darkblue;*/
	border: none;
	/*max-width: 800px;*/
	margin: 25px 25px 25px 25px;
	align:center;
}
div.title {
	font-family: verdana;
	font-size: 9pt;
}
div.categoryTitle {
	font-size: 190%;
	font-weight: bold;
	font-family: verdana;
	text-align: center;
	text-decoration: underline;
}
div.text {
	font-family: verdana;
	font-size: 75%;
	/*line-height: 30px;*/
	/*text-align: justify;*/
}

img.photoBorder {
	border: 2px solid darkblue;
}
img.noBorder {
	border: thin solid darkblue;
}
a.categoryTitle {
	font-family: 'verdana';
	font-size: 11pt;
	text-decoration: none;
	font-weight: 600;
	color: black;
}
span.photoTitle {
	font-family: verdana;
	font-size: 9pt;
}

ul.menu {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style-type:none;
}
a.menu {
	float:left;
	/*width:30em;*/
	/*font-family: garamond;*/
	font-size: 80%;
	text-decoration:none;
	color:darkblue;
	background-color: lightblue;
	padding:0.2em 0.6em;
	border-right:1px solid white;
	letter-spacing: 0.05cm;
}
a.menu:hover {background-color: orange; color:white;}
li.menu {display:inline;}