body {
	font-family:Helvetica Neue,Helvetica,Arial,sans-serif;
	font-size:16px;
	color: #000;
	text-align: center; /* Centers the container */
	margin: 0;
	padding: 0;
	border: solid #69ad20 0px;
	background-color: #000000;
	border-color: #316AC5;
}
 .slideshow { float: left; height: 200px; margin: 0 10px 10px 0; width: 266px; }

a{
	text-decoration:underline;
	color:#69ad20;
	outline:none;
}
a:hover{
	color:#0000FF;
}
h1{font-size:22px;color:#ff0;margin-bottom:8px;}
h2{font-size:18px;color:black;}
h3{font-size:16px;color:black;}
h4{font-size:14px;color:black;font-weight:bold;}
h5{font-size:12px;color:black;}
strong{font-weight:bold;}

#header {
	margin: 0;
	padding: 0;
	background-color: #000000;
}
 
#footer {
	clear: both;
	margin: 0 20px;
	height: 43px;
	background-color: #000000;
}
/*------------------------------------------------------------------------------*/
/* Center Page including header, title, main page*/

#container {
	margin: 0 auto; /* It's important to set the margin to auto if you want the layout to center */
	background: #1f3804;
	text-align: left;
	border: solid #003300 2px;
	width: 850px;
}

#banner {
	background: #1f3804;
	font-size: 12px;
	color: #69ad20;
	text-align:right;
	margin-top: 15px;
} 

#bannerquote {
	margin-right: 40px;
	font-style: italic;
	text-decoration: none;
}
	
#pagetitle {
	margin: 0px 0px 16px 0px;
	width: 100%;
	border: solid #69ad20 0px;
	border-bottom-width: 2px;
}

.main_column{
	width:72%;
	margin-left: 25px;
	float: left;
}

/*---------------------*/
/* Video boxes section*/
.smallvideobox{
	margin-top:16px;
	padding:0 5px 8px;
	margin-top:0;
	background-color:#000000;
	border:2px solid #69ad20;
	margin-top:4px;
	margin-bottom:12px;
	height: 260px;
}

.likevideobox{
	margin-top:16px;
	padding:0 5px 8px;
	margin-top:0;
	background-color:#000000;
	border:2px solid #69ad20;
	margin-top:4px;
	margin-bottom:12px;
	height: 300px;
}

.top5_smallvideobox{
	margin-top:16px;
	padding:0 5px 8px;
	margin-top:0;
	background-color:#000000;
	border:2px solid #69ad20;
	margin-top:4px;
	margin-bottom:12px;
	height: 295px;
}

.youtubebox{
	padding:0 5px 8px;
	background-color:#000000;
	height: 250px;
	float:left;
	width:300px;
	margin: 5px 5px 5px 10px;
}

.video_textbox{
	width:250px;
	float:left;
	margin: 25px 0 0 15px;
	height: 240px;
}

.videolatesttitle {
	font-size: 16px;
	color: #FFFFFF;
	font-weight: bold;
	width:100%;
}

.videotheatre {
	font-size: 14px;
	color: #69ad20;
	font-weight: bold;
	width:100%;
}

.videolatesttext {
	font-size: 12px;
	color: #FFFFFF;
	font-weight: normal;
	width:250px;
	height: 75px;
	margin: 5px 0 0 0;
}

.videolatesttext1 {
	font-size: 12px;
	color: #FFFFFF;
	font-weight: normal;
	width:250px;
	margin: 5px 0 0 0;
}
.videolatesttext2 {
	font-size: 16px;
	color: #FFFFFF;
	font-weight: normal;
	width:250px;
	margin: 5px 0 0 0;
}

.videobox_wide{
	margin-top:16px;
	padding:0 5px 8px;
	margin-top:0;
	background-color:#000000;
	border:2px solid #69ad20;
	margin-top:4px;
	margin-bottom:12px;
	height: 425px;
}

.videobox_latest_wide{
	margin-top:16px;
	padding:0 5px 8px;
	margin-top:0;
	background-color:#000000;
	border:2px solid #69ad20;
	margin-top:4px;
	margin-bottom:12px;
	height: 460px;
}

.top5_videobox_latest_wide{
	margin-top:16px;
	padding:0 5px 8px;
	margin-top:0;
	background-color:#000000;
	border:2px solid #69ad20;
	margin-top:4px;
	margin-bottom:12px;
	height: 475px;
}

/* Title */

.videotitle {
	padding:5px 5px 8px 0;
	font-size: 18px;
	color: #FFFFFF;
	font-weight: bold;
	margin-left: 25px;
}

.videoviews {
	padding:5px 5px 8px 0;
	font-size: 16px;
	color: #FFFFFF;
	font-weight: normal;
	margin-left: 25px;
}

/* Embedded Video */
.youtubevideo_wide {
	width: 490px
	float: left;
	padding-right: 5px;
	margin-left: 25px;
}

.youtubevideo_theatre {
	position: absolute;  top: 172px; left: 151px; 
}
.youtubevideo_random {
	margin:155px auto;width:100%;
}

/* Release Date and Video Length */
.videoinfo {
	padding-left:5px 5px 8px;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: normal;
	margin-left: 25px;
}
.videoinfo_left {
	float: left;
	width: 50%;
	margin: 0 0 0 25px;
}
.videoinfo_right {
	float: right;
	width: 40%;
	text-align:right;
	margin-right:29px;
}

.videoinfo_right_latest {
	float: right;
	width: 40%;
	text-align:left;
	margin-right:29px;
}

/* Video main page */
.video_main_box{
	margin-top:16px;
	padding:0 5px 8px;
	margin-top:0;
	background-color:#000000;
	border:2px solid #69ad20;
	margin-top:4px;
	margin-bottom:12px;
	height: 210px;
}

.video_main_textbox{
	width:275px;
	float:right;
	margin: 20px 25px 0 15px;
	height: 175px;
}

.video_new_title {
	padding:5px 0px 8px 0;
	font-size: 18px;
	color: #FFFFFF;
	font-weight: bold;
	width:100%;
}
.video_main_title {
	padding:5px 0px 8px 0;
	font-size: 16px;
	color: #FFFFFF;
	font-weight: bold;
	width:100%;
}

.video_main_img {
	width: 250px;
	padding-right: 5px;
	margin: 20px 0 0 25px;
	float: left;
}
.video_main_text {
	font-size: 12px;
	color: #FFFFFF;
	font-weight: normal;
	width:275px;
	height: 75px;
}

/* Recommend to your friend */

.description {
	width: 100%;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: normal;
	margin: 5px 0 0 0;
	float: left;
}

.description_latest_wide {
	width: 100%;
	float: left;
	color: #FFFFFF;
	padding:8px 0px 0px 0;
	font-size: 12px;

}

.setfavorite {
	width: 100%;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	margin: 5px 0 0 0;
}

.recommend {
	width: 100%;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	margin: 5px 0 0 0;
}

/* Recommend to your friend */

.share {
	width: 490px
	float: left;
	padding:0px 5px 0px 0;
	font-size: 12px;
	font-weight: bold;
}

.description2 {
	width: 120px;
	padding:8px 0px 0px 0;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
}
.titledescription {
	width: 100%;
	float: left;
	padding:8px 0px 0px 0;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
}
.recommend2 {
	width: 100%;
	padding:0px 5px 0px 0;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	float: left;
	height: 25px;
}
.bigvideotheatre{
	width: 100%;
	padding:10px 5px 0px 0;
	height: 30px;
	float:left;
	font-size: 14px;
	color: #69ad20;
	font-weight: bold;
}

.recommendbox {
	width: 100%;
	padding:0px 5px 0px 0;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	float: left;
}

.collapse{line-height:1px;height:1px;margin:0;padding:0;font-size:1px;}
img{
	border:none;
	margin-top: 0px;
}

.clear{clear:both;height:0;line-height:0;font-size:0;}

/*---------------------*/
/* Sidebar (right column, center page */

#sidebar {
	background: #000000;
	font-size:10px;
	width: 158px;
	border: solid #69ad20 2px;
	text-align: center;
	color: #CCCCCC;
	padding: 18px 5px 5px 5px;
	margin: 42px 25px 0 10px;
	float: right;
}

.sidelink {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 14px;;
	}
.sidelink a {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 14px;;
	color: #69ad20;
	}
	
.sidelink a:hover {
	color: #0000FF;
	}
	
.sidelinkvideo a {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 14px;;
	color:#FFFFFF;
	}
	
.sidelinkvideo a:hover {
	color: #0000FF;
	}
	
.sidetitle {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 18px;
	color: #FFFFFF;
	}

.sidetext {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size: 12px;
	color: #CCCCCC;
	padding: 0 5px 0 5px;
	}

/* News Box --------------------------------*/
.news_mainbox{
	margin-top:16px;
	padding:5px 5px 5px 25px;
	margin-top:0;
	background-color:#000000;
	border:2px solid #69ad20;
	margin-top:4px;
	margin-bottom:12px;
	color: #FFFFFF;
	text-align: left;
	font-size: 10px;
}

.news_title {
	padding:5px 0px 8px 0;
	font-size: 18px;
	color: #FFFFFF;
	font-weight: bold;
	width:100%;
}
.news_text {
	padding:5px 0px 8px 0;
	font-size: 12px;
	color: #FFFFFF;
	width:100%;
}

/* Random Box*/
.random_mainbox{
	margin-top:16px;
	padding:5px 5px 5px 5px;
	margin-top:0;
	background-color:#000000;
	border:2px solid #69ad20;
	margin-top:4px;
	margin-bottom:12px;
	color: #FFFFFF;
	text-align: left;
	font-size: 10px;
	height: 100px;
}

.random_title {
	padding:5px 0px 8px 0;
	font-size: 18px;
	color: #FFFFFF;
	font-weight: bold;
	width:70%;
	float: right;
}
.random_text {
	font-size: 12px;
	color: #FFFFFF;
	text-align:left;
}
.random_link {
	font-size: 16px;
	color: #69ad20;
	font-weight: bold;
}

.random_main_img {
	width: 125px;
	padding-right: 5px;
	margin: 5px 0 0 25px;
	float: left;
	height: 90px;}
	
#random_row {
	width:70%;
	float:right
}
	
.random_col1 {
	width: 40%;
	font-size: 12px;
	color: #FFFFFF;
	padding-right: 5px;
	text-align:left;
	float: left;
	height: 90px;
}
.random_col2 {
	width: 55%;
	font-size: 12px;
	color: #FFFFFF;
	padding-right: 5px;
	text-align:left;
	float:right;
	font-weight:bold;
	height: 90px;
}
.random_archivecol1 {
	width: 30%;
	font-size: 12px;
	color: #FFFFFF;
	padding-right: 5px;
	text-align:left;
	float:right;
	font-weight:bold;
	height: 90px;
}
.random_archivetitle {
	padding:5px 0px 8px 0;
	font-size: 18px;
	color: #FFFFFF;
	font-weight: bold;
}
.random_archivecol1 {
	width: 30%;
	font-size: 12px;
	color: #FFFFFF;
	text-align:left;
	height: 90px;
	margin: 0 5px 0 5px;
	float:left;
}
.random_archivecol2 {
	width: 30%;
	font-size: 14px;
	color: #FFFFFF;
	text-align:left;
	padding: 10px 0 5px 0;
	float:left;
	font-weight:bold;
	height: 90px;
}

/* Random Box*/

.store_mainbox{
	margin-top:16px;
	padding:5px 5px 5px 5px;
	margin-top:0;
	background-color:#000000;
	border:2px solid #69ad20;
	margin-top:4px;
	margin-bottom:12px;
	color: #FFFFFF;
	text-align: left;
	font-size: 10px;
	height: 75px;
}

.store_title {
	padding:5px 0px 8px 0;
	font-size: 18px;
	color: #FFFFFF;
	font-weight: bold;
	width:70%;
	float: right;
}
.store_text {
	padding:5px 0px 8px 0;
	font-size: 12px;
	color: #FFFFFF;
	width:70%;
	float: right;
}
.store_main_img {
	width: 125px;
	padding-right: 5px;
	margin: 5px 0 0 25px;
	float: left;
	height: 60px;
}

/*--------------------------------Error Page--------------------------------*/
#errortitle {
	font-size: 24px;
	color: #69AD20;
	font-weight: bold;
	margin-top: 50px;
}

#errorcontainer {
	margin: 0 auto; /* It's important to set the margin to auto if you want the layout to center */
	background: #000000;
	text-align: left;
	border: solid #003300 0px;
	width: 850px;
}

#errorbanner {
	background: #000000;
	font-size: 12px;
	color: #69ad20;
	text-align:right;
	margin-top: 15px;
}

/*------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------*/
#bottom {

	padding: 5px;
	clear: both;
	
}
