/* -------------------------------
Style Sheet for The 7th World Film Festival of Bangkok
Created by : Nok
Date : April 9, 2009
------------------------------- */
* {
	margin: 0px;
	padding: 0px;
}
img {
	border: none;
}
body {
	background: #000;
	font-family: "Century Gothic", Century, Arial, sans-serif;
}
a, a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
ul {
	list-style: none;
}
#page {
	position: relative;
	margin: 0px auto;
	width: 970px;
	background: url(http://test.worldfilmbkk.com/images_layout/page_bg_home.jpg) no-repeat #FFF;
}
#header {
	position: relative;
	width: 970px;
	height: 240px;
	background: url(http://test.worldfilmbkk.com/images_layout/header_bg.jpg) no-repeat;
}
#header h1 {
	position: absolute;
	top: 0px;
	left: 320px;
	width: 360px;
	height: 220px;
	text-indent: -9999px;
}
#header h1 a {
	display: block;
	width: 360px;
	height: 220px;
	outline: none;
}
#mainmenu {
	border-left: 15px solid #F90;
	margin: 50px 0px 20px;
}
#mainmenu ul {
	list-style-position: inside;
	font-size: 12px;
}
#mainmenu ul li ul {
	font-size: 12px;
}
html>body #mainmenu ul {
	padding-left: 9px;
}
* html #mainmenu ul li ul {
	padding-left: 9px;
}
#mainmenu li {
	line-height: 34px;
}
#mainmenu a, #mainmenu a:visited {
	color: #999;
}
#mainmenu a:hover {
	color: #000;
}
#mainmenu a.active {
	color: #000;
}
#mainmenu ul li ul {
	display: none;
}
#submityourfilms {
	width: 200px;
	height: 230px;
	background: url(http://test.worldfilmbkk.com/images_layout/submityourfilms_bg3.gif) no-repeat;
	text-indent: -9999px;
}
#submityourfilms a {
	width: 200px;
	height: 230px;
	display: block;
	outline:none;
}
#downloadprogrammeschedule {
	width: 200px;
	height: 110px;
	background: url(http://test.worldfilmbkk.com/images_layout/downloadprogrammeschedule_bg.gif) no-repeat;
	text-indent: -9999px;
	margin-bottom: 20px;
}
#downloadprogrammeschedule a {
	width: 200px;
	height: 110px;
	display: block;
	outline:none;
}
#wff2009_officialposter {
	margin-left: 5px;
	text-align: center;
	width:200px;
}
#wff2009_officialposter h4 {
	font-size: 16px;
	color: #CEA642;
}
#countdown {
	position: relative;
	width: 200px;
	height: 240px;
	margin: 20px 0px 50px;
	background: url(http://test.worldfilmbkk.com/images_layout/countdown_bg3.gif) no-repeat;
}
#countdown h4 {
	position: absolute;
	text-indent: -9999px;
}
#eventsactivities h4 {
	width: 200px;
	height: 130px;
	background: url(http://test.worldfilmbkk.com/images_layout/eventsactivities_header.gif) no-repeat;
	text-indent: -9999px;
}
#eventsactivities ul {
	margin: 10px auto 50px 0px;
}
#eventsactivities li {
	margin-bottom: 10px;
	padding-left: 5px;
	border-left: 8px solid #FC0;
}
#eventsactivities span {
	display: block;
	color: #000;
	font-weight: bold;
	font-size: 18px;
	margin-bottom: -5px;
}
#eventsactivities a, #eventsactivities a:visited {
	font-size: 16px;
	color: #6C0;
}
#mailinglistsubscription {
	position: relative;
	width: 200px;
	height: 250px;
	margin-bottom: 30px;
	background: url(http://test.worldfilmbkk.com/images_layout/mailinglist_bg.gif) no-repeat;
}
#mailinglistsubscription h4 {
	position: absolute;
	text-indent: -9999px;
}
#mailinglistsubscription form {
	position: absolute;
	top: 190px;
	left: 12px;
}
#mailinglistsubscription label {
	margin: 5px 0px;
	display: block;
}
#mailinglistsubscription label img {
	cursor: pointer;
}
#mailinglistsubscription input#form_email {
	width: 160px;
	border: none;
	color: #FF9E00;
	font-size: 16px;
	font-weight: bold;
	background: transparent;
}
#mailinglistsubscription p#email_error {
	position: absolute;
	top: 232px;
	left: 3px;
	padding: 10px;
	font-size: 12px;
	line-height: 12px;
	color: #FF9E00;
}
#ourchannels {
	position: absolute;
	top: 255px;
	right: 0px;
	width: 230px;
	height: 670px;
}
#ourchannels h4 {
	position: absolute;
	top: 445px;
	left: 0px;
	width: 105px;
	height: 225px;
	background: url(http://test.worldfilmbkk.com/images_layout/ourchannels_header.gif) no-repeat;
	text-indent: -9999px;
}
#ourchannels #youtube {
	position: absolute;
	top: 365px;
	left: 0px;
	width: 105px;
	height: 80px;
	background: url(http://test.worldfilmbkk.com/images_layout/ourchannels_youtube.gif) no-repeat;
	text-indent: -9999px;
}
#ourchannels #youtube a {
	display: block;
	width: 105px;
	height: 80px;
	outline: none;
}
#ourchannels #youtube a:hover {
	background: url(http://test.worldfilmbkk.com/images_layout/ourchannels_youtube_hover.gif) no-repeat;
}
#ourchannels #flickr {
	position: absolute;
	top: 290px;
	left: 0px;
	width: 105px;
	height: 75px;
	background: url(http://test.worldfilmbkk.com/images_layout/ourchannels_flickr.gif) no-repeat;
	text-indent: -9999px;
}
#ourchannels #flickr a {
	display: block;
	width: 105px;
	height: 75px;
	outline: none;
}
#ourchannels #flickr a:hover {
	background: url(http://test.worldfilmbkk.com/images_layout/ourchannels_flickr_hover.gif) no-repeat;
}
#ourchannels #facebook {
	position: absolute;
	top: 200px;
	left: 0px;
	width: 105px;
	height: 90px;
	background: url(http://test.worldfilmbkk.com/images_layout/ourchannels_facebook.gif) no-repeat;
	text-indent: -9999px;
}
#ourchannels #facebook a {
	display: block;
	width: 105px;
	height: 90px;
	outline: none;
}
#ourchannels #facebook a:hover {
	background: url(http://test.worldfilmbkk.com/images_layout/ourchannels_facebook_hover.gif) no-repeat;
}
#ourchannels #blogspot {
	position: absolute;
	top: 150px;
	left: 0px;
	width: 105px;
	height: 50px;
	background: url(http://test.worldfilmbkk.com/images_layout/ourchannels_blogspot.gif) no-repeat;
	text-indent: -9999px;
}
#ourchannels #blogspot a {
	display: block;
	width: 105px;
	height: 50px;
	outline: none;
}
#ourchannels #blogspot a:hover {
	background: url(http://test.worldfilmbkk.com/images_layout/ourchannels_blogspot_hover.gif) no-repeat;
}
#ourchannels #twitter {
	position: absolute;
	top: 65px;
	left: 0px;
	width: 105px;
	height: 85px;
	background: url(http://test.worldfilmbkk.com/images_layout/ourchannels_twitter.gif) no-repeat;
	text-indent: -9999px;
}
#ourchannels #twitter a {
	display: block;
	width: 105px;
	height: 85px;
	outline: none;
}
#ourchannels #twitter a:hover {
	background: url(http://test.worldfilmbkk.com/images_layout/ourchannels_twitter_hover.gif) no-repeat;
}
#ourchannels #rss {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 105px;
	height: 65px;
	background: url(http://test.worldfilmbkk.com/images_layout/ourchannels_rss.gif) no-repeat;
	text-indent: -9999px;
}
#ourchannels #rss a {
	display: block;
	width: 105px;
	height: 65px;
	outline: none;
}
#ourchannels #rss a:hover {
	background: url(http://test.worldfilmbkk.com/images_layout/ourchannels_rss_hover.gif) no-repeat;
}
#content_section {
	float: right;
	width: 530px;
	background: url(http://test.worldfilmbkk.com/images_layout/content_section_bg.gif) no-repeat;
	margin: 20px 115px 50px auto;
}
html>body #content_section {
	margin: 20px 230px 50px auto;
}
#content_section h2 {
	color: #333;
	font-size: 24px;
	font-weight: normal;
	padding: 12px 0px 20px 15px;
}
#content_section p {
	font-size: 16px;
	line-height: 28px;
	margin: 0px 20px 12px 40px;
	/* clear:both; */
}
#content_section p.more_film {
	font-size: 12px;
}
#content_section hr {
	width: 70%;
	margin: 30px auto 30px 40px;
}
#hilightvdo {
	width: 480px;
	height: 265px;
	background: #333;
	margin: 0px auto 30px 30px;
}
#photos {
	margin-left: 30px !important;
}
#news {
	width: 495px;
	background: #e5e5e5;
	margin-left: 30px;
	margin-top: 30px;
}
#news h4 {
	position: relative;
	top: -10px;
	left: 10px;
	width: 100px;
	height: 22px;
	font-size: 18px;
	font-weight: normal;
	color: #fff;
	background: #000;
	padding-left: 10px;
}
#news li {
	clear: both;
	padding-bottom: 20px;
	margin-top: 10px;
}
#news img {
	float: left;
	margin: 0px 10px 10px 10px;
	vertical-align: top;
}
#news h3 {
	font-size: 28px;
	font-weight: normal;
	line-height: 30px;
	margin: 0px 10px 10px 0px;
}
#news a, #news a:visited {
	color: #333;
}
#news p {
	font-size: 12px;
	margin: 20px 10px 0px 410px;
	text-align: right;
	padding: 5px;
	/* background: #FC0; */
}
#news p a{
	text-decoration:underline;
}
#news li p {
	font-size: 14px;
	margin: 0px 10px 0px 120px;
	text-align: left;
	padding: 0px;
	background: transparent;
}
#messagefromfestivaldirector {
	display: none;
	width: 495px;
	margin-top: 20px;
	margin-left: 30px;
	background: url(http://test.worldfilmbkk.com/images_layout/messagefromfestivaldirector_bg.gif) no-repeat 0px 15px;
}
#messagefromfestivaldirector h4 {
	margin-left: 85px;
	font-weight: normal;
	font-size: 48px;
	border-bottom: 5px solid #FC0;
}
#messagefromfestivaldirector h4 span {
	font-size: 18px;
	display: block;
	position: relative;
	top: 10px;
}
#messagefromfestivaldirector p {
	font-size: 18px;
	line-height: 26px;
	margin: 10px 10px 30px 85px;
}
#messagefromfestivaldirector p img {
	float: left;
	margin: 0px 10px 195px 0px;
	background: red;
}
#messagefromfestivaldirector p a, #messagefromfestivaldirector p a:visited {
	display: block;
	font-size: 14px;
	color: #C00;
}
#footer {
	clear: both;
}
#footer h5 {
	width: 970px;
	height: 170px;
	background: url(http://test.worldfilmbkk.com/images_layout/footer_bg.gif) no-repeat;
	text-indent: -9999px;
}
#footer h5 a {
	width: 970px;
	height: 170px;
	display: block;
	outline: none;
}
#footer h6 {
	padding: 20px 10px 0px;
	font-size: 20px;
	font-weight: normal;
	color: #999;
	background: #000;
}
#footer ul {
	background: #000;
	padding: 10px 10px;
}
ul#hostedby {
	height: 50px;
}
ul#oursponsors {
	height: 200px;
}
#footer li {
	float: left;
	background: #000;
}
#footer li img {
	margin: 5px 5px;
}
#footer p {
	clear: left;
	font-size: 12px;
	text-align: right;
	color: #666;
	background: #000;
}
/* -------------------------------- inside page style sheet --------------------------------*/
#insidepage #page {
	background: url(http://test.worldfilmbkk.com/images_layout/page_bg_inside.jpg) no-repeat #FFF;
}
#insidepage #content_section {
	position: relative;
	width: 740px;
	background: url(http://test.worldfilmbkk.com/images_layout/content_section_bg.gif) no-repeat;
	margin: 20px 0px 50px auto;
	padding-right: 20px;
}
#insidepage #content_section h3 {
	margin-left: 35px;
	font-size: 60px;
}
#insidepage #content_section h3 img {
	float: left;
	margin: 0px 10px 10px 0px;
}
#insidepage #content_section ul#festival_summary {
	font-size: 14px;
	margin-bottom: 30px;
}
#insidepage #content_section ul#festival_summary li {
	margin: 5px 0px;
}
#insidepage #content_section ul#archives_menu {
	margin-bottom: 50px;
	padding-bottom: 20px;
	border-bottom: 3px solid;
}
#insidepage #content_section ul#archives_menu h4{
	font-size: 36px;
	margin-left: 0px;
}
#insidepage #content_section ul#archives_menu ul {
	margin-bottom: 10px;
}
#insidepage #content_section ul#archives_menu li {
	margin: 0px;
}
#insidepage #content_section ul#archives_menu a, #insidepage #content_section ul#archives_menu a:visited {
	color: #999;
}
#insidepage #content_section ul#archives_menu a:hover {
	color: #000;
}
div.archives_section {
	margin-bottom: 60px;
}
#insidepage #content_section p.backtoarchivesmenu {
	margin-left: 35px;
	font-size: 12px;
}
#insidepage #content_section p.backtoarchivesmenu a, #insidepage #content_section p.backtoarchivesmenu a:visited {
	color: #999;
}
#insidepage #content_section p.backtoarchivesmenu a:hover {
	color: #000;
}
#insidepage #content_section h4, #insidepage #content_section h5, #insidepage #content_section ul, #insidepage #content_section iframe, #insidepage #content_section small {
	clear: both;
	margin-left: 35px;
}
#insidepage #content_section small {
	display: none;
}
#insidepage #content_section iframe {
	margin-bottom: 30px;
}
#insidepage #content_section h4 {
	font-size: 30px;
}
#insidepage #content_section ul {

}
#insidepage #content_section li {
	margin: 10px 0px 20px;
}
#insidepage #content_section h5 {
	font-size: 16px;
	font-weight: normal;
	line-height: 22px;
}
#insidepage #content_section h5 strong {
	font-size: 24px;
	display: block;
	font-weight: normal;
}
#insidepage #content_section h6 {
	font-size: 12px;
	font-weight: normal;
	margin-top: 5px;
}
#insidepage #content_section li p {
	font-size: 16px;
	margin: 10px 0px;
	color: #999;
}
#insidepage #content_section li img {
	display: block;
	margin-top: 5px;
}
#insidepage #content_section li ol {
	margin-left: 40px;
	font-size: 12px;
}
#insidepage #content_section li ol strong {
	display: block;
	font-size: 18px;
}
#insidepage #content_section blockquote {
	margin: 20px auto 25px 35px;
	font-size: 26px;
	font-style: italic;
	font-weight: bold;
}
#insidepage #content_section address {
	font-style: normal;
	margin: 20px 35px;
	font-size: 20px;
}
#insidepage #content_section address strong {
	font-size: 36px;
}
#insidepage #content_section form#emailform {
	margin-left: 35px;
}
#insidepage #content_section form#emailform legend {
	font-size: 24px;
	padding: 5px;
	color: #FF9900;
}
#insidepage #content_section form#emailform div {
	margin: 20px;
}
#insidepage #content_section form#emailform label {
	display: block;
}
#insidepage #content_section ul#news_summary {
	margin-left: 5px;
}
#insidepage #content_section ul#news_summary li {
	clear: both;
	margin-bottom: 30px;
}
#insidepage #content_section ul#news_summary h3 {
	font-size: 28px;
	font-weight: normal;
	line-height: 30px;
}
#insidepage #content_section ul#news_summary p {
	margin-left: 145px;
}
#insidepage #content_section ul#news_summary a {
	color: #333;
}
#insidepage #content_section #content_submityourfilms h3 {
	font-size: 34px;
}
#insidepage #content_section #content_submityourfilms p {
	margin: 35px;
	line-height: 24px;
}
#insidepage #content_section #content_submityourfilms strong {
	display: block;
	font-size: 22px;
}
#insidepage #content_section #content_submityourfilms em {
	font-weight: bold;
	font-style: normal;
}
#insidepage #content_section #content_submityourfilms ul, #insidepage #content_section #content_submityourfilms ol {
	margin-left: 75px;
	margin-top: -30px;
}
#insidepage #content_section #content_submityourfilms ul {
	list-style: circle;
}
#insidepage #content_section #content_submityourfilms li {
	margin: 5px;
}
#insidepage #content_section #content_submityourfilms li span {
	color: red;
}
#insidepage #program_search2 {
	display: none;
}
/* -------------------------------- count down clock time --------------------------------*/
#countdown_time{
	position:absolute;
	top:112px;
	left:17px;
	font-family: Arial;
	font-size:19px;
	color:#666666;
}
#hilightvdo{
	z-index:9999;
}
/* -------------------------------- the sections page --------------------------------*/
.thesections_box {
	margin-bottom: 70px;
}
.thesections_box h4 {
	border-bottom: 10px solid #F90;
}
.thesections_box img {
	margin-left: 35px;
}
#insidepage #content_section #theprograms_page li.more_detail {
	font-size: 12px;
}
/* -------------------------------- the programs page --------------------------------*/
#theprograms_page {
	
}
#insidepage #content_section #theprograms_page h3 {
	font-size: 34px;
	width: 470px;
	border-bottom: 10px solid #F90;
}
#insidepage #content_section #theprograms_page h4 {
	font-size: 24px;
	margin: 30px 0px 5px 35px;
	clear: none;
}
#insidepage #content_section #theprograms_page h6 {
	clear: none;
	font-size: 20px;
	font-weight: bold;
	margin: 30px 0px 0px 35px;
}
#insidepage #content_section #theprograms_page h6 a,#insidepage #content_section #theprograms_page h6 a:visited {
	color: #000;
}
#insidepage #content_section #theprograms_page p {
	line-height: 24px;
}
#sectionnav {
	font-size: 14px;
	margin-left: 35px;
}
#program_search {
	float: right;
	width: 212px;
	height: 204px;
	margin-top: -30px;
	padding-top: 55px;
	background: url(../images_layout/filmsandschedules_bg.gif) no-repeat;
}
#program_search select {
	width: 200px;
	margin: 5px;
}
#program_search h5 {
	font-size: 24px;
	margin-left: 0px;
	text-indent: -9999px;
}
#program_search2 {
	width: 212px;
	height: 204px;
	margin-top: -30px;
	padding-top: 55px;
	background: url(../images_layout/filmsandschedules2_bg.gif) no-repeat;
}
#program_search2 select {
	width: 200px;
	margin: 5px;
}
#program_search2 h5 {
	font-size: 24px;
	margin-left: 0px;
	text-indent: -9999px;
}
#filmimages {
	margin: 5px auto 5px 35px;
}
#filmimages img {
	border: 1px solid #CCC;
	margin-right: 2px;
}
#insidepage #content_section #theprograms_page ul {
	clear: none;
}
#insidepage #content_section #theprograms_page li  {
	margin: 0px;
	font-size: 14px;
}
#insidepage #content_section #theprograms_page li span {
	color: #F90;
}
#insidepage #content_section #theprograms_page address {
	font-size: 14px;
	margin-top: 0px;
}
#insidepage #content_section #theprograms_page a, #insidepage #content_section #theprograms_page a:visited {
	color: #000;
}
/* ----------------------------- add by note ------------------------------------- */
#story_section p {
	clear:both
}

#postercontest ul {
	list-style: disc inside;
}

#addthis{
	position: absolute;
	top: 10px;
	right: 10px;
}