/********************************************************** YUI Reset v2.5.0 */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}

em { font-style: italic; font-weight: inherit; }
strong { font-weight: bold; font-style: inherit; }




/*********************************************************** Drupal Rewiring */

caption {
  font-size: 11px;
  font-weight: bold;
  margin-bottom: 3px;
  }

fieldset {
  margin: 1em 0;
  padding: 1.2em;
  border: 1px solid #764D3D;
  }

html.js fieldset.collapsed {
  background: transparent;
  padding-top: 0;
  padding-bottom: .6em;
  border: 1px solid transparent;
  margin-bottom: 1em;
  }

legend {
  color: #FFF;
  font-size: 13px;
  padding: 0 6px;
  }

html.js fieldset.collapsible legend a { padding: 0 5px 0 18px; }

.breadcrumb {
  color: #F5A477;
  font-size: 10px;
  margin-bottom: 16px;
  padding-bottom: 0;
  }

.box {
  margin: 1em 0 2em 0;
  }

.tips {
  font-size: 1em;
  margin-left: 2em;
  }

dl {
  margin: 1em 0;
  border-left: 1px solid #999;
  padding-left: 1em;
  }

  dt {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 1em;
    }

  dd {
    font-size: 0.9em;
    margin: 1em;
    }

th.active img {
  margin-left: 6px;
  }

td, th { padding: 5px 8px; }

tr.even td {
  background: #0A0705;
  font-size: 12px;
  }

tr.odd td {
  background: #231813;
  font-size: 12px;
  }

div.pager {
  padding: 0.8em 0;
  }

table#blocks {
  margin-bottom: 1em;
  }

#blocks td.region {
  border: none;
  /* border-top: 20px solid #000; */
  background-color: #000;
  }

thead th {
  /* font-weight: bold; */
  font-size: 12px;
  background: #535353 url(img/thbg.gif) repeat-x scroll top left;
  color: #FFF;
  border-bottom: 3px solid #000;
  }

  thead th.active { background: #808080 }

tr.even td, tr.odd td, tr.even th, tr.odd th {
  border-style: solid;
  border-width: 1px 0;
  border-color: #000 transparent;
  }

  tr.even td.active, tr.odd td.active {
    background: #411909;
    border-color: #2A1006 transparent;
    }

  tr.even td.active { background: #331408 }

td.view-field {
  vertical-align: top;
  }

td.menu-disabled { color: #999; }

fieldset { padding-bottom: 0.7em; }

div.block-region {
  border: 1px dotted #999;
  padding: 0.6em;
  background: transparent;
  margin: 0.8em 0;
  }

#tabs-wrapper {
  font-family: Arial;
  font-size: 11px;
  margin: 1.5em 0;
  }

ul.primary {
  margin: 0;
  border-bottom: 2px solid #000;
  }

  ul.primary li {
    margin: 0;
    }

  ul.primary li.active a,
  ul.primary li a.active,
  ul.primary li a.active:hover {
    background: #57220C;
    padding: 0.6em 1em 4px 1em;
    border-color: #000 #000 transparent #000;
    }

  ul.primary li a.active:hover,
  ul.primary li.active a:hover {
    border-color: #000 #000 transparent #000;
    background: #57220C;
    top: 0;
    }

  ul.primary li a,
  ul.primary li a:hover {
    background-color: #411909;
    border-color: #000;
    color: #B2491F !important;
    font-weight: normal !important;
    padding: 0.6em 1em 0 1em;
    text-decoration: none !important;
    }

    ul.primary li a:hover {
      background-color: #411909;
      border-color: #000;
      padding-bottom: 4px;
      position: relative;
      top: -4px;
      }

ul.secondary {
  border: 1px solid #222;
  margin: 0 0 1.4em 0;
  border-top: 0;
  padding: 0.6em;
  }

  ul.secondary li {
    display: inline;
    line-height: 25px;
    padding: 0.3em 0.5em;
    border-right: none;
    border: none;
    margin-left: 0;
    }

  ul.secondary a.active,
  ul.secondary a.active:hover {
    background: #CC3300;
    border: 3px solid #CC3300;
    border-width: 4px 7px;
    color: #FFF;
    font-weight: bold;
    }

div.meta {
  color: #666;
  margin-bottom: 0.8em;
  }

div.terms ul.tags, div.terms ul.inline { padding: 0; }

div.tags ul.links li {
  padding: 0;
  margin: 0;
  }

.messages {
  background-color: #FFF;
  border: 3px solid #B8D3E5;
  padding: 1em 1em 1em 3em;
  margin: 1em 0;
  font-weight: bold;
  }

  div.status {
    color: #3A7305;
    border-color: #4D9906;
    background: #FFF url(img/ok.png) no-repeat scroll 10px 10px;
    }

  div.error {
    color: #c52020;
    border-color: #D40B00;
    background: #FFF url(img/error.png) no-repeat scroll 10px 12px;
    }

  div.messages > ul, div.messages > ol { margin: 0 }

li.leaf { list-style-image: url(img/menu-leaf.gif); }
li.expanded { list-style-image: url(img/menu-expanded.gif); }
li.collapsed { list-style-image: url(img/menu-collapsed.gif); }

input.form-submit {
  background: #FF7C3B;
  border-color: #FF7C3B;
  color: #000;
  font-size: 13px;
  margin: 1px 6px 5px 0;
  padding: 3px 10px;
  }

.tablesort-asc a:link, .tablesort-asc a:visited, .tablesort-asc a:active, .tablesort-asc a:hover {
  background: transparent url(img/arrow-asc.png) no-repeat scroll center right;
  }

.tablesort-desc a:link, .tablesort-desc a:visited, .tablesort-desc a:active, .tablesort-desc a:hover {
  background: transparent url(img/arrow-desc.png) no-repeat scroll center right;
  }

.form-item .description {
  color: #7E5241;
  font-size: 11px;
  line-height: 15px;
  }

.form-item label {
  font-size: 13px;
  font-weight: normal;
  padding-bottom: 3px;
  }

div.fieldset-wrapper > div.form-item { margin-top: 0 }

legend + div.form-item { margin-top: 0 }

#autocomplete { background: #FFF }

div.messages + ul, div.messages + ol { margin: 0 }

div.admin-dependencies,
div.admin-required {
  color: #888;
  }

.resizable-textarea .grippie {
  background: #777 url(../../misc/grippie.png) no-repeat scroll center 2px;
  border-color: #888;
  }

tr.even, tr.odd {
  background-color: #111;
  border-bottom: 1px solid #000;
  }




/****************************************************************** Clearing */

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear-right { clear: right }




/******************************************************** Global Definitions */

.mceEditorIframe html, .mceEditorIframe body {
  width: auto;
  height: auto;
  }

body {
  background: #250E05;
  font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-align: left;
  color: #FFE3BC;
  }

hr, .no-css { display: none }

div.hr {
  border-top: 1px solid #744B37;
  margin: 24px 0;
  height: 1px;
  }

div.news-hr {
  border-top: 1px dotted #744B37;
  margin: 20px 0;
  height: 1px;
  }

blockquote {
  border-left: 1px solid #888;
  margin: 0.8em 0;
  padding: 0 1.5em;
  }

p, .p {
  margin: 1em 0;
  line-height: 18px;
  }

ul, ol {
  padding: 0;
  margin: 1.2em 0;
  }

li { margin: 2px 0 2px 20px }

  ol li { list-style: decimal }
  ul li { list-style: circle }

  .spaced-out li { margin: 0 0 10px 20px }




/****************************************************** Layout & Positioning */

#outer-container {
  width: 960px;
  }

#left-column {
  left: 45px;
  position: fixed;
  text-align: right;
  top: 45px;
  width: 175px;
  }

#middle-column, #middle-column-wide {
  background: #391608 url(img/bg.gif) repeat-x fixed top left;
  float: left;
  left: 260px;
  position: relative;
  top: 14px;
  width: 430px;
  }

  #middle-column-inner {
    padding: 35px 38px;
    }

  #bottom {
    background: #250E05;
    height: 60px;
    }

#middle-column-wide {
  width: 680px;
  }

#right-column {
  float: right;
  position: relative;
  top: 84px;
  width: 240px;
  }

  #right-column > div {
    margin-bottom: 23px;
    }

#menu-outer {
  float: right;
  font-size: 13px;
  margin: 36px 5px 0 0;
  }

#menu {
  width: 120px;
  line-height: 23px;
  }

#menu .hr {
  margin: 12px 0;
  border-top: 1px solid #57230E;
  }



/******************************************************* Generic Positioning */

.next { margin-top: 40px }

.first, .first-element { margin-top: 0 }

.grid-block {
  float: left;
  width: 140px;
  text-align: left;
  margin-right: 35px;
  height: 240px;
  }




/********************************************************************* Forms */

textarea {
  background: #311307;
  border: 1px solid #180903;
  color: #FFF;
  font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
  font-size: 12px;
  }

input.text-input,
input.form-text {
  background: #311307;
  border: 1px solid #180903;
  color: #FFF;
  font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
  font-size: 12px;
  padding: 4px 5px;
  }

  /* input.text-input:hover, */
  /* input.form-text:hover, */
  input.text-input:focus,
  input.form-text:focus {
    border: 1px solid #180903;
    background: #250E05;
    }

.node-form textarea {
  background: #311307;
  border: 1px solid #180903;
  color: #FFF;
  font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
  font-size: 12px;
  }

.form-item input.error,
.form-item textarea.error,
.form-item select.error {
  background: #5B1300;
  border: 1px solid #180903;
  }

#views-filters {
  display: none;
  }




/************************************************************ Generic Floats */

.float-right {
  float: right;
  margin: 0 0 20px 20px;
  }

.float-left {
  float: left;
  margin: 0 20px 20px 0;
  }




/************************************************************ Generic Frames */

.framed {
  border: 1px solid #CCC;
  padding: 4px;
  }




/******************************************************************* Headers */

h1 { font-size: 18px; line-height: 26px; font-weight: normal; margin-bottom: 14px; color: #D05524;}
h2 { font-size: 16px; line-height: 24px; font-weight: normal; margin-bottom: 12px; color: #FFF4E5; }
h3 { font-size: 15px; line-height: 20px; font-weight: normal; margin-bottom: 10px; color: #FFF4E5; }
h4 { font-size: 14px; line-height: 18px; font-weight: normal; margin-bottom: 8px; }

h1.with-h2, h2.with-h3 { margin-bottom: 0 }




/**************************************************************** Typography */

.content {
  font-size: 12px;
  line-height: 18px;
  }

.byline {
  font-size: 11px;
  line-height: 15px;
  color: #D05524;
  }

.small {
  font-size: 11px;
  line-height: 16px;
  }

.b { font-weight: bold }

.uppercase { text-transform: uppercase }

.faded { color: #7E5241 }

.link-list {
  font-size: 11px;
  line-height: 20px;
  }

.centered { text-align: center }

blockquote + h2, blockquote + h3, blockquote + p, p + h1, p + h2, p + h3 { margin-top: 2em }

.callout, .callout-left, .callout-right {
  color: #FFF4E5;
  font-size: 15px;
  font-weight: normal;
  line-height: 24px;
  }

  .callout-left {
    width: 35%;
    float: left;
    margin: 0 20px 20px 0;
    }

  .callout-right {
    width: 35%;
    float: right;
    margin: 0 0 20px 20px;
    }

.dropcap {
  float: left;
  font-size: 40px;
  line-height: 33px;
  padding-right: 5px;
  }

.side-quote {
  color: #A87E59;
  font-size: 13px;
  line-height: 19px;
  }




/********************************************************************* Links */

a:link,
a:visited,
a:active,
a:hover {
  font-weight: normal;
  text-decoration: underline;
  color: #F5AA6E;
  }

  a:hover { color: #FFF }

  a.active:link, a.active:visited, a.active:active, a.active:hover {
    font-weight: bold;
    }

  #menu a:link, #menu a:visited, #menu a:active {
    text-decoration: none;
    color: #ED7337;
    }

    #menu a.active {
      color: #FFFCE7;
      font-weight: normal;
      }

    #menu a:hover {
      text-decoration: underline;
      color: #FFFCE7;
      }

  h2 a:link, h2 a:visited, h2 a:active, h2 a:hover {
    text-decoration: none;
    color: #D05524;
    }

    h2 a:hover {
      color: #FFFCE7;
      text-decoration: none;
      }

  #footer a:link, #footer a:visited, #footer a:active, #footer a:hover {
    text-decoration: none;
    color: #738075;
    }

    #footer a:hover {
      text-decoration: underline;
      color: #373D38;
      }

  legend a:link,
  legend a:visited,
  legend a:active,
  legend a:hover {
    font-weight: normal;
    color: #FFF;
    text-decoration: none;
    }

  th a:link,
  th a:visited,
  th a:active,
  th a:hover,
  th a.active:link,
  th a.active:visited,
  th a.active:active,
  th a.active:hover {
    /* padding-right: 18px; */
    font-weight: normal !important;
    text-decoration: none !important;
    color: #EEE !important;
    }

    thead th a:hover, thead th a.active:hover { color: #FFF }

a.quiet:link, a.quiet:visited, a.quiet:active, a.quiet:hover {
  color: #333;
  text-decoration: none;
  }

a.no-underline:link, a.no-underline:visited, a.no-underline:active, a.no-underline:hover { text-decoration: none }

a.edit-button:link, a.edit-button:visited, a.edit-button:active, a.edit-button:hover {
  color: #FFF !important;
  background: #999;
  text-decoration: none !important;
  font-size: 9px !important;
  font-family: Arial, sans-serif !important;
  padding: 2px 4px;
  font-weight: bold !important;
  border: 1px solid #555;
  border-top-color: #CCC;
  border-left-color: #CCC;
  }

  a.edit-button:hover {
    background: #BBB;
    }

a.external:link, a.external:visited, a.external:active, a.external:hover {
  background: transparent url(img/external.gif) no-repeat scroll right center;
  padding-right: 13px;
  }

.breadcrumb a:link,
.breadcrumb a:visited,
.breadcrumb a:active {
  color: #F5A477;
  font-weight: normal !important;
  text-decoration: none;
  }

.breadcrumb a:hover {
  color: #FFD3BF !important;
  font-weight: normal !important;
  text-decoration: underline;
  }

a.more-news:link, a.more-news:visited, a.more-news:active, a.more-news:hover {
  text-decoration: none;
  color: #ED7337;
  }

  a.more-news:hover {
    text-decoration: underline;
    color: #FFFCE7;
    }



/******************************************************************* TinyMCE */

body.mceContentBody {
  text-align: left;
  padding: 14px 15px;
  background: #391608;
  }

.mceEditor td, .mceEditor th {
  padding: 0;
  margin: 0;
  }

.mceStatusbarBottom {
  border-top: 1px solid #000 !important;
  }

.mceToolbarTop {
  border-bottom: 1px solid #000 !important;
  }

.mceEditor {
  background: #111 !important;
  border: 1px solid #000 !important;
  }

.mcePathItem, .mcePathItem:link, .mcePathItem:visited .mcePathItem:hover {
  color: #FFF !important;
  }




/**************************************************************** Icon Boxes */

.audio-link, .video-link, .pdf-link, .txt-link, .rm-link, .doc-link, .clef { padding: 2px 0 2px 32px }

.audio-link { background: transparent url(img/audio_link.gif) scroll no-repeat 0px 2px }
.video-link { background: transparent url(img/video_link.gif) scroll no-repeat 0px 2px }
.pdf-link { background: transparent url(img/pdf_link.gif) scroll no-repeat 2px 5px }
.txt-link { background: transparent url(img/txt_link.gif) scroll no-repeat 0px 4px }
.doc-link { background: transparent url(img/doc_link.gif) scroll no-repeat 2px 5px }
.rm-link { background: transparent url(img/rm_link.gif) scroll no-repeat 0px 1px }

.clef {
  padding: 2px 0 2px 57px;
  background: transparent url(img/clef.gif) scroll no-repeat 34px 5px;
  }

.eighth {
  padding: 2px 0 2px 57px;
  background: transparent url(img/note.gif) scroll no-repeat 36px 5px;
  }



/****************************************************************** Comments */

#comments {
  margin-top: 2em;
  }

#comments-area {
  border-left: 3px solid #EEE;
  padding-left: 22px;
  margin: 1em 0;
  }

.comment-info {
  font-size: 12px;
  font-weight: bold;
  }

.comment-content {
  padding-left: 20px;
  }

.comment-content p:last-child {
  margin-bottom: 0;
  }

form + div.node {
  margin-top: 1em;
  }

.comment {
  margin: 1em 0 2em 0;
  }

.preview > .comment {
  margin: 0;
  }

.comment-unpublished {
  background-color: #FFF4F4;
  border: 1px dashed #FF9999;
  margin: 1em 0;
  padding: 20px;
  }

.preview .node {
  background-color: transparent !important;
}



/******************************************************************** Search */

#search {
  padding: 10px 0 10px 11px;
  background: #E3E9EC;
  }

#search-field {
  float: left;
  font-size: 14px;
  padding: 3px;
  width: 138px;
  }

#search-button {
  float: left;
  margin-left: 2px;
  }

#search-results a {
  font-size: 15px;
  line-height: 20px;
  }




/**************************************************************** Album Page */

.track-listing-even, .track-listing-odd {
  border-top: 1px dotted #744B37;
  font-size: 11px;
  padding: 6px 0 6px 24px;
  text-indent: -24px;
  }

/*
.track-listing-even, .track-listing-odd {
  background: #250E05;
  font-size: 11px;
  margin: 2px 0;
  padding: 5px 24px;
  text-indent: -17px;
  }

.track-listing-odd {
  background: #371507;
  }
*/




/************************************************************** Gallery Page */

.youtube-grid {
  float: left;
  }

  .youtube-grid tbody { border: 0 }

  .youtube-grid td {
    padding: 0;
    text-align: center;
    vertical-align: top;
    width: 150px;
    height: 150px;
    }

.gallery-photo-grid {
  float: left;
  }

  .gallery-photo-grid tbody { border: 0 }

  .gallery-photo-grid td {
    padding: 0;
    text-align: center;
    vertical-align: top;
    width: 150px;
    height: 180px;
    }