/*-----------------------------------------------------
              >> Blueprint Default CSS <<
              
This is the default Blueprint stylesheet. You're free
to modify it however you wish, or replace it entirely.              
              
-----------------------------------------------------*/

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;
}

body {
  padding: 40px 20px;
  font-family: Helvetica, Arial, sans-serif;
	font-size: 82%;     
	background: url(/static/images/masthead.png) top left no-repeat;
}

a img {
  border: none;
}

a {
  text-decoration:none;
  color:#af0f24;
}

a:hover {
  color:#444;
}

p a {
  text-decoration:underline;
}

p.more {
  text-align:right;  
}

p.more a {
  font-weight:bold;
  text-decoration:none;
}


/*-----------------------------------------------------
          >> Blueprint Developer Help  <<
-----------------------------------------------------*/

div.dev_attributes {
  border: 1px dashed #f0f; 
  font-family: sans-serif;
  padding: 5px; 
  margin: 0 0 20px; 
}
div.dev_attributes h2 {
  color: #f0f;
  margin: 0;
  padding: 0;
  font-weight: bold;  
}
div.dev_attributes p.exception {
  font-size: 11px;
  font-family: sans-serif;
  font-weight: bold;
  color: #f0f;
}
div.dev_attributes table {
  list-style-type: none; 
  font-family: sans-serif;  
  font-size: 11px;
  padding: 0; 
  width: 100%;
  border-collapse: collapse;
  margin: 5px 0 0 0;
}
div.dev_attributes table tr th {
  color: #f0f;
  text-align: left;
  font-weight: bold;
}
div.dev_attributes table tr td,
div.dev_attributes table tr th {
  border-bottom: 1px solid #ccc;
  padding: 3px 14px 3px 0;
}

div.dev_attributes table tr td,
div.dev_attributes table tr td p {
  font-family: Consolas, Monaco, monospace;
  font-size: 11px;
  margin: 0;
}



/*-----------------------------------------------------
                     >> Layout <<
-----------------------------------------------------*/
.container {
  width:900px;
  margin-top: 156px;
  margin-left: 55px;
}

.content {
  float:left;
  margin-right:50px;  
  width:28em;
  margin-bottom:40px;
}

.wide {
  width:44em;
  float:none;
}

.artwork {
  float:left;
  width:450px;
  margin-bottom:40px;
}

.sidebar {
  margin-top: 8px;
}

.footer {
  padding-top:30px;
  clear:both;
  padding-left: 60px;
  background: url(/static/images/footer_texture.png) top left no-repeat;
}
/*-----------------------------------------------------
                  >> Navigation <<
-----------------------------------------------------*/

.globalNav a {
  padding:1px 0;
}

ul.globalNav {
  overflow:hidden;
  width:100%;
  padding:0;
  margin: 0 0 60px 0;
  list-style:none;
  font-size:1.1em;
}

ul.globalNav li {
  display: inline;
  overflow:hidden;
  text-transform: lowercase;
  margin:0 22px 0 0;
}

.globalNav a.active {
  font-weight: bold;
  color: #000;
}

ul.globalNav ul {
  padding: 0 0 0 12px;
  margin:4px 0 0 0;
  font-size:80%;
}

ul.globalNav ul li {
  width:80%;
  border-right:none;
}

ul ul ul {
  margin-top:0;
}

/*-----------------------------------------------------
                  >> Basic Typography <<
-----------------------------------------------------*/

.siteTitle {
  font-size:36px;
  margin-bottom:30px;
  color:#003153;
  overflow:hidden;
  width:100%;
}

.siteTitle span {
  float:left;
}

em, i {
  font-style:italic;
}

h1 {
  font-size:1.4em;
  font-weight: bold;
  margin: 1.0em 0 1.0em 0;
  letter-spacing:0.05em;
}
h2 {
  font-size:1.2em;
  line-height:1;
  font-weight: bold;
/*  margin-top:1.8em;*/
  margin-bottom:0.7em;
}
h3 {
  font-size: 1.0em;
  line-height: 1.25;
  margin-top:2.0em;  
  margin-bottom: 0.5em;
  font-weight: bold;  
}

h4 {
  margin-top:2.0em;    
  font-size:1em;
  letter-spacing: 0.075em;  
  font-weight:bold;
  margin-bottom:0.5em;
}
h6 {
  font-size:1em;
  font-weight:bold;
}

p {
  font-size:1em;
  line-height:150%;
  margin-bottom:1em;
}

ul {
  padding-left: 20px;
  margin:18px 0 21px 0;
/*  list-style-type: none;*/
}
.projects ul {
  padding-left: 0;
  list-style-type: none;
}

li {
  line-height:110%;
  margin-bottom:8px;
}

blockquote {
  padding:1.2em 2.0em;
}
blockquote p {
  font-size:1.2em;
  color:#003153;
  padding:0;
  margin:0;
  width:100% ! important;
}

blockquote cite {
  font-style:italic;
  font-size:0.9em;
}
.sidebar p {
  font-size: 0.9em;
  line-height:130%;
}

.footer p {
  font-size:11px;  
}

/*-----------------------------------------------------
                     >> Images <<
                     
Sizes
large: 440px
medium: 200px
small: 100px

artwork: 450px

Adjust accordingly!

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

.artwork img {
  width: 450px;
  border-top: 12px solid #af0f24;
  border-bottom: 12px solid #af0f24;
}
.artwork p.overlay {
  background: url(/static/images/overlay.png) top left repeat;
  position: relative;
  line-height: 110%;
  margin: -80px 0 20px 0;
  padding: 5px 10px;
  color: #fff;
  font-size: 1.5em;
}
p.overlay span {
  font-size: 70%;
}
p.overlay a {
  color: #fff;
  text-decoration: none;
}
p.overlay a:hover {
  color: #af0f24;
}

.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;
  color:#777;
  font-style:normal;
  line-height: 140%;
}
img.small, .smallCaptioned {
  float:left;
  width:100px;
  margin:0 18px 10px 0;
}
img.med, .medCaptioned {
  float:left;
  width:200px;
  margin:0 18px 10px 0;
}
img.med_right, .med_rightCaptioned {
  float:right;
  width:200px;
  position: relative;
  margin-right: -210px;  
}
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;
}



/*-----------------------------------------------------
                     >> Blog & News <<
-----------------------------------------------------*/

.post {
  margin-bottom:50px;
}

.date {
  font-size:70%;
  color:#000;
  padding-left:4px;
}

p.numberComments {
  font-size:12px;
  text-align:right;
  margin-top:25px;
  color:#003153;
}

.pagination {
  margin-top:15px;
  width:90%;
  text-align:right;
  font-size:11px;
}

.pagination ul {
  margin-top:4px;
  float:right;
  list-style:none;
  font-size:11px;
}

.pagination ul li {
  border-right:1px solid #444;
  padding:0 4px;
  float:left;
}

p.bio img {
  float:left;
  margin:0 9px 6px 0;
  border:1px solid #eee;
}



/*-----------------------------------------------------
                     >> Projects <<
-----------------------------------------------------*/

.filmDetails {
  margin-bottom: 1.0em;
}
#preview {
  border-top: 12px solid #af0f24;
  border-bottom: 12px solid #af0f24;
}
/*-----------------------------------------------------
                  >> Contact Form <<
-----------------------------------------------------*/

form {
  padding:0;
}

fieldset {
  padding:0;
}

label {
  display:block;
  color:#444;
  font-weight: bold;
  font-size:90%;
}

fieldset input {
  width:85%;
  font-size:15px;
  margin-bottom:10px;
}

fieldset textarea {
  width:100%;
  font-size:15px;
  line-height:130%;
}

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

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

/*-----------------------------------------------------
                     >> Subscribe Form <<
-----------------------------------------------------*/

.subscribeForm {
  float: left;
  width: 450px;
  margin-bottom: 30px;
}
.subscribeForm h3 {
  margin-top: 0;
  font-size: 12px;
}
.subscribeForm p {
  font-size: 11px;
  margin-bottom: 12px;
}
.subscribeForm label {
  float: left;
  width: 185px;
}
.subscribeForm label input {
  width: 92%;
}
.subscribeForm label.subscribe {
  width: 75px;
}
.subscribeForm label.subscribe input {
  width: auto;
}
/*-----------------------------------------------------
                     >> Search <<
-----------------------------------------------------*/

div.siteTitle form {
  position:relative;
  float:right;
  width:280px;
  margin-top:-4px;
}

/*-----------------------------------------------------
                     >> Mimetypes <<
-----------------------------------------------------*/

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
}

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

#slideshow div.placeholder {
  clear: both;
  width: 100%;
  overflow: hidden;
  background: url(/static/images/spinner.gif) center center no-repeat;
}
#slideshow #SS_caption {
  margin-top: 1.0em;
  font-size: 90%;
  height: 6.0em; /* You should set a height to stop the scrollbar flicker */
}
#slideshow ol {
  display: none;
}
#slideshow ol li {
  display: block;
  padding: 0.1em 1.0em 0.1em 0;   
  float: left;
  cursor: pointer;
  font-size: 90%;
}
#slideshow ol li a {
  padding: 0.1em 1.0em 0.1em 0; 
}
#slideshow ol li#activeThumb { /* The active marker for the slideshow */ }
#slideshow img {
  border: none;
}


/*-----------------------------------------------------
                 >> Let's go shopping! <<
-----------------------------------------------------*/

#basket_ {
  position: absolute;
  top: 0;
  left: 722px;
  width: 220px;
  border-top: none;
  overflow: hidden;
  font-size:11px;
  font-family:Verdana;
  padding: 0;
  z-index: 1000;
  background: url(/static/images/basket_bg.gif) top left repeat-y;
}

/* the top-of-screen tab */
a.basket_summary {    
  color:#fff;
  background: #af0f24;
}
a.basket_summary:hover {
  text-decoration: none;  
}

/* The open basket */

.basket_details, 
.basket_notice {
  background:url(/static/images/basket_bg.png) top left repeat-y;
}

* html .basket_details {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/images/basket_bg.png', sizingMethod='scale');
}

* html .basket_notice {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/images/basket_bg.png', sizingMethod='scale');
}

.basket_details .basket_alt {
  background:transparent;
} 

.basket_notice div img {
  width:16px;
  height:16px;
  margin:0 10px 0 4px;
}


/* The basket filler */

.actions {
  margin: 10px 0;
  text-align: right;
}

a.basket_filler, a.buy {
  width: 350px;
  padding: 0;
  margin: 0;
  background: #af0f24;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  padding: 3px;
  text-decoration: none;
}

a.basket_filler span {
  padding-left: 5px;
}

a.basket_fillerProcessing { 
  font-style: italic;
}

a.basket_fillerCheckout {
  background-position:top right;
}

strong.notForSale {
  font-family: Arial;
  font-size: 12px;
  display: none;
}


/* Policies */

.policies {
  color: #777;
  font-size: 11px;
  width: 240px;
  float: left;
  margin-bottom: 40px;
}
.policies h4 {
  margin-top: 0px;
  color: #222;
}


/* Freight table */

table.shpFreightTable {
  font-size:11px;
  width: 100%;
  margin-bottom: 8px;
  border-collapse: collapse;
}
.shpFreightTable th, .shpFreightTable td {
  padding-bottom:3px;
  padding-top:3px;
  border-bottom:1px dotted #ccc;
}
.shpFreightTable th {
  text-align: left;
  font-weight:bold;
}
.shpFreightTable p {
  font-size: 10px;
}



/* Checkout page table */

.paymentServiceInfo {
  margin-bottom:20px;
  font-size:13px;
}

.checkout fieldset input {
  font-size:15px;
}

.checkout fieldset textarea {
  font-size:15px;
  line-height:130%;
}

.checkout h3, .checkout legend {
  margin-top:35px;
  padding-bottom:10px;
  font-weight:bold;
  font-size:14px;
}
.checkout fieldset {
  margin: 0 0 20px 0;
  padding:0 0 20px 0;
  border-bottom:1px dotted #bbb;
}
.checkout textarea {
  margin-top: 0;
}
.checkout select {
  font-size:14px;
}
.checkout form {
  width:100%;
}
.checkout label {

}
div.cc, div.cvc, div.state, div.postcode {
  float:left;
}
div.country {
  clear:both;
}
div.editField {
  margin-bottom:10px;
}
.checkout p.submit {
  text-align:right;
  margin-top:20px;
}
a.checkOut {
  font-weight:bold;
}
.checkout a {
  text-decoration:none;
}
.toggleOn {
  font-weight:bold;
  color: #f00;
}
.toggleOff {
  font-weight:normal;
  color:#aaa;
}
.checkout table {
  border-collapse:collapse;
  margin:0;
  padding:0;
  font-size:11px;
  width:100%;
}
.checkout table.dby {
  margin-top: 2.6em;
}
.checkout table strong {
  color:#f00;
}
.checkout table td, .checkout table th {
  text-align:left;
  vertical-align:center;
  padding: 5px 3px 5px 0;
  border-bottom:1px dotted #ddd;  
}
.checkout table th {
  padding-right:14px;
  font-weight:bold;
}
.checkout table th.title {
  width:240px;
}
table.dby td.title {
  width: 160px;
}
table.dby td.downloadContent {
  padding: 0 10px;
}
.checkout table th.remove {
  width:20px;
  color:red;
  text-align:center;
  font-weight:bold;
}
.checkout table td.price {
  text-align:right;
}
.checkout table th.status {
  width:120px;
}
.checkout table tr.summaryTotal td {
  vertical-align:bottom;
  height:50px;
  font-weight:bold;
  border-bottom:none;
}
.checkout p.update {
  text-align:right;
  margin: 20px 0 0 0;
}
.checkout p.submit {
  margin-top:10px;
  border-top:1px solid #ccc;
  padding-top:7px;
}