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

*{
	margin:0;
	padding:0;
}
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#565656;
	background:url(images/back.png) center top;
}
a,a:visited{
    text-decoration:none;
}
img{
	border:none;
}
ul{
    list-style-type:square;
}
#container{
    width:980px;
    min-height:600px;
    margin:0 auto;
}
#top{
    width:980px;
    height:41px;
    float:left;
}
#navigation_left{
    width:10px;
    height:41px;
    float:left;
    background-image:url(images/sprite.png);
    background-color:transparent;
    background-position:0 0;
}
#navigation{
    float:left;
    width:960px;
    height:41px;  
    list-style-type:none;
    background:url(images/top_bar.png) left top repeat-x;  
}
#navigation_right{
    width:10px;
    height:41px;
    float:left;
    background-image:url(images/sprite.png);
    background-color:transparent;
    background-position:-10px 0;
}

/********************************************************
 NAVIGATION
********************************************************/
#navigation li{
    float:left;
    height:28px;
    list-style-type:none;
    margin:3px 0 0 35px;
}
#navigation li:first-child{
    margin:3px 0 0 15px;
}
#navigation li span,#navigation li a{
    float:left;
}
#navigation li .nav_button_left{
    width:6px;
    height:28px;
    display:block;
    background-image:url(images/sprite.png);
    background-color:transparent;
    background-position:-20px 0;
}
#navigation li.active .nav_button_left,#navigation li:hover .nav_button_left{
    width:6px;
    height:28px;
    display:block;
    background-image:url(images/sprite.png);
    background-color:transparent;
    background-position:-32px 0;
}
#navigation li a,#navigation li a:visited{
    padding:5px 10px;
    display:block;
    height:18px;
    background:url(images/nav_button.png) left top repeat-x;
    font-size:14px;
    font-weight:bold;
    color:#cecece;
    text-shadow: 0px -1px 0px #2a2a2a;
	outline:none;
}
#navigation li a:hover,#navigation li a:active,#navigation li.active a,#navigation li.active a:visited,#navigation li:hover a,#navigation li:hover a:visited{
    background:url(images/nav_button.png) left bottom repeat-x;
}
#navigation li .nav_button_right{
    width:6px;
    height:28px;
    display:block;
    background-image:url(images/sprite.png);
    background-color:transparent;
    background-position:-26px 0;
}
#navigation li.active .nav_button_right,#navigation li:hover .nav_button_right{
    width:6px;
    height:28px;
    display:block;
    background-image:url(images/sprite.png);
    background-color:transparent;
    background-position:-38px 0;
}
/********************************************************
 HEADER
********************************************************/
#header{
	float:left;
	width:980px;
    margin:15px 0;
}
#logo,#logo img{
	float:left;
}

/********************************************************
 VIDEO
********************************************************/
#video_container{
    float:left;
    width:932px;
    height:399px;
    background:url(images/video_panel.png) left top no-repeat;
    padding:48px 24px 0 24px;
    color:#cbcbcb;
}
#video_container #video{
	width:640px;
	height:360px;
	margin:0 13px 0 0;
	border-left:1px solid #1d1d1d;
	border-top:1px solid #1d1d1d;
	border-right:1px solid #575757;
	border-bottom:1px solid #575757;
	float:left;
}
#video_information{
	width:277px;
	height:362px;
	float:left;
    position:relative;
}
#video_title{
	float:left;
	width:277px;
	padding:0 0 0 0;
    max-height:66px;
    overflow:hidden;
}
#video_title h1,#video_title #video_title_h1{
	color:#e2e2e2;
	font-size:22px;
	line-height:27px;
}
#video_title h1 a,#video_title h1 a:visited{
    color:#e2e2e2;
    font-size:22px;
    line-height:27px;
}
#video_title h1 a:hover,#video_title h1 a:active{
    color:#ffe400;
}
#video_details{
    float:left;
    padding:4px 0 0 0;
    margin:4px 0 0 0;
    width:277px;
    text-align:right;
    height:142px;
    overflow:hidden;
    background:url(images/video_title_seperator.png) top left repeat-x;
}
#video_details ul{
    list-style-type:none;
}
#video_details:hover{
    padding:4px;
    width:269px;
    height:auto;
    background:#e2e2e2;
    color:#363636;
    cursor:pointer;
    position:relative;
	box-shadow: 0 0 13px #000;
	-webkit-box-shadow: 0 0 13px #000;
	-moz-box-shadow: 0 0 13px #000;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
    z-index:2;
}
#video_price_container{
	width:277px;
	float:left;
    text-align:right;
    position:absolute;
    right:0;
    bottom:0;
}
span#price{
    font-size:30px;
    font-weight:bold;
    line-height:30px;
    color:#fff;
}

span#the_price{
    font-size:45px;
    font-weight:bold;
    line-height:45px;
    color:#ffe400;
    margin-top:8px;
}
#video_price_container a,#video_price_container a:visited{
    width:164px;
    height:42px;
    display:block;
    background-image:url(images/sprite.png);
    background-color:transparent;
    background-position:0 -41px;
    float:right;
    margin-top:5px;
	outline:none;
}
#video_price_container a:hover,#video_price_container a:active{
    background-position:0 -83px;
}

/********************************************************
 MAIN CONTAINER
********************************************************/
#content_container{
    width:960px;
    float:left;
    margin:20px 10px 10px 10px;
}
#content_container .top{
    width:960px;
    height:11px;
    float:left;
    background-image:url(images/sprite.png);
    background-color:transparent;
    background-position:0 -125px;
}
#content_container .bottom{
    width:960px;
    height:11px;
    float:left;
    background-image:url(images/sprite.png);
    background-color:transparent;
    background-position:0 -136px;
}
#content_container .main{
    width:960px;
    min-height:11px;
    float:left;
    background:url(images/content_bg.png) left top repeat-y;
    min-height:500px;
}
#content{
    margin:0px 33px 0px 11px;
    width:687px;
    min-height:200px;
    float:left;
}
/********************************************************
 RIBBON TITLES
********************************************************/
.ribbon_title{
    float:left;
    height:46px;
    margin:20px 0 15px -27px;
    margin:20px 0 15px -30px\9;
    clear:both;
}
.ribbon_title:first-child{
    margin-top:5px;
}
.ribbon_left{
    width:4px;
    height:38px;
    float:left;
    background:url(images/ribbon_left.png)left top no-repeat;
}
.ribbon_the_title{
    float:left;
    height:26px;
	*height:33px;
    background:url(images/ribbon_bg.png) left top repeat-x;
    font-size:10px;
	*font-size:15px;
	line-height:26px;
    color:#fff;
    padding:12px 10px 0 8px;
	*padding:5px 10px 0 8px;
    z-index:4;
    position:relative;
}
.ribbon_right{
    float:left;
    width:5px;
    height:38px;
    background:url(images/ribbon_right.png) left top no-repeat;
    z-index:4;
    position:relative;
}
.ribbon_corner{
    float:left;
    width:37px;
    height:8px;
    background:url(images/ribbon_corner_left.png) left top no-repeat;
    clear:both;
    margin:-2px 0 0 1px;
	margin:-2px 0 0 4px\9;
    z-index:2;
    position:relative;
}
/********************************************************
 THE POST
********************************************************/
.post_wrapper{
	width:687px;
	float:left;
	min-height:50px;
	clear:both;
    margin:0;
}
.post_wrapper > ul{
    margin:10px 0 10px 0px;
    padding:10px 25px;
    background:url(images/back.png) left top;
    border-top:1px solid #ccc;
    border-left:1px solid #ccc;
    border-bottom:1px solid #f0f0f0;
    border-right:1px solid #f0f0f0;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
}
.post_wrapper > ul  ul{
    margin:0 0 0 15px;
}
/********************************************************
 SIDEBAR
********************************************************/
#sidebar{
    width:218px;
    min-height:200px;
    float:left;
}
#sidebar .post_wrapper{
	width:218px;
	float:left;
	min-height:50px;
	clear:both;
    margin:0 0 15px 0;
}
/********************************************************
 LISTING
********************************************************/
.post_wrapper .listing{
    list-style-type:none;
    float:left;
    background:none;
    border:none;
    margin:0;
    padding:0;
}
.listing li{
    float:left;
    display:block;
    width:179px;
    height:206px;
    background:url(images/listing_item_bg.png) left top no-repeat;
    margin:0 0 20px 40px;
    position:relative;
}
.listing li.first_item{
    margin-left:35px;
}
.listing li .listing_image{
    margin:3px 0 0 11px;
}
.listing li .listing_name{
	color:#fff;
	font-size:16px;
	text-align:center;
    display:block;
    background:none;
    width:100%;
    margin:0 0 0 1px;
    position:absolute;
    left:0;
    bottom:42px;
    max-height:32px;
    overflow:hidden;
}
.listing li .listing_play{
    display:block;
    width:78px;
    height:78px;
    background-image:url(images/sprite.png);
    background-color:transparent;
    background-position:0 -147px;
    position:absolute;
    top:30px;
    left:50px;
    opacity:0.7;
}
.listing li .listing_play:hover{
    opacity:1;
}
/********************************************************
 COMMENTS
********************************************************/
.comment_wrapper{
    float:left;
    clear:both;
    width:687px;
    margin-top:26px;
}
.comment_wrapper:first-child{
    margin-top:0;
}
.comment_thumb{
    width:160px;
    height:160px;
    float:left;
    background:url(images/comment_thumb.png) left top no-repeat;
    margin-top:20px;
}
.comment_avatar{
    float:left;
    margin:21px 0 0 38px;
}
.comment_date,.comment_time{
    float:left;
    margin:22px 0 0 0;
	color:#5da61d;
}
.comment_date{
    font-size:10px;
	*margin:17px 0 0 0;
    margin-left:33px;
}
.comment_time{
    font-size:10px;
	*margin:-1px 0 0 0;
    margin-left:25px;
}
.comment_body_wrapper{
    width:495px;
    float:left;
    margin:2px 0 0 26px;
}
.comment_author{
    width:493px;
    padding-left:2px;
    height:20px;
	font-weight:bold;
	font-size:15px;
    color:#565656;
}
.comment_author a,.comment_author a:visited{
    color:#5da61d;
}

.comment_author a:hover,.comment_author a:active{
    color:#565656;
}
.comment_author img{
    margin-bottom:-3px;
    margin-bottom:0\9;
}
.comment_body_top{
    width:495px;
    height:4px;
    background:url(images/comment_body_top.png) left top no-repeat;
}
.comment_body{
    width:481px;
    min-height:146px;
    padding:0 7px;
    background:url(images/comment_body_bg.png) left top repeat-y;
}
.comment_body_bottom{
    width:495px;
    height:5px;
    background:url(images/comment_body_bottom.png) left top no-repeat;
}