/* RESETS & BASIC PAGE SETUP */
* { margin: 0; padding: 0; }
html { overflow-y: scroll; }
body { 
	font: 62.5% "Georgia", serif;
	background: #97b4b2 url(../img/youtubebabcbg.jpg) top center repeat-y;
}

ul { list-style: none inside; }
p { font-size: 1.2em; line-height: 1.2em; margin-bottom: 1.2em; } 
a { outline: none; }
a img { border: none; }

h1 {
	font-family: Georgia, serif;
	font-size: 2em;
	font-weight: normal;
	color: #000;
	margin:20px 0 0 0;
	}

h2 {
	font-family: Georgia, serif;
	font-size: 2.4em;
	font-weight: bold;
	color: #000;
	margin:20px 0 15px 0;
	}

h3 {
	font-family: Georgia, serif;
	font-size: 1.4em;
	font-style:italic;
	font-weight: normal;
	color: #000;
	margin:15px 0 15px 0;
	}
	
	h1#logo {
	width: 1000px;
	height: 169px;
	background: url(../img/babclogo.png) no-repeat top center;
	text-indent: -9999px;
	}

A:link {text-decoration: none; color:#900;}
A:visited {text-decoration: none; color:#900;}
A:active {text-decoration: none}
A:hover {text-decoration: none; color: #F00;}

/* END RESET */

/* TOOLBOX */
.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }
/* END TOOLBOX */

/* STRUCTURE AND STUFF */

#widget {
	
	}

#page-wrap {
	width: 1000px;
	margin: 0 auto;
	text-align: center;
	}
	
	#video-area {
	margin:o auto;
	}
	
	

ul#nav {
	
	}
	ul#nav li {
		display: inline;
		}
		ul#nav li a {
			margin-top: 20px;
			margin-bottom: 20px;
			display: block;
			height: 48px;
			text-indent: -9999px;
			float: left;
		}
		ul#nav li.home a {
			width: 159px;
			background: url(../img/home.jpg) bottom center no-repeat;
		}
		ul#nav li.about a {
			width: 143px;
			background: url(../img/about.jpg) bottom center no-repeat;
		}
		ul#nav li.characters a {
			width: 170px;
			background: url(../img/characters.jpg) bottom center no-repeat;
		}
		ul#nav li.gallery a {
			width: 168px;
			background: url(../img/gallery.jpg) bottom center no-repeat;
		}
		ul#nav li.downloads a {
			width: 179px;
			background: url(../img/downloads.jpg) bottom center no-repeat;
		}
		ul#nav li.contact a {
			width: 181px;
			background: url(../img/contact.jpg) bottom center no-repeat;
		}
		
		ul#nav li a:hover {
			background-position: top center;
		}
		
		ul#nav li a:active {
			background-position: center center;
		}
	
	
ul#chapters {
	
	}
	ul#chapters li {
		display: inline;
		}
		ul#chapters li a {
			margin-top: 20px;
			margin-bottom: 20px;
			display: block;
			height: 48px;
			text-indent: -9999px;
			float: left;
		}
		ul#chapters li.chapter1 a {
			width: 232px;
			background: url(../img/1.jpg) bottom center no-repeat;
		}
		ul#chapters li.chapter2 a {
			width: 56px;
			background: url(../img/2.jpg) bottom center no-repeat;
		}
		ul#chapters li.chapter3 a {
			width: 63px;
			background: url(../img/3.jpg) bottom center no-repeat;
		}
		ul#chapters li.chapter4 a {
			width: 69px;
			background: url(../img/4.jpg) bottom center no-repeat;
		}
		ul#chapters li.chapter5 a {
			width: 79px;
			background: url(../img/5.jpg) bottom center no-repeat;
		}
		ul#chapters li.chapter6 a {
			width: 64px;
			background: url(../img/6.jpg) bottom center no-repeat;
		}
		ul#chapters li.chapter7 a {
			width: 72px;
			background: url(../img/7.jpg) bottom center no-repeat;
		}
		ul#chapters li.chapter8 a {
			width: 71px;
			background: url(../img/8.jpg) bottom center no-repeat;
		}
		ul#chapters li.chapter9 a {
			width: 78px;
			background: url(../img/9.jpg) bottom center no-repeat;
		}
		ul#chapters li.chapter10 a {
			width: 73px;
			background: url(../img/10.jpg) bottom center no-repeat;
		}
		ul#chapters li.chapter11 a {
			width: 74px;
			background: url(../img/11.jpg) bottom center no-repeat;
		}
		ul#chapters li.chapter12 a {
			width: 69px;
			background: url(../img/12.jpg) bottom center no-repeat;
		}
		
		
		ul#chapters li a:hover {
			background-position: center center;
		}
		
		ul#chapters li a:active {
			background-position: top center;
		}
		

ul#widget {	
	}
	
	ul#widget li {
		display: inline;
		display: block;
		height: 49px;
		float: left;
		margin: -20px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		}
		

ul#footlinks {
	
	}
	ul#footlinks li {
		display: inline;
		margin-top: 20px;
		margin-bottom: 20px;
		display: block;
		height: 208px;
		float: left;
		}
	
		
#footer {
	min-height: 208px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	display: block;
}

/* END STRUCTURE */