@import "tiny.css";

html, body {
	height: 100%;
}

#layout, #footer {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

#layout {
	min-height: 100%;
}

#header {
	height: 244px;
	background: url('/html/images/header.jpg') no-repeat center bottom;
}

#icons {
	float: right;
	margin-right: 10px;
	margin-top: 19px;
}

#icons a { margin-left: 15px; }
#icons img { vertical-align: middle; }

#footer, #ph-footer {
	height: 70px;
}

#footer {
	margin-top: -70px;
	background: url('/html/images/footer.jpg');
}

#ph-footer {
	clear: both;
}

#main-menu {
	position: absolute;
	width: 170px;
	margin: 284px 0 0 65px;
	list-style-image: url('/html/images/menu.gif');
}

#main-menu li {
	margin-bottom: 10px;
}

#main-menu ul {
	margin-top: 10px;
	margin-left: 30px;
}

#main-menu .current a {
	color: #ff0000;
}

#main-menu a {
	color: #58595b;
	text-decoration: none;
}

#main-menu a:hover {
	text-decoration: underline;
}

#wtf {
	float: right;
}

#wtf img {
	display: block;
	margin-bottom: 4px;
}

#content {
	width: 513px;
	margin: 40px 0 0 250px;
}

#content-body {
	padding: 24px 36px;
	background: #ffebeb;
}

#content-header { height: 12px; background: url('/html/images/content-header.png'); }
#content-footer { height: 12px; background: url('/html/images/content-footer.png'); }

#content h1, h2, h3 {
	font-weight: normal;
	margin: 0 0 20px 0;
}

#content h1 { font-size: 1.6em; }
#content h2 { font-size: 1.4em; }
#content h3 { font-size: 1.3em; }
#content h4 { font-size: 1.1em; }
#content h5 { font-size: 1em; }

#content h2, h3, h4, h5 {
	margin: 30px 0 20px 0;
}

#gallery img {
	margin-right: 15px;
	margin-bottom: 15px;
}

.admin, .admin a {
	color: #0000ff !important;
}