/*
Theme Name: Singapore Arts Festival
Theme URI: http://www.singaporeartsfest.com/
Description: The default SAF theme
Version: 1.0
Author: ARC WW
Author URI: http://arcww.com/
Tags: no tag

*/


body{ margin-top:0; margin-left:0; }

body, td { font-family: Arial, Helvetica, sans-serif; font-size: 11px; }

.mainframe{ width:700px; position:absolute; margin:65px 0px 0px -224px; left:50%; height: 83%; min-height: 83%; top:0px; padding: -5px 0px;}
.mainframe h4 { margin: 0px;padding: 0px;}

.mainwrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto 1em; padding: 20px;}

.mainfoot {position: relative; height: 2em;} 
.mainnavi{ width:960px; position:fixed; z-index:100; margin:0px 0px 0px -480px; left:50%; top:0px;}
.menucover{ width:960px; position:fixed; z-index:98; margin:0px 0px 0px -480px; left:50%; top:0px;}
.navicopy14pxboldWhite { font-weight:bold; font-size: 14px; color: #FFF;}

.navicopy12pxWhite{ font-size: 11px; color: #FFF; font-weight: bold;}
.navicopy12pxWhite ul{ margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; z-index:300; }
.navicopy12pxWhite li { float:right; position:relative; }
.navicopy12pxWhite li a {color: white;text-decoration: none;padding-left: 15px;} 
.navicopy12pxWhite li a:hover{text-decoration: underline;} 
 
img { border:none;}
.maincopy { font-size: 11px; color: #333;}
.bullet { list-style-image: url(../../../images/bullet.gif);}
.eventTitle { font-size: 14px; font-weight: bold; color: #003366;}
.eventsubTitle { font-weight: bold; font-size: 11px; color: #666666;}

h1 { font-size: 13px; font-weight: bold; color: #000;}
h2 { font-size: 13px; font-weight: bold; color: #666;}
a:link { color: #336699;}
a:visited { color: #336699;}
a:hover { color: #3399CC;}
a:active { color: #336699;}
.allpad5px { padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px;}
.allpad8px { padding-top: 8px; padding-right: 8px; padding-bottom: 8px; padding-left: 8px;}
.allpad110px { padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px;}
.allpad15px { padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px;}
.subcopy10px { font-size: 10px;}

.secondarylinks a, .secondarylinks a:visited, .secondarylinks a:active {color: white;font-weight: bold;font-size: 14px;text-decoration: none;padding: 0px 9px 0px 10px;}
.secondarylinks a:link {color: white; }
.secondarylinks a:hover {text-decoration: underline; color: white;}

.navline2 {padding-right: 15px; padding-top: 5px;}
/*footer*/
#content{ bottom:20px; top:94%; vertical-align:bottom; z-index:20; position:fixed; height:100%; margin:0px 0px 0px -500px; left:50%;}

.footer {color:#666; }

#searchform {margin: 0; padding: 0;}
#searchform img{top: -10px; vertical-align: bottom;}
#searchform .searchinput { width: 142px; height: 20px; background: url(../../../images/searchbox.gif) no-repeat;}
#searchform #s {  position: relative; float: left; margin: 3px 0 0 20px; border: 0px red dashed; height: 12px; width: 108px; font-family: Arial, sans-serif; font-size: 8pt;}

#searchform #searchsubmit {margin: -5px 0px;padding: 0px;}

.searchresultstitle { font-size: 12px; padding: 3px; font-weight: bold; width: 100%; background: #EEEEEE; }
.searchtitle {font-size: 12px; font-weight: bold; margin-top: 10px;}
.searchtext { font-size: 10px;}

.event-list{ width: 524px; height: 100%; padding: 0px; margin-right: 5px;}
.event-list .cattitle { font-weight: bold; font-size: 12px; border-bottom: solid 1px #666; margin: 2px 0px 12px 0px; }
.event-list .progtitle { width:521px; font-weight: bold; border-bottom: 1px #999 dotted; padding: 0px 0px 0px 1px; margin-left: 4px; margin-bottom: 5px; }

.event-view { width: 530px; height: 40px; margin-right: 0px; }
.event-view .dropdown { position: relative; float: left; }
.event-view .listtype { position: relative; float: right; margin-top: 20px;}
.event-view .listtype a { margin-right: 10px;}

.cal { height: 30px;}
.cal ul{ margin:0; padding:0; height: 30px; list-style-type:none; position:relative;}
.cal li { float:left; position:relative; text-align: center; margin: 0px 1px 0px 1px;  background: #CCC;}
.cal a {display: block; color: black; text-decoration: none; padding: 2px 15px 2px 15px; width: 98px; border-bottom: 1px solid #eee;}
.cal a:hover{text-decoration: underline;} 
.cal .selected  a { border-bottom: 1px solid black; color: white; background: black;}
.cal .bottomborder { width: 518px; height: 2px; background: black; }

.saf-list-item { position: relative; float: left; width: 258px; margin: 2px 2px 4px 2px;} 
.saf-list-item .info-height {height: 180px;}
.saf-list-item .info-com-height {height: 165px;}
.saf-list-item  .info-left img{ border: 1px #ccc solid; }
.saf-list-item  .info-left { position: relative; float: left; width: 102px; margin-right: 10px; }

.saf-list-item .list-actionbox img {margin: 2px 0px 0px 0px;}
.actionbox {width: 237px; background: #e2dde1; border: 1px solid #c5c3c8; text-align: center; padding: 4px; margin-top: 2px;}
.actionbox .sistic-tag {padding-bottom: 3px; }

.saf-list-item .info-right { position: relative; float: left; width: 133px; padding: 2px; text-align: left; }
.saf-list-item .info-right .title  { font-weight: bold; }
.saf-list-item .info-right .label-date { font-weight: bold; }

.backtotop { width: 520px; text-align: right; }

.saf_tags { text-align: center; width: 520px; }

.op-hl{ padding: 9px; width: 136px; margin-top: -11px; font-weight: normal; }
.op-hl .title { font-weight: bold; }
.op-hl .image { text-align: center; padding: 0px; margin:0px;}
.op-hl  .image img{ border: 1px #999 solid; margin: 4px 0px 4px 0px; padding: 0px;}

.saf-list-h { padding: 9px; width: 136px; margin-top: 46px; font-weight: normal; }
.saf-list-h-title { margin: 0px; font-weight: bold; color: #666;}
.saf-list-h-inner { background: #f0eef0; padding: 4px 15px 10px 15px;}
.saf-list-h-item { margin: 10px 0px 30px 0px; width: 102px; color: #666;}
.saf-list-h .title { font-weight: bold; }
.saf-list-h .image { text-align: center; padding: 0px; margin:0px;}
.saf-list-h  .image img{ border: 1px #999 solid; margin: 4px 0px 4px 0px; padding: 0px;}

.backbottom { width: 220px; text-align: left;}

.saf-details-item {width: 660px;}
.saf-details-item .col-left {position: relative;float: left;width: 263px; padding-left: 10px;}
.col-left  img{border: 1px #CCC solid;}

.saf-details-item .col-left .youtube{padding: 10px 0px 10px 0px;}
.saf-details-item .col-right {position: relative;float: right;width: 377px;}
.saf-details-item .col-right .title {color: #224d7a;font-weight: bold;font-size: 14px; padding-bottom: 5px; width: 295px;}
.saf-details-item .col-right .moredetails {margin-top: 2px;}
.saf-details-item .col-right .d-label {font-weight: bold;width: 80px;}
.saf-details-item .col-right .tag {visibility: hidden; margin-bottom: 10px;}
.saf-details-item .col-right .tag img {padding-right: 3px;}

.com-details-item { width: 660px;}
.com-details-item .col-left {position: relative;float: left;width: 263px;}
.com-details-item .col-left .image{padding-bottom: 20px;}
.com-details-item .col-right {position: relative;float: right;width: 377px;}
.com-details-item .col-right .title {color: #224d7a;font-weight: bold;font-size: 14px; padding-bottom: 5px;}
.com-details-more { width: 648px; padding: 10px 10px 1px 0px;margin: 5px 15px 10px 0px;}

.page-functions {position: relative; float: right; text-align: right; margin: 0px; top: -15px; height: 20px;}

.also-like {width:237px;text-align: left;margin: 10px 10px 0px 0px; height: 90px;}
.also-like .tagline {font-weight: bold;padding: 5px 0px 5px 0px;}
.also-like .info {padding: 5px 0px 8px 0px;}
.also-like .refer {position: relative;float:right; padding-right: 20px;}
.also-like .image {position: relative;float: left;padding: 0px 5px 0px 0px;height: 50px;}

.mem-errmsg {font-weight: bold; font-size: 12px; color: #CC0000; }

.redbold{ color: red; font-weight: bold;}

.navigation a {font-weight: bold; }
.navigation .alignleft { position: relative; float: left; }
.navigation .alignright { position: relative; float: right; }