@import "reset.css";
@import "classes.css";
@import "html.css";
@import "layout.css";
@import "header.css";
@import "special.css";
@import "type.css";
@import "video-lists.css";
@import "video-page.css";

header {
	position: fixed;
	color: #666;
	z-index: 99999;
	padding: 0px;
	border-bottom: 1px solid #000;
	-moz-box-shadow: 0px 2px 5px rgba(0,0,0, 1), -1px 0px 0px rgba(255,255,255 1);
	-webkit-box-shadow: 0px 2px 5px rgba(0,0,0, 1);       
	background: #EEE;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #fff,  #eee); /* for firefox 3.6+ */
	text-shadow: 0 1px 0px #fff;
	display: block;
	width: 100%;
	min-width: 750px;
}

#main {
	margin: 25px 0 0 0;
	padding: 0 !important;
	min-width: 750px;
}

#content {
	margin: 25px 320px 0 0;
}

#wrap {
	position:absolute; 
	width: 100%; 
}

/*
#main {
	padding: 80px 300px 0 0px;
}
*/

.padding,.page,.moderator-channel-list {
	padding: 30px 0 30px 50px;
}

article {
	clear: both;
	margin-bottom: 50px;
	float: left;
	width: 100%;
	display: block;
}

aside {
	float: right;
	position: absolute;
	right: 0;
	width: 300px;
	padding-top: 50px;
}

.subscribe.button.silver {
	background: #EEE url(../images/icons.png) 12px -335px no-repeat !important;
	background: url(../images/icons.png) 12px -335px no-repeat, -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255, 1)), to(rgba(255,255,255, .7))); /* for webkit browsers */
	background: url(../images/icons.png) 12px -335px no-repeat, -moz-linear-gradient(top,  rgba(255,255,255, 1),  rgba(255,255,255, .7)); /* for firefox 3.6+ */
	padding-left: 37px;
	margin: 0 0 0 5px;
}

.subscribe.button.silver.floatright,
.subscribe.button.silver.floatleft {
	background: #EEE url(../images/icons.png) 12px -334px no-repeat !important;
	background: url(../images/icons.png) 12px -334px no-repeat, -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255, 1)), to(rgba(255,255,255, .7))); /* for webkit browsers */
	background: url(../images/icons.png) 12px -334px no-repeat, -moz-linear-gradient(top,  rgba(255,255,255, 1),  rgba(255,255,255, .7)); /* for firefox 3.6+ */
}

.episodes.button.silver {
	background: #EEE url(../images/icons.png) 14px -379px no-repeat !important;
	background: url(../images/icons.png) 14px -379px no-repeat, -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255, 1)), to(rgba(255,255,255, .7))); /* for webkit browsers */
	background: url(../images/icons.png) 14px -379px no-repeat, -moz-linear-gradient(top,  rgba(255,255,255, 1),  rgba(255,255,255, .7)); /* for firefox 3.6+ */
	padding-left: 37px;
	margin: 0;
}

.download.button.silver {
	background: #EEE url(../images/icons.png) 16px -657px no-repeat !important;
	background: url(../images/icons.png) 16px -657px no-repeat, -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255, 1)), to(rgba(255,255,255, .7))); /* for webkit browsers */
	background: url(../images/icons.png) 16px -657px no-repeat, -moz-linear-gradient(top,  rgba(255,255,255, 1),  rgba(255,255,255, .7)); /* for firefox 3.6+ */
	padding-left: 37px;
	margin: 3px 10px 0 0 ;
}


.download.button.silver.floatleft,.download.button.silver.floatright,
.download.button.silver.block {
	background: #EEE url(../images/icons.png) 16px -657px no-repeat !important;
	background: url(../images/icons.png) 16px -657px no-repeat, -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255, 1)), to(rgba(255,255,255, .7))); /* for webkit browsers */
	background: url(../images/icons.png) 16px -658px no-repeat, -moz-linear-gradient(top,  rgba(255,255,255, 1),  rgba(255,255,255, .7)); /* for firefox 3.6+ */
	padding-left: 37px;
	margin: 3px 10px 0 0 ;
}

ul.scrolling li {
	float: left;
	width: 100%;
	margin: 20px 0;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius:3px;
	background: #5b6671 !important;
  -moz-box-shadow: 0 1px 0px rgba(255,255,255,.1), inset 0 1px 0px rgba(255,255,255, .1);
  -webkit-box-shadow: 0 1px 0px rgba(255,255,255, .1), inset 0 1px 0px rgba(255,255,255, .1);
  box-shadow:  0 1px 0px rgba(255,255,255, .1), inset 0 1px 0px rgba(255,255,255, .1);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255, .4)), to(rgba(255,255,255, .2))); /* for webkit browsers */
  background: -moz-linear-gradient(top,  rgba(255,255,255, .2),  rgba(255,255,255, .1)); /* for firefox 3.6+ */
  text-shadow: 0 1px 0px rgba(0,0,0, .8);
	opacity: 1;
	color: rgba(255,255,255,.9);
	position: relative;
}

.watch {
	padding: 30px 0 0 0 !important;
	height: 0 !important;
	overflow: hidden;
	float: left;
	width: 30px;
	line-height: 3em;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius:30px;
	background: #EEE url(../images/icons.png) 11px -569px no-repeat;
	background: url(../images/icons.png) 11px -569px no-repeat, -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255, 1)), to(rgba(255,255,255, .7))) !important;
	background: url(../images/icons.png) 11px -569px no-repeat, -moz-linear-gradient(top,  rgba(255,255,255, 1),  rgba(255,255,255, .7)) !important;
	margin-right: 15px;
}

.next {
	padding: 26px 0 0 0 !important;
	height: 0 !important;
	overflow: hidden;
	float: left;
	width: 60px;
	line-height: 3em;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius:30px;
	background: #EEE url(../images/icons.png) 21px -704px no-repeat;
	background: url(../images/icons.png) 21px -704px no-repeat, -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255, 1)), to(rgba(255,255,255, .7))) !important;
	background: url(../images/icons.png) 21px -704px no-repeat, -moz-linear-gradient(top,  rgba(255,255,255, 1),  rgba(255,255,255, .7)) !important;
	margin-right: 15px;
}

.previous {
	padding: 26px 0 0 0 !important;
	height: 0 !important;
	overflow: hidden;
	float: left;
	width: 60px;
	line-height: 3em;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius:30px;
	background: #EEE url(../images/icons.png) 21px -748px no-repeat;
	background: url(../images/icons.png) 21px -748px no-repeat, -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255, 1)), to(rgba(255,255,255, .7))) !important;
	background: url(../images/icons.png) 21px -748px no-repeat, -moz-linear-gradient(top,  rgba(255,255,255, 1),  rgba(255,255,255, .7)) !important;
	margin-right: 15px;
}

.rss.button.silver {
	background: #EEE url(../images/icons.png) 14px -611px no-repeat;
	background: url(../images/icons.png) 14px -611px no-repeat, -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255, 1)), to(rgba(255,255,255, .7))); /* for webkit browsers */
	background: url(../images/icons.png) 14px -611px no-repeat, -moz-linear-gradient(top,  rgba(255,255,255, 1),  rgba(255,255,255, .7)); /* for firefox 3.6+ */
	padding-left: 37px;
	margin: 0px 10px 0 0 ;
}

.share.button.silver {
	background: #EEE url(../images/icons.png) 14px -789px no-repeat;
	background: url(../images/icons.png) 14px -789px no-repeat, -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255, 1)), to(rgba(255,255,255, .7))); /* for webkit browsers */
	background: url(../images/icons.png) 14px -789px no-repeat, -moz-linear-gradient(top,  rgba(255,255,255, 1),  rgba(255,255,255, .7)); /* for firefox 3.6+ */
	padding-left: 37px;
	margin: 0px 10px 0 0;
}

.share.button.silver.floatright, .share.button.silver.floatleft,
.share.button.silver.block {
	background: #EEE url(../images/icons.png) 14px -791px no-repeat;
	background: url(../images/icons.png) 14px -791px no-repeat, -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255, 1)), to(rgba(255,255,255, .7))); /* for webkit browsers */
	background: url(../images/icons.png) 14px -791px no-repeat, -moz-linear-gradient(top,  rgba(255,255,255, 1),  rgba(255,255,255, .7)); /* for firefox 3.6+ */
	padding-left: 37px;
	margin: 0px 10px 0 0 ;
}

.paginator li a:hover {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius:3px;
	background: #FFF;
  -moz-box-shadow: 0 1px 0px rgba(255,255,255,.1), inset 0 1px 0px rgba(255,255,255, .1);
  -webkit-box-shadow: 0 1px 0px rgba(255,255,255, .1), inset 0 1px 0px rgba(255,255,255, .1);
  box-shadow:  0 1px 0px rgba(255,255,255, .1), inset 0 1px 0px rgba(255,255,255, .1);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255, .4)), to(rgba(255,255,255, .2))); /* for webkit browsers */
  background: -moz-linear-gradient(top,  rgba(255,255,255, .2),  rgba(255,255,255, .1)); /* for firefox 3.6+ */
  text-shadow: 0 1px 0px rgba(0,0,0, .8);
	opacity: 1;
	color: #333;
}

#videoArea, #channelEpisodes, #channelInfoPreview {
	margin: 25px 25% 25px 25px !important;
	width: 65%;
	min-width: 550px !important;
}

#videoArea {
	padding: 25px !important;
	background: rgba(0,0,0, .6);
}

.date-divide {
	opacity: 1.0 !important;
	color: #FFF;
	background: #162330 !important;
}

.paginator {
	background: #162330;
}

.paginator li a {
	color: #FFF;
}