/**
 * Screen Stylesheet
 * Standard Layout
 *
 * @project Chapco
 * @version 0.1
 * @package xhtml-css
 * @author Trevor Morris / The Design Frontier
 * @copyright 2008 by the author
 *
 */


/**
* =l layout
*/
html, body {
	background: #57070A url(img/bg.repeat.jpg) repeat-x 0 0;
	color: #555;
}

#wrapper {
	background: url(img/bg.swoop.jpg) no-repeat 50% 0;
}
#container {
	position: relative;
	width: 988px;
	margin: 0 auto;
}

#branding p#site-title {
	position: relative; z-index: 5000;
	height: 100px; width: 140px;
	margin: 0;
}
	#branding p#site-title a {
		background-image: url(img/logo.jpg);
	}
		
#flash {
	position: absolute; top: 0; left: 200px; z-index: 0;
}


/**
 * =c Content
 */
#content {
	position: relative; overflow: hidden;
	padding: 20px 14px 0; margin: 0;
	background: url(img/content.repeat.png) repeat-y 0 0;
}
	#content div#content-text {
		float: left; clear: left;
		width: 460px; min-height: 504px;
		padding: 0 0 0 10px; margin: 0;
		background: #fff url(img/content.swoop.jpg) no-repeat 0 158px;
	}
	#content-top {
		position: absolute; top: 0; left: 4px;
		width: 980px;
		background: #DDDFE1 url(img/content.shadow.png) no-repeat 50% 0;
	}
		#content-top .inner {
			height: 11px; width: 935px;
			margin: 0 0 0 10px; padding: 0 0 0 25px;
			border-bottom: 1px solid #ccc;
		}
	#content ul {
		clear: left;
		padding-left: 0;
	}
		#content ul li {
			padding: 0 0 0 14px; margin: 0;
			list-style: none;
			background: url(img/arrow.gif) no-repeat 0 6px;
		}

	#content .grid {
		float: left; clear: none;
		margin-right: 20px;
	}
	#content .grid_quarter {
		float: left;
		width: 200px;
	}
	#content .grid_last {
		margin-right: 0;
	}

/**
 * =o Other Content
 */
#content img.large,
#image-rotate,
#google-map {
	position: absolute; top: 40px; right: 25px;
}
#google-map,
#image-rotate {
	height: 480px; width: 460px;
}

#container .full img.large,
#container .full #google-map,
#container .full #image-rotate {
	top: 22px;
}
#container #image-rotate img {
	position: static; top: 0; left: 0; right: 0;
}
#container .homepage #image-rotate {
	position: relative; top: 0; left: 0; right: 0;
	width: 940px; height: 318px;
}
#google-map address {}
#google-map h3 {
	padding-right: 15px;
}
#google-map dl dt {
	float: left;
	width: 40px;
}
#google-map dl dd {
	margin: 0 0 0 50px;
}

#archive-container {
	position: absolute; top: 85px; right: 25px;
	text-align: left;
	width: 460px;
}

#archive-wrapper {
	width: 380px;
	float: right;
	padding-right: 40px;
}

#archive-headline {
    border-bottom: 1px solid #999;
}

.archive-image {
	float: left;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 35px;
	}    


/**
 * =f Footer
 */
#footer {
	clear: both; zoom: 1;
	padding: 20px 4px 15px; *padding-top: 35px;
	font-size: 11px;
	background: url(img/content.bottom.png) no-repeat 0 0;
}
	#footer p,
	#footer p a {
		clear: left;
		color: #900; text-decoration: none;
	}
	#footer p a:hover,
	#footer p a:focus {
		text-decoration: underline;
	}
	#footer p {
		margin: 0;
	}


.vcard dl dt {
	float: left;
}
.vcard dl dd {
	margin-left: 50px;
}

address.adr strong,
address.adr span {
	display: block;
}