@charset "UTF-8";
/* CSS Document */

p {font-family: Arial, Helvetica, san-serif; font-size: 80%; color: #333333; line-height: 1.7em;}
.caption {line-height: .8em; font-size: .7em;}
h1 {font-family: Arial, Helvetica, san-serif; font-size: 100%; color: #f7941f; text-transform: uppercase; letter-spacing: 1.1em;}
h2 {font-family: Arial, Helvetica, san-serif; font-size: 90%; color: #ffaf51; text-transform: uppercase; letter-spacing: 1.1em;}
h3 {font-family: Arial, Helvetica, san-serif; font-size: 100%; color: #f7941f;}
h4 {font-family: Arial, Helvetica, san-serif; font-size: 85%; color: #0094d2;}
h5 {font-family: Arial, Helvetica, san-serif; font-size: 90%; color: #0094d2;}
.column2-unit-left ul {font-family: Arial, Helvetica, san-serif; font-size: .82em; color: #333333; line-height: 1.7em;}
.column2-unit-left li {list-style: url(list.png);}
body {background: url(back.png) white fixed repeat-x; margin:0; font-size:1.0em;}
.column3-unit-left ul {font-family: Arial, Helvetica, san-serif; font-size: .82em; color: #333333; line-height: 1.7em;}
.column3-unit-left li {list-style: url(list.png);}
a:link {color: #d78018; text-decoration: none;}
a:visited {color: #d78018;}
a:hover {color: #ff961b; text-decoration: none;}

/* SPECIFIC DIVS */

#container {width: 800px; margin: 0 auto; border: #98cbd2 solid 2px; background: white;}
.header {background: url(blogbanner.jpg); width: 800px; height: 230px; float: left;}
.homebutton {
	position: absolute;
	margin: 0;
	width: 198px;
	height: 218px;
}
.vidholder {
	position: absolute;
	margin: 0px 3px 0 470px;
	width: 320px;
	height: 230px;
}
.homemp3 {
	position: absolute;
	margin: 150px 0 0 515px;
	width: 200px;
	height: 50px;
}
.top {float: left; width: 800px; background: url(treebottom.jpg) repeat-x center; height: 10px;}
.inside {width: 782px; padding: 15px 9px 9px 9px; float: left; background: url(body.jpg) top no-repeat;}
.footer {clear: both; background: url(gradient.png) center repeat-x; height: 30px; width: 800px; border-top: #98cbd2 solid 1px;}
.box {border: #00adef solid 1px; background: white; width: 100%}
.box h1 {width: 100%; background: url(gradient2.png) top center repeat-x; height: 12px; text-align: center;}
.box h2,h3,p {padding: 0 5px;}
.column1-unit {width:782px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column2-unit-left {float:left; width:380px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; margin-left: 3px;}
.column2-unit-right {float:right; width:380px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column3-unit-left {float:left; width:245px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/}
.column3-unit-middle {float:left; width:245px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; margin-left:22px;}
.column3-unit-right {float:right; width:245px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}

.column2-sound-left {float:left; width:318px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; margin-left: 3px;}
.column2-sound-right {float:right; width:426px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.box {border: #c8eef1 1pt solid; background: white;}
.box h5 {width:100%;padding:5px 0;margin-top:-1px; color: white; background:#c8eef1; text-align:center; text-transform:uppercase;}
.box p,h2,h3,h4 {padding: 0 8px;}
.indexheight {height:499px;overflow:scroll;}
/* CLASSES */

.bold {font-weight: bold;}
.italic {font-style: italic;}
.foot {text-transform: uppercase; letter-spacing: .2em; color: #666666; text-align: center; font-size: 75%;}
.clear {clear: both; visibility: hidden;}
.blue {color: #0099FF;}
.yellow {color: #d9cf36;}

/* MENU */

.nav {background: white; padding: 5px 0; float: left; width: 800px; border-bottom: solid #aedfe6 1px; border-top: solid #aedfe6 1px; color: #505347;}
.nav ul {list-style: none; background: white; margin: 0;}
.nav li {font-family: Arial, Helvetica, san-serif; font-size: .9em; color: #323723; text-transform: uppercase; letter-spacing: .4em; float: left; margin-right: 55px;}
.nav li a {color: #505347;}
.nav li a:link {color: #505347;}
.nav li a:visited {text-decoration: none; color: #98cbd2;}
.nav li a:hover {background: #505347; color:white;}
.nav li a:active {color: #d78018;}

.left {float: left; margin: 5px;}
.right {float: right; margin: 5px;}