/*
	Author:  Evan Shelhamer, Imaginary Number (imaginarynumber.net)
	Site:    Berkshire Highlanders
	Role:    Main stylesheet
	URL:     /css/style.css
	Version: 1.0
*/

/* =Globals
--------------------------------*/

html, body { color: #0e5e14; background: #ffffff 0 0 url(/img/tartan.gif) repeat; }

	body { font: normal 75%/1.5em "Tahoma", "Geneva", "Verdana", sans-serif; }
	html > body { font-size: 12px; }

	body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, th, td { margin: 0; padding: 0; }

/* =Structure
--------------------------------*/

#header { }

#container {
	position: absolute;
	left: 12em; top: 92px;
	margin-left: -6px;
	padding: 1em;
	width: 58em;
	background: #75ba7a;
	border: 3px solid #0f6014;
	border-left-width: 6px !important;
}

	#content { float: left; width: 42em; }

	#footer { clear: both; width: 100%; height: 1em; font-size: 0.8333em; line-height: 1em; }

		#footer a {
			position: relative;
			left: 52.75em;
			color: #ffffff;
			font-style: italic;
			text-decoration: none;
		}
			#footer a img {
				position: absolute;
				left: 0; top: -4px;
				margin-left: 3.5em;
				border: none;
			}

/* =Content
--------------------------------*/

/* =Headings */

h1 {
	padding: 18px 0 0 45px;
	width: 504px; height: 48px;
	background: transparent 45px 18px url(/img/title.gif) no-repeat;
	text-indent: -9999px;
}

h2 { padding-bottom: 0.75em; font-size: 2em; }

h3 { clear: left; padding: 0 0 0.5em 0; font-size: 1.5em; }

h4 { padding: 0.75em 0; font-size: 1em; line-height: 1.5em; font-weight: bold; }

/* =Text */

p { padding: 0.75em; }
.news p { padding: 0 0 0 4em; }

em { }
strong { }

/* =Links */

#content a { color: #dedede; text-decoration: none; }
#content a:visited { }
#content a:hover, #content a:focus { color: #222222; }
#content a:active { }

#content a img { border: 1px solid #0d6014; }
#content a:visited img { }
#content a:hover img, #content a:focus img { border-color: #dedede; }
#content a:active img { }

#content h3 a { color: #0e5e14; text-decoration: none; }
#content h3 a:hover, #content a:focus { color: #0e5e14; }
#content h3 a:active { }

	#content h3 a span { padding: 0 0.125em; color: #222222; }
	#content h3 a:hover span, #content a:focus span { color: #dedede; }

/* =Lists */

ul, ol { padding: 1em; }

	ol li, ul li { padding: 0.25em 0; }

	li h3 { padding: 0.25em 0 0.1em 0; font-size: 1.25em; line-height: 1em; }
	li p { padding: 0; }

ul.songs { margin-top: -1em; list-style: none; }

	ul.songs li { padding: 0; }

ul.photos { padding: 0; width: 500px; list-style: none; }

	ul.photos li { float: left; clear: none; padding: 0; }

	.photos a { display: block; width: 166px; height: 166px; line-height: 166px; text-align: center; }
	.photos img { border: 1px solid #0d6014; vertical-align: middle; }

ol { padding: 1em 0; list-style: none; }

	.albums li { clear: left; }

	ol p { text-indent: 0.5em; }

	ol p span { display: inline-block; }
	ol p .location { width: 17em; }
	ol p .date { width: 15em; font-weight: bold; }
	ol p .time { font-style: italic; }

/* =Images */

#insignia { margin-left: 0.75em; padding-bottom: 241px; }

#pipes {
	position: absolute;
	left: -5em; top: 32em;
	margin: 18px 0 0 -40px;
}

#content img { }

/* =Navigation
--------------------------------*/

#nav {
	position: relative;
	float: left;
	margin: 36px 0 0 12px;
	padding: 0;
	width: 10em; height: 31em;
	background: #0f6815;
	border: 6px solid #137b1a;
	list-style: none;
}

	#nav li { float: left; padding: 0; text-align: right; }

	#nav a {
		display: block;
		padding-right: 1em;
		width: 5.6666em;
		color: #9beca0;
		font-size: 1.5em; line-height: 2em;
		font-style: italic; font-weight: bold;
		text-decoration: none;
	}
	#nav a:hover, #nav a:focus { background: #0c5110; font-weight: bold; }

	#nav a.here { color: #dedede; cursor: default; }
	#nav a.here:hover, #nav a.here:focus { background: transparent; }

	#nav a span {
		display: none;
		position: absolute;
		left: 0; top: 27.5652em;
		padding-top: 0.5611em;
		width: 100%;
		font-size: 0.6666em; line-height: 1.1813em;
		text-align: center;
	}
	#nav a:hover span, #nav a:focus span { display: block; color: #6c9994; text-align: center; }

.sub_nav a { padding-right: 1em; }

/* =Forms
--------------------------------*/

form { margin-bottom: -1.0833em; padding-top: 1em; }

	form ol { list-style: none; }
	form li { margin-bottom: 1em; line-height: 2em; }

	form label {
		display: -moz-inline-box; display: inline-block;
		width: 7.5em;
		font-weight: bold;
		vertical-align: middle;
	}
	form .info { font-style: italic; }

	form input { padding: 4px; border: 1px solid #cccccc; font-size: 1em; }
	form .text input, form .password input { width: 20em; height: 1.25em; }
	form textarea, form .textarea { margin-bottom: 48px; width: 64em; height: 500px; }
	form .submit input {
		color: #ffffff;
		background: #2a592b;
		border: 1px solid #76ad72;
		cursor: pointer;
	}

/* =Miscellaneous
--------------------------------*/

.hide { display: none; }

.notice { font-style: italic; }
.error { font-weight: bold; }

.clear { clear: both; }

/* News date blocks */
.publish_date {
	float: left;
	margin: 0 1em 0.75em 0;
	width: 3em;
	color: #dedede;
	border: 1px solid #dedede;
	text-align: center;
}

	.publish_date p { padding: 0; line-height: 1.25em; }

	.publish_date .month { background: #dedede; color: #6c9994; }
	.publish_date .day { font-weight: bold; }
	.publish_date .year { font-size: 0.75em; line-height: 1.3333em; }