/*------------------------------------------------------------------------------
  Arbor CSS
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

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 {
  color:#603d27;
}
a, a:link { text-decoration: none; }
a:visited { color:#603d27;}
a:hover, a:active {color:#b97788; }



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

body {
  color: #603d27;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 75%;
  background:url(/static/images/arbor-background3.jpg) center center repeat;
  padding-bottom:40px;
}

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


.container {
  width:600px;
  margin:40px auto 0 auto;
  text-align:center;
}

h1.masthead {
  width:310px;
  height:107px;
  background:url(/static/images/arbor.png) center top no-repeat;
  margin:0 auto 20px auto;
}
h1.masthead span {
  display:none;
}

#content h1 {
  font-size:32px;
  color:#353434;
  color:#222222;
}

.container p {
  line-height:1.35;
}

#content a {
  text-decoration:none;
  border-bottom:1px dashed #603d27;
}

#content a:hover {
  border-bottom:1px solid #603d27;
}
/*------------------------------------------------------------------------------
>>>> Sign up form
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


div.signup {
  margin:0 0 10px 0;
}
.signup h2 {
  font-size:24px;
  margin:25px 0 0 0;
  color:#222222;
}
.signup p {
  margin:6px auto 4px auto;
  width:280px;
}


.container form input.fuzzy {
  width:245px;
  background:url(/static/images/input.png);
/*  border:1px solid green;*/
  border:none;
  background-color:none;
  color:#603d27;
  height:35px;
  padding:5px 15px 5px 30px;
  text-transform:uppercase;
  font-size:12px;
  letter-spacing:0.08em;
}

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

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

h1 {
  font-size:1.8em;
  margin: 0 0 0.5em 0;
  letter-spacing:0.05em;
}
h2 {
  font-size: 1.4em;
  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;
}
ul, ol {
  padding: 0;
  margin:1.0em 3.0em 1.4em 0;
}
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;
}





/*------------------------------------------------------------------------------
>>>> Gallery (GLY)
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#gly div.image img {
  width: 100%;
}
#gly p.caption {
  margin-top: 1.0em;
  font-size: 90%;
}





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




/*-----------------------------------------------------
                     >> 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: 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;
}

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
}





/*------------------------------------------------------------------------------
>>>> Uniform overwrites (remove the .uniForm class from forms to disregard)
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/* This is the main unit that contains our form elements */
.uniForm .ctrlHolder { padding: 0; }
.uniForm .buttonHolder { padding-top: 10px; }

.uniForm .inlineLabels label,
.uniForm .inlineLabels .label {
  width: 40%;
}
.uniForm .inlineLabels .textInput,
.uniForm .inlineLabels .fileUpload {
  width: 54%;
}

.uniForm .inlineLabels .selectInput,
.uniForm .inlineLabels select{ width: 54%;  }

.uniForm .inlineLabels textarea{  width: 54%; font-family: Helvetica, Arial, sans-serif; }

.uniForm .inlineLabels .formHint {
  margin-top: 0;
  margin-left: 42%;
  font-size: .9em;
  color: #777;
  position: static;
}
.uniForm .inlineLabels .multiField {
  width: 54%;
  margin: 0 0 .3em 0;
}

.uniForm label.blockLabel { font-size: 90%; }
.uniForm .inlineLabels .blockLabel {
  width: 45%;
  margin-right: 5%;
/*  border: 1px solid red;*/
}
.uniForm .inlineLabels .expiry label.blockLabel { /* For credit card expiry date #shp */
  width: 46%;
}
.uniForm .inlineLabels .cc label.cardNumber { /* For credit card number #shp */
  width: 65%;
}
.uniForm .inlineLabels .cc label.cvv { /* For credit card expiry date #shp */
  width: 22%;
}
.uniForm .inlineLabels .address .textInput {
  width: 100%;
}
.uniForm .inlineLabels .address label {
  display: none;
}
.uniForm .ctrlHolder {
  padding: 6px 0;
  border-bottom: 1px solid #dfdfdf;
}
.uniForm .noBorder {
  border: 0;
}
.uniForm .inlineLabels p.formHint {
  font-size: 80%;
  padding-top: 0.8em;
  line-height: 130%;
}