body {
	margin: 0;
	padding: 0 0 50px;
	font-family: verdana, sans-serif;
	font-size: 0.8em;
	background-color: #1b1715;
	background-image: url(/gfx/header-background.jpg);
	background-repeat: repeat-x;
	color: #ddd;
}

img { border-width: 0; display: inline; }
.hidden { display: none; }
.dimmed { color: #534a2d; }
/* * { border: 1px dashed red; } */

#wrapper {
	margin: auto;
	width: 800px;
}

#header {
	margin: 0 0 10px 0;
	height: 32px;
}

ul#navi {
	margin: 7px 0;
	padding: 0;
	list-style: none;
	text-align: right;
}

ul#navi li {
	display: inline;
	padding: 0 1px;
	margin: 0;
	color: #ad9b5e;
}

ul#navi li a {
	text-decoration: none;
	text-transform: lowercase;
}

#logo {
	margin: 40px 0 40px -3px;
}

#logo a {
	display: block;
	width: 288px;
	height: 43px;
	background-image: url(/gfx/logo.png);
	background-repeat: no-repeat;
}

#footer {
	clear: both;
	padding: 50px 0 0;
	text-align: right;
	font-size: 0.8em;
	color: #6e6658;
}

#footer a {
	color: #6e6658;
}

a {
	color: #ad9b5e;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}


/********************************
*	Bars
*/

#bars {
	text-align: center;
	padding: 0 45px;
}

#bars a {
	display: block;
	margin: 0 15px;
	float: left;
	width: 110px;
	height: 500px;
	background-repeat: no-repeat;
}


/********************************
*	Blog index
*/

.blog-grid {
	margin: 1px auto;
	width: 800px;
	font-size: 0.85em;
}

.blog-grid dl {
	float: left;
	margin: 1px 28px 10px;
	width: 210px;
	height: 300px;
	text-align: center;
	/* overflow: auto; */
}

.blog-grid dl dt.blog-title {
	margin: 10px 3px 0;
}

.blog-grid dl dt.blog-title a {
	color: #dcd8cd;
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
}

.blog-grid dl dd.blog-thumb {
	display: block;
	margin: 1px auto;
	padding: 0;
	width: 180px;
	height: 130px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	border: 3px solid #fff;
}

.blog-grid dl dd.blog-introduction {
	margin: 0;
	padding: 0;
	font-style: italic;
}

.blog-grid dl dd.blog-introduction p {
	margin: 0;
	padding: 8px 0;
}

.blog-grid dl dd.blog-readmore {
	margin: 0;
	padding: 0;
}

.blog-grid dl dd.blog-time {
	margin: 0 0 5px;
	padding: 0;
	color: #6e6658;
}


.grid-pagination {
	font-size: 1.2em;
	clear: both;
}

.grid-pagination .left {
	float: left;
	margin: 20px 0;
	padding: 5px;
	width: 40%;
	text-align: right;
}

.grid-pagination .right {
	float: right;
	margin: 20px 0;
	padding: 5px;
	width: 40%;
	text-align: left;
}

.grid-pagination a {
	padding: 5px;
	background-color: #382900;
}

/********************************
*	Blog display
*/

.blog-display {
}

.blog-display .blog-images {
	float: right;
}

.blog-display .blog-images ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.blog-display .blog-images ul li {
	margin: 0 0 10px;
}

.blog-display .blog-images ul li img {
	border: 2px solid #fff;
	margin: 0;
	padding: 0;
}

.blog-display .blog-nextprev {
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
}

.blog-display .blog-nextprev li {
	display: inline;
	padding: 0 5px;
	font-size: 0.9em;
}

.blog-display .blog-time {
	font-size: 0.8em;
	color: #6e6658;
}

.blog-display .blog-title {
	clear: both;
	margin: 1px 0 25px;
	color: #ad9b5e;
	font-size: 2em;
	font-weight: normal;
}

.blog-display .blog-image {
	width: 606px;
	margin: 0 0 30px;
	text-align: center;
	font-size: 0.85em;
}

.blog-display .blog-image * {
	margin: 0;
	padding: 0;
}

.blog-display .blog-image dd.blog-image-caption {
	color: #eee;
	font-style: italic;
	padding: 3px 10px;
}

.blog-display .blog-image img {
	border: 3px solid #fff;
}

.blog-display .blog-body {
	width: 600px;
	line-height: 1.4em;
}

.blog-display .blog-goback {
	font-size: 0.9em;
}

.blog-display .blog-author {
	width: 600px;
	margin: 20px 0 5px;
	padding: 3px 0;
	border-top: 1px solid #ad9b5e;
	font-size: smaller;
	color: #b6b2a5;
}

/********************************
*	Gallery index
*/

/********************************
*	Gallery display
*/

.gallery-display {
	margin: auto;
	width: 600px;
}

.gallery-display .photo-nextprev {
	margin: -70px 0 60px;
	padding: 0;
	list-style: none;
	text-align: right;
}

.gallery-display .photo-nextprev li {
	font-size: 1.1em;
	display: inline;
	padding: 0 0 0 10px;
}

.gallery-display .photo-nextprev li a {
	padding: 5px;
}

.gallery-display .photo-time {
	margin: 15px 0 5px;
	font-size: 0.8em;
	color: #6e6658;
	text-align: center;
}

.gallery-display .photo-image {
	width: 600px;
	margin: 0 0 30px;
	text-align: center;
}

.gallery-display .photo-description {
	margin: 5px auto;
	width: 400px;
}

.gallery-display .photo-image img {
	border: 1px solid #aaa;
}