/*

	// -------------------------------------------------------------------- //
	// structure.css

*/

/* common */
a {color: #673301;}
a:link {}
a:visited {}
a:hover,
a:active {color: #000;}
	a img {}
	a:link img {}
	a:visited img {}
	a:hover img, active img {}
dl {padding-bottom: 3px;}
dt, dd {padding-top: 5px;}
dt {margin-top: 30px;}
dt:first-child {margin-top: 0;}
dt:after {content: '';}
dd {
	clear: both;
	margin-top: 24px;
}
	dt strong,
	dd strong {
		display: block;
		float: left;
		width: 30px;
		margin-top: -2px;
		
		font-size: 1.5em;
		color: #06c;
	}

/* structure */
html {background: #c6b693 url('../img/bg_html.jpg') repeat scroll 50% 0;}
	body {
		min-width: 960px;
		
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: .75em;
		line-height: 130%;
		color: #000;
	}
		#site {margin: 0 auto;}
			#header,
			#content,
			#footer {
				z-index: 100;
				clear: both;
				width: 940px;
				margin: 0 auto;
				padding: 0;
				overflow: auto;
			}
			#header {
				position: relative;
				height: 196px;
				background: url('../img/bg_header.jpg') no-repeat scroll 50% 0;
			}
				#logo {
					width: 730px;
					height: 82px;
					margin: 20px auto 0;
					
					font-size: 2.5em;
				}
					#logo a {
						display: block;
						height: 100%;
						margin: 0 auto;
						
						text-indent: -100em;
					}
					#logo a:link {}
					#logo a:visited {}
					#logo a:hover,
					#logo a:active {}
				#tagline {display: none;}
			#footer {
				padding-top: 63px;
				background: url('../img/bg_footer.jpg') no-repeat scroll 50% 0;
				
				font-size: .8em;
			}
				#copyright,
				#developer {clear: both;}
				#copyright {
					font-weight: bold;
					color: #673301;
				}
				#developer {margin-bottom: 9px;}
					#developer a {
						height: 100%;

						text-decoration: none;
						color: inherit;
					}
					#developer span {display: none;}
				#validation, #rss {}
			#content {
				clear: both;
				min-height: 300px;
				background: url('../img/bg_content.jpg') repeat-y scroll 50% 0;
			}
				#primary,
				#secondary {
					min-height: 617px;
					overflow: hidden;
				}
				#primary {
					float: right;
					width: 400px;
					margin-right: 4px;
					padding-right: 171px;
					background: url('../img/bg_primary.jpg') no-repeat scroll right 0;
				}
					#primary h3 {color: #673301;}
					#left,
					#right {width: 50%;}
					#left {float: left;}
					#right {float: right;}
					.left,
					.right {
						width: 50%;
						margin: 0;
					}
					.left {float: left;}
					.right {float: right;}
					#category_desc {
						margin: 9px 4px 0;
						padding: 0 10px 10px 85px;
						border-bottom: 2px solid #00598c;
					}
				#secondary {
					float: left;
					width: 361px;
					margin-left: 4px;
					padding-top: 241px;
					background: url('../img/bg_secondary.jpg') no-repeat scroll -4px 0;
				}