/* Tenplate config values */
/* Tenplate SASS Includes */
html, body {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  font-size: 16px; }

div, span, object, iframe, h1, h2, h3, h4, h5, h6, p,
pre, a, abbr, acronym, address, code, del, dfn, em, img,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline; }

blockquote, q {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  quotes: "" ""; }
  blockquote:before,
  blockquote:after,   q:before,
  q:after {
    content: ""; }

th, td, caption {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

table {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  border-collapse: separate;
  border-spacing: 0;
  vertical-align: middle; }

a img {
  border: none; }

body {
  font-size: 62.5%;
  color: #333333;
  font-family: helvetica,arial,sans-serif;
  line-height: 2em;
  background-color: white; }
  body h1,
  body h2,
  body h3,
  body h4 {
    font-weight: bold; }
  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: #ff6600;
    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: 98em;
    margin: 0 auto; }
    body #Growler .Growler-notice,
    body #Growler .error {
      background: #333;
      width: 90%;
      padding: 1em;
      margin: 0 auto 1em 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 #ff6600; }
  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: #ff6600; }
form.justify select {
  margin: 0 0 0 30%; }

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

#grid,
.grid {
  width: 96em;
  padding: 1em; }
  * html #grid,
  * html .grid {
    width: 98em; }
  * + html #grid,
  * + html .grid {
    width: 97em; }

.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: 92em;
  padding: 1em;
  margin: 1em;
  border: 0em none #ff6600;
  -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: 60em;
  padding: 1em;
  margin: 1em;
  border: 0em none #ff6600;
  -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: 28em;
  padding: 1em;
  margin: 1em;
  border: 0em none #ff6600;
  -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: 55.331em;
  padding: 1em;
  margin: 1em;
  border: 0em none #ff6600;
  -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: 32.669em;
  padding: 1em;
  margin: 1em;
  border: 0em none #ff6600;
  -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: 20em;
  padding: 1em;
  margin: 1em;
  border: 0em none #ff6600;
  -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: 68em;
  padding: 1em;
  margin: 1em;
  border: 0em none #ff6600;
  -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: 44em;
  padding: 1em;
  margin: 1em;
  border: 0em none #ff6600;
  -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: 8em;
  padding: 1em;
  margin: 1em;
  border: 0em none #ff6600;
  -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%; }

body {
  background: url(/images/bac.png) repeat-x top; }
  body #grid {
    margin: 2em auto;
    background: url(/images/page.png) no-repeat top center; }
    body #grid #header {
      width: 100%;
      text-align: center; }
      body #grid #header h1 {
        background: url(/images/logo.png) no-repeat center;
        width: 21.3em;
        height: 10em;
        font-size: 1em;
        margin-bottom: 1em;
        float: left;
        text-indent: -9999em; }
        * html body #grid #header h1,
        * + html body #grid #header h1 {
          width: 22em;
          height: 10em; }
        * html body #grid #header h1 {
          background: url(/images/logo.gif) no-repeat center; }
      body #grid #header ul#navigation {
        background: url(/images/nav.png) no-repeat top center;
        width: 100%;
        height: 4.6em;
        font-size: 1em;
        padding-top: .1em; }
        body #grid #header ul#navigation li {
          background: url(/images/nav-button.png) no-repeat right center;
          width: auto;
          display: block;
          float: left;
          font-size: 1.8em;
          margin: 0;
          padding: 0 1em;
          line-height: 2.5em;
          border-right: .1em solid #BBB; }
          body #grid #header ul#navigation li.selected,
          body #grid #header ul#navigation li:hover {
            background: url(/images/nav-highlight.png) repeat-x center; }
            body #grid #header ul#navigation li.selected a,
            body #grid #header ul#navigation li:hover a {
              color: #FFF; }
      body #grid #header #address {
        float: right;
        margin-right: .5em;
        text-align: right; }
        body #grid #header #address h2 {
          margin: .5em 0; }
        body #grid #header #address ul {
          margin: 1em 0; }
          body #grid #header #address ul li {
            font-size: .9em;
            margin: .3em 0; }
      body #grid #header img {
        margin: 1em auto; }
    body #grid #content .main .post {
      display: block; }
      body #grid #content .main .post h3 {
        padding: 0.5em 0;
        border: 0.3em solid #ff6600;
        border-right: none;
        border-left: none; }
      body #grid #content .main .post .post_content img.splash {
        margin: 2em .5em .5em 0;
        padding: .5em; }
    body #grid #content .rail ul.tag_cloud {
      width: 100%;
      margin: 0 0 2em; }
      body #grid #content .rail ul.tag_cloud li {
        display: inline-block;
        margin: 0; }
        * html body #grid #content .rail ul.tag_cloud li,
        * + html body #grid #content .rail ul.tag_cloud li {
          float: left; }
        body #grid #content .rail ul.tag_cloud li.tag_level-1 {
          font_size: 1em; }
        body #grid #content .rail ul.tag_cloud li.tag_level-2 {
          font_size: 1.2em; }
        body #grid #content .rail ul.tag_cloud li.tag_level-3 {
          font-size: 1.4em; }
        body #grid #content .rail ul.tag_cloud li.tag_level-4 {
          font-size: 1.6em; }
        body #grid #content .rail ul.tag_cloud li.tag_level-5 {
          font-size: 1.8em;
          font-weight: bold; }
        body #grid #content .rail ul.tag_cloud li a {
          color: #bbb; }
          body #grid #content .rail ul.tag_cloud li a:hover {
            color: #ff6600; }
    body #grid #footer {
      width: 100%;
      text-align: center; }
  body .editor_toolbar .button {
    display: inline-block;
    padding: .2em;
    margin: 0 .2em;
    border: .1em solid #CCC; }
  body .js_modal .js_content {
    background: url(/images/modal.png) no-repeat top center;
    width: 54em;
    padding: 2em 2em 2em 4em;
    min-height: 15em;
    max-height: 40em;
    overflow: auto; }
  body .js_modal .js_foot {
    background: url(/images/modal.png) no-repeat bottom center;
    width: 60em;
    height: 3em; }