@charset "utf-8";
/* CSS Document */






/* SET DEFAULTS
**************************************************/
html, body, div, p, h1, h2, h3, h4, h5, form, fieldset, table, input, textarea {
	padding: 0px;
	margin: 0px;
}
html, body {
	height: 100%;
	font-size: 11px;
	letter-spacing: 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
	html .black {
		color: #FFFFFF;
		background: url(/files/css/black/bg-body.jpg) repeat-x center top #333333;
	}
	html .white {
		color: #333333;
		background: url(/files/css/white/bg-body.jpg) repeat-x center top #FFFFFF;
	}

#wrapper-cont {
	width: 100%;
	min-height: 100%;
	vertical-align: top;
}
.black #wrapper-cont { background: url(/files/css/black/bg-wrapper-cont.jpg) repeat-y center top }
.white #wrapper-cont { background: url(/files/css/white/bg-wrapper-cont.jpg) repeat-y center top }

	#wrapper {
		float: left;
		min-height: 100%;
	}
	.black #wrapper { background: url(/files/css/black/bg-wrapper.jpg) no-repeat center top; }
	.white #wrapper { background: url(/files/css/white/bg-wrapper.jpg) no-repeat center top; }

a {
	cursor: pointer;
	text-decoration: none;
}
.black a { color: #669999 }
.black a:hover {color: #FFFFFF }
.white a { color: #336666 }
.white a:hover { color: #333333 }

a img { border: 0px none }
p { padding-bottom: 10px }

.btn-black {
	cursor: pointer;
	float: right;
	display: block;
	width: 10px;
	height: 10px;
	margin: 2px;
	background-color: #000000;
	border: 1px solid #666666;
}
.btn-white {
	cursor: pointer;
	float: right;
	display: block;
	width: 10px;
	height: 10px;
	margin: 2px;
	background-color: #FFFFFF;
	border: 1px solid #999999;
}


.white h1 { color: #577FAF }
	.white a h1 { color: #577FAF !important }
	
.white h2 { color: #343399 }
	.white a h2 { color: #343399 !important }

/*.black h1 { color: #CCCC33 }
	.black a h1 { color: #CCCC33 }
	.black a:hover h1 { color: #FFFF33 }
	
.black h2 { color: #999933 }
	.black a h2 { color: #999933 }
	.black a:hover h2 { color: #FFFF33 }*/

.black h1 { color: #669999 }
	.black a h1 { color: #669999 }
	.black a:hover h1 { color: #77BFBF }

.black h2 { color: #336F6F }
	.black a h2 { color: #336F6F }
	.black a:hover h2 { color: #EE8F8F }


.left { float: left !important }
.rght { float: right !important }




/* NAVIGATION
**************************************************/
#floating-cont {
	display: block;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 100;
}

	#archive-cont {
		z-index: 101;
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
	}
		#archive {
			margin:	0 auto;
			width: 910px;
			padding: 30px 10px 0 10px;
		}
		.black #archive {
			border: 1px solid #999999;
			background-color: #000000;
		}
		.white #archive {
			border: 1px solid #CCCCCC;
			background-color: #FFFFFF;
		}

			.archive { line-height: 16px }
			.archive a.year {
				font-size: 11px;
				color: #CCCCCC
			}
			.black .archive a.year:hover { color: #FFFFFF }
			.white .archive a.year:hover { color: #000000 }

			.archive a.month {
				font-size: 11px;
				color: #CCCC33;
				padding-left: 10px;
			}
			.black .archive a.month:hover { color: #FFFF33 }
			.white .archive a.month:hover { color: #000033 }

			.archive a.entry {
				font-size: 11px;
				color: #999999;
			}
			.black .archive a.entry:hover { color: #FFFFFF }
			.white .archive a.entry:hover { color: #000000 }

	#navbar-cont {
		z-index: 102;
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 30px;
		border-bottom: 1px solid #999999;
	}
	.black #navbar-cont { background: url(/files/css/black/bg-navbar.png) repeat left top }
	.white #navbar-cont { background: url(/files/css/white/bg-navbar.png) repeat left top }

		#navbar {
			margin:	0 auto;
			width: 900px;
			padding: 8px 10px 0 10px;
		}
			#navbar img {
				vertical-align: middle;
			}

		#navbar .left {
			float: left;
			width: 430px;
		}
			#navbar .left img {
				padding-right: 5px;
			}

		#navbar .rght {
			float: right;
			width: 460px;
			text-align: right;
		}
			#navbar .rght img {
				padding-left: 5px;
			}

		#navbar .arrow {
			display: inline-block;
			width: 13px;
			height: 15px;
		}
		.black #navbar .arrow { background: url(/files/css/black/archive-arrows.png) no-repeat left top }
		.white #navbar .arrow { background: url(/files/css/white/archive-arrows.png) no-repeat left top }

		#navbar .arrow-down {
			display: inline-block;
			width: 13px;
			height: 15px;
		}
		.black #navbar .arrow-down { background: url(/files/css/black/archive-arrows.png) no-repeat right top }
		.white #navbar .arrow-down { background: url(/files/css/white/archive-arrows.png) no-repeat right top }

			#navbar a:hover .arrow { background-position: left bottom }
			#navbar a:hover .arrow-down { background-position: right bottom }






/* HEADER
**************************************************/
#header-cont {
	float: left;
	margin-top: 30px;
	margin-bottom: 10px;
	width: 100%;
	height: 160px;
}
	#header {
		width: 910px;
		height: 150px;
		padding-top: 10px;
		margin: 0 auto;
		text-align: center;
	}





/* MIDDLE - PAGE CONTENT
**************************************************/
#middle-cont {
	width: 100%;
	float: left;
}
	#middle {
		width: 920px;
		margin: 0 auto;
		padding: 15px;
	}

		#middle h1 {
			padding-bottom: 5px;
			font-size: 20px;
		}

		#middle h2 {
			padding-bottom: 5px;
			font-size: 12px;
		}

		#middle .note {
			font-size: 10px;
			font-weight: normal;
			color: #999999;
		}
		#middle p { line-height: 16px }

		#middle .row {
			float: left;
			width: 920px;
			padding: 20px 0px;
			border-top: 1px dotted #988753;
		}
		#middle .half {
			padding-left: 30px;
			width: 430px !important;
		}

		#middle img {
			margin: 10px 0px;
			border: 1px solid #999999;
		}






/* FOOTER
**************************************************/
#footer-cont {
	float: left;
	margin-top: 15px;
	width: 100%;
}
	#footer {
		width: 910px;
		padding: 10px;
		margin: 0 auto;
		text-align: center;
		border-top: 1px dotted #988753;
	}




/* END OF FILE
**************************************************/