body {
  font-size: 100%;
  line-height: 1.25;
  font-family: lucida grande, verdana;
  background-color: #d9d6cf;
  color: #675c53;
  margin: 0;
  padding: 0;
}

a:hover {
  text-decoration: underline;
}

/* story content - 11 on 14pt Regular, with Bold at same weight used for sub headings within story */

#container {
  font-size: 70%;
  line-height: 1.25;
  width: 895px;
  background-color: #FFF;
  margin: 0 auto;
  padding: 0 15px;
}

/* Left and Right Hand menus and Breadcrumb Trail - 10 on 20pt Regular */

#navigation,#site-tools,.site-location {
  font-size: 90%;
  line-height: 2;
}

/* except main section headers in LH menu which are in bold */

ul#navigation li {
  font-weight: 700;
  margin: 0;
  padding: 0;
}

ul#navigation li ul li {
  font-weight: 400;
}

/* Search box - 10 pt Regular */

#sidebar label {
  font-size: 90%;
  line-height: 20px;
}

/* Main Section or Story title - 20 on 24pt Regular */

#content-area h2 {
  font-size: 180%;
  line-height: 1.2;
  margin-top: 11px;
  font-weight: 400;
}

/* Story summary titles (on section or index pages) - 10 pt Bold (in section colour) */

#content-area .story-block h3 {
  font-size: 100%;
  font-weight: 700;
}

/* Story summary (on section or index pages) - 10 on 12pt Regular (in grey) */

.story-block {
  font-size: 90%;
  line-height: 1.2;
}

/* Titles for extra link boxes on story pages - 10pt Bold */

#extra-story-space h3 {
  font-size: 90%;
  font-weight: 700;
  line-height: 20px;
  background-color: #01b3bf;
  color: #FFF;
  height: 20px;
  margin: 0 0 8px;
  padding: 0 0 0 6px;
}
#extra-story-space h3.image-header {
  background-color: #fff;
  padding: 0px 0px 4px 0px;
  
}

#extra-story-space h3 a {
  color: inherit;
}

/* Festival dates: 12 on 18pt Regular */

#dates {
  line-height: 150%;
  color: #898c00;
  margin-left: 755px;
  width: 140px;
  text-align: right;
  position: relative;
  top: -45px;
}

#dates abbr {
  text-decoration: none;
}

#copyright {
  font-size: 60%;
  float: right;
  text-align: right;
  color: #bcb5ab;
  padding-top: 10px;
  padding-right: 15px;
}

#header {
  margin-bottom: 8px;
}

ul#navigation {
  list-style: none;
  margin: 0 15px 0 0;
  padding: 0;
}

#main-content {
  width: 745px;
  margin-right: 10px;
  margin-bottom: 10px;
  float: left;
  clear: both;
}

#sidebar {
  margin-left: 755px;
  color: #82786f;
}

ul#sitewide-navigation {
  color: #ffffc4;
  list-style: none;
  padding-left: 0;
  margin: 0;
}

ul#sitewide-navigation li {
  display: block;
  float: left;
  width: 110px;
  margin-right: 2px;
  padding-right: 0;
  height: 21px;
}

ul#sitewide-navigation li a {
  color: #ffffc4;
  text-decoration: none;
  margin-left: 0;
}

ul#sitewide-navigation li.final-button {
  margin-right: 0;
  width: 103px;
}

/* Lineup */

ul#navigation .lineup a,.lineup .site-location span,.lineup #extra-story-space ul.section-links a,.lineup h2.entry-title,ul#navigation li.lineup a.current {
  color: #DC5034;
}

#sitewide-navigation .lineup,.lineup #extra-story-space h3.section-links {
  background-color: #DC5034;
}

/* Tickets */

ul#navigation .tickets a,.tickets .site-location span,.tickets #extra-story-space ul.section-links a,.tickets h2.entry-title,ul#navigation li.tickets a.current {
  color: #FF7900;
}

#sitewide-navigation .tickets,.tickets #extra-story-space h3.section-links {
  background-color: #FF7900;
}

/* Festival Info */

ul#navigation .festivalinfo a,.festivalinfo .site-location span,.festivalinfo #extra-story-space ul.section-links a,.festivalinfo h2.entry-title,ul#navigation li.festivalinfo a.current {
  color: #d95132;
}

#sitewide-navigation .festivalinfo,.festivalinfo #extra-story-space h3.section-links {
  background-color: #d95132;
}

/* Get involved */

ul#navigation .getinvolved a,.getinvolved .site-location span,.getinvolved #extra-story-space ul.section-links a,.getinvolved h2.entry-title,ul#navigation li.getinvolved a.current {
  color: #ecaf0c;
}

#sitewide-navigation .getinvolved,.getinvolved #extra-story-space h3.section-links {
  background-color: #ecaf0c;
}

/* About us */

ul#navigation .aboutus a,.aboutus .site-location span,.aboutus #extra-story-space ul.section-links a,.aboutus h2.entry-title,ul#navigation li.aboutus a.current {
  color: #e87919;
}

#sitewide-navigation .aboutus,.aboutus #extra-story-space h3.section-links {
  background-color: #e87919;
}

/* shop + talks */

ul#navigation .shoptalks a,.shoptalks .site-location span,.shoptalks #extra-story-space ul.section-links a,.shoptalks h2.entry-title,ul#navigation li.shoptalks a.current {
  color: #DA3D7E;
}

#sitewide-navigation .shoptalks,.shoptalks #extra-story-space h3.section-links {
  background-color: #DA3D7E;
}

#sitewide-navigation .blog,.blog #extra-story-space h3.section-links {
  background-color: #9c9b20;
}

#sitewide-navigation .media,.media #extra-story-space h3.section-links {
  background-color: #2cafbb;
}

/* Twitter */

#twitter a {
  color: #5fbfdd;
}

#sitewide-navigation li.network a {
  margin-left: 0;
}

#sitewide-navigation .final-button {
  background-color: #c7c2ba;
}

/* 
  This lets us make sure all child sections in the navigation are set 
  to a default colour. We have disabled it for now*/

ul#navigation li ul.subnav li a {
  color: #82786F;
}

#footer {
  width: 925px;
  background-color: #FFF;
  clear: both;
  height: 50px;
  margin: 10px auto;
}

#footer a {
  color: #675C53;
}

#partner-links {
  margin-left: 9px;
  float: left;
  width: 600px;
  vertical-align: middle;
  padding: 7px 0;
}

.medium-priority-story {
  width: 140px;
  float: left;
  margin-right: 10px;
  margin-top: 10px;
}

#extra-story-space {
  float: left;
  width: 140px;
  margin: 0;
}

#extra-story-space ul {
  list-style: none;
  color: #01b3bf;
  border-top: 1px dashed #c7c2ba;
  margin: 0 0 20px;
  padding: 0;
}

#extra-story-space h3.related-links {
  background-color: #988f86;
}

#extra-story-space h3.downloads {
  background-color: #f7403a;
}

.medium-priority-story h2,.third-level-story h2 {
  color: #ff0028;
  margin-top: 0;
  padding-top: 2px;
  margin-bottom: 3px;
  border-top: 1px dashed #c7c2ba;
}

.medium-priority-story img {
  margin-bottom: 6px;
}

.cleaner {
  clear: both;
  height: 1px;
}

#search {
  width: 92px;
}

#sidebar ul {
  list-style: none;
  margin: 20px 0;
  padding: 0;
}

ul#site-tools a,ul#navigation a {
  color: #82786f;
  text-decoration: none;
}

ul#site-tools li,ul#navigation li,.site-location {
  border-top: 1px dashed #c7c2ba;
}

#highlighted-stories {
  float: left;
  width: 450px;
  margin-top: -10px;
  padding: 0;
}

div#container div.location-footer {
  margin-left: 155px;
  padding-bottom: 90px;
  border-bottom: none;
  width: 590px;
}

.location-footer div {
  border-bottom: 1px dashed #c7c2ba;
  width: 590px;
}

#content-area {
  margin-left: 155px;
}

ul#navigation ul {
  list-style: none;
  margin-left: 8px;
  padding-left: 0;
}

.site-location {
  border-top: 1px dashed #c7c2ba;
  border-bottom: 1px dashed #c7c2ba;
  color: #c7c2ba;
}

.site-location a {
  text-decoration: none;
  color: #82786f;
}

.full-entry-content .key-image {
  margin-bottom: 9px;
}

input#search {
  width: 80px;
  color: #675C53;
  margin-top: 2px;
}

#sidebar fieldset {
  border: none;
  margin: 0;
  padding: 0;
}

#content-area .story-block h2 {
  margin-bottom: 6px;
  margin-top: 0;
  font-size: 100%;
  font-weight: 700;
}

#gb-logo {
  margin-top: 30px;
  border: 0;
}

div.entry-content {
  width: 440px;
  margin-right: 10px;
  float: left;
}

.post-metadata {
  display: none;
}

#linksbox {
  margin-bottom: 2em;
  padding-top: 2em;
}

#navigation ul li {
  padding: 0.25em 0;
}

h2.entry-title {
  margin-bottom: 4px;
}

/* For visual arts scrolling */

.pics {
  height: 293px;
  overflow: hidden;
  width: 590px;
  background-color: #c6bdb4;
  margin: 0 0 20px;
  padding: 0;
}

.pics img {
  height: 293px;
  left: 0;
  top: 0;
  width: 590px;
  position: absolute;
}

.advert {
  text-align: center;
}

div#highlighted-stories.lineup-stories {
  margin-top: 0;
  width: 600px;
}

div#gallery {
  position: relative;
}

ul.lineup-items {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
  padding-top: 0;
  margin-top: 0;
}

ul#flickr-images {
  list-style: none;
  margin-left: 10px;
  padding-left: 10px;
  margin-top: 0;
}

ul#flickr-images li {
  display: inline;
  margin-right: 10px;
}

ul#flickr-images li img {
  border: none;
  margin: 0 0 10px;
  padding: 0;
}

.lineup div.full-entry-content {
  margin-top: 13px;
}

.lineup div.entry-content {
  margin-bottom: 13px;
}

h1 {
  width: 322px;
  float: left;
  margin-top: 0;
  padding-top: 0;
  height: 59px;
}

h1 img#gb-logo {
  margin-top: 4px;
}

div#head-content {
  clear: both;
  padding: 32px 0 10px;
}

div#dates {
  float: left;
  width: 145px;
  top: 0;
  color: #988f86;
  margin: 0;
  padding: 10px 10px 0 270px;
}

div#dates .location {
  color: #9d9a00;
}

div#buy-now {
  float: left;
  width: 71px;
  margin-left: 70px;
  margin-top: -8px;
}

#navigation-column {
  margin-top: 0;
  width: 140px;
  clear: both;
  float: left;
}

#something-new {
  border-top: 1px dashed #eeb023;
  margin-top: 30px;
}

#sidebar-search {
  margin-top: 50px;
}
#sidebar-search #search {
  margin-left: 0;
  background-color: #9c9b33;
  color: #FFF;
  width: 47px;
  height: 22px;
  line-height: 22px;
  border: 0;
}

#sidebar-search #search-term {
  margin-left: 0;
  height: 19px;
  margin-top: -2px;
  border: 2px solid #C7C2BA;
  width: 85px;
  position: relative;
  top: -1px;
  padding: 0;
}

#sidebar div.highlight {
  padding-top: 0;
  border-top: 1px dashed #C7C2BA;
}

#sidebar div.highlight h2 {
  margin: 4px 0;
}

div#flickr ul {
  margin-left: 0;
  padding-left: 0;
}

div#flickr ul li {
  list-style: none;
  display: inline;
}

div#flickr ul li a img {
  border: none;
  margin: 0 2px;
}

/* Items for share icons */

div#container div#sociotags ul {
  list-style: none;
  float: left;
  margin: 2px 0;
}

div#container div#sociotags ul li {
  display: inline;
  padding: 0 4px 6px 0;
}

div#container div#sociotags ul li.delicious {
  background: url(/assets/icons/delicious.gif) no-repeat 0 0;
}

div#container div#sociotags ul li.digg {
  background: url(/assets/icons/digg.gif) no-repeat 0 0;
}

div#container div#sociotags ul li.reddit {
  background: url(/assets/icons/reddit.gif) no-repeat 0 0;
}

div#container div#sociotags ul li.facebook {
  background: url(/assets/icons/facebook.gif) no-repeat 0 0;
}

div#container div#sociotags ul li.stumbleupon {
  background: url(/assets/icons/stumbleupon.gif) no-repeat 0 0;
}

#sociotags ul li a {
  color: #C7C2BA;
  margin: 0 3px 0 0;
  padding: 0 0 0 18px;
}

div#container div#sociotags {
  margin-top: 20px;
  padding-bottom: 10px;
}

div#container div#sociotags p {
  float: left;
  margin: 0 2px;
}

div#container div#sociotags .cleaner {
  border: none;
  height: 1px;
}

div#container div#sociotags div {
  border-bottom: none;
}

a, h2.entry-title a {
  color: #ff0028;
  text-decoration: none;
}

a img,#sitewide-navigation img,#extra-story-space a img,#footer a img,.advert img {
  border: none;
}

#extra-story-space li,#navigation ul li a {
  line-height: 1.5;
}

ul#navigation .blog a,.blog .site-location span,.blog #extra-story-space ul.section-links a,.blog h2.entry-title,ul#navigation li.blog a.current,#latest-blog h4,#latest-blog a {
  color: #9c9b20;
}

ul#navigation .media a,.media .site-location span,.media #extra-story-space ul.section-links a,.media h2.entry-title,ul#navigation li.media a.current,#latest-media h4,#latest-media a {
  color: #2cafbb;
}

#extra-story-space ul li,ul#site-tools,ul#navigation {
  border-bottom: 1px dashed #c7c2ba;
}

#extra-story-space ul.related-links a,#extra-story-space ul.downloads a {
  color: #988f86;
}

.medium-priority-story p,.third-level-story p,div.entry-content p,#sidebar div.highlight p {
  margin-top: 0;
}

.lineup h3,.lineup h3.lineup-details {
  margin: 0;
}

#content-area .lineup-box h2.entry-title,div#header {
  margin-bottom: 0;
}

#sidebar h3 {
  padding: 0px; 
  margin: 0px
}
#twitter {
  margin-top: 52px;
}
  #twitter h3 {
    border-top: 1px dashed #5fbfdd; 
    padding-top: 4px; 
  }
  #twitter ul {
    margin: 0px
  }
    #twitter ul li {
      border-top: 1px dashed #C7C2BA;
      padding: 4px 0px
    }
  #twitter p {
    padding-top: 4px; 
    margin-top: 0px; 
    border-top: 1px dashed #C7C2BA; 
    line-height: 17px; 
    vertical-align: middle
  }
    #twitter p img {
      border: none; 
      vertical-align: middle
    }

/* Dispatches signup form */
#dispatches {
  background-color: #e0ded8; 
  padding: 6px; 
  margin: 40px 0px 50px 0px
}
  #djdrut-djdrut {
    margin: 0px; 
    width: 122px;
  }
  #dispatches p {
    margin-top: 4px;
    margin-bottom: 0px;
  }
  #dispatches p.submit {
    text-align: right; 
  }
    #dispatches p.submit input {
      margin-left: 0px; 
      color: white; 
      line-height: 19px;
      width: 76px;
      height: 19px;
      border: none;
      background-color: #E0DED8;
    }

/*
	some inline css found on the podcasts home page and amended by JW
*/

.media-homepage #content-area li.media-story {
 position: relative;
	overflow: hidden;
	height: 93px;
}

.media-homepage #content-area .media-story h2.entry-title {
 border-top: none;
 height: 28px;
 background-color: rgb(102, 102, 102);
 background-color: rgba(0, 0, 0, 0.6);
 position: absolute;
	bottom: 0px;
 padding: 4px 4px 0px 4px;
	margin-bottom: 0;
 width: 132px;
}

.media-homepage #content-area .media-story h2 a {
 color: white;
}

.media-homepage #navigation-column {margin-top:14px;}

.media-homepage #content-area li.media-story img {
	position: absolute;
	top: 0;
	left: 0;
}