@import url("supporters.css");

* { margin:0; padding:0; }
html {  }
body { background:url(images/stripe.png); font-family:Arial, Helvetica, sans-serif; height:100%; }
img { border:0; padding:0; margin:0; }

#wrapper { width:1000px; margin:0 auto; background-color:#FFF; border-left:1px solid #A2A2A2; border-right:1px solid #A2A2A2; height:100%; }
#wrappershadow { width:1030px; margin:0 auto; height:100%;}
#wrappershadow #bgl { display:block; background:url(images/shadow_l.png) left repeat-y; height:100%;}
#wrappershadow #bgr { display:block; background:url(images/shadow_r.png) right repeat-y; height:100%;}

#header { height:185px; background:url(images/bg_head.png) repeat-x; }
#header #banner { float:right; margin-top:45px; margin-right:40px;  }
#header #streams { float:left; margin-left:60px; width:345px; }

#nav {  height:39px; background:url(images/bg_nav.png) repeat-x; border-bottom:1px solid #DDD; }
#nav div#nav_login { float:right; }
#nav div#nav_login form#nav_login_form { display:block; background:#CCCCCC; margin-top:10px; }
#nav div#nav_login form#nav_login_form div.inputblock { float:left; margin-right:10px; }
#nav div#nav_login form#nav_login_form label { display:block; font-size:11px; float:left; padding-top:5px; padding-right:5px; font-weight:bold; color:#CBCBCB }
#nav div#nav_login form#nav_login_form input { width:75px; font:Arial, Helvetica, sans-serif; font-size:10px; }

/*Main GCTVN Forms*/
div.gctvn_form { }
div.gctvn_form form { display:block; }
div.gctvn_form form ul.fields { list-style:none }
div.gctvn_form form ul.fields li { display:block; }
div.gctvn_form form ul.fields li label { display:block; font-size:12px; }
div.gctvn_form form ul.fields li input { display:block; height:30px; width:200px; }


#main {}
#main #left { width:270px; padding: 10px 0px 0px 10px; float:left; }
#main #right { width:710px; padding: 10px 0px 0px 0px; float:left; }

#main.three_column #left { width:166px; margin:0; padding: 10px 0px 0px 0px;  }
#main.three_column #middle { width:640px; padding: 10px 12px 12px 12px; float:left; }
#main.three_column #right {  width:166px; margin:0; padding: 10px 0px 0px 0px; }

#main.three_column #left .supporter { margin-right:15px; margin-left:0px; float:right; }
#main.three_column #right .supporter { margin-right:0px; margin-left:15px; }
#main.three_column #middle .supporter { margin-left:0px; margin-right:10px; }

/* News Section Styles */
div#news { margin-bottom:20px; }
div#news .post { font-family:Tahoma, Geneva, sans-serif; color:#222; margin-bottom:10px; border:1px solid #DDD; background:#FAFAFA; } 
div#news .post .title { font-size:15px;  font-weight:bold; margin-bottom:10px; padding:10px; border-bottom:1px solid #E3E3E3; }
div#news .post .title .date { display:block; clear:right; font-weight:normal; font-size:11px; }
div#news .post .copy { font-size:13px; margin:10px;}
div#news .post .foot { border-top:1px solid #E3E3E3; padding:10px; }
div#news .post .foot ul.buttons { }
div#news .post .foot ul.buttons li { }
div#news .post .quote { display: block; width:550px; padding:20px; border:1px solid #cbcbcb; background-color:#f6f6f6; margin: 0 auto; }
div#news .post a { color:#388400; }

#footer { background:url(images/bg_foot.png) repeat-x; height:73px; }
#footer #copyright { font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#636363; width:100%; text-align:center; padding-top:30px; }

/* Ad Sizes */
.supporter { display:block; margin-bottom:10px; color:#DDD; font-family:Tahoma, Geneva, sans-serif; font-size:10px; text-align:center; margin-right:10px; }
.supporter a span { display:none; }
.supporter a { display:block; height:100%; width:100%; }
.d125x125 { height:125px; width:125px; background-image:url(/dummyimage/125x125) }
.d260x80 { height:80px; width:260px; background-image:url(/dummyimage/260x80) }
.d260x260 { height:260px; width:260px; background-image:url(/dummyimage/260x260) }

/* Temp Static Supporters */
.supporter_av { background-image:url(supporters/av.jpg) }
.supporter_xpl { background-image:url(supporters/xpl.png) }
.supporter_es { background-image:url(supporters/es.gif) }
.supporter_tus { background-image:url(supporters/tus.jpg) }

/*Utility Classes */
.clear { clear:both; line-height:0; height:0px; }
.floatleft { float:left }
.hidden { display:none; }

/*all GCTVN Staff*/
#gctvn_staff { list-style:none; display:block }
li.gctvn_staff_tile { display:block; width:213px; height:230px; float:left; padding:10px; text-align:center; }
li.gctvn_staff_tile { font-family:Arial, Helvetica, sans-serif; text-decoration:none; }
li.gctvn_staff_tile h3 { font-size:13px; }
li.gctvn_staff_tile h4 { font-size:12px; font-weight:normal; }
li.gctvn_staff_tile img { border:1px solid #CBCBCB; margin-top:5px; }
li.gctvn_staff_tile a { display:block; text-decoration:none; padding:20px; color:#666; }
li.gctvn_staff_tile a:hover { padding:19px; text-decoration:none; background-color: #f6f6f6; color: #378300; border: 1px solid #CBCBCB; }
li.gctvn_staff_tile a:hover h3, li.gctvn_staff_tile a:hover h4, li.gctvn_staff_tile a:hover p { color: #378300; }
li.gctvn_staff_tile a:visited { color:#666; }
li.gctvn_staff_tile a:active {}

/*View Individual Staff Member*/
div.staff_member { font-family:Arial, Helvetica, sans-serif; color:#222; font-size:12px;  }
div.staff_member img {  display:block; }
div.staff_member .staff_block { border:1px solid #CBCBCB; padding:5px; margin-bottom:5px; display:block; } 
div.staff_member .staff_block a { text-decoration:none; }
div.staff_member .staff_image { float:left; margin-left:1px }
div.staff_member .staff_bio { float:left; width:390px; margin-right:5px; }
div.staff_member .staff_right { float:right; width:290px; }
div.staff_member .staff_block h3 { display:block; border-bottom:1px solid #CBCBCB; padding:2px 2px 2px 0px; font-size:14px; color:#636363; margin-bottom:5px; }
div.staff_member h2 { display:block; border-bottom:3px solid #CBCBCB; font-size:20px; margin-bottom:20px; padding:5px 5px 5px 0px; }
div.staff_member div.staff_contact {  }
div.staff_member div.staff_contact span.contact_medium { display:block; float:left; width:60px;  }
div.staff_member div.staff_right ul { list-style:none; }
div.staff_member div#twitter_div ul#twitter_update_list li { display:block; margin-bottom:5px; border-bottom:1px solid #CBCBCB; }
div.staff_member div#twitter_div ul#twitter_update_list li span { display:block; clear:both;  }
div.staff_member div#twitter_div ul#twitter_update_list li a { color:#388400;  }
div.staff_member div#twitter_div #twitter-link { margin-top:10px; background: url(/libs/phpthumb/?src=/css/gctvn/images/messengers/twitter.png&w=16&f=png) no-repeat center right; padding-right:20px; }
div.staff_member div.staff_gallery {  float:left; width:390px; margin-right:5px;  }
div.staff_member div.staff_gallery ul { list-style:none;  padding-left:3px; }
div.staff_member div.staff_gallery li { display:block; float:left; }
div.staff_member div.staff_gallery li a { display:block; padding:5px; margin:0px; }
div.staff_member div.staff_gallery li a:hover { background-color:#388400; }

a.contact_icon { height:64px; width:64px; display:block; float:left; margin:2px;}
a.contact_icon span { display:none; }
.msn { background-image:url(images/messengers/msn.png);  }
.yim { background-image:url(images/messengers/yim.png); }
.aim { background-image:url(images/messengers/aim.png); }
.skype { background-image:url(images/messengers/skype.png); }
.xfire { background-image:url(images/messengers/xfire.png); }

/* Calendar Page */
div#calendar { padding:5px; margin-bottom:10px; }

/*Media Player*/
div#player_container { padding:0px; margin:0px; text-align:center; }
div#player_container #gctvn_player { display:block; margin:0 auto;}
div.offline { background:url(images/offline.jpg); width:640px; height:360px; }