/**
 * General settings
 */
body {
     background: white url( img/bg.jpg) repeat-x;
     font: 0.8em/1 Verdana, Arial, sans-serif;
     color: #666666;
     line-height: 120%;
     background-attachment: fixed;
}
em {
     font-style: italic;
}
.gold {
     color: #B77931!important;
}
strong {
     font-weight: bold;
}

/**
 * Typography
 */
h2 {
     color: #333333;
     font: 20px/1.4em Georgia, serif;
/*     width: 370px;*/
     font-weight: bold;
     margin-bottom: 17px;
}
p {
     margin-bottom: 20px;
}

/**
 * Structure
 */
#container {
     width: 983px;
     background: transparent url(img/containerbg.png) repeat-y;
     margin: 0 auto;
     padding: 7px 21px 0 21px;
}
     #header {
          height: 110px;
          border-bottom: 1px dotted #353535;
     }
          #navigation {
               margin-top: 67px;
               float: left;
          }
          #search {
               float: right;
               margin-right: 4px;
               display: inline;
          }
          #social-links {
               float: right;
               clear: right;
               margin: 36px 24px 0 0;
               display: inline;
               width: 173px;
               height: 25px;
               background: url(img/icons_colour.png) no-repeat;
          }
     #wrapper {
          float: left;
          display: inline;
          padding: 20px 0 17px 0;
     }
     #footer {
          height: 48px;
          padding-top: 15px;
          border-top: 1px dotted #353535;
          clear: both;
          margin: 0px 0 0px 0;
     }

/**
 * Branding
 */
#header h1 {
     position: relative;
     display: block;
     width: 151px;
     height: 49px;
     float: left;
}
     #header h1 img {
          margin-top: 32px;
     }
#social-links ul {
     float: left;
}
     #social-links ul li {
          float: left;
     }
          #social-links ul li a {
               float: left;
               display: block;
          }
/**
 * Main Navigation
 */
#navigation ul {
     float: left;
     font-family: Georgia;
     margin-left: 43px;
     display: inline;
}
     #navigation ul li {
          float: left;
     }
          #navigation ul li a {
               float: left;
               display: block;
               text-decoration: none;
               margin-right: 26px;
               color: #353535;
               display: inline;
          }
               #navigation ul li a:hover {
                    color: #b77931;
                    text-decoration: underline;
               }
/**
 * Secondary Navigation
 */
p.copyright {
     width: 100%;
}
p.copyright span {
     width: 300px;
     margin-left: 145px;
}
     p.copyright a {
          color: #353535;
          text-decoration: none;
     }
          p.copyright a:hover {
               text-decoration: underline;
          }
/**
 * Icon navigation
 */

     #social-links a {
          text-decoration: none;
          display: block;
          width: 24px;
          height: 23px;
          background: white;
          opacity: 0.3;
     }
          #social-links a:hover {
               opacity: 0;
          }
     .sl-linkedin {
          margin-left: 6px;
     }          
     .sl-facebook {
          margin-left: 6px;
     }
     .sl-vimeo {
          margin-left: 6px;
     }
     .sl-rss {
          margin-left: 4px;
     }
     .sl-mail {
          margin-left: 6px;
     }

/**
 * Forms
 */
#search input {
     border: none;
     background: url(img/searchbg.png) no-repeat top left;
     padding-left: 27px;
     width: 157px;
     height: 21px;
     font-size: 12px;
     color: #353535;
}
/**
 * Home Slideshow
 */
#home-slideshow {
     height: 342px;
     padding: 0px 0 0 0;
     position: relative;
     float: left;
     background: url(img/slideshow-shadow.png) no-repeat bottom center;
     display: inline;
/*     margin-bottom: 31px;*/
}
     #slideshow-frame {
          position: absolute;
          top: 0;
          left: 0;
          z-index: 0;
     }
     .slides_container {
          width:974px;
          height:295px;
          overflow:hidden;
          position:relative;
          padding: 4px 0 0 0px;
          border-left: 4px solid black;
     }
     .slide-text {
          width: 380px;
          background: #c7c2bd url(img/slide-textbg.png) repeat-x;
          -moz-border-radius: 4px 4px 0 0;
          border-radius: 4px 4px 0 0;
          padding: 14px 10px 41px 10px;
          z-index: 10;
          position: absolute;
          bottom: 1px;
          left: 0;
     }
          .slide-text h1 {
               color: #333333;
               line-height: 1.2em;
               font-size: 24px;
               font-weight: 600;
               font-family: Georgia, serif;
               width: 360px;
               float: none;
               margin-bottom: 10px;
               height: auto;
          }
          .slide-text p {
               line-height: 120%;
               margin-top: 10px;
          }
          .slide-text a.more {
               text-align: right;
               text-decoration: none;
               font-style: italic;
               width: 360px;
               display: block;
          }
               .slide-text a.more:hover {
                    text-decoration: underline;
               }
          ul.pagination {
               margin: 10px auto 0 470px;
               background: #333333 url(http://www.oddlondon.com/wp-content/themes/oddlondon/img/paginationbg.png) repeat-x;
               -moz-border-radius: 5px;
               border-radius: 5px;
               height: 13px;
               float: left;
               display: inline;
               padding: 3px 5px 0 5px;
          }
               ul.pagination li {
                    width: 11px;
                    float: left;
                    margin: 0 1px;
                    display: inline;
               }
                    .pagination li a {
                         display:block;
                         width:12px;
                         height:0;
                         padding-top:14px;
                         background-image:url(http://www.oddlondon.com/wp-content/themes/oddlondon/img/pagination.png);
                         background-position:0 0;
                         float:left;
                         overflow:hidden;
                    }
                         .pagination li.current a {
                              background-position:0 -12px;
                         }
          
               
               
              
/**
 * Home Filters
 */
#home-filters {
     float: left;
     clear: both;
     width: 800px;
}
     #home-filters ul {
          float: left;
          width: 186px;
          margin-right: 11px;
          display: inline;
          border: 0px solid #292929;
          z-index: 10;
/*          -moz-border-radius-topleft: 4px;
          -moz-border-radius-topright: 4px;
          border-radius-top: 4px;*/
          
     }
          #home-filters ul li {
               position: relative;
               color: #292929;
               font-size: 12px;
               padding-left: 7px;
               background: #ebebeb;
               height: 23px;
               line-height: 23px;
               width: 178px;
               border-top: 1px solid #292929;
               border-left: 1px solid #292929;
               border-right: 1px solid #292929;
               
               -moz-border-radius:  4px 4px 0 0;
               border-radius: 4px 4px 0 0;
          }
               #home-filters ul li:hover,
               #home-filters ul li.over
               {
                    color: white;
                    background: black;
               }
               #home-filters ul li ul {
                    display: none;
                    position: absolute;
                    left: 0;
                    top: 23px;
     /*               width: 186px;*/
                    -moz-border-radius-topleft: 0px;
                    -moz-border-radius-topright: 0px;
                    -moz-border-radius-bottomleft: 4px;
                    -moz-border-radius-bottomright: 4px;
                    border: none;
          /*          background: black;
                    opacity: 0.7;*/
                    
               }
                    #home-filters ul li ul li {
                         border-top: 1px solid #292929;
                    /*     padding-left: 23px;*/
                         background: black;
                         opacity: 0.7;
                    /*     padding-left: 0;*/
                         -moz-border-radius: 0;
                         border-radius: 0;
                         border-left: 1px solid #292929;
                         border-right: 1px solid #292929;
                    }
                         #home-filters ul li ul li a {
                              color: white;
                              text-decoration: none;
                              display: block;
                         }
                              #home-filters ul li ul li a:hover {
                                   text-decoration: underline;
                              }
                    #home-filters ul li:hover ul,
                    #home-filters ul li.over
                    {
                         display: block;
                    }
     a#filter-reset {
          color: #292929;
          line-height: 23px;
     }
          a#filter-reset:hover {
               text-decoration: none;
          }
/**
 * Home Tiles
 */
#home-tiles {
     clear: both;
     padding-top: 14px;
     height: 292px!important;
     overflow: hidden;
}
.tile {
     float: left;
     margin-left: 13px;
     height: 130px;
     width: 186px;
     margin-bottom: 16px;
}
     .tile.first {
          margin-left: 0!important;
     }
     .tile-front {
          background: url(http://www.oddlondon.com/wp-content/themes/oddlondon/img/westfieldtile.jpg) no-repeat;
          -moz-border-radius: 5px;
     }
          .tile-front a {
               display: block;
               height: 130px;
               width: 186px;
               text-decoration: none;
          }
     .tile-back {
          -moz-border-radius: 5px;
          background: #292929;
          padding: 5px!important;
          position: relative;
          height: 120px!important;
          width: 176px!important;
          z-index: 10;
     }
          .tile-back a {
               color: white;
               text-decoration: none;
          }
               .tile-back a:hover {
                    text-decoration: underline;
               }
          .tile-back a.more {
               position: absolute;
               bottom: 5px;
               left: 5px;
          }

/**
 * Home Footer
 */
#home-footer {
     background: #292929;
      -moz-border-radius: 5px;
     border-radius: 5px;
     height: 217px;
     margin-top: 10px;
     padding: 21px 0 17px 0;
     color: white;
     font-size: 11px;
     clear: both;
     width: 981px;
     padding-left: 2px;
}
     .hf-feed {
          border-left: 1px dotted white;
          height: 217px;
          width: 195px;
          float: left;
          padding: 0 25px 0 20px;
          position: relative;
     }
          .hf-feed a {
               text-decoration: none;
               color: white;
          }
               .hf-feed a:hover {
                    text-decoration: underline;
               }
          .hf-feed.first {
               border-left: none;
          }
     .hf-feed h3 {
          font-size: 20px;
          color: white;
          font-family: Georgia, serif;
          margin-bottom: 14px;
          font-weight: 500;
     }
     .hf-feed h4 {
          color: #b77931;
          font-size: 12px;
          font-family: Georgia, serif;
     }
     .hf-feed p.more a {
          position: absolute;
          bottom: 0;
          color: #B77931;
          text-decoration: none;
          font-family: Georgia, serif;
          font-style: italic;
     }
          .hf-feed p.more a:hover {
               text-decoration: underline;
          }
     .hf-feed p.date {
          color: #B77931;
          margin-bottom: 0;
     }
/**
 * Twitter feed
 */
.twtr-ft {
     display: none;
}
.twtr-hd {
     display: none;
}
.twtr-tweet-wrap {
     padding: 6px 0!important;
}
.twtr-tweet {
     border-bottom: none!important;
}
/**
 * Jobs
 */
#main-jobs {
     float: left;
     width: 512px;
}
#sidebar-jobs {
     float: right;
     width: 310px;
     background: #292929;
     -moz-border-radius: 5px;
     border-radius: 5px;
     margin-left: 107px;
     display: inline;
     padding: 20px 27px 20px 27px;
     color: white;
}
     #sidebar-jobs .vacancy {
          margin-bottom: 31px;
     }
     #sidebar-jobs h2 {
          font-size: 18px;
          margin-bottom: 19px;
          color: white;
     }
     #sidebar-jobs h3 {
          font-size: 14px;
          font-family: Georgia, serif;
     }
     #sidebar-jobs p {
          font-size: 12px;
          line-height: 1.2em;
          margin-top: 13px;
          margin-bottom: 0px!important;
     }
     #sidebar-jobs p.last {
          margin-bottom: 0;
     }
     #sidebar-jobs p.apply {
          margin-top: 0;
     }
          #sidebar-jobs p.apply a {
               color: #b57931;
          }
          #sidebar-jobs a.apply:hover {
               text-decoration: none;
          }
/**
 * About Us
 */
#main-about {
     float: left;
     width: 540px;
}
#sidebar-about {
     float: right;
     width: 310px;
     background: #292929;
     -moz-border-radius: 5px;
     border-radius: 5px;
     margin-left: 79px;
     display: inline;
     padding: 20px 27px 20px 27px;
     color: white;
}
     #sidebar-about .praise {
          margin-bottom: 31px;
     }
     #sidebar-about h2 {
          font-size: 18px;
          margin-bottom: 19px;
          color: white;
     }
     #sidebar-about h3 {
          font-size: 14px;
          margin-bottom: 13px;
          font-family: Georgia, serif;
     }
     #sidebar-about p {
          font-size: 12px;
          line-height: 1.2em;
          margin-bottom: 13px;
     }
     #sidebar-about p.last {
          margin-bottom: 0;
     }
     #sidebar-about p.credit {
          margin-bottom: 0;
          color: #b57931;
     }
/**
 * Our Approach page
 */
#main-approach {
     float: left;
     width: 778px;
}
h1.approach {
     font-size: 18px;
     font-style: italic;
     padding: 7px 0 7px 0;
     border-bottom: 1px dotted black;
     font-family: Georgia, serif;
     width: 100%;
     height: 20px;
     color: #333333;
}
#main-approach h2 {
     font-size: 18px;
     font-weight: normal;
     width: 600px;
     font-family: Georgia, serif;
     color: #333333;
}
#main-approach h3 {
     font-size: 14px;
     font-family: Georgia, serif;
     margin-top: 10px;
     font-weight: bold;
}
#main-approach p {
     margin-bottom: 0!important;
}
/**
 * People page
 */
#main-people {
     width: 880px;
}
h1.people {
     font-size: 18px;
     font-style: italic;
     padding: 7px 0 7px 0;
     border-bottom: 1px dotted black;
     font-family: Georgia, serif;
     width: 100%;
     height: 20px;
     color: #333333;
}
.person {
     padding: 10px 0 10px 0;
     border-bottom: 1px dotted black;
     clear: both;
     float: left;
}
     .person img {
          float: left;
     /*     height: 100%;*/
          margin-right: 10px;
     }
     .person h2 {
          font-size: 14px;
          font-weight: normal;
          width: 600px;
          font-family: Georgia, serif;
     }
/**
 * News page
 */
#main-news {
     float: left;
     width: 778px;
     margin-right: 20px;
     display: inline;
}
#sidebar-news {
     float: right;
     width: 182px;
}
h1.news {
     font-size: 18px;
     font-style: italic;
     padding: 7px 0 7px 0;
     border-bottom: 1px dotted black;
     font-family: Georgia, serif;
     width: 100%;
     height: 20px;
     color: #333333;
     
}
.news-item {
     padding: 10px 0 10px 0;
     border-bottom: 1px dotted black;
     clear: both;
     float: left;
     width: 100%;
}
     .item-image {
          float: left;
          width: 195px;
     }
     .item-content {
          float: right;
          width: 578px;
     }
          .item-content h2 {
               font-size: 16px;
               font-weight: normal;
               width: 600px;
               font-family: Georgia, serif;
          }
          .item-content p {
               padding-bottom: 10px;
               margin-bottom: 0!important;
          }
          .item-content a.toggle-news {
               text-decoration: none;
               color: #AF7817;
               font-style: italic;
          }
               .item-content a.toggle-news:hover {
                    text-decoration: underline;
               }
          .item-content .date {
               font-weight: bold;
               margin-right: 7px;
               font-style: italic;
          }
          .item-content .published {
               margin-right: 7px;
          }
          .item-content .tags {
               font-weight: bold;
               font-style: italic;
          }
          .news-rest {
               display: none;
          }
     #sidebar-news h3 {
          font-size: 14px;
          margin-bottom: 13px;
          font-family: Georgia, serif;
          font-style: italic;
          margin-top: 5px;
          color: #333333;
     }
     #sidebar-news li {
          margin-bottom: 2px;
     }
          #sidebar-news li a {
               font-size: 12px;
               color: #666666;
               line-height: 110%;
               text-decoration: none;
          }
               #sidebar-news li a:hover {
                    color: #AF7817;
               }
/**
 * Terms page
 */
#main-terms h2 {
     font-size: 14px;
}
/**
 * Contact page
 */
#main-contact {
     float: left;
     width: 290px;
}

h1.contact {
     font-size: 18px;
     font-style: italic;
     padding: 7px 0 7px 0;
     border-bottom: 1px dotted black;
     font-family: Georgia, serif;
     width: 100%;
     height: 20px;
     color: #333333;
}
#main-contact p {
     margin-bottom: 0!important;
}
#sidebar-contact {
     float: right;
     width: 682px;
     display: inline;
     padding-top: 10px;
     margin-left: 10px;
}
/**
 * Project page
 */
#main-project {
     float: left;
     width: 290px;
}
     #main-project h2 {
          font-size: 18px;
          padding-top: 12px;
     }
     #main-project h3 {
          font-size: 14px;
          font-family: Georgia, serif;
          margin-top: 10px;
          font-weight: bold;
     }
#sidebar-project {
     float: right;
     width: 682px;
     display: inline;
     padding-top: 10px;
     margin-left: 10px;
}
     #sidebar-project #main-image {
          width: 682px;
          height: 493px;
          margin-bottom: 10px;
          background: #ffffff url(img/loader.gif) no-repeat 340px 245px;
     }
     #sidebar-project #thumbnails {
          width: 682px;
          overflow: hidden;
     }
          #sidebar-project #thumbnails img {
          }
          #sidebar-project #thumbnails a {
               float: left;
               display: block;
               margin-right: 8px;
               margin-bottom: 10px;
               width: 105px;
               height: 76px;
          }
h1.project {
     font-size: 18px;
     font-style: italic;
     padding: 7px 0 7px 0;
     border-bottom: 1px dotted black;
     font-family: Georgia, serif;
     width: 100%;
     height: 20px;
     color: #333333;
     
}
/**
 * Search page
 */
#main-search {
     float: left;
     width: 778px;
}
     #main-search h2 {
          font-size: 18px;
          padding-top: 12px;
     }
     #main-search h2 a {
          color: #333333;
          text-decoration: none;
     }
          #main-search h2 a:hover {
               color: #B77931;
          }
     #main-search h3 {
          font-size: 14px;
          font-family: Georgia, serif;
          margin-top: 10px;
          font-weight: bold;
     }
#sidebar-search {
     float: right;
/*     width: 682px;*/
     display: inline;
     padding-top: 10px;
     margin-left: 10px;
}
h1.search {
     font-size: 18px;
     font-style: italic;
     padding: 7px 0 7px 0;
     border-bottom: 1px dotted black;
     font-family: Georgia, serif;
     width: 100%;
     height: 20px;
     color: #333333;
     
}