body {
	background:		#435C73;
	font-family:	"dejavu sans", "bitstream vera sans", "Verdana", sans-serif;
	font-size:		16px;
	padding:		0;
	margin:			0;
}

h1 {
	background:		#bd3500 url(images/h1.jpg) no-repeat top right;
	border-bottom:	1px solid #000000;
	padding:		0;
	margin:			0;
	height:			442px;
}

h1 a {
	display:		block;
	width:			100%;
	height:			100%;
}

h1 span {
	display:		none;
}

#main {
	background:		#1C4B73;
	color:			#98ADBF;
	border:			solid 1px #000000;
	border-bottom:	none 0;
	padding-bottom:	14px;
	margin:			-44px 200px 0 auto;
	width:			34em;
}

#main h2 {
	background:		#FF810B;
	color:			#000000;
	border-bottom:	1px solid #000000;

	font-size:		1.4em;
	font-weight:	bold;

	padding:		4px 0 0 4px;
	margin:			0;

	min-height:		38px;
}

#main a {
	color:				#FF9E20;
	text-decoration:	none;
	border-bottom:		solid 1px #6F8CA6;
}

#main a.image {
	border:				none;
}

#main a:hover {
	color:				#FFFFFF;
}

#main p {
	text-align:			justify;
}

#navigation {
	background:		#7E0909;
	border-left:	1px solid #000000;
	border-bottom:	1px solid #000000;

	position:		absolute;
	top:			0;
	right:			0;
	width:			200px;
	height:			442px;
}

#navigation h2 {
	display:		none;
}

#navigation ul {
	border-top:		solid 1px #000000;
	padding:		0;
	margin:			64px 0 0 0;
}

#navigation li {
	border-bottom:		solid 1px #000000;
	list-style-type:	none;
	padding:			0;
	margin:				0;
	width:				200px;
}

#navigation a {
	background:			#A00B0B;
	color:				#FFFFCC;
	border-left:		solid 12px #8A0A0A;
	border-right:		solid 12px #8A0A0A;
	font-size:			1em;
	font-weight:		bold;
	text-decoration:	none;
	text-align:			right;
	padding:			3px 12px 3px 3px;
	display:			block;
}

#navigation a:hover {
	color:				#000000;
	background:			#FF810B;
}

li#nav-login {
	background:			url(images/white-rabbit.jpg) no-repeat;
	border:				none 0;
	position:			absolute;
	right:				16px;
	bottom:				12px;
	width:				64px;
	height:				78px;
}

li#nav-login a {
	background:			transparent;
	border:				none 0;
	padding:			0;
	width:				100%;
	height:				100%;
}

li#nav-login a:hover {background: transparent;}
li#nav-login a span {display: none}

#footer {
	background:			#bd3500 url(images/footer.jpg) no-repeat top right;
	border:				solid 1px #000000;
	border-bottom:		none 0;

	font-size:			0.7em;
	text-align:			center;
	height:				64px;
}

#footer span {
	margin:				40px auto 0 auto;
	display:			block;
}

#content {
	padding:		12px 8px 12px 8px;
}

#content h3 {
	color:			#D6DEE6;
	font-size:		1.3em;
	padding:		0;
	margin:			24px 0 4px 0;
}

#content h4, h5, h6 {
	color:			#D6DEE6;
	padding:		0;
	margin:			18px 0 4px 0;
}

#content h4 {
	font-size:		1.1em;
}

#content h5, h6 {
	font-size:		1em;
}

#content ul {
	list-style-type:	square;
}

accronym, abbr, .help {
	border-bottom:	dotted 1px #839DB3;
	cursor:			help;
}

#content p.center {
	text-align:		center;
	clear:			both;
}

#content p.left {
	text-align:		left;
}

#content p.right {
	text-align:		right;
}

img {
	border:			solid 1px #000000;
}

#content img.left {
	margin-right:	10px;
	float:			left;
}

#content img.right {
	margin-left:	10px;
	float:			right;
}

#content p img {
	float:			left;
	margin-right:	10px;
}

#content p.center img,
#content img.inline {
	float:			none;
	margin-right:	0;
}

dt {
	color:			#D6DEE6;
}

dd {
	font-size:		90%;
}

#content p.center {
	text-align:		center;
}

#content p.links {
	clear:			both;
}

#content p.links a {
	margin:			0 8px;
	padding-left:	18px;
	float:			left;
}

#content p.links a.prev {background: url(images/arrow-left.png) no-repeat center left;}
#content p.links a.back {background: url(images/square.png) no-repeat center left;}
#content p.links a.top {background: url(images/arrow-up.png) no-repeat center left;}

#content p.links a.next {
	background:		url(images/arrow-right.png) no-repeat center right;
	padding-right:	18px;
	padding-left:	0;

	float:			right;
}

a.file {
	background:		url(images/file.gif) no-repeat center left;
	padding-left:	18px;
}

a.file-mp3 {
	background-image: url(images/file-sound.gif);
}

code {
	white-space:		pre;
}

blockquote {
	color:				#ACBECC;
	font-size:			0.9em;
	font-style:			italic;
	padding-left:		12px;
}

#content ul.contact {
	list-style-type:	none;
}

#content ul.contact li {
	background:			transparent no-repeat center left;
	padding-top:		4px;
}

#content ul.contact li.icq {
	background-image:	url(images/icq.gif);
	padding-left:		24px;
}

#content ul.contact li.email {
	background-image:	url(images/email.gif);
	padding-left:		24px;
}

#content ul.contact li.web {
	background-image:	url(images/web.gif);
	padding-left:		24px;
}

.created {
	float:			right;
}

.date {
	color:			#C1CED9;
}

.time {
	color:			#839DB3;
	font-family:	monospace;
}

.author {
	color:			#C1CED9;
	font-size:		1.2em;
	float:			left;
}

.article {
	background:		transparent url(images/border.jpg) no-repeat bottom right;
	padding-bottom:	12px;
	clear:			both;
}

.article-content,
.desc {
	margin-top:		32px;
	clear:			both;
}

.article-footer {
	padding-top:	10px;
	height:			1em;
	clear:			both;
}

.article-footer a.full {
	float:			left;
}

.article-footer .comments-count {
	float:			right;
}

.comments {
	clear:			both;
}

.comment {
	font-size:		90%;
	margin:			24px;
}

.comment .created {
	margin-left:	12px;
	float:			right;
	display:		inline;
}

.comment .author {
	font-weight:	bold;
	float:			left;
	display:		inline
}

.comments form {
	padding-left:	24px;
}

.comment-content {
	clear:			both;
}

.user-info {
	background:		transparent url(images/border.jpg) no-repeat bottom right;
	padding:		12px 0;
}

.user-info img.icon {
	float:			right;
	margin-left:	10px;
}

label, input, textarea {
	display:		block;
}

textarea {
	width:			60%;
	height:			12em;
}

input.text {
	width:			60%;
}

.gallery {
	margin-top:		12px;
	clear:			both;
}

.dummy {
	background:		transparent;
	margin-top:		-1px;
	width:			1px;
	height:			1px;
	clear:			both;
	display:		block;
}

.image-preview {
	text-align:		center;
	margin:			8px;
	width:			140px;
	float:			left;
}

.image-preview a {
	border:			none 0;
}

.image-preview img {
	display:		block;
	margin:			0 auto 0 auto;
}

.type-image {
	background:		#1C4B73;
}

.type-image #main {
	background:		transparent;
	border:			none 0;
	padding-bottom:	14px;
	margin:			-1px auto 0 auto;
	width:			660px;
}

.type-image #main h2 {
	background:		transparent;
	color:			#D6DEE6;
	border:			none 0;

	font-size:		1.3em;
	padding:		24px 0 4px 8px;
}


.type-image img {
	margin:			12px auto 0 auto;
	display:		block;
	clear:			both;
}

.gallery-preview {
	padding-left:	152px;
	margin-top:		24px;
	min-height:		108px;
	position:		relative;
}

.gallery-preview .image {
	position:		absolute;
	top:			0;
	left:			0;
	width:			140px;
}

#content .gallery-preview .image a, #content .style-preview a {
	border:			none;
	display:		block;
}

.gallery-preview img, .style-preview img {
	display:		block;
	margin:			0 auto;
}

.gallery-preview .count {
	color:			#C1CED9;
	font-size:		90%;
}

.gallery-preview .desc {
	margin-top:		12px;
	clear:			both;
}

.style-preview {
	margin:			12px 0 0 0;
	min-height:		152px;
}

.style-preview .image {
	float:			left;
}

.style-preview .desc {
	margin-top:		0;
	margin-left:	212px;
	clear:			none;
}


/* MSIE compatibility hacks: praise the mighty underscore-hack! ;) */
body {
	_text-align:		right;
}

#main {
	_text-align:		left;
}

#main h2 {
	_height:			43px;
}

#navigation a {
	_width:			100%;
	_height:		100%;
}

.type-image {
	_text-align:	center;
}

.type-image #main {
	_text-align:	left;
}

#content .gallery-preview {
	_height:		108px;
}

#content .gallery-preview h3, #content .style-preview h3 {
	_margin-top:	2px;
}

.gallery-preview .image {
	_text-align:	center;
}

.style-preview {
	_height:		152px;
}