html, body {
  background-color: #fff;
  padding: 0;
  margin: 0;
  font-family: Verdana, Geneva, Arial, sans-serif;
  font-size: 10px;
  line-height: 16px;
  color: #333;  
}

a { color: #9bc23c; text-decoration: none; border-bottom: dotted #ccc 1px; }
a:hover { color: #88a72b; border-bottom: dotted #999 1px; }
.imageLink, a img{ border: none; }
a.imageLink:hover{ border: none; }
p.bold a{ font-weight: bold; }

.hide{ display: none; }

h1, h2, h3, h4, h5 {  margin: 0px; padding: 0px; font-weight: normal; }

h1 { font-size: 14px; font-weight: bold; }
h2 { font-size: 13px; font-weight: normal; text-transform: lowercase;}
h2.title{ font-size: 14px; color: #777; font-weight: bold; text-transform:inherit; text-align: center; margin-top: 25px; }
h3 { font-size: 9px; }

.clear { clear: both; }

#container {
  width: 800px;
  position: relative;
  left: 50%;
  margin: 25px 0 25px -400px;
}

#header { 
  text-align: center;
}

#content {
  padding: 15px 15px 5px 15px;
  background-color: #fff;
  color: #666;
  text-align: center;
}

#footer{ margin: 20px 0 0; }
#footer p{ 
	color: #999;
	margin: 0;
	text-align: right;
}

#video{ width: 800px; height: 415px; }

#flash{  width: 540px; padding: 3px; border: 1px dotted #999; position: absolute; top: 180px; left: 50%; margin-left: -275px; }
.forward{ float: right; }
.back{ float: left; }
.arrow{ margin-top: 325px; }
a.arrow:hover{ border: none; }

.videos {
  width: 800px;  
  margin: 20px auto 15px auto;
  padding: 10px 0;
}
.videos ul {
  list-style: none;
  padding: 0 0 0 5px;
  margin: 0;
}

.video {
  float: left;
  margin-right: 3px;  
  text-align: center;
  line-height: 1.2em;
  width: 163px;
  overflow: hidden;
}

.video .title {
  width: 150px;
  text-align: left;
  margin-left:5px;
}

.subtitle{
  white-space: nowrap;
  color: #aaa;
  line-height: .8em;
  text-transform: lowercase;
}
a.subtitle:hover{ color: #999; }

li#currentVideo{ background-color: #eee; border: 1px solid #ccc; }
li.video{ padding: 5px; }

/*COMMENTS*/
#comments{
	width: 850px;
	display: none;
}
.comment{
	width: 24%;
	float: left;
	padding: 1% .2%;
	margin: 0 .3% 10px 0;
	border: 1px dotted #eee;
	height: 150px;
	overflow:auto;
	background-color: #fdfff5;
}
#addComment{ 
	width: 400px;
	background-color: #e7e4df;
	position: fixed;
	_position: absolute;
	top: 100px;
	left: 50%;
	margin-left: -200px;
	padding: 20px;
	border: 2px solid #333;
	display: none;
	z-index: 2;
}

#blackBack{
	background: url(images/blackSolid.gif) repeat;
	position: fixed;
	_position: absolute;	
	top: 0;
	left: 0;
	display: none;
	z-index: 1;
	width: 100%;
	height: 100%;
}