@font-face {
    font-family: 'miabold';
    src: url('mia-bold-webfont.eot');
    src: url('mia-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('mia-bold-webfont.woff') format('woff'),
         url('mia-bold-webfont.ttf') format('truetype'),
         url('mia-bold-webfont.svg#miabold') format('svg');
    font-weight: normal;
    font-style: normal;

}
body.site {
background: none !important;
background-color:#F0F0F0 !important;  
}


@media print {
nav.nav {display: none !important;}
.item-page {background-color: #fff !important; padding: 0px 50px 20px !important; margin-top:0px !important;}
.customfooter , div.languages ,  div.search , div.djslider-loader , div.bannergroup , div#sidebarcontents , .whatsonpg .row-fluid .span3 , .dash a , div.avPlayerWrapper , .blockorder strong , .custom {display: none !important;}
#content , .workshoppg, td.mod_events_latest_first, td.mod_events_latest {background-color: #fff;}  
div.span3 #block1 , div.span5 #block2 {padding-bottom:0px !important;}
div.span5 #block2 {padding-top:0px !important;}
.mod_events_latest_table {margin-top: 0px;}
.row-fluid [class*="span"] {
display: block;
width: 100%;
float: left;
}
.row-fluid #home-content .span5  {width: 100% !important;}
.row-fluid .timings .span4 {width: 31.914893614% !important;}  
.row-fluid .timings .span3 {width: 23.404255317% !important;}
#home-content #block2 {padding: 15px;}
#home-content #block2 .timings, #home-content #block3 .items , div.dash , .page-header {border-bottom: 1px solid #000 !important;}
#home-content #block2 .timings {height: 21px;padding-top: 6px;}
.row-fluid [class*="span"]:first-child {margin-left: 0;}
.itemid-134 .span6[style] {padding: 0 0px !important;}  

 .row-fluid .span9 {width: 99.99999999% !important;}
.row-fluid .span6 {width: 48.936170208% !important;}  
.span6 .row-fluid .span3 {width: 23.404255317% !important;} 
.row-fluid .span6 .row-fluid .span9 {width: 70% !important;}
 
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) 
{
.slicknav_menu  {display: block !important;}
div#logo, .nav , div.search{display:none !important;}
}
