/* Link colors (normal,active): #a1876d, #a36831 */

body {
  font-family: "Colaborate Embedded","Lucida Grande","Lucida Sans","Verdana","Arial",sans-serif ;
}

h1,h2,h3,h4,h5, 
#nav-main a,
#nav-shoplinks a,
#nav-section a,
#nav-supp a,
ul#nav-spreads a,
#siteinfo,
.button input {
  font-family: "Droid Serif Embedded","Georgia","Times New Roman","Times",serif;
}

/* Global Styles */

body { color: #555 ; 
       background: #fff url(../images/site/bg-body.png) repeat-x left top ; }

a { font-weight: normal ; color: #a1876d ; text-decoration: none ; }

li { position: relative ; }

/* Global form styles */

/* Default form styles */

form fieldset { margin-bottom: 1em; }

form label,
form .text input,
form .select select,
form .multitext textarea,
form .datetime .day,
form .datetime .month,
form .datetime .year,
form .datetime .hour,
form .datetime .minute,
form .datetime .ampm,
form .button input {   }

form label { float: left; width: 150px; margin-right: 10px; margin-top: 4px; }
form .checkbox label,
form .radiogroup label { float: none; width: auto; margin-left: 22px; }
form .radiogroup label { margin-left: 10px; }
form .select label { margin-top: 4px; }

form .text span,
form .select span { float: left; width: 140px; margin-top: 4px; margin-left: 10px; font-size: 11px ; }

form .text,
form .select,
form .multitext,
form .datetime,
form .checkbox { overflow: hidden; margin-bottom: 1em; }

form .text input,
form .select select,
form .multitext textarea { float: left; width: 200px; border: 1px solid #999 ; padding: 3px 5px ; }

form .select select { width: auto ; }

form .datetime .day,
form .datetime .month,
form .datetime .year,
form .datetime .hour,
form .datetime .minute,
form .datetime .ampm { float: left; margin-right: 4px; padding: 3px 2px ;}

form .datetime .day { width: 44px; }
form .datetime .month { width: 91px;  }
form .datetime .year { width: 60px; }
form .datetime .hour { width: 44px; }
form .datetime .minute { width: 45px; margin-right: 0; }
form .datetime .ampm { margin-left: 3px; margin-right: 0; }

form .radiogroup span { display: block; }
form .radiogroup input { margin-left: 20px; }

form .button input,
a.button { position: relative ; display: block ; left: -3px ; padding: 5px 10px 6px ;
                     border: 1px solid #59381d ; border-top-color: #cbb49c ; border-left-color: #cbb49c ; 
                     -moz-border-radius: 5px;
                     -webkit-border-radius: 5px;
                     -moz-box-shadow: 2px 2px 2px #999 ;
                     -webkit-box-shadow: 2px 2px 2px #999 ;
                     color: #fff ; background: #a36831 ; 
			         font-size: 13px ; font-weight: bold ; line-height: 1.0 ; 
			         text-decoration: none ; cursor: pointer; } 
a.button:hover { color: #fff !important ; text-decoration: none !important ; } 

/* Content block display */
       
#container { position: relative ; width: 892px ; margin: 0 auto ; }

#branding { height: 150px ; }
#branding a { position: absolute ; right: -6px ; top: 16px ; width: 455px ; height: 60px; z-index: 2 ; 
              background: transparent url(../images/site/logo.png) no-repeat left top ;
              text-indent: -9999px ; }

#seo { position: absolute ; left: 0 ; top: 0 ; z-index: 1 ; width: 100% ; height: 106px ; border-bottom: 1px solid #ccc ; text-indent: -9999px ;  }
#seo h2 { text-indent: 0 ; text-align: right ; padding: 34px 0 ; color: #fff ; font-size: 60px ; line-height: 26px ; } 

#nav-main,
#nav-shoplinks { position: absolute ; left: 0 ; top: 90px ; z-index: 2 ; }
#nav-shoplinks { top: 87px ; }
#nav-main h4,
#nav-shoplinks h4 { position: absolute ; left: 0 ; top: 0 ; text-indent: -9999px ; }
#nav-main ul,
#nav-shoplinks ul { list-style: none ; }
#nav-main li,
#nav-shoplinks li { float: left ; }
#nav-main li a,
#nav-shoplinks li a { float: left ; display: block ; margin: 0 15px 0 0 ; padding: 0 0 7px 0 ; 
                      color: #999 ; font-size: 15px ; }
#nav-shoplinks li a { padding-top: 3px ; }
#nav-main li a:hover,
#nav-shoplinks li a:hover  { border-bottom: 5px solid #eee ; text-decoration: none ; }       
#nav-main li.active a { color: #333 ; border-bottom: 5px solid #a1876d ; cursor: default ; }      
#nav-shoplinks { left: auto ; right: 0 ; }
#nav-shoplinks li a { font-size: 13px ; margin: 0 0 0 12px ; }
#nav-shoplinks li a#basket-link { padding-left: 20px ; background: transparent url(../images/site/icn-basket.png) no-repeat left 2px ; }

#nav-section,
#nav-supp { position: absolute ; left: 0 ; top: 211px ; }
#nav-section h4,
#nav-supp h4 { position: absolute ; left: 0 ; top: 0 ; text-indent: -9999px ; }
#nav-section ul,
#nav-supp ul { list-style: none ; }
#nav-section li,
#nav-supp li { width: 130px ; }
#nav-section li a,
#nav-supp li a { display: block ; width: 130px ; margin: 0 0 10px 0 ; border-left: 3px solid #fff ; padding: 0 0 0 5px ; 
                 color: #999 ; font-size: 13px ; }
#nav-section li a:hover,
#nav-supp li a:hover { border-left: 3px solid #eee ; text-decoration: none ; }       
#nav-section li.active a,
#nav-supp li.active a { color: #333 ; border-left: 3px solid #a1876d ; cursor: default ; }      
#nav-supp { left: 140px ; }

#siteinfo { clear: left ; position: relative ; width: 872px ; margin: 20px auto 0 ; padding: 10px 10px 20px ; border-top: 1px solid #ccc ; 
            background: #fff url(../images/site/bg-siteinfo.png) repeat-x left top ; }

#content { min-height: 300px ; padding-bottom: 60px ; }
#content-main { margin-left: 300px ; font-size: 14px ; line-height: 1.5 ; }

/* Sitewide typography */

#content-main a:hover { color: #a36831 ; text-decoration: underline ; }
#content-main h1,h2,h3,h4,h5 { margin: 0 0 0.5em 0 ; color: #888 ; font-weight: normal ; }
#content-main h1 { position: relative ; width: 892px ; left: -300px ; }
#content-main p { margin: 0 0 1em ; }
#content-main ul { margin: 0 0 1em ; list-style-position: inside ; }
#content-main ul li { margin-left: 3px ; }

#siteinfo a { color: #a1876d ; }
#siteinfo p { font-size: 11px ; }

/* Section specific: home */

body#home #content-main { width: 892px ; margin: 0 ; }
body#home #content-main h1 { left: 0 ; margin-bottom: 1.5em ; }
body#home #content-main img { border: 0 ; float: right ; }
body#home #content-latest h2 { font-size: 15px ; }
body#home #content-latest { font-size: 13px ; }

/* Section specific: work, press */

body#work #content-main,
body#press #content-main { margin-left: 500px ; }
body#work #content-main h1,
body#press #content-main h1 { left: -500px ; }
#content-thumbnails { position: absolute ; left: 140px ; top: 211px ; width: 360px ; }
#content-thumbnails ul { list-style-type: none ; }
#content-thumbnails li { float: left ; margin: 0 8px 6px 0 ; }
#content-thumbnails li img { border: 1px solid #ccc ; }
#content-thumbnails li.active img,
#content-thumbnails li a:hover img { position: relative ; top: -1px ; left: -1px ; -webkit-box-shadow: #ddd 2px 2px 3px ; -moz-box-shadow: #ddd 2px 2px 3px ; }
#content-thumbnails li.active a { cursor: default ; }
#content-thumbnails li.active img { border-color: #a1876d ; }
#content-main img { margin: 5px 0 1em ; border: 1px solid #ccc ; }
#content-main.tall img { float: left ; margin-right: 10px ; }
body#press #content-main ul#spreads { list-style: none ; margin: 0 ; } 

body#press.hasjs #content-main ul#spreads { position: relative ; }
body#press.hasjs #content-main ul#spreads li { position: absolute ; left: 0 ; top: 0 ; margin: 0 ; } 
body#press.hasjs #content-main ul#spreads img { position: absolute ; left: 0 ; top: 0 ; }

body#press.hasjs #content-main ul#nav-spreads { float: right ; list-style: none ; }
body#press.hasjs #content-main ul#nav-spreads li { float: left ;  }
body#press.hasjs #content-main ul#nav-spreads li a { float: left ; display: block ; width: 10px ; border-bottom: 3px solid #fff ;
                                                     color: #999 ; font-size: 13px ; text-align: center ; }
body#press.hasjs #content-main ul#nav-spreads li a:hover { border-bottom: 3px solid #eee ; text-decoration: none ; }       
body#press.hasjs #content-main ul#nav-spreads li a.active { color: #333 ; border-bottom: 3px solid #a1876d ; cursor: default ; }      

/* Section specific: blog */

body#blog #content-main { position: relative ; margin: 0 0 0 140px ; padding-right: 210px ; }
body#blog #content-main h1 { left: -140px ; }
body#blog #content-main p.date { clear: left ; border-top: 1px solid #ccc ; padding-top: 5px ; font-size: 12px ; }
body#blog #content-main p.comments { position: relative ; top: -35px ; padding-top: 5px ; font-size: 12px ; text-align: right ; }
body#blog #content-twitter { position: absolute ; right: 0 ; top: 97px ; width: 180px ; }
body#blog #content-twitter h2 { font-size: 14px ; }
body#blog #content-twitter p { font-size: 12px ; line-height: 1.3 ; margin-bottom: 1em ; }
body#blog #content-twitter p.twitterbox-tweet { border-top: 1px solid #ccc ; padding-top: 0.7em ; }
body#blog #content-twitter p .twitterbox-tweet-time { color: #999; }
body#blog #content-twitter .twitterbox-follow-me { display: block; cursor: pointer; position: relative; }
body#blog #content-twitter .twitterbox-follow-me iframe { position: absolute; left: 0; top: 0; }
body#blog #nav-section { top: 252px ; }
body#blog #content-main .blog-item img { float: left ; margin: 5px 10px 10px 0 ; } 
body#blog #content-main .even img { float: right ; margin: 5px 0 10px 10px ; }
body#blog #content-main #blog-pictures { margin: 60px 0 1em ; text-align: center ; }
body#blog #content-main #blog-pictures img { float: none ; margin: 0 5px ; }

/* Section specific: contact */

body#contact #content-main img { position: absolute ; left: 0 ; top: 205px ; }

/* Section specific: shop */

body#shop #content-main { margin-left: 500px ; }
body#shop #content-main h1 { left: -500px ; }

body#shop #content-main #item-gallery { margin: 19px 0 0 ; } 
body#shop #content-main #item-gallery img { margin: 0 ; } 
body#shop #content-main #gallery-fullsize { position: relative ; height: 392px ; margin-bottom: 6px ; }
body#shop #content-main #gallery-fullsize img { position: absolute; left: 0; top: 0 ; }
body#shop #content-main #gallery-thumbnails a { float: left ; margin-right: 4px ; }
body#shop #content-main #gallery-thumbnails a#gallery-thumbnails-4 { margin-right: 0 ; }
body#shop #content-main #item-description { clear: left ; padding-top: 1em ;  }
body#shop #content-main form#item-options { margin: 0 0 1em 1em ; }
body#shop #content-main form#item-options label { clear: left ; float: left ; width: 70px ; margin: 0 0 5px 0 ; }
body#shop #content-main form#item-options select { margin-bottom: 6px ; }
body#shop #content-main form#item-options p#item-price { clear: left ; }
body#shop #content-main form#item-options p#item-price strong { position: relative ; left: 37px ; }

/* Section specific: basket */

body#basket #content-main { margin-left: 0 ; min-height: 500px ; }
body#basket #content-main h1 { left: 0 ; }
body#basket #basket-information { float: right ; width: 392px ; }
body#basket #basket-list { position: relative ; width: 480px ; }
body#basket #basket-list .list-item { position: relative ; margin: 15px 0 0 ; border-bottom: 1px solid #ccc ; padding: 0 ; }
body#basket #basket-list .list-item h2 { position: relative ; left: 120px ; font-size: 18px ; } 
body#basket #basket-list .list-item img { float: left ; margin: -35px 10px 1em 0 ; }
body#basket #basket-list .list-item label { width: auto ; }
body#basket #basket-list .list-item select { position: relative ; top: 3px ; }
body#basket #basket-list .list-item span { font-size: 14px ; }
body#basket #basket-list .list-item .button input { position: absolute ; left: 401px ; top: 0 ; width: 74px ; }
body#basket #basket-list .list-item p.item-subtotal { position: absolute ; top: 100px ; right: 0 ; font-weight: bold ; }
body#basket #basket-list p#basket-totals { margin-top: 1em ; text-align: right ; }
body#basket #basket-list p#basket-totals .button,
body#basket #basket-list p#basket-totals .button input { position: relative ; float: left ; top: -2px ; }
body#basket #basket-actions { width: 480px ; margin-top: 2em ; }
body#basket #basket-actions .button input { float: right ; }

/* Section specific: checkout */

body#checkout table#order_breakdown { margin: 0 0 1em 10px ; width: 362px ; }
body#checkout table#order_breakdown td { border-bottom: 1px solid #ccc ; padding: 3px 2px ; }
body#checkout table#order_breakdown td.qty { width: 25px ; }
body#checkout table#order_breakdown td.desc p,
body#checkout table#order_breakdown td.delivery p,
body#checkout table#order_breakdown td.totaltext p,
body#checkout table#order_breakdown td.total p { margin: 0 ; }
body#checkout table#order_breakdown td.desc p.options { font-size: 11px ; font-style: italic ; }
body#checkout table#order_breakdown td.subtotal,
body#checkout table#order_breakdown td.total { text-align: right ; }
body#checkout table#order_breakdown td.delivery { border-bottom: none ; }
body#checkout table#order_breakdown td.totaltext,
body#checkout table#order_breakdown td.total { border-bottom: 0 ; }

body#checkout a#ordereditlink { float: right ; width: 37px ; margin-right: 217px ; } 

body#checkout form#delivery { margin-bottom: 1em ; }
body#checkout fieldset#delivery_information { margin-bottom: 0 ; }
body#checkout fieldset#delivery_information p.desc { margin-bottom: 0 ; }

body#checkout p#paypal-button { margin: 1em 0 ; }

body#checkout p.errorheader,
body#checkout p.error { margin-bottom: 0.5em ; padding-left: 19px ; background: url(../images/site/icn-error.png) no-repeat left 2px ; color: #a64130 ; }

/* Button colour alteration for "minor" buttons */

body#basket #basket-list .list-item .button input,
body#basket #basket-list p#basket-totals .button input
{ border: 1px solid #685746 ; border-top-color: #c4ae97 ; border-left-color: #cbb49c ; background: #a1876d ; }