/*------------------------------------------------------------------------------
>>>>  Default Blueprint CSS 
      This provides the styles for Blueprint's default templates.
      You can discard it entirely, or simply delete or comment out the irrelevant
      parts.
      
      This stylesheet is divided into several sections:
      + Reset (to give you a blank CSS canvas on which to work)
      + Sample colours and embellishments (the first bit you should delete - this
        provides tweaks to make the default templates look nice, and probably
        isn't relevent when you're putting together a fresh design)
      + Layout
      + Basic typography (in ems) with simple table styles
      + Mimetypes (presentation of download / view links for non-image assets)
      
      Following these sections, there are styles for each of the default blueprint
      modules. They are namespaced with the module code (i.e. blg, evt, nws),
      which is is applied to the body in the main default layout.

      We're always keen to hear about things that might make the default templates
      easier to comprehend and to use.
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}



/* For IE */
img { -ms-interpolation-mode:bicubic; } 

a img {
  border: none;
}

a, a:link { color: #4a4a4a; text-decoration: none; }
a:visited {}
a:hover { color:  #2da7c5; }
a:active { }


/*------------------------------------------------------------------------------
>>>> Sample site colours + layout + nudges + small embellishments 
     Beware: some of this stuff isn't IE-friendly.
     Commenting out this section will give you a vanilla canvas.
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

body { 
  color: #4a4a4a;
  text-shadow: rgba(255, 255, 255, .01) 0px -1px 1px; 
  font-family: Georgia, "Times New Roman", serif;
	font-size: 87%;  
	height: 100%;
}

/* Link and link-like colours */
#shp p.toggle a.toggleOn,
#slideshow ol li#activeThumb { 
  color: #2da7c5; 
}

/* For the big happy opening paragraph */
#content h1 + p, #mapblg #content p:first-child {
  font-size: 125%;
  line-height: 160%;
  padding-bottom: 0.5em;
  color: #07181d;
}

/* Neatening subheadings in posts  */

.post h2 { margin-top: 0px;}
.post h2 + h3 {
  margin: -0.7em 0 0.6em 0;
}




/*------------------------------------------------------------------------------
>>>> Layout
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/* 
    The basic 960px grid layout is provided by Golden Grid (a separate stylesheet
      included in the head of the layout) 
*/

.container {
}

.footer {
  width: 100%;
  overflow: hidden;
  clear:both;
  font-size: 90%;
  padding-top: 0.5em;
  border-top: 1px solid #adadad;
}
.byline {
  padding-top: 0.5em;
  font-size: 90%;
  text-align: center;
}

/*------------------------------------------------------------------------------
>>>> Masthead, breadcrumbs & tabs
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.masthead {
  width: 100%;
  overflow: hidden;  
  border-bottom: 1px solid #adadad;
  padding: 0 0 40px 0;
  margin-top: 60px; 
}
#home {
  background: url('../images/masthead.jpg') no-repeat;
  width: 397px; 
  height: 16px;
  margin: 0 auto;
  text-indent: -99999px;
}
/* Plain text-link style nav */



/*------------------------------------------------------------------------------
>>>> Basic Typography
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

h1, h2, h3, h4, h5, h6, ul, dt {
  font-family: Arial, Helvetica, sans-serif;
}

 h2, h3, h4, h5, h6 {
  letter-spacing: 0.05em;
}

em, i {
  font-style:italic;
}
b, strong {
  font-weight: bold;
}

h1 {
  font-size:1.5em;
  margin: 0 0 0.5em 0;
  color: #adadad;
  text-transform: uppercase;
}
h2 {
  font-size: 1.3em;
  margin-top: 1.8em;
  margin-bottom: 0.7em;
}
h3 {
  font-size: 1.0em;
  line-height: 1.25;
  margin-top: 1.4em;  
  font-weight: bold;
  margin-bottom: 0.5em;
}
h4 {
  margin-top:2.0em;    
  font-size:1em;
  font-weight:bold;
  margin-bottom:0.5em;
}
h6 {
  font-size:1em;
  font-weight:bold;
}
p {
  line-height:150%;
  margin-bottom:1.0em;
}



/*------------------------------------------------------------------------------
>>>> Slideshow
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#slideshow {
  width: 100%;
  height: 330px;
  overflow: hidden;
  position: relative;
}

.slideshowContainer {
    margin: 25px 0px; 
    position: relative;
}

#slideshow ul {
  list-style: none;
  list-style-position: outside;
  list-style-type: none;
  position: relative;
  width: 39000px;
}

#slideshow li {
  cursor: pointer;
  float: left;
  position: relative;
  height: 330px;
  margin-right: 6px;
}

table {
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}
table td {
  vertical-align: middle;
}

img.buttonLeft {
  position: absolute;
  left: 0px;
  bottom: 0px;
}

img.buttonRight {
  position: absolute;
  right: 0px;
  bottom: 0px;
}


/*------------------------------------------------------------------------------
>>>> Sitemap
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

ul.sitemap  {
  width: 1000px;
  list-style-type:none; 
  list-style-image:none;
  padding: 0.7em 0;
}
ul.sitemap ul {
  padding:0;
  list-style-type:none;
  list-style-image:none;   
  line-height: 1.4em;
}
ul.sitemap li {
  float:left;
  padding-left:0px;
  padding: 0.5em 0;
  text-transform: uppercase;
  width: 158px;
  margin-right: 10px;
}
ul.sitemap li span {
  display:block;
}
ul.sitemap ul {
  margin:8px 0 18px 0px;
}
ul.sitemap ul li {
  float:none;
  padding:0;
  margin-bottom: 2px;
  width:100%;
  text-transform: none;
}