/*
Theme Name: Festival OF Arts
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

/******* Added for @font-face : "Lusitana" font *******/
@font-face {
    font-family: 'LusitanaBold';
    src: url('fonts/lusitana-bold-webfont.eot');
    src: url('fonts/lusitana-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lusitana-bold-webfont.woff') format('woff'),
         url('fonts/lusitana-bold-webfont.ttf') format('truetype'),
         url('fonts/lusitana-bold-webfont.svg#LusitanaBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'LusitanaRegular';
    src: url('fonts/lusitana-regular-webfont.eot');
    src: url('fonts/lusitana-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lusitana-regular-webfont.woff') format('woff'),
         url('fonts/lusitana-regular-webfont.ttf') format('truetype'),
         url('fonts/lusitana-regular-webfont.svg#LusitanaRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaCERegular';
    src: url('fonts/helvetica_ce-webfont.eot');
    src: url('fonts/helvetica_ce-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helvetica_ce-webfont.woff') format('woff'),
         url('fonts/helvetica_ce-webfont.ttf') format('truetype'),
         url('fonts/helvetica_ce-webfont.svg#HelveticaCERegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaCEBold';
    src: url('fonts/helvetica_bold_ce-webfont.eot');
    src: url('fonts/helvetica_bold_ce-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helvetica_bold_ce-webfont.woff') format('woff'),
         url('fonts/helvetica_bold_ce-webfont.ttf') format('truetype'),
         url('fonts/helvetica_bold_ce-webfont.svg#HelveticaCEBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

#container { float: left; margin: 0 0 25px 0; width: 100%; }
#content { margin: 0 /*280px 0 20px*/; }
#primary, #secondary { float: right; overflow: hidden; width: 220px; }
#secondary { clear: right; }
#footer { clear: both; min-width:960px; 
    background: url("../images/skin/footer-background.jpg") repeat center top;
}

/* Main global 'theme' and typographic styles */
-------------------------------------------------------------- */

#header { padding:0; }
#site-title { float: left; font-size: 30px; line-height: 36px; margin: 0 0 18px 0; width: 700px; }
#site-title a { color: #000; font-weight: bold; text-decoration: none; }
#site-description { clear: right; float: right; font-style: italic; margin: 15px 0 18px 0; width: 220px; }
/* This is the custom header image */
#branding{padding:32px 0 30px 0; margin:0 0 0 -5px;}
#branding img {display: block; float: left; }

/************************** CSS for Festival of Arts theme ************************/

/*** Top Header ***/
.topHeader{width:100%; min-width:960px; height:40px; margin:0; padding:4px 0; background: url("../images/skin/top-bar-background.jpg") repeat center top;}
.topHeaderInner{width:940px; margin:0 auto; padding:0 10px; height:20px;}
/** Top Search **/
.topSearch{width:238px; height:20px; float:left;}
*+html .searchFieldTop{line-height:12px !important;}
.searchFieldTop{width:206px !important; height:12px !important; margin:0 !important; padding:4px 5px 4px 7px !important; float:left; background:#fefef6 !important; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#372a32 !important; text-transform:uppercase; border:none !important; line-height:12px;}
.searchBtn{width:22px; height:20px; float:left; margin:0; padding:0; background:url(images/topSearchBtn.jpg) no-repeat scroll 0 0; border:none; outline:none; cursor:pointer; text-indent:-99999px;}

#content h2.singleEventTitle{font-family:'LusitanaRegular', Arial, Helvetica, sans-serif !important; font-size:19px !important; line-height:21px !important; margin:0 !important; padding:0 !important; color:#231f20 !important; text-align:left !important}
#content h2.when{font-family:'LusitanaBold', Arial, Helvetica, sans-serif !important; color:#231f20 !important; font-size:12px !important; line-height:13px !important; text-transform:uppercase !important; margin:0 0 6px 0 !important; padding:0 !important; text-align:left !important;}


.threefourths_col{width:69%!important;}
.four_col h2, .threefourths_col h2{padding:12px 0!important; border-top:1px solid; border-bottom:1px solid; margin:-20px 0 20px 0!important}
#content .four_col h2{font-size:15px!important;}
.four_col{margin:0 0 0 3%!important; width:27.2%!important;}
.threefourths_col h3, .four_col h3{display:none}