/*
		Site:		Circuit Stompers
		File:		Master Screen CSS
		Author:	Eric Shepherd
		Date:		February 2006
		
*/

/* ===== CLASSES ADDED BY TOM BRICKHOUSE ===== */
/* USED FOR SUB NAVIGATION */
.onpage {
	color: #fff;
	display: block;
	padding: 15px;
	text-decoration: none;
	width: 165px;
	background: #6395bf url(http://doclibrary.com/MSC107/IMG/bullet-triangle.gif) no-repeat 10px 50%;
	padding-left: 30px;
	font-weight: bold;
}

/* ======================================= */

p#logos {
	text-indent: -9999px;
}

a#logo-first {
	position: absolute;
	top: 73px;
	left: 606px;
	width: 100px;
	height: 90px;
	display: block;
}

a#logo-newfane {
	position: absolute;
	top: 60px;
	left: 20px;
	width: 120px;
	height: 120px;
	display: block;
}

/* USED FOR PAGER ON GALELRY PAGE */
.pageron {
	font-size: 15px;
}	
/* ======================================= */	

/* GENERAL RULES */

* {
	margin: 0;
	padding: 0;
}

body {
	font-family: arial, helvetica, sans-serif;
	background: #535353 url(http://doclibrary.com/MSC107/IMG/bk-gears.gif) no-repeat top center;
	font-size: 90%;
}

p, ol, ul, dl {
	margin-bottom: 1em;
}

h1, h2, h3, h4, h5 {
	margin-bottom: .7em;
}

h3.has-date {
	margin-bottom: 0;
}

p img {
	float: right;
	margin: 0 0 .5em .5em;
}

#story p img {
	float: left;
	margin: 0 1.3em .5em 0;
	border: 4px solid #f1f1f1;
}

a {
	font-weight: bold;
	color: #6396c5;
}

a:hover {
	color: #f1f1f1;
}

img {
	border: 0;
}

dt {
	font-size: 1.3em;
	font-weight: bold;
}

/*ACCESSIBILITY*/

#accessibility {
	position: absolute;
	top: 0;
	right: 0;
	font-size: .8em;
	text-transform: uppercase;
}

		#accessibility h2 {
			position: absolute;
			left: -9999px;
		}

		#accessibility li {
			list-style: none;
		}
			
				#accessibility a {
					text-decoration: none;
				}

						#accessibility a:hover {
							background: #eee;
							color: #333;
						}


/* DIVS */

#container {
	font-size: 85%;
	margin: 0 auto;
	background: #1e243a;
	width: 737px;
	border: solid #000;
	color: #fff;
	border-width: 0 23px 0 22px;
	position: relative;
}

		h1 {
			width: 737px;
			height: 232px;
			position: relative;
			margin-bottom: 2em;
		}

		body.subpage h1 {
			margin-bottom: 0;
		}
		
		h1 a, h1 em {
			width: 737px;
			height: 232px;
			display: block;
			position: relative;
		}
		
				h1 a span, h1 em span {
					width: 100%;
					height: 100%;
					position: absolute;
					background: url(http://doclibrary.com/MSC107/IMG/header.jpg) no-repeat;
					cursor: pointer;
				}

		body.subpage h1 {
			height: 87px;
		}

		body.subpage h1 a, body.subpage h1 em {
			height: 87px;
		}

		body.subpage h1 a span, body.subpage h1 em span {
			background: url(http://doclibrary.com/MSC107/IMG/header-inside.jpg) no-repeat;
		}


/* FRONT PAGE DIVS */

#current {
	float: left;
	width: 550px;
	line-height: 1.3;
}

* html #current {
	width: 541px;
}

		#h-current-build {
			position: relative;
			width: 490px;
			height: 34px;
			margin-left: 18px;
		}

				#h-current-build span {
					position: absolute;
					width: 100%;
					height: 100%;
					background: url(http://doclibrary.com/MSC107/IMG/h-current-build.gif) no-repeat;
				}

#acknowledgement {
	float: right;
	width: 160px;
	margin-right: 18px;
	background: url(http://doclibrary.com/MSC107/IMG/robot.gif) no-repeat bottom center;
	padding-bottom: 70px;
}

		#h-thank-you {
			position: relative;
			width: 126px;
			height: 46px;
			margin: 0 auto 1em auto;
		}

				#h-thank-you span {
					position: absolute;
					width: 100%;
					height: 100%;
					background: url(http://doclibrary.com/MSC107/IMG/h-thank-you.gif) no-repeat;
				}

		#acknowledgement ul {
			list-style: none;
			text-align: center;
		}

				#acknowledgement li {
					margin-bottom: 1em;
				}

#features {
	clear: both;
	padding-top: 1.3em;
	margin: 0 18px 18px 18px;
	line-height: 1.3;
}

		#featured-person {
			width: 325px;
			float: left;
		}

				#h-person {
					position: relative;
					width: 303px;
					height: 25px;
				}

				#h-person span {
					position: absolute;
					width: 100%;
					height: 100%;
					background: url(http://doclibrary.com/MSC107/IMG/h-team-member.gif) no-repeat;
				}
		
		#featured-tutorial {
			width: 325px;
			float: left;
			margin-left: 26px;
			line-height: 1.3;
		}

				#h-tutorial {
					position: relative;
					width: 215px;
					height: 25px;
				}

						#h-tutorial span {
							position: absolute;
							width: 100%;
							height: 100%;
							background: url(http://doclibrary.com/MSC107/IMG/h-tutorial.gif) no-repeat;
						}

/* LEGO ADV */

#lego {
	clear: both;
	width: 325px;
	margin-left: 18px;
}

#h-lego-league {
	position: relative;
	width: 341px;
	height: 36px;
	margin-bottom: 2px;
}

		#h-lego-league span {
			position: absolute;
			width: 100%;
			height: 100%;
			background: url(http://doclibrary.com/MSC107/IMG/h-first-lego.gif) no-repeat;
		}

		#lego img {
			float: none;
			padding: 0;
			margin: 0;
			border: 0;
		}

/* PHOTO THUMBS */

.photos li {
	list-style: none;
	display: inline;
	padding: 0 .4em;
	text-align: center;
}

/* ARTICLES */

.feature {
	background: #34394d;
	padding: 1.2em;
	margin: 0 1.3em;
}


/* NAVIGATION */

#navigation {
	position: absolute;
	background: #f1f1f1;
	top: 232px;
	width: 100%;
}

body.subpage #navigation {
	top: 87px;
}

#navigation h2 {
	position: absolute;
	left: -9999px;
}

		#navigation ul {
			padding: 1em 0;
			margin: 0;
			list-style-type: none;
			background-color: #f1f1f1;
			color: #303030;
			width: 100%;
			text-align: center;
			font-size: 1em;
		}

		* html #navigation ul {
			font-size: .9em;
		}
		
				#navigation li { 
					display: inline;
					padding: .8em 0 .8em 0;
					margin-left: -.4em;
				}
		
						#navigation li a {
							text-decoration: none;
							background-color: #f1f1f1;
							color: #303030;
							padding: 1em 2.1em 1em 0;
						}

						#navigation li a span {
							padding: 1em 0 1em 2em;
						}
						
						#navigation li a:hover, #navigation li.on a {
							background: transparent url(http://doclibrary.com/MSC107/IMG/n-right.gif) no-repeat right center;
							color: #fff;
						}

						#navigation li a:hover span, #navigation li.on a span {
							background: transparent url(http://doclibrary.com/MSC107/IMG/n-left.gif) no-repeat left center;
						}


/* CONTENT PAGE HEADER */

/* breadcrumbs */

#breadcrumbs {
	background: #000000;
	width: 737px;
	font-weight: bold;
	height: 2em;
	margin-top: 4em;
	padding-top: .5em;
	font-size: .8em;
}

* html #breadcrumbs {
	padding-top: 4.5em;
}

		#breadcrumbs li {
			display: inline;
		}

				#breadcrumbs a {
					color: #6395bf;
				}

/* heading */

h2#main-topic {
	background: #000;
	width: 727px;
	padding-top: 1em;
	position: relative;
	color: #fff;
	font-size: 1.2em;
	padding-left: 10px;
	margin-bottom: 0;
}

/* CONTENT PAGE CONTENT AREA */

body.subpage #content {
	background: #000 url(http://doclibrary.com/MSC107/IMG/bk-content.gif) repeat-y;
	float: left;
}

#subnavigation {
	float: left;
}

#story {
	float: left;
}

/* ACTIVE SECTION NAV */

#subnavigation {
	width: 210px;
}

		#subnavigation h3 {
			padding-left: 10px;
			font-weight: normal;
			font-size: 85%;
			background: #5283ae;
			padding: 10px;
			color: #d1dbe4;
		}

		#subnavigation ul {
			list-style: none;
			font-size: 1.2em;
		}

				#subnavigation li {
				}

						#subnavigation li a {
							color: #fff;
							display: block;
							padding: 15px;
							text-decoration: none;
							width: 165px;
							background: url(http://doclibrary.com/MSC107/IMG/bullet-round.gif) no-repeat 10px 50%;
							padding-left: 30px;
						}

								#subnavigation a:hover {
									color: #fff;
									background: #6395bf url(http://doclibrary.com/MSC107/IMG/bullet-triangle.gif) no-repeat 10px 50%;
								}


	
					
/* STORY */

#story {
	padding: 18px;
	width: 400px;
	line-height: 1.3;
}

#story h3 {
	font-size: 1.6em;
}

#story ul, #story ol {
	margin-left: 18px;
}

#story dl {

}

/* FOOTER */

#footer {
	clear: both;
	background: #000 url(http://doclibrary.com/MSC107/IMG/bk-footer.gif) no-repeat bottom right;
	padding: 3em 2em 3em 2em;
	text-align: center;
	border-top: 15px solid #1e243a;
}

body.subpage #footer {
	border-top: 0;
}


/* INNER PAGE DIVS */

div.record {
	padding: 3%;
	border: 1px solid #eee;
	margin-bottom: 3%;
}

/* EXTRA */

.clear {
	clear: both;
}