/* Tenplate config values */
/* Tenplate SASS Includes */
body {
  font-size: 62.5%;
  color: #333333;
  font-family: helvetica,arial,sans-serif;
  line-height: 2em;
  background-color: #999999; }
  body h1 {
    font-size: 2.2em;
    margin: 0.909em 0; }
  body h2 {
    font-size: 2em;
    margin: 1em 0; }
  body h3 {
    font-size: 1.8em;
    margin-bottom: -1.111em; }
  body h4 {
    font-size: 1.7em;
    margin-top: 1.176em;
    margin-bottom: -1.176em; }
  body h5 {
    font-size: 1.6em;
    margin-top: 1.25em; }
  body p,
  body td,
  body th {
    font-size: 1.6em;
    margin: 1.25em 0; }
    body p p,
    body p th,
    body p td,
    body p input,
    body p label,
    body td p,
    body td th,
    body td td,
    body td input,
    body td label,
    body th p,
    body th th,
    body th td,
    body th input,
    body th label {
      font-size: 1em;
      margin: 0; }
  body a {
    color: #ac5a24;
    text-decoration: none; }
    body a:hover {
      text-decoration: underline; }
  body ul,
  body ol {
    display: block;
    font-size: 1.6em;
    margin: 0;
    padding: 0; }
    body ul li,
    body ol li {
      margin: 1.429em 0;
      list-style: none; }
      body ul li ul,
      body ul li ol,
      body ul li p,
      body ul li *,
      body ol li ul,
      body ol li ol,
      body ol li p,
      body ol li * {
        font-size: 1em; }
  body pre.example {
    border: .1em solid #900;
    background: #333;
    color: #EEE;
    font-size: 1.6em;
    margin: 1.25em 0;
    display: block;
    white-space: pre-wrap       /* css-3 */;
    white-space: -moz-pre-wrap  /* Mozilla, since 1999 */;
    white-space: -pre-wrap      /* Opera 4-6 */;
    white-space: -o-pre-wrap    /* Opera 7 */;
    word-wrap: break-word       /* Internet Explorer 5.5+ */; }
    body pre.example code {
      margin: 0;
      padding: 0;
      display: inline-block; }
  body #notices {
    width: auto;
    background-color: #FFE6D4;
    font-size: 1.6em;
    padding: 0;
    border-bottom: 1px solid #999; }
    body #notices .flash-notice {
      padding: 1em;
      background-color: #90ee90;
      color: #666; }
    body #notices .flash-error {
      background-color: #b73b29;
      color: #DDD;
      padding: 1em; }
  body #Growler {
    width: 97em;
    margin: 0 auto; }
    body #Growler .Growler-notice,
    body #Growler .error {
      background: #333;
      width: 90%;
      padding: 0.5em;
      margin: 0 auto 0.5em auto;
      color: #FFF;
      font-size: 1.6em;
      -moz-border-radius: 0.2em;
      -webkit-border-radius: 0.2em;
      -khtml-border-radius: 0.2em;
      -moz-order-radius: .4em;
      -khtm-border-radius: .4em; }
      body #Growler .Growler-notice h2,
      body #Growler .Growler-notice p,
      body #Growler .Growler-notice ul,
      body #Growler .Growler-notice li,
      body #Growler .error h2,
      body #Growler .error p,
      body #Growler .error ul,
      body #Growler .error li {
        font-size: 1em; }

.group {
  display: inline-block; }
  .group:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }

html[xmlns] .group {
  display: block; }

* html,
* html body {
  height: 100%;
  overflow: auto; }

* html .group {
  height: 1%; }

* html #overlay,
* html #modal {
  position: absolute; }

* html #overlay {
  width: 100%;
  height: 100%;
  filter: alpha(opacity=50); }

form {
  font-size: 1em;
  text-align: left;
  padding: 0 1.5em; }
  form input,
  form textarea,
  form select {
    font-family: inherit;
    font-size: 1.6em;
    height: 1.8em;
    border: .1em solid #900;
    font-weight: inherit;
    margin: 0 0 1.25em ;
    border: 0.1em solid #ac5a24; }
  form label,
  form h2 {
    font-weight: bold;
    font-size: 1.6em;
    clear: both;
    display: block;
    margin: 0; }
  form .label_note {
    margin: -1.25em  0 1.25em; }
  form .radio label,
  form .checkbox label,
  form label.checkbox,
  form label.radio {
    display: inline-block;
    margin: 1.25em 0; }
  form div.radio h2,
  form div.checkbox h2 {
    margin-bottom: 0; }
  form div.radio ul,
  form div.checkbox ul {
    margin: 1em 0 0; }
    form div.radio ul li,
    form div.checkbox ul li {
      list-style: none !important; }
      form div.radio ul li label,
      form div.checkbox ul li label {
        margin: 0; }
  form input[type="checkbox"] {
    display: inline-block; }
  form input[type="submit"],
  form input[type="button"] {
    height: 2em; }
  form ul li,
  form ol li {
    list-style: none;
    margin: 0; }
    form ul li label,
    form ol li label {
      width: auto;
      font-size: 1em;
      margin: 0; }
  form div .multi_select,
  form div .read_only {
    margin: 0 0 0 30%;
    display: inline-block; }
    form div .multi_select select,
    form div .read_only select {
      margin: 0; }

fieldset {
  margin: 1.25em 0 1.25em -1.6em;
  padding: 2em;
  border: 1px solid #ccc; }
  fieldset legend {
    font-size: 1.6em;
    font-weight: bold; }
  fieldset fieldset {
    margin: 1.6em; }

form.justify fieldset {
  margin: 1em 0 1.5em -2.5em;
  padding: 1.5em;
  border: 1px solid #ccc; }
  form.justify fieldset label {
    padding: 0;
    margin: .5em -30% 0 .5em; }
  form.justify fieldset fieldset {
    margin: 1.5em; }
form.justify label {
  width: 30%;
  display: inline-block;
  margin: .5em -30.8% 0 0;
  text-align: left;
  color: #333; }
form.justify input {
  padding: .2em 0;
  margin: 0.5em 0 0;
  display: inline-block; }
  form.justify input[type="text"]:focus,
  form.justify input[type="password"]:focus {
    border: 1px solid #FFCC66;
    background: #FFF; }
form.justify input[type="text"], form.justify input[type="password"] {
  border: 1px solid #CCC;
  background: #EEE;
  margin: 0 0 0 30%;
  width: 60%; }
form.justify input[type="checkbox"] {
  margin: 0 0 0 30%; }
form.justify input[type="file"] {
  border: 1px solid #CCC;
  background: #EEE; }
form.justify input[type="hidden"] {
  height: 0;
  width: 0;
  margin: 0;
  padding: 0; }
form.justify input.clear {
  clear: right;
  display: block; }
form.justify textarea {
  border: 1px solid #CCC;
  background: #EEE;
  margin: 0 0 0 30%;
  width: 60%;
  height: 4em; }
  form.justify textarea:focus {
    background: #FFF;
    border-color: #ac5a24; }
form.justify select {
  margin: 0 0 0 30%; }

p label,
p input,
p textarea {
  font-size: 1em; }

#grid,
.grid {
  width: 96em;
  padding: 0.5em; }

.one_third, .two_thirds, .main, .column_one, .rail, .column, .two_quarters, .three_quarters, .half_column, .two_thirds {
  float: left;
  margin: auto; }

.page,
.full_page {
  width: 94em;
  padding: 0.5em;
  margin: 0.5em;
  border: 0em none #ac5a24;
  -moz-border-radius: 0.2em;
  -webkit-border-radius: 0.2em;
  -khtml-border-radius: 0.2em;
  display: inline-block; }
  .page:after,
  .full_page:after {
    content: ".";
    height: 0;
    clear: both;
    visibility: hidden; }
  * html .page,
  * html .full_page {
    height: 1px; }

.thirds .two_thirds,
.thirds .main,
.thirds .column_one {
  width: 62em;
  padding: 0.5em;
  margin: 0.5em;
  border: 0em none #ac5a24;
  -moz-border-radius: 0.2em;
  -webkit-border-radius: 0.2em;
  -khtml-border-radius: 0.2em;
  display: inline-block; }
  .thirds .two_thirds:after,
  .thirds .main:after,
  .thirds .column_one:after {
    content: ".";
    height: 0;
    clear: both;
    visibility: hidden; }
  * html .thirds .two_thirds,
  * html .thirds .main,
  * html .thirds .column_one {
    height: 1px; }
.thirds .one_third,
.thirds .main,
.thirds .column_one,
.thirds .column {
  width: 30em;
  padding: 0.5em;
  margin: 0.5em;
  border: 0em none #ac5a24;
  -moz-border-radius: 0.2em;
  -webkit-border-radius: 0.2em;
  -khtml-border-radius: 0.2em;
  display: inline-block; }
  .thirds .one_third:after,
  .thirds .main:after,
  .thirds .column_one:after,
  .thirds .column:after {
    content: ".";
    height: 0;
    clear: both;
    visibility: hidden; }
  * html .thirds .one_third,
  * html .thirds .main,
  * html .thirds .column_one,
  * html .thirds .column {
    height: 1px; }

.golden .main,
.golden .column_one {
  width: 57.331em;
  padding: 0.5em;
  margin: 0.5em;
  border: 0em none #ac5a24;
  -moz-border-radius: 0.2em;
  -webkit-border-radius: 0.2em;
  -khtml-border-radius: 0.2em;
  display: inline-block; }
  .golden .main:after,
  .golden .column_one:after {
    content: ".";
    height: 0;
    clear: both;
    visibility: hidden; }
  * html .golden .main,
  * html .golden .column_one {
    height: 1px; }
.golden .rail,
.golden .column_two {
  width: 34.669em;
  padding: 0.5em;
  margin: 0.5em;
  border: 0em none #ac5a24;
  -moz-border-radius: 0.2em;
  -webkit-border-radius: 0.2em;
  -khtml-border-radius: 0.2em;
  display: inline-block; }
  .golden .rail:after,
  .golden .column_two:after {
    content: ".";
    height: 0;
    clear: both;
    visibility: hidden; }
  * html .golden .rail,
  * html .golden .column_two {
    height: 1px; }

.quarters .column,
.quarters .rail {
  width: 22em;
  padding: 0.5em;
  margin: 0.5em;
  border: 0em none #ac5a24;
  -moz-border-radius: 0.2em;
  -webkit-border-radius: 0.2em;
  -khtml-border-radius: 0.2em;
  display: inline-block; }
  .quarters .column:after,
  .quarters .rail:after {
    content: ".";
    height: 0;
    clear: both;
    visibility: hidden; }
  * html .quarters .column,
  * html .quarters .rail {
    height: 1px; }
.quarters .main,
.quarters .three_quarters {
  width: 70em;
  padding: 0.5em;
  margin: 0.5em;
  border: 0em none #ac5a24;
  -moz-border-radius: 0.2em;
  -webkit-border-radius: 0.2em;
  -khtml-border-radius: 0.2em;
  display: inline-block; }
  .quarters .main:after,
  .quarters .three_quarters:after {
    content: ".";
    height: 0;
    clear: both;
    visibility: hidden; }
  * html .quarters .main,
  * html .quarters .three_quarters {
    height: 1px; }
.quarters .two_quarters {
  width: 46em;
  padding: 0.5em;
  margin: 0.5em;
  border: 0em none #ac5a24;
  -moz-border-radius: 0.2em;
  -webkit-border-radius: 0.2em;
  -khtml-border-radius: 0.2em;
  display: inline-block; }
  .quarters .two_quarters:after {
    content: ".";
    height: 0;
    clear: both;
    visibility: hidden; }
  * html .quarters .two_quarters {
    height: 1px; }
.quarters .half_column {
  width: 10em;
  padding: 0.5em;
  margin: 0.5em;
  border: 0em none #ac5a24;
  -moz-border-radius: 0.2em;
  -webkit-border-radius: 0.2em;
  -khtml-border-radius: 0.2em;
  display: inline-block; }
  .quarters .half_column:after {
    content: ".";
    height: 0;
    clear: both;
    visibility: hidden; }
  * html .quarters .half_column {
    height: 1px; }

/* Project Specific SASS
 * Include your project sass and overides here */
.editor_toolbar {
  width: 90%;
  border: .2em solid #999;
  background: #999; }
  .editor_toolbar .button {
    width: 30px;
    height: 30px;
    display: inline-block;
    text-indent: -99999em;
    outline: none; }
    .editor_toolbar .button.bold {
      background: #999 url(/images/buttons/bold.png) no-repeat center; }
    .editor_toolbar .button.italic {
      background: #999 url(/images/buttons/italic.png) no-repeat center; }
    .editor_toolbar .button.underline {
      background: #999 url(/images/buttons/underline.png) no-repeat center; }
    .editor_toolbar .button.list {
      background: #999 url(/images/buttons/bullets.png) no-repeat center; }
    .editor_toolbar .button.link {
      background: #999 url(/images/buttons/link.png) no-repeat center; }
    .editor_toolbar .button.img {
      background: #999 url(/images/buttons/img.png) no-repeat center; }

iframe.editor {
  border: .2em solid #999;
  width: 90%; }

html {
  background: url(/images/background_stripes.png); }
  html body {
    color: #666;
    background: none; }
    html body .js_modal .js_content {
      background: url(/images/modal.png) no-repeat top center;
      width: 54em;
      padding: 2em 2em 2em 4em;
      min-height: 15em; }
    html body .js_modal .js_foot {
      background: url(/images/modal.png) no-repeat bottom center;
      width: 60em;
      height: 3em; }
    html body .js_modal .close {
      display: block;
      width: 3em;
      height: 3em;
      background: url(/images/buttons/close.png) no-repeat center;
      position: absolute;
      top: 2em;
      right: 2em; }
    html body h1,
    html body h2,
    html body h3 {
      color: #a54c10;
      text-transform: capitalize; }
    html body #grid {
      margin: 2em auto 0;
      width: 97;
      background: none; }
      html body #grid #header {
        background: url(/images/template/head.png) no-repeat top center;
        position: relative;
        height: 16.7em;
        padding: 2em;
        width: 93em; }
        html body #grid #header #site_title {
          position: absolute;
          left: 2em;
          top: 2em;
          height: 25.5em;
          width: 27em;
          font-size: 1em;
          background: url(/images/logo.png) no-repeat center center;
          text-indent: -9999em; }
        html body #grid #header #user_bar {
          position: absolute;
          right: 3em;
          top: 0em; }
          html body #grid #header #user_bar li {
            font-size: .9em;
            display: inline-block; }
        html body #grid #header #tweet {
          background: url(/images/tweet.png) no-repeat center;
          position: absolute;
          right: 2em;
          top: 1em;
          padding: 3em 1.9em 3em 6em;
          width: 57em;
          height: 5.5em; }
          html body #grid #header #tweet p {
            font-weight: bold;
            color: #999;
            font-size: 1.6em;
            line-height: 1.2em;
            margin: .7em 0; }
        html body #grid #header h2.page_name {
          position: absolute;
          top: 8.8em;
          left: 19.7em; }
          html body #grid #header h2.page_name a {
            color: #a54c10;
            opacity: .5;
            font-size: 2em;
            display: none; }
      html body #grid #content {
        background: url(/images/template/page.png) repeat-y top center;
        padding: .8em 0;
        width: 97em;
        min-height: 22em; }
        html body #grid #content .main {
          float: right;
          padding: 0 2em;
          width: 59.9em; }
          html body #grid #content .main .post {
            width: 100%; }
            html body #grid #content .main .post .post_content img.splash {
              margin: 2em .5em .5em 0;
              border: .1em solid #CCC;
              padding: .5em; }
        html body #grid #content .rail {
          float: left;
          margin: 5em 2em 0;
          width: 29.1em; }
          html body #grid #content .rail ul#navigation {
            font-size: 1em;
            width: 100%;
            position: relative;
            height: 13em;
            margin: 0 0 0 1em; }
            html body #grid #content .rail ul#navigation li {
              width: 10em;
              height: 8.5em;
              cursor: pointer;
              list-style: none; }
              html body #grid #content .rail ul#navigation li a {
                text-indent: -9999em;
                display: inline-block; }
              html body #grid #content .rail ul#navigation li.home {
                width: 7.5em;
                background: url(/images/nav/home.png) no-repeat center left;
                position: absolute;
                left: 0em;
                top: 0em;
                z-index: 4; }
              html body #grid #content .rail ul#navigation li.about {
                width: 12.5em;
                background: url(/images/nav/about.png) no-repeat center right;
                position: absolute;
                left: 6em;
                top: 1em;
                z-index: 1; }
              html body #grid #content .rail ul#navigation li.music {
                width: 10em;
                background: url(/images/nav/music.png) no-repeat center right;
                position: absolute;
                left: 13em;
                top: 3.6em;
                z-index: 2; }
              html body #grid #content .rail ul#navigation li.contact {
                width: 8.1em;
                background: url(/images/nav/contact.png) no-repeat center right;
                position: absolute;
                left: 16em;
                top: 1em;
                z-index: 3; }
              html body #grid #content .rail ul#navigation li.selected {
                z-index: 99; }
          html body #grid #content .rail ul.tag_cloud {
            width: 100%;
            margin: 1em 0; }
            html body #grid #content .rail ul.tag_cloud li {
              display: inline-block;
              margin: 0; }
              html body #grid #content .rail ul.tag_cloud li.tag_level-1 {
                font_size: 1em; }
              html body #grid #content .rail ul.tag_cloud li.tag_level-2 {
                font_size: 1.2em; }
              html body #grid #content .rail ul.tag_cloud li.tag_level-3 {
                font-size: 1.4em; }
              html body #grid #content .rail ul.tag_cloud li.tag_level-4 {
                font-size: 1.6em; }
              html body #grid #content .rail ul.tag_cloud li.tag_level-5 {
                font-size: 1.8em;
                font-weight: bold; }
              html body #grid #content .rail ul.tag_cloud li a {
                color: #DDD; }
                html body #grid #content .rail ul.tag_cloud li a:hover {
                  color: #ac5a24; }
          html body #grid #content .rail iframe {
            margin: 2em 0 0 2em; }
      html body #grid #footer {
        background: url(/images/template/foot.png) no-repeat top center;
        padding: 2em;
        width: 93em;
        text-align: center;
        margin: -.7em auto; }