/* define content area width */
#content_area #content{width:735px;margin-right:15px;float:left;}


/* top content area- cycling videos */
#content #top_content{margin-bottom:25px;}
#content #featured_content{height:281px;width:485px;float:left;}
#content #featured_nav{position:relative;z-index:10;height:280px;width:250px;float:left;border-top:1px solid #bcbec0;}
#content #featured_nav li{height:69px;border-bottom:1px solid #bcbec0;cursor:pointer;}
#content #featured_nav li:hover,#content #featured_nav li.activeSlide a,
#content #featured_nav li:hover,#content #featured_nav li.activeSlide{color:#008dd2;background:#f6f6f7;}
#content #featured_nav li .inner{padding:14px 15px;}
#content #featured_nav li .inner .excerpt{width:220px;height:14px;overflow:hidden;}
#content #featured_nav li .inner .dateline{padding-top:4px;color:#939598;text-transform:uppercase;}
#content #featured_nav a.view_all{display:block;position:absolute;z-index:12;top:256px;left:196px;}
#content #main_content{}


/* main content area */
#main_content {margin-bottom:15px; }
#main_content .left_col{width:485px;margin-right:15px;float:left;}
#main_content .right_col{width:235px;float:left;}


/* collection video area */
.collection {margin-bottom:3px;}
.collection #video{width:360px;float:left;margin-right:15px;}
.collection .title{height:27px;border-top:4px solid #000000;border-bottom:4px solid #000000;padding-top:4px;line-height:18px;font:18px Gotham,Verdana,Helvetica,Arial,Sans-serif;font-weight:bold;text-transform:uppercase;margin-bottom:15px;}
.collection .caption{line-height:13px;margin-bottom:15px;}
.collection #video_info{width:110px;float:left;}
.collection .video_title {margin-bottom:8px;}
.collection .video_title a {font-family:Gotham,Verdana,Helvetica,Arial,Sans-serif;font-weight:bold;}
#video_info .info{height:97px;overflow:hidden;}
#video_info .amazon_link{width:51px;height:98px;padding:8px 8px 0 8px;background:#ffffcc url('http://media.tribecafilminstitute.org/images/amazon.gif') no-repeat bottom left;line-height:10px;}
#video_info .amazon_link .purchase_opts{margin-top:4px;padding-top:4px;border-top:2px solid #000000;font-size:7px;text-transform:uppercase;line-height:8px;}
.amazon_link a {font-weight:normal;color:#000000;}


/* program area */
#program_area{margin-bottom:15px;}
#program_head{height:39px;width:205px;padding:0 15px;font:12px Gotham,Verdana,Helvetica,Arial,Sans-serif;font-weight:bold;color:#ffffff;text-transform:uppercase;cursor:pointer;line-height:39px;}
#program_head.open{background:#008dd2 url(http://media.tribecafilminstitute.org/images/open.gif) no-repeat 210px center;}
#program_head.close{background:#008dd2 url(http://media.tribecafilminstitute.org/images/close.gif) no-repeat 210px center;}
#programs{margin-bottom:20px;padding:15px 15px 7px 15px;background:#f6f6f7;display:none;}
#programs li{padding-bottom:6px;}
#programs a{color:#000000;font-weight:bold;text-transform:uppercase;font-family:Gotham,Verdana,Helvetica,Arial,Sans-serif;font-size:10px;line-height:11px;}
#programs a:hover{color:#008dd2;text-decoration:none;}


/* styles for filmmaker, genre, etc block list areas */
.topline{margin-top:12px;padding-top:12px;border-top:1px solid #bcbec0;}
.block .content{width:235px;float:left;}
.block .content.left{margin-right:15px;}
.block ul li{padding-bottom:8px;}
.block .more{padding-bottom:7px;}
ul.tagcloud li{float:left;margin-right:9px;width:auto;}
.block p{padding-bottom:8px;}

/* feature site */
#feature_site_area {margin-bottom:10px;}
#feature_site_area img.url_thumb {margin-top:4px;}
#feature_site_head{background-color:#008dd2; height:39px;width:205px;padding:0 15px;color:#ffffff;line-height:39px;}

/* reframe */
#reframe_area {height:39px;width:205px;padding:0 11px; font-weight:bold; color:#008dd2; border:4px solid #008dd2; line-height:39px;}

/* footer */
#footer {color:#939598; text-transform: uppercase; margin-top:60px; padding-bottom:30px;}

/* post */
.post p {margin-bottom:11px; line-height:1.3;}
.post h2 {font-size:18px;font-weight:bold; line-height:1.2; margin-bottom:11px;}
.post h2 a {color:#000;}

/* comment */
.comment_form {margin-top:15px;}
.comment_form .comment_title {color:#008dd2; text-transform:uppercase; font:18px Gotham,Verdana,Helvetica,Arial,Sans-serif; margin-bottom:7px;}
.comment_form .dateline{color:#939598; border-top:1px solid #bcbec0; margin-bottom:8px;}
.comment_form .comment{margin-bottom:15px;}

.comment_form form label   {display:block; color:#939598; font-size:10.5px;}
.comment_form form textarea{height:126px;}
.comment_form form input.submit {color:#fff; background-color:#008dd2; border:1px hidden #000; font-family:Verdana,Helvetica,Arial,sans-serif;padding:0px 10px 0px 10px; text-transform:uppercase; font-size:10.5px;}
.comment_form form textarea.std_width,
.comment_form form input.std_width {width:235px; border:1px solid #bcbec0; margin-bottom:8px; font-size:10.5px; font-family:Verdana,Helvetica,Arial,sans-serif;}

/* meta */
#meta {border-top:1px solid #bcbec0; padding-top:10px; margin-bottom:15px;}
#meta li {margin-bottom:8px;}
#meta li.dateline {color:#939598;}
#meta li.comment_count a {color:#008dd2;}
#meta li.facebook_like {margin-bottom:4px;}
#meta li.facebook_share {float:left; margin-right:10px; padding-top:1px;}

/* pagination */
.page_old {float:right; margin-right:250px;}

/* playlist */
.playlist_div {float:left; margin-right:15px; width:110px;}

