body { padding: 14px 20px 20px 20px; }
  body.content {}
  body.detail {}
  body.festivals {}
  body.gateway {}
  body.gateway-2 {}
  body.getcreative {}
  body.home {}
  body.listing {}
  body.news {}
  body.whatson {}

div#wrapper { width: 950px; }

  div#header { width: 100%; border: solid #ddd; border-width: 0 0 1px 0; padding: 0; }
    div.header-outer {  }
      div.header-inner { vertical-align: bottom; margin: 0; }

        div#identity { float: left; width: 310px; padding-top: 24px; }
          div.identity-outer {}
            div.indetity-inner {}

  div#main-navigation { float: left; width: 630px; margin: 0; padding: 0 0 10px 0; }
    div.navigation-outer {}
      div#main-navigation div.navigation-inner { float: left; width: 13em; padding: 3px 0 0 10px; color: #7f7f7f; }

  div#bulletin {  }
    div.bulletin-outer {  }
      div.bulletin-inner {  }
    
  div#content { clear: both; width: 100%; margin: 0; padding: 5px 0 0 0; }
    div.content-outer {}
      div.content-inner {}

        div.block { float: left; }
          div.featured div.block { margin: 0 0 5px 0; }
          div.listing div.block { width: 335px; margin: 0 0 10px 0; }
          div.single div.block { margin: 0 0 10px 0; border: solid #ddd; border-width: 0 0 1px 0; }
            body.festivals div.listing div.block { clear: both; width: 100%; margin: 0; border: solid #ddd; border-width: 1px 0 0 0; padding: 10px 0 5px 0; }
            body.gateway-2 div.sub-col-three div.block { clear: both; width: 220px; }
            body.whatson div.listing div.block { width: auto; margin: 0; border: 0; padding: 0; overflow: hidden; }
          div.listing div.row { clear: both; width: 100%; margin: 0 0 10px 0; border: solid #ddd; border-width: 0 0 1px 0; }
          div.listing div.last-child { margin: 0; border: 0; padding: 0; }
        
          div.block div.image { float: left; }
            div.featured div.block div.image { width: 320px; margin: 0 0 10px 0; }
            div.listing div.block div.image { width: 160px; }
            body.detail div.image { width: 470px; height: 470px; }

            div.block div.span { width: 300px; }
            body.festivals div.listing div.block div.image { width: 320px; margin: 0 0 10px 0; }
              body.festivals div.block div.span { width: 670px; padding: 0 0 10px 0; }
                body.festivals div.listing div.block div.span div.heading { margin: 0 0 10px 0; border: solid #ddd; border-width: 0 0 1px 0; padding: 0 0 5px 0; }
                body.festivals div.listing div.block div.span div.summary { float: left; width: 140px; margin: 0; padding: 0; }
                body.festivals div.listing div.block div.span div.whats-on { float: right; width: 140px; }
              div.featured div.block div.span { width: 670px; }
              
          div.block div.text { float: left; width: 510px; padding: 0; }
            div.featured div.block div.text { width: 320px; }
            body.gateway-2 div.sub-col-three div.block div.text { width: 220px; }
            div.listing div.block div.text { width: 140px; }
              body.festivals div.listing div.block div.text { float: right; width: 300px; }
                body.festivals div.listing div.block div.text div.heading { margin: 0 0 10px 10px; border: solid #ddd; border-width: 0 0 1px 0; padding: 0 0 5px 0; }
                body.festivals div.listing div.block div.text div.summary { float: left; width: 140px; margin: 0 0 0 10px; padding: 0; }
                body.festivals div.listing div.block div.text div.whats-on { float: right; width: 140px; }

        div#category-navigation { width: 100%; margin: 0; }

        div.col-one { float: left; }
          body.content div.col-one { width: 670px; }
          body.detail div.col-one { width: 465px; }
          body.festivals div.col-one { width: 670px; }
          body.forum div.col-one { width: 290px; }
          body.gateway div.col-one { width: 465px; }
          body.gateway-2 div.col-one { width: 460px; }
          body.home div.col-one { width: 290px; }
          body.listing div.col-one { width: 670px; }
          body.news div.col-one { width: 670px; }

        div.col-two { float: right; }        
          body.content div.col-two { width: 230px; }
          body.detail div.col-two { width: 475px; }
          body.festivals div.col-two { width: 230px; }
          body.forum div.col-two { width: 630px; }
          body.gateway div.col-two { width: 475px; }
          body.gateway-2 div.col-two { width: 465px; }
          body.home div.col-two { width: 630px; }
          body.listing div.col-two { width: 220px; }
          body.news div.col-two { width: 230px; }

        div.current-date { clear: both; width: 670px; margin: 0 0 10px 0; border: solid #ddd; border-width: 0 0 1px 0; padding: 10px 0 8px 0; }
        div#current-date { clear: both; width: 670px; margin: 0 0 10px 0; border: solid #ddd; border-width: 1px 0 1px 0; padding: 10px 0 8px 0; }

        div.featured { float: left; width: 100%; margin-bottom: 10px; border-bottom: 1px solid #ddd; }
                    
        div#message { margin: 0; border: solid #ddd; border-width: 0 1px 1px 1px; padding: 10px 10px 0 10px; background: #efefef; }
        
        div.related { border: 0; }

        div.shortcuts-grid { width: 630px; padding-top: 8px; }
          div.shortcuts-grid div.shortcut { position: relative; float: left; width: 160px; height: 160px; }
            div.shortcuts-grid div.col-4 { width: 150px; }
            div.shortcut div.image { position: absolute; top: 0; left: 0; z-index: 10; width: 150px; height: 150px; overflow: hidden; background: #fff; }
            div.shortcut div.text { position: absolute; top: 0; left: 0; z-index: 1; width: 150px; height: 150px; background: #f32837 url("/template/bg-shortcut.gif") bottom right no-repeat; overflow: hidden; }

        div.large { width: 475px; height: 460px; background: url("/template/loading-bar.gif") 50% 50% no-repeat; }
        div.medium { width: 230px; height: 230px; background: url("/template/loading-bar.gif") 50% 50% no-repeat; }

        div.listing { float: left; clear: both; width: 100%; }
          
          body.festivals div.listing { width: 100%; padding: 10px 0 0 0; }
          body.whatson div.listing { width: 100%; }
            body.whatson div.listing div.exhibitions { float: left; padding: 0 0 5px 0; }
            body.whatson div.listing div.films { float: left; margin: 0 0 0 10px; padding: 0 0 5px 0; }
            body.whatson div.listing div.courses { float: right; margin: 0 0 0 10px; padding: 0 0 5px 0; }
            body.whatson div.listing div.talks { float: left; clear: left; margin: 0; }
            body.whatson div.listing div.editions { float: left; margin: 0 0 0 10px; }
            body.whatson div.listing div.festivals { float: right; margin: 0 0 0 10px; }

        div.panel { clear: both; margin: -1px 0 0 0; }
          div.panel-outer { width: 288px; border: solid #ddd; border-width: 0 1px 1px 1px; }
            div.panel-inner { padding: 10px 8px 0 8px; }

        div.programme { margin-bottom: 20px; }

        div.sub-col-one { float: left; }
          body.content div.sub-col-one { width: 230px; }
          body.detail div.sub-col-one { width: 230px; }
          body.forum div.sub-col-one { width: 290px; }
          body.gateway div.sub-col-one { width: 220px; }
          body.gateway-2 div.sub-col-one { width: 220px; }
          body.news div.sub-col-one { width: 230px; }

        div.sub-col-two { float: right; }
          body.content div.sub-col-two { width: 420px; }
          body.detail div.sub-col-two { width: 220px; }
          body.forum div.sub-col-two { float: left; width: 630px; }
          body.gateway div.sub-col-two { width: 220px; }
          body.gateway-2 div.sub-col-two { width: 220px; }
            div.sub-col-two div.last-child { border: 0; }
          body.news div.sub-col-two { width: 420px; }

        div.sub-col-three { float: left; }
          body.gateway-2 div.sub-col-three { float: left; width: 220px; }
            body.gateway-2 div.sub-col-three div.downloads { border-top: 1px solid #ddd; padding-top: 10px; }
          body.gateway div.sub-col-three { float: right; width: 475px; }
            body.gateway div.sub-col-three div.slides { float: right; width: 460px; padding: 10px 0 0 0; }
            body.gateway-2 div.sub-col-four div.slides { width: 230px; padding: 3px 0 0 0; }
          body.gateway div.sub-col-three div#map { float: right; width: 460px; height: 460px;}
            body.gateway div.sub-col-three div#map span.iwstyle { font-size: 1em; width: auto; height: auto; }

        div.sub-col-four { float: right; }
          body.gateway div.sub-col-four { width: 230px; }

        div.sub-col-span { float: left; width: 100%; }
          body.detail div.sub-col-span {  margin: 0 0 10px 0; border: solid #ddd; border-width: 0 0 1px 0; padding: 0 0 7px 0; }
          
        div.slides { clear: both; width: 100%; }
        body.gateway-2 div.slides { clear: both; width: 230px; }

        div.visitors-book {}
          body.detail div.visitors-book { margin: 10px 0 0 0; border: solid #ddd; border-width: 1px 0 0 0; padding: 10px 0 0 0  ; }
          
        div#projector { padding-top: 4px; }
  
  div#footer { clear: both; width: 100%; }
    div.footer-outer {}
      div.footer-inner { border: solid #fff; border-width: 15px 0 0 0; background: #7f7f7f; padding: 5px 10px 10px 10px; }
      
          div#util-navigation { float: left; width: 100%; margin: 5px 0 0 0; }

          div.puff { margin-top: 10px; border: 0; padding: 0; }
            body.detail div.puff div.outer,
            body.listing div.puff div.outer { border: 1px solid #ddd; padding: 0; }
            body.detail div.puff div.inner,
            body.listing div.puff div.inner { padding: 10px 10px 0 10px; }
          body.gateway div.puff,
          body.gateway-2 div.puff { border: solid #ddd; border-width: 1px 0 0 0; padding-top: 10px; }
          div.shop_online_puff { margin-top: 10px; background: #7f7f7f; padding: 5px; color: #fff;}
          	div.shop_online_puff img { margin: 0 0 5px 0;}
          	div.shop_online_puff a {color: #fff;}
          	div.shop_online_puff a:hover {color:#f32837;}
          div.shop_online_puffs div.puff {float: left; width: 215px; border: none; padding-top: 0; margin-right: 17px;}
          	div.shop_online_puffs div.puff div.inner {float: left; width: 215px; position:relative; padding-top: 2em;}
          		div.shop_online_puffs div.puff h2 { position: absolute; top:0; left: 0; float: left; width: 215px; color: #7f7f7f; }