@charset "utf-8";
/* 
CSS Document by Anderson Chen, Mingisland Design 2010
http://www.mingisland.com
*/

/*General Settings*/
body{ background:#ededed; margin:15px 0 0 0; font-family:Georgia, "Times New Roman", Times, serif; }

/*Headlines*/
h1{ font-size:24px; font-weight:lighter; }
h2{ font-size:12px; font-weight:normal; color:#8b7368; line-height:18px; }
h3{ font-size:12px; font-weight:normal; color:#000; }
h4{ font-size:10px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; color:#666; line-height:16px; margin:5px 0; }
p{ font-family:Arial, Helvetica, sans-serif; color:#898989; font-size:12px; line-height:16px; margin-bottom:10px; }

/*Style Settings*/
.trailer{ font-size:15px; }
.titles{ color:#898989; font-size:14px; margin-left:4px; }
.aline{ text-decoration:underline; }
.inline{ display:inline; padding-right:15px; }
.top-1{ padding:30px 0 15px 0; }
.top-2{ padding:40px 0 10px 0; }
.top-3{ padding:30px 0 0 0;}
.top-4{ padding:5px 0 0 0;}
.top-5{ padding:60px 0 30px 0;}

/*Link*/
a{ color:#000; font-size:12px; text-decoration:none; }
a:hover{ color:#666; text-decoration:none; color:#8b7368; }
h2 a{ color:#8b7368; }
h2 a:hover{ text-decoration:underline; }
h3 a{ color:#898989; font-family:Arial, Helvetica, sans-serif; }
h3 a:hover{ text-decoration:underline; }

/*Wrappers*/
#container{}
#page h2{ margin:10px 0; }
#page h3{ margin:10px 0; }

/*Header*/
#header{ position:relative; }
#share{ position:absolute; right:0; top:0; }
#share a{ margin-left:10px; }
#nav{ position:absolute; right:0px; top:18px; padding-top:15px; background:url(../img/nav-border.jpg) top right no-repeat; }
#nav ul li{ float:left; margin-left:18px; font-size:12px; color:#898989; }
#nav ul li a{ text-decoration:none; color:#898989; }
#nav ul li a:hover{ color:#000; }
#nav ul li a.active{ text-decoration:underline; }

/*Synopsis*/
ul#gallery li{ float:left; border:#adadad solid; border-width:3px; margin:0 12px 12px 12px; position:relative; }
ul#gallery li:hover{ border-color:#8b7368; }
ul#gallery li img{vertical-align:bottom; display:block;}
ul#gallery li.first{ margin-left:0; }
ul#gallery li.last{ margin-right:0;}
ul#gallery li a{ font-family:Arial, Helvetica, sans-serif; font-size:9px; }
ul#gallery li a.size1{ position:absolute; bottom:-22px; left:-3px; padding:5px 2px; }
ul#gallery li a.size2{ position:absolute; bottom:-22px; right:-3px; padding:5px 2px; }
ul#gallery li a.size3{ position:absolute; bottom:-22px; right:-3px; padding:5px 2px; width:92px; text-align:center; }
ul#gallery li a.size1:hover,ul#gallery li a.size2:hover,ul#gallery li a.size3:hover{ background:#8b7368; color:#FFF;}

/*Cast*/
#filmography{ font-size:12px; }
#filmography h3{ line-height:15px; }
#filmography li{ list-style:disc; margin:0 0 5px 15px; color:#898989; font-family:Arial, Helvetica, sans-serif; line-height:15px;  }
.profile img{ border:#adadad solid; border-width:3px; margin-top:15px; }
img.profile{ border:#adadad solid; border-width:3px; }
.crews h3{ line-height:18px; }
.extend{ border-top:#CCC thin solid; border-width:1px; border-bottom:#CCC thin solid; border-bottom-width:1px;  }

/*Screenings*/
table#schedule{ font-size:12px; font-weight:normal; background:url(../img/table-border.jpg) no-repeat center top; background-position:0 30px; margin-bottom:30px; }
table#schedule tr:hover{ background-color:#8b7368; color:#FFF!important; color:#8b7368; *color:#8b7368!important;  cursor:pointer; }
table#schedule tr#head{ background:none; color:#898989; }
table#schedule th{ font-size:14px; font-weight:normal; padding:5px 5px 20px 5px; color:#898989; text-align:left; }
table#schedule td{ padding:5px;  }
table#schedule tr:hover a,table#schedule a:hover{ color:#FFF!important; color:#8b7368; *color:#8b7368!important;  }

/*videoWrap*/
#videoWrap{ border:#CCC thin solid; border-width:1px; padding:0 0 0 0;}

/*Contact*/
#contact{ width:340px; height:380px; background: url(../img/bg-form.gif) no-repeat center bottom; font-size:12px; }
#contact input{ border:0; background:#ededed; font-family:Arial, Helvetica, sans-serif; padding-left:5px; color:#666; }
#contact textarea{ border:0; background:#ededed; width:318px; height:70px; margin:2px 5px; }
.tit-1{ float:left; height:22px; width:180px; }
.tit-2{ float:left; height:22px; width:160px; }
.tit-3{ float:left; height:21px; width:340px; padding:10px 0 2px 0; }
.tit-4{ float:left; height:18px; width:340px; padding:8px 0 2px 0; }
.tit-5{ float:left; height:22px; width:340px; padding:8px 0 2px 0; }
.in-1{ float:left; height:21px; width:180px; padding:2px 0 0 2px; }
.in-2{ float:left; height:21px; width:156px; padding:2px 0 0 2px; }
.in-3{ float:left; height:21px; width:338px; padding:2px 0 0 2px; }
.in-4{ float:left; height:21px; width:338px; padding:10px 0 0 2px; text-align:right; }
.in-4 a{ margin-left:15px; }
.in-input{ width:330px; }

/*Footer*/
#footer{ font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#898989; margin-top:30px; margin-bottom:30px; padding-top:10px; 
         background:url(../img/footer-border.jpg) no-repeat top center; }
#footer a{ color:#898989; }
#copyright{ float:left; font-size:11px; }
#copyright a{ font-size:11px; color:#333; }
#links{ float:right; }
#links ul li{ float:left; margin-left:10px; }
#links ul li a:hover{ color:#000; }
#links ul li a.active{ color:#000; }