body { margin:0; background-color:#FFF; }
html {overflow: -moz-scrollbars-vertical; color:#707070; }

#logo {	position:absolute; height:101px; top:11px; left:27px; width:136px; display:inline;  }
#header {background-color:#0A89C3; height:95px; width:100%; background-image:url(../images/logo/bg_blue.jpg); background-repeat:repeat-x;  }
#container {background-color:transparent;  height:0px; width:808px; padding:0; clear:both; height:100%; }			
#content {float:left; width:595px; padding:35px 0 10px 110px; text-align:left; }
#content_thai {float:left; width:595px; padding:35px 0 10px 110px; text-align:left; }


#home_left {float:left; width:530px; padding:19px 0 0 40px; text-align:left; }
#home_right {float:right; width:218px; padding:28px 0 0 0px;}
#home_menu {float:right; width:165px; padding:8px 3px 0 0;}
#home_content{margin:0 0 0 11px; padding:0 0px 0 0; width:510px; text-align:left;  float:left;   }

#event {float:left; width:715px; padding:25px 0 10px 58px; text-align:left; font:12px Verdana, Helvetica, sans-serif; line-height:20px; color:#787878;}
#event_pic {float:left; margin:0; padding:3px 0 0 0;  }
#event_info {float:right; margin:0; padding:9px 15px 0 0; width:343px;}
#event_content {margin:0; padding:27px 0 10px 12px; width:630px; text-align:left;  float:left; line-height:17px;   }

#flash {padding:0px 0 0 0px; float:left; margin:0 0 8px 0; }
#sublights {padding:5px 12px 11px 0; margin:0; clear:both;}
#genrelights {padding:7px 5px 11px 0; margin:0; clear:both;}
#poster {margin: 20px 0 0 36px;}
#footer { position:relative; margin-top:40px; width:100%; height:100px; background-image:url(../images/footer.jpg); background-repeat:repeat-x; float:left;  } 
#hi-fai {padding: 37px 20px 0 0; font:11px Verdana, Arial, Helvetica, sans-serif; float:right; }
#hi-fai a { color:#B8C089; }
#hi-fai a:hover { text-decoration:none; }


.list_front ul { margin:0; padding:0 0 5px 1px; width:155px;}
.list_front li { padding:0 0 6px 3px; list-style-image:url(../images/li.jpg); margin-left:23px; text-align:left }
.list_front a { font:normal 15px "Trebuchet MS", Verdana, Arial; color:#2287CA; padding:0; text-decoration:none; text-transform:lowercase;   }
.list_front a:hover {color:#FF6600; text-decoration:underline;  padding:0;  }	

p {font:12px Verdana, Helvetica, sans-serif; line-height:18px; color:#707070; margin:0; padding:6px 0 11px 0;     }
#content p {font:12px Verdana, Helvetica, sans-serif; line-height:18px; color:#646464; margin:0; padding:7px 0 11px 0px;     }
#home_content p {line-height:17px; text-align:justify; padding-top:9px; }

h1 { color:#B1B13A; font:bold 18px "Trebuchet MS", Verdana, sans-serif; letter-spacing:2px; text-transform:uppercase; margin:0 0 15px 0; padding:0px 0 31px 0; background-image:url(../images/h1.jpg); background-repeat:repeat-x;}	
h2 { color:#2287CA; text-indent: 8px; font:bold 14px "Lucida Sans Unicode", "Lucida Grande", Verdana, Helvetica, sans-serif; text-transform:uppercase;  padding:3px 0 10px 0 ; margin:0; letter-spacing:0px;}
h3 { color:#858585; font:normal 12px Verdana, Arial, Helvetica, sans-serif; padding:0px 0 7px 0; margin:0; font-variant:small-caps; background-image:url(../images/h3.jpg); background-repeat:repeat-x; height:15px; margin-left:145px;    }		
h5 { color:#B1B13A; font:bold 16px "Lucida Grande", Verdana, sans-serif; letter-spacing:4px; text-transform:uppercase; margin:0; padding:8px 0 9px 0;}
h6 { color:#1D70A7; font:bold 15px "Lucida Sans Unicode", "Lucida Grande", Verdana, Helvetica, sans-serif; text-transform:uppercase;  padding:5px 0 18px 0 ; margin:0; background-image:url(../images/h6.jpg); background-repeat:no-repeat; }	

#logo h1 { background-image:url(../images/logo/logo_blue.png); background-repeat:no-repeat; background-position:0px 0px; text-indent:-9999px; height:69px; 	}
#home_right h1 {background-image:url(../images/logo/fcf_blue.jpg); background-repeat:no-repeat; background-position:0px 0px; text-indent:-9999px; height:73px; }

#home_content h2 { text-indent:0px; padding:3px 0 1px 0 ; margin:0; color:#1D70A7; letter-spacing:0px;}

#content h2 {text-indent: 0px; padding:3px 0 7px 0 ; margin:0; color:#2287CA; letter-spacing:0px;}

#event h1 {font:bold 18px "Trebuchet MS", Verdana, sans-serif; letter-spacing:2px; color:#BDCC00; text-transform:uppercase; margin:0 0 7px 0; padding:0px 0 22px 0; background-image:url(../images/h1_event.jpg); background-repeat:repeat-x;}	
#event h2 {text-indent: 0px; font:bold 15px "Lucida Sans Unicode", "Lucida Grande", Verdana, Helvetica, sans-serif; text-transform:uppercase;  padding:2px 0 7px 0 ; margin:0; color:#1D70A7; letter-spacing:0px;}	

#event a, #content a {color:#2287CA;}
#event a:hover, #content a:hover {color:#2287CA; text-decoration:none;}
#logo img {border:0;}

#menusub { width:100%; background-image:url(../images/menu/bg_menu.jpg);  background-repeat:repeat-x; background-color:#EEEDDC; height:28px;  }
#menutext { width:700px; background-image:url(../images/menu/menusub_div.gif); background-repeat:no-repeat; background-position:290px 0px; height:26px; padding:3px 0 0 225px; vertical-align:top;  }
#menutext a {  text-decoration:none; font:bold 10px verdana, sans-serif;  color:#868686; text-transform:uppercase; padding:0 16px;  }
#menutext a:hover { text-decoration:underline;}

#menufrench { width:700px;  background-image:url(../images/menu/menusub_div2.gif); background-repeat:no-repeat; background-position:257px 0px; height:26px; padding:3px 0 0 180px; vertical-align:top;  }
#menufrench a {  text-decoration:none; font:bold 10px verdana, sans-serif;  color:#868686; text-transform:uppercase; padding:0 14px;  }
#menufrench a:hover { text-decoration:underline;}

#menusub img {border:0; padding:0 12px 0 18px; margin:0 0 0 0;}

.menu {overflow:hidden;  font-size:14px; font-family:"Trebuchet MS", Tahoma, sans-serif; height:30px; margin:0 0 0 205px; padding:65px 0 0 0;}
.menu ul {list-style-type:none; margin:0; margin-left:10px; padding:0;}
.menu li {float:left; margin:0; padding:0;}
.menu a {float:left; position:relative; top:5px; background:url(../images/menu/menu-left.gif) no-repeat left top; margin:0; margin-right:7px; padding:0 0 0 7px; text-decoration:none;}
.menu a span {float:left; position:relative; display:block; background:url(../images/menu/menu-right.gif) no-repeat right top; padding:5px 20px 3px 10px; font-weight:bold; color:white;}
.menu a span {float:none;}
.menu a:hover {background-position:0% -125px; top:0;}
.menu a:hover span {background-position:100% -125px; padding-bottom:8px; top:0;}

#calendar { padding:0; margin:0; border-left:1px solid #a2adbc; font-family:arial, helvetica, sans-serif; font:normal 12px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color:#999999; text-align:center; background-color:#ffffff;}
#calendar .nav, #calendar .nav a {font:bold 18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color:#ffffff; text-align:center; text-decoration:none;}
#calendar caption { padding:2px;  background:#a9aaac; color:#ffffff; font:bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-align:center;}
#calendar th {  font:bold 11px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color:#616b76; background:#e5e5e5; border-right:1px solid #a2adbc; border-bottom:1px solid #a2adbc; border-top:1px solid #a2adbc;}
#calendar td {border-right:1px solid #a2adbc; border-bottom:1px solid #a2adbc; width:26px; height:26px;  text-align:center;  }
#calendar td:hover {border-right:1px solid #a2adbc; border-bottom:1px solid #a2adbc; width:26px; height:26px;  text-align:center; background-color:#e5e5e5;}
#calendar a {color:#006666; padding:3px; font-size:12px;}
#calendar a:hover {color:#006666;  padding:3px; background-color:#e5e5e5;    }

br.clear { clear: both;  height: 0; line-height: 0px;}
div.shadow { float: left;  padding: 0 1px;  background: #bfbfbf;  border-left: 1px solid #eaeaea;  border-right: 1px solid #eaeaea;  position: relative;}	
div.shadow img { padding: 7px 7px 35px 7px;  background: white url(../images/shadows/shad_bottom.png) repeat-x bottom left;}
div.shadow div.topleft { width: 2px;  height: 4px; background: url(../images/shadows/shad_tlcorner.png) no-repeat top left;  position: absolute;  top: 0px;  left: -1px;}
div.shadow div.topright {width: 2px;  height: 4px;  background: url(../images/shadows/shad_trcorner.png) no-repeat top right;  position: absolute;  top: 0px;  right: -1px;}
div.shadow div.bottomleft {width: 4px;  height: 4px;  background: url(../images/shadows/shad_blcorner.png) no-repeat bottom left;  position: absolute;  bottom: 0px;  left: -1px;}
div.shadow div.bottomright { width: 4px;  height: 4px;  background: url(../images/shadows/shad_brcorner.png) no-repeat bottom right;  position: absolute;  bottom: 0px;  right: -1px;}

#event .list_front ul { margin:0; padding:0; }
#event .list_front li { padding:0 0 6px 3px; list-style-image:url(../images/li.jpg); margin: 0 0 0 -10px; text-align:left }
#event .list_front a { padding:0;  font:normal 15px "Trebuchet MS", Verdana, Arial; color:#2287CA; padding:0; text-decoration:none; text-transform:lowercase; margin:0;   }
#event .list_front a:hover {color:#FF6600; text-decoration:underline;  padding:0; margin:0;  }	

.thumbs_noborder { padding:6px; float:left; margin:3px 17px 2px 0;}
.thumbs { border: 1px solid #CCC; padding:5px; float:left; margin:3px 17px 2px 0;}
.thumb_siam { border: 1px solid #CCC; padding:5px; float:left; margin:3px 17px 2px 0;}
.thumbs2 { padding:5px; float:left; margin:3px 17px 0 0;}

.portrait { border: 1px solid #CCC; padding:5px; float:left; margin:3px 17px 8px 0;}
.inbangkok { font:normal 16px "Trebuchet MS", Verdana, Arial; font-weight:bold; color:#8B8B8B; text-transform:lowercase;  }
#june2nd { font:normal 16px "Trebuchet MS", Verdana, Arial; font-weight:bold; color:#5C5C5C; text-transform:lowercase;   margin: 0px 0 17px 0;   }
.banner { margin:23px 0 13px 0; border:0;}
.banner2 { margin:12px 0 5px 5px; border:0;}
.smalldark { font:11px Verdana, Helvetica, sans-serif; line-height:16px; color:#575757; } 
.small { font:11px Verdana, Helvetica, sans-serif;  margin:0; } 
.small_red { font:11px Verdana, Helvetica, sans-serif; line-height:16px; color:#990000; font-weight:bold; text-decoration:underline; margin:0; padding:5px 0 7px 0;} 
.blurb p { line-height:13px; margin: 0 0 0 0; }
#sponsors { font:bold 18px "Trebuchet MS", Verdana, sans-serif; letter-spacing:2px; color:#BDCC00; text-transform:uppercase; margin:0 0 10px 0; padding:0px 0 21px 0; background-image:url(../images/h1_sponsors.png); clear:both;  background-repeat:repeat-x;}	
.title { text-indent: 8px; font:bold 14px "Lucida Sans Unicode", "Lucida Grande", Verdana, Helvetica, sans-serif; text-transform:uppercase;  padding:3px 0 10px 0 ; margin:0; color:#2287CA; letter-spacing:0px;}
#player {padding: 13px 0 18px 0; }
.film p {float:right; width:300px; }


a:active {outline:none;}
a:focus {-moz-outline-style:none;}