@import url("/asset/css/reset.css");
@font-face { font-family: "Aaargh"; src: url("/asset/font/Aaargh.ttf") format("truetype"); }
@font-face { font-family: "Droid Sans"; font-weight: normal; src: url("/asset/font/DroidSans.ttf") format("truetype"); }
@font-face { font-family: "Droid Sans"; font-weight: bold; src: url("/asset/font/DroidSans-Bold.ttf") format("truetype"); }

body {
	background: #FFFEF2 url("/asset/img/back.png") no-repeat;
	font: 12pt/1.875 "Segoe UI", "Calibri", "Helvetica Neue", "Helvetica", "Arial";
	min-width: 329px; max-width: 40em;
	padding: 40px; padding-bottom: 0;
}

body#gallery {
	max-width: 60em;
}

body > header {
	margin-bottom: 2em;
}

body > header > h1 {
	text-indent: -1000em;
	background: url("/asset/img/logo.png") no-repeat;
	width: 329px; height: 53px;
	margin-bottom: 0.5em;
}

body > header > ul {
	font: 14pt/1.8 "Aaargh", "Segoe UI", "Calibri", "Helvetica Neue", "Helvetica", "Arial";
	text-transform: lowercase;
	margin: 0 -0.3em;
}

body > header li {
	display: inline-block;
	padding: 0.15em 0.3em 0;
}

body > header li.current {
	background: #F66;
	color: #FFF;
}

body > header li:hover {
	background: #FFA841; /*#F66;*/
	color: #FFF;
}

body > section {
	margin-bottom: 2em;
}

body > section h1 {
	display: inline; margin: 0 -0.3em 0.8em; padding: 0.05em 0.3em;
	font: bold 1.8em/1.5 "Droid Sans", "Segoe UI", "Calibri", "Helvetica Neue", "Helvetica", "Arial";
	background: #fff582;
	color: #c63d00;
}

body > section header h1:hover {
	color: #ff8a00;
}

body > section h2 {
	font-weight: bold;
	font-size: 1.2em;
}

body > section p {
	margin-bottom: 0.8em;
}

body > section strong {
	font-weight: bold;
}

body > section em {
	font-style: italic;
}

body > section p a {
	color: #4177ff;
}

body > section p a:hover {
	background: #8fafff;
	color: #002b98;
}

body > section li {
	list-style: disc outside none;
	margin: 0 2em;
	padding: 0 1em;
	
}

body > section img {
	display: block;
	margin: 0 auto 0.8em;
	max-width: 100%;
	height: auto;
}

body > section > article {
	margin-bottom: 2em;
}

body > section > article > header {
	margin-bottom: 0.8em;
}

body > section > article#feature {
	margin: 0 -1em 2em; padding: 0.5em 1em 0;
	border: 2px dashed #ff6666;
}

body > section > article#feature h1:before {
	content: "Featured: ";
}

body#gallery > section > article img {
	display: inline;
	margin: 0 0.25em;
	max-height: 4.5em;
	width: auto;
}

body#gallery > section > article figure img {
	display: block;
	margin: 0 auto 0.8em;
	max-width: 100%;
	height: auto;
	max-height: 100%;
}

body#gallery > section > article figure figcaption {
	font-size: 0.8em;
	margin: -0.8em 0 1.8em;
	text-align: center;
	font-style: italic;
}

body > footer {
	background: #000; color: #FFF;
	margin: 0 -1.25em;
	padding: 0.625em 1.25em;
	font-size: 0.8em;
}

body > footer > #archive h1 {
	display: inline;
	font: bold 1em/1.875 "Droid Sans", "Segoe UI", "Calibri", "Helvetica Neue", "Helvetica", "Arial";
	margin-right: 1em;
}

body > footer > #archive h1:after {
	content: ":";
}

body > footer > #archive ul {
	display: inline-block;
}

body > footer > #archive li {
	display: inline;
}

body > footer > #archive li:hover {
	color: #F00;
}

body > footer > #archive li + li:before {
	content: " ""\00B7"" ";
	color: #FFF;
}

body > footer > #credits {
	font-size: 0.8em;
	text-align: right;
	color: #666;
}