@charset "utf-8";

body {
	margin:0;
	font-family:"Segoe UI",Arial,"Nimbus Sans L",sans-serif;
	font-size:12px;
	color:#666666;
	background-color:#646c7f;
}

a { 
	color:#147ec8; 
	text-decoration:none; 
}
a:hover, a:focus { 
	text-decoration:underline; 
}

/* Resetting some elements */

table {
	font-size:100%;
}

h1, h2, h3, h4, h5 {
	font-weight:bold;
	margin:0.2em 0;
}
h1 { font-size:200%; }
h2 { font-size:160%; }
h3 { font-size:140%; }
h4 { font-size:120%; }
h5 { font-size:110%; }

a img {	
	border:none; 
	text-decoration:none; 
}

p { margin:0.5em 0; }

/* Utility styles */

.fleft {
	float:left;
	display:inline;
}

.fright {
	float:right;
	display:inline;
}

.clear {
	clear:both;
}

/*********************************** Page structure */

#main {
	margin:0 auto;
	background-color:#ffffff;
}

#index #main {
	width:802px;
}

#slide #main {
	width:840px;
}

#header { 
	padding:20px;
}

#content {
	padding:20px;
}

#footer {
	font-size:85%;
	font-weight:bold;
	padding:4px 20px;
	text-align:center;
}

/*********************************** Navigation buttons */

a.navigation,
span.navigation {
	display:inline-block;
	width:40px;
	height:40px;
	line-height:40px;
	background-image:url(navigation.png);
	background-repeat:none;
}
a.navigation {
	text-decoration:none;
	background-position:0 0;
}
a#up {
	background-position:0 0;
}
a#up:hover {
	background-position:0 -40px;
}
span#up {
	background-position:0 -80px;
}
a#prev {
	background-position:-40px 0;
}
a#prev:hover {
	background-position:-40px -40px;
}
span#prev {
	background-position:-40px -80px;
}
a#next {
	background-position:-80px 0;
}
a#next:hover {
	background-position:-80px -40px;
}
span#next {
	background-position:-80px -80px;
}
a#first {
	background-position:-120px 0;
}
a#first:hover {
	background-position:-120px -40px;
}
span#first {
	background-position:-120px -80px;
}
a#last {
	background-position:-150px 0;
}
a#last:hover {
	background-position:-150px -40px;
}
span#last {
	background-position:-150px -80px;
}

/*********************************** Head section */

.headln {
	margin:0 80px;
	text-align:center;
}
.headln small {
	font-size:80%;
	margin-right:0.5em;
}
/*********************************** Index page thumbnail grid */

.thumbs td {
	width:188px;
	text-align:center;
}
.thumbs td:hover {
	background-color:#eee;
}
.thumbs td.empty:hover {
	background-color:transparent;
}
.thumbs .thumb {
	width:188px;
	height:180px;
	padding:4px 0;
}
.thumbs .thumb a {
	line-height:180px;
	height:100%;
	text-decoration:none;
}
.thumbs .thumb a img {
	vertical-align:middle;
	border:0;
	outline:none;
}
.thumbs .thumb a i {
	font-size:1px;
	height:100%;
	vertical-align:middle;
}
.thumbs .caption {
	width:180px;
	padding:4px;
	overflow:hidden;
}
.thumbs .caption h5, .thumbs .caption p {
	margin:0.5em 0;
}

/*********************************** Slide page's main image */

.mainimage {
	margin:20px auto;
	min-width:200px;
	width:auto;
	text-align:center;
	padding:0px;
	background-color:#000000;
}
.mainimage img {
	vertical-align:top;
}
.mainimage .caption {
	padding:10px;
	background-color:#fff;
	overflow:hidden;
}
.mainimage .caption .title {
	font-size:120%;
	font-weight:bold;
}
.mainimage .caption .comment {
}
.mainimage .caption .meta {
	font-size:85%;
}
.mainimage .caption .meta b {
	font-weight:normal;
	color:#888;
}

/*********************************** Thumbnail navigation */

.thumbnavigation .actual img {
	border:4px solid #666666;
}