body {
  background-color: #fff;
  color: #333;
  font-family: georgia;
}
#main {
  width: 980px;
  margin: 10px auto;
  overflow: hidden;
  zoom: 1;
}
h2 {
  font-size: 1.3em;
  margin-bottom: 0.2em;
}
a {
  color: #333;
}
a:hover {
  text-decoration: none;
}
#homepageLink {
  float: right;
}

#message {
  clear:both;
  margin:10px 0;
}

/* VIDEO PLAYER */
#player {
  margin-top: 20px;
  overflow:hidden;
  zoom:1;
}
#video {
  margin: 0 auto;
  display: block;
}
#videoContainer {
  margin:0 auto;
}
#videoDetails {
  width: 852px;
  margin: 20px auto;
}

/* CHANNELS */
#channels {
  width: 300px;
  float: left;
}

#channels li a {
  display: block;
  width: 230px;
  padding: 20px;
  margin-bottom: 5px;
  border: 1px solid #ccc;
  text-decoration: none;
}
#channels li a span {
  display: block;
}
#channels .channelDesc {
  margin-top: 0.5em;
  font-size: 0.7em;
}
#channels li a:hover {
  background-color: #eee;
}
#channels li.active > a {
  background-color: #aaa;
  color: #fff;
}

#channels ul ul ul{
	padding-left: 20px;
}

/* VIDEOS */
#videos {
  float: left;
  width: 680px;
  overflow: hidden;
  zoom: 1;
}
#videos p {
	clear: left;
	margin-top: 3em;
	font-size: 0.9em;
}
#videos ul {
  width: 100%;
	clear: both;
}
#videos li {
  width: 190px;
  min-height: 110px;
  height: auto !important;
  height: 110px;
  float: left;
  display: block;
  margin: 0 5px 5px 0;
  background-color: #eee;
  
  border: 1px solid #ccc;
  overflow: hidden;
  zoom: 1;
}
#videos li a {
  padding: 4px 4px 0 4px;
  display: block;
  text-decoration: none;
}
#videos li img {
  margin-top: 3px;
  width: 180px;
  height: 101px;
  display: block;
}
#videos li .videoTitle {
  display: block;
  width: 170px;
  padding: 5px;
	font-size: 0.9em;
}
#orderBy {
	float: right;
	margin-top: 11px;
	margin-bottom: 6px;
	font-size: 0.7em;
}
.pagination {
  /*clear: left;*/
  text-align: right;
  zoom: 1;
}

/* FOOTER */
#footer {
  clear: both;
  padding-top: 20px;
}

#poweredByMediaTankHQ {
	display: block;
	width: 950px;
	margin-bottom: 5px;
	padding-right: 5px;
	background: url(http://themes.mediatankhq.com/images/mediatank_bug.png) no-repeat;
	height: 30px;
	width: 175px;
	float: right;
	text-indent: -9999px;
	text-decoration: none;
}

#poweredByMediaTankHQ:hover {
  outline: 0;
}