/* Reset
---------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/* Global
---------------------------------------- */

body {
	background: #C2D1E0 url(../images/bg.png) no-repeat fixed 50% 0;
	color: #111;
	font: 1em/1.7 'Helvetica Neue', Arial, Helvetica, sans-serif;
}

a:link    { color: #26B; }
a:visited { color: #333; }
a:hover,
a:active  { color: #000; }

h1 {
	margin: 1em 0 .75em;
	color: #222;
	text-align: center;
	font-size: 1.6em;
}
h2 {
	margin: 1.75em 0 .75em;
	color: #049;
	font-size: 1.2em;
}
p {
	margin: .2em 0 1em;
	text-align: justify;
}
ul, ol {
	margin: .2em 0 1em 2.1em;
}

hr {
	height: 1px;
	margin: 45px -65px 30px;
	border: 0;
	border-top: 1px dashed #CED3D9;
	padding: 0;
}


/* Header
---------------------------------------- */

#header {
	height: 90px;
	background: url(../images/bg-header.png) repeat 0 0;
	color: #FFF;
	overflow: hidden;
}
	#header .container {
		position: relative;
		width: 860px;
		height: 90px;
		margin: 0 auto;
	}

	#header #logo {
		float: left;
		width: 293px;
		height: 35px;
		margin: 27px 0 0;
		background: url(../images/logo.png) no-repeat 0 0;
		text-indent: -9999em;
		overflow: hidden;
	}
		#header #logo a {
			display: block;
			height: 35px;
		}

	#header #nav {
		float: right;
		margin: 33px 0 0;
		padding: 0;
	}
		#header #nav li {
			float: left;
			margin: 0 0 0 9px;
			padding: 0 0 0 14px;
			background: url(../images/nav-sep.png) no-repeat 0 60%;
			list-style: none;
			font-weight: bold;
			font-size: .85em;
		}
		#header #nav li:first-child {
			margin: 0;
			padding: 0;
			background: transparent none;
		}
		#header #nav a {
			color: #DDD;
		}
		#header #nav a:hover {
			color: #FFF;
			-webkit-transition: color .6s ease;
		}
		#header #nav strong {
			color: #FFF;
			text-transform: uppercase;
			font-size: .95em;
		}

	#header #share {
		position: absolute;
		top: 35px; right: -85px;
		margin: 0;
		padding: 0;
	}
		#header #share li {
			float: left;
			width: 20px;
			height: 20px;
			margin: 0 0 0 15px;
			list-style: none;
		}
		#header #share li a {
			float: left;
			width: 20px;
			height: 20px;
			background: url(../images/i-share.png) no-repeat 0 0;
			text-indent: -9999em;
			overflow: hidden;
		}
		#header #share li a#share-t       { background-position: 0 0; }
		#header #share li a#share-t:hover { background-position: 0 -20px; }
		#header #share li a#share-f       { background-position: 0 -40px; }
		#header #share li a#share-f:hover { background-position: 0 -60px; }



/* Page
---------------------------------------- */

#page {
	width: 860px;
	margin: 0 auto;
	padding: 0 17px;
	background: url(../images/bg-page.png) repeat-y 0 0;
	font-size: .9em;
}
	#page .container {
		border-bottom: 1px solid #CED3D9;
		padding: 0 65px 30px;
		overflow: hidden;
	}
	#page .ad {
		height: 90px;
		margin: 30px -65px;
		border-width: 0;
		border-style: dashed;
		border-color: #CED3D9;
		text-align: center;
	}
	#page .ad.end {
		margin-top: 60px;
		margin-bottom: 0;
	}

	#page .ad.hr {
		border-width: 0 0 1px;
		padding: 0 0 30px;
	}
	#page .ad.end.hr {
		border-width: 1px 0 0;
		padding: 30px 0 0;
	}


	#page .camera {
		margin: 30px -35px;
		text-align: center;
	}
		#page .camera img {
			display: block;
			width: 800px;
			height: 600px;
			margin: 0 0 1em;
		}

	dl.news {
		margin: 1em 0 1.75em;
		overflow: hidden;
	}
		dl.news dt {
			float: left;
			width: 141px;
			color: #049;
			text-align: right;
			font-weight: bold;
		}
		dl.news dd {
			margin-left: 171px;
			text-align: justify;
		}


/* Footer
---------------------------------------- */

#footer {
	width: 894px;
	margin: 0 auto 30px;
	padding: 0 0 36px;
	background: url(../images/bg-footer-b.png) no-repeat 0 100%;
	font-size: .75em;
}
	#footer .container {
		width: 800px;
		padding: 30px 47px 11px;
		background: url(../images/bg-footer.png) repeat-y 0 0;
		color: #8A9199;
		text-align: center;
	}

	#footer a:link,
	#footer a:visited { color: #8A9199; }
	#footer a:hover,
	#footer a:active  { color: #555; }

	#footer p {
		text-align: center;
	}
	#footer ul li {
		display: inline-block;
		margin: 0 .75em;
		list-style: none;
	}



/* Archive
---------------------------------------- */

#archive-nav {
	padding: 30px;
	background: #ECF1F5 none;
	font-size: .9em;
}
	#archive-nav ul {
		margin: 0;
		padding: 0;
	}
	#archive-nav ul li {
		margin: 0 0 .2em;
		list-style: none;
		overflow: hidden;
	}
	#archive-nav ul a {
		float: left;
	}
	#archive-nav ul .counter {
		float: right;
		color: #999;
	}



/* Guestbook
---------------------------------------- */

.container table {
	width: 100%;
	margin: 0 0 1em;
	border-collapse: collapse;
	background-color: transparent;
	font-size: .9em;
}
	.container table th,
	.container table td {
		padding: .5em;
		vertical-align: top;
	}
	.container table .font1 {
		font-size: 1em;
	}
	.container table .font2 {
		font-size: .85em;
		color: #666;
	}
	.container table .font3 {
		font-weight: bold;
		font-size: .85em;
	}
	.container table tr.gbsearch td {
		padding: 0 0 1em;
		font-size: .85em;
	}
	.container table hr {
		margin: 1em 0;
	}