body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	background-color:#000000;
}
a {text-decoration: none; color: #333}
a.link  {font: 12px Verdana; color: #333}
a:hover {text-decoration: underline}
BODY, HTML {height: 100%;}
h3 {
	font: 12px Verdana; color:#FFCBD9;
	padding: 0.05em 0;
	margin:0.5em 0;
	}
.aligncenter { margin-left: auto; margin-right: auto; }
.alignleft { float: left; margin: 5px 15px 10px 0; }
.alignright { float: right; margin: 5px 0 10px 15px; }
.heading {
padding-top:20px;
font: bold 16px Times New Roman;
color: #333;
}
#container {
position:relative;
margin-left:auto;
margin-right:auto;
height:auto;
background-image:url(header.jpg);
background-position:center top;
background-repeat:no-repeat;
}
#header {
width:796px;
height:663px;
}
#middle {
position:relative;
margin-left:auto;
margin-right:auto;
height:auto;
background-image:url(paperback.jpg);
background-position:center top;
background-repeat:repeat-y;
}
#content {
position:relative;
width:535px;
height:auto;
padding-left:18px;
text-align:justify;
font: 14px Times New Roman;
}
	#content .post .post-info {
	clear: both; 
	font-size: 12px; 
	color: #777; 
	padding: 3px 5px 5px 5px;  
	border-top: 1px dotted #666666;
	border-bottom: 1px dotted #666666; 
	 }
	#content .post-info a {
	font: 12px Times New Roman;
	color: #777;
	}
#bottom {
margin-left:auto;
margin-right:auto;
height:100px;
background-image:url(bottom.jpg);
background-position:center;
background-repeat:no-repeat;
text-align: center;
}
#bottom h5 {
font: 12px Times New Roman; color:#333;
	padding: 2em 0;
	margin: 0 0 0 0;
}
#menu {
	list-style: none;
	padding: 0px;
	margin: 0;
	width: 423px;
	height: 30px;
	left: 12px;
	position: relative;
	top:510px;
	clear:left;
}
#menu li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#menu li, #menu a {height: 30px; display: block;}
#history {top: 0px; left: 0px; height: 30px; width: 65px; padding: 0px; margin: 0; background: url(history-bar.gif)) right no-repeat;}
#historyact {top: 0px; left: 0px; height: 30px; width: 65px; padding: 0px; margin: 0; background: url(history-bar.gif) right no-repeat;}
#oldtimers {left: 84px; height: 30px; width: 107px; padding: 0px; margin: 0; background: url(oldtimersbar.gif) right no-repeat;}
#oldtimersact {left: 84px; height: 30px; width: 107px; padding: 0px; margin: 0; background: url(oldtimersbar.gif) right no-repeat;}
#techno {left: 209px; height: 30px; width: 48px; padding: 0px; margin: 0; background: url(techno-bar.gif) right no-repeat;}
#technoact {left: 209px; height: 30px; width: 48px; padding: 0px; margin: 0; background: url(techno-bar.gif) right no-repeat;}
#style {left: 276px; height: 30px; width: 46px; padding: 0px; margin: 0; background: url(style-bar.gif) right no-repeat;}
#styleact {left: 276px; height: 30px; width: 46px; padding: 0px; margin: 0; background: url(style-bar.gif) right no-repeat;}
#about {left: 338px; height: 30px; width: 85px; padding: 0px; margin: 0; background: url(about-bar.gif) right no-repeat;}
#aboutact {left: 338px; height: 30px; width: 85px; padding: 0px; margin: 0; background: url(about-bar.gif) right no-repeat;}
#history a:hover {background: url(history-bar.gif) left no-repeat;}
#oldtimers a:hover {background: url(oldtimers-bar.gif) left no-repeat;}
#techno a:hover {background: url(techno-bar.gif) left no-repeat;}
#style a:hover {background: url(style-bar.gif) left no-repeat;}
#about a:hover {background: url(about-bar.gif) left no-repeat;}
.ngg-galleryoverview {
	overflow: hidden;
	margin-top: 10px;
	margin-left:28px;
	width: 100%;
	clear:both; 
	display:block;
	text-align:center;
}

.ngg-galleryoverview .desc {
/* required for description */
   margin:0px 10px 10px 0px;
   padding:5px;
}

.ngg-gallery-thumbnail-box {
	float: left;
}

.ngg-gallery-thumbnail {
	float: left;
	margin-right: 5px;
}

.ngg-gallery-thumbnail img {
	background-color:#FFFFFF;
	border:1px solid #A9A9A9;
	display:block;  
	margin:4px 0px 4px 5px;
	padding:4px;
	position:relative;
}

.ngg-gallery-thumbnail img:hover {
	background-color: #A9A9A9;
} 

.ngg-gallery-thumbnail span {
	/* Images description */
	font-size:90%;
	padding-left:5px;
	display:block;
}

.ngg-clear {
	clear: both;
}
/* ----------- Gallery navigation -------------*/

.ngg-navigation {
	font-size:0.9em !important;
	clear:both !important;
	display:block !important;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
}

.ngg-navigation span {
	font-weight:bold;
	margin:0pt 6px;
}

.ngg-navigation a.page-numbers, a.next, a.prev, 
				span.page-numbers, span.next, span.prev {
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-navigation a.page-numbers:hover, a.next:hover, a.prev:hover, 
				span.page-numbers:hover, span.next:hover, span.prev:hover {
	background-color: khaki;
	color: #FFFFFF !important;
	text-decoration: none !important;
}