/* standard elements */



* {

	margin: 0;

	padding: 0;

}



a {color: #36C;}



a:hover {color: #06F;}



body {

	background: #3e5f88 url(images/bg.jpg);

	color: #444;

	font: normal 62.5% "Lucida Sans Unicode",sans-serif;

	margin: 0;

	vertical-align:middle;

}



table.mainpage {

	width:900px;

}



p,blockquote,ul {margin-bottom: 1.2em;}



h1 {font: normal 1.6em serif;}





h2 {

	font: bold 1em Verdana,serif;

	margin: 3px 0 1px;

}



ul {margin-left: 1.8em;}

blockquote {

	background: url(img/quote.gif) no-repeat;

	color: #555;

	font: normal 1.4em serif;

	padding-left: 22px;

}







blockquote p {padding: 6px;}





/* misc */

.clearer {clear: both;}



.left {float: left;}



.right {float: right;}



.divider {

	background: url(img/divider.gif) no-repeat;

	height: 20px;

	margin: 24px 0;

}





/* navigation */

.navigation a {

	color: #6C7151;

	font: normal 1.9em serif;

	line-height: 50px;

	margin: 0 16px;

	text-decoration: none;

}



.navigation a:hover,.navigation #selected {

	color: #2C3111;

}





/* content item */



.item {clear: both;}

.item .title {

	color: #445044;

	font: normal 2em serif;

}



.item .title:first-letter {

	display: block;

	float: left;

	font-size: 2.4em;

}



.item .metadata {

	color: #666;

	font-size: 0.9em;

	float: left;

	padding: 0 0 6px 4px;

}





.item .body {

	clear: both;

}

.gallerysmall a:hover img {


  position:relative; 

  width:250px;

  height:250px; 

  border:0; 

  z-index:20;

  }

.gallery a:hover img {


  position:relative; 

  width:240px;

  height:350px; 

  border:0; 

  z-index:20;

  }

/* footer */



.footer a {

	color: #666;

	text-decoration: none;

}



.footer a:hover {

	color: #333;

	text-decoration: underline;

}