/*------------------------------------------------------------------------------
  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 { text-decoration: none; }*/
a:visited { }
/*a:hover { text-decoration: underline; }*/
a:active { }


/*------------------------------------------------------------------------------
>>>> Site colours + layout + nudges + small embellishments
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

body {
  background: #222 url(/static/images/logoesque.png) no-repeat top right;
  background-image: url(/static/images/logoesque.png), -moz-linear-gradient(45deg, #211, #920);
  background-image: url(/static/images/logoesque.png), -webkit-gradient(linear, left bottom, right top, from(#211), to(#920));
  color: #fefefe;
  text-shadow: rgba(255,255,255, 0.1) 0px -1px 1px;
  font-family: Georgia, "Times New Roman", serif;
  font-family: "Helvetica Neue", Helvetica, sans-serif;
  font-size: 85%;
  padding: 0 0.5em;
}

/* Link and link-like colours */
a {
	color: #FFC73A;
	text-decoration: underline;
}

/* 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 {
}

.main {
  width: 380px;
  margin: 0 auto;
  padding-top: 10px;
}

.intro {
  clear: both;
  padding: 0;
  font-size: 110%;
  width: 100%;
  overflow: hidden;
}
.intro h3 {
  font: normal 9pt "Lucida Grande", Tahoma, sans-serif;
  color: #FF6323;
  text-transform: none;
}
.intro em {
  font: normal 9pt "Lucida Grande", Tahoma, sans-serif;
  color: #FF6323;
  text-shadow: #43160c;
}

iframe.embeddedBook {
  width: 321px;
  height: 441px;
  overflow: hidden;
  background: #EEE;
  margin-bottom: 6px;
  margin-top: 3px;
  border: 2px solid #FFF;
  padding: 10px;
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  box-shadow: 0px 2px 4px #000;
  -webkit-box-shadow: 0px 2px 2px #43160c;
  -moz-box-shadow: 0px 2px 2px #43160c;
}


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

.masthead {
  width: 100%;
  overflow: hidden;
  padding: 0;
  text-align: left;
  margin-top: 25px;
}
.masthead .title {
  font-size: 2.5em;
  margin-top: 30px;
  text-align: center;
  padding-bottom: 0.8em;
  letter-spacing:0.05em;
}
.strap { /* Contains breadcrumbs and shoppping cart */
  height: 2.5em;
  padding-top: 0;
}
.breadcrumbs {
  padding: 0.5em 0;
  font-size: 0.8em;
}

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

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

h1, h2, h3, a {
  text-shadow: 0px 1px 1px #43160c;
}
h1 {
  margin: 0 0 0.7em 0;
  color: #FFF;
  font-weight: normal;
  font-size: 3.5em;
	letter-spacing: 0.2em;
}

h2 {
/*  font: normal 1.5em "Helvetica Neue", serif;*/
  color: #FF6323;
  margin-top: 2.7em;
  margin-bottom: 0.5em;
  letter-spacing: 0.1em;
  font-size: 1.5em;
  text-transform: uppercase;
}
h3 {
  font-size: 1.1em;
  text-transform: uppercase;
  color: #FFF;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
h4 {
  margin-top: 0 0 0 0;
  padding-top: 0.2em;
  font-size:1.5em;
  font-weight:bold;
  line-height: 130%;
  margin-bottom:0.1em;
}
h4 a {
  text-decoration: none;
}
h6 {
  font-size:1em;
  font-weight:bold;
}
p {
  line-height:160%;
  font-family: Georgia;
  margin-bottom:1.0em;
}
.links p {
  line-height: 130%;
}
ul, ol {
  padding: 0;
  margin:1.0em 3.0em 1.4em 1.6em;
}
ul ul, ol ol {
  margin-left: 1.8em;
}
li {
  line-height:130%;
  margin-bottom:0.7em;
}
dl {
  line-height: 130%;
}
dt {
  font-weight: bold;
  margin-bottom: 0;
}
dd {
  margin-bottom: 2.0em;
}
blockquote {
  margin: 1.6em 0;
  padding: 0 2.0em;
  border-left: 1px solid #ccc;
}
blockquote p {
  padding:0;
  margin:0 0 1.0em 0;
}
blockquote cite {
  font-style:italic;
  font-weight: bold;
  font-size:0.9em;
}
table {
  border-collapse: collapse;
  margin: 1.0em 0;
  padding: 0;
  font-size: 0.9em;
  width: 100%;
}
table td {
  text-align: left;
  vertical-align: top;
  padding: 0.3em 1.0em 0.3em 0;
  border-bottom:1px solid #ddd;
}
table th {
  padding: 0.3em 1.0em 0.3em 0;
  font-weight: bold;
  text-align: left;
  border-bottom: 1px solid #222;
}
table p {
  margin: 0.5em 0;
}

/*------------------------------------------------------------------------------
>>>> Generally helpful
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.error, .preview {
  border: 1px dashed red;
  padding: 1.0em 1.0em 0 1.0em;
}

.skip { /* For hidden skip-to-content link */
  display: none;
}
.back { /* Used for back-to-page links for blg, nws, evt */
  clear: both;
  padding-top:2.0em;
}
.go { /* Link to post or extended article */
  text-align: right;
}
.first { /* For the first item in series */
  margin-left: 0;
  padding-left: 0;
}
.last { /* For the last item in series */
  margin-right: 0;
  padding-right: 0;
}
.notFound { /* Where people / products don't have images */
  background: #ddd;
  text-align: center;
  padding: 3.5em 0;
  width: 100%;
}

/*
  For convenience, the basic unit of all post-able blueprints is 'post'.
  Where there's a standard image associated with the post (products, people), the
  post is further divided into .image and .body.
*/

#blg div.post,
#dir div.post,
#edn div.post,
#evt div.post,
#mapblg div.post,
#nws div.post,
#psl div.post,
#shp div.post {
  margin-bottom:2.0em;
}

/*-----------------------------------------------------
                     >> Images <<

Sizes
large: 440px
medium: 200px
small: 100px

Adjust accordingly!

-----------------------------------------------------*/

.captioned {
  margin-top: 0.7em;
  margin-bottom: 0.7em;
}
.captioned blockquote {
  background:none;
  margin: 6px 0 0 0;
  padding: 0;
  border: 0;
}
.captioned blockquote p {
  font-size: 0.85em;
  font-style: normal;
  line-height: 140%;
}
img.small, .smallCaptioned {
  float: right;
  margin: 0 0 10px 18px;
}
img.med, .medCaptioned {
  float: left;
  width: 200px;
  margin: 0 18px 10px 0;
}
img.med_right, .med_rightCaptioned {
  float: right;
  width: 200px;
  position: relative;
}
img.large, .largeCaptioned {
  width: 440px;
  margin: 0;
  padding: 0;
  border: 1px solid #ddd;
  background:#fff;
}
.largeCaptioned {
  margin: 1.7em 0;
  border: none;
  padding: 0;
}

.medCaptioned img,
.med_rightCaptioned img,
.smallCaptioned img,
.small_rightCaptioned img,
.largeCaptioned img {
  float: none;
  margin: 0;
}

p.submit {
  text-align:center;
  margin-top:10px;
  width:100%;
  overflow:hidden;
}

.submit input {
  font-size:16px;
}



/*------------------------------------------------------------------------------
>>>> Mime-type display - the default behaviour when a file is inserted in text
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

a.download {
  display:block;
  overflow:hidden;
  border:1px solid #ccc;
  margin:0;
  padding:0;
  background:#eee;
  position:relative;
  text-decoration:none;
}
a.download:hover {
  background:#E6F1FF;
}
a.download label {
  margin:20px 0 0 0;
  padding:0;
  display:block;
  line-height:140%;
  float:left;
}
a.download label span {
  font-weight:bold;
  font-size:12px;
}
a.download img {
  float:left;
  margin:0;
  padding:3px 0;
  width:64px;
  height:64px
}


.footer {
  margin: 3em 0;
}

div.fineprint {
  margin: 3em 0;
  border-top: 1px solid #333;
  padding-top: 1em;
  font-size: 8pt;
  line-height: 120%;
}

.fineprint p {
  font-family: "Lucida Grande", Tahoma, Arial, sans-serif;
  color: #6e1c06;
}

.fineprint .rightprint {
  float: right;
}


/* Logos */
.logoContainer {
  width: 100%;
  overflow: hidden;
}

a.logo {
  height: 70px;
  padding: 15px 10px;
  color: #000;
  border: 2px solid #CCC;
  float: left;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  box-shadow: -1px 2px 2px #111;
  -moz-box-shadow: -1px 1px 2px #111;
  -webkit-box-shadow: -1px 2px 2px #111;
  margin-bottom: 3px;
  display: block;
  text-shadow: none;
  text-decoration: none;
}

a.logoInventive {
  width: 150px;
  padding-left: 90px;
  margin-right: 10px;
  background: #FFF url(/static/images/inventive_black.gif) no-repeat left center;
  font-size: 90%;
  line-height: 180%;
  text-transform: uppercase;
  font-family: Georgia, serif;
}

a.logoInventive strong {
  font-size: 150%;
  text-transform: uppercase;
  display: block;
  color: #111;
}

a.logoGithub {
  width: 70px;
  padding-left: 30px;
  border-color: #FFF;
  color: #FFF;
  background: #BBB url(/static/images/github.gif) no-repeat left center;
  font-family: Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  line-height: 130%;
}


strong a {
  line-height: 200%;
}


/* covers */
img.coverLeft {
  float: left;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  box-shadow: -1px 2px 3px #111;
  -moz-box-shadow: -1px 2px 3px #111;
  -webkit-box-shadow: -1px 2px 3px #111;
  margin-right: 20px;
}

img.coverRight {
  float: right;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  box-shadow: -1px 2px 3px #111;
  -moz-box-shadow: -1px 2px 3px #111;
  -webkit-box-shadow: -1px 2px 3px #111;
  margin-left: 20px;
  margin-bottom: 3em;
}

.bookInfo {
  font-size: 9pt;
  font-family: "Lucida Grande", Tahoma, Arial, sans-serif;
  line-height: 150%;
}


.postDate {
  font-family: Lucida Grande, Tahoma, Arial, sans-serif;
  font-size: 9pt;
  float: left;
  padding-right: 0.8em;
  padding-top: 0.4em;
  color: #FF6323;
}