/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0pr2
*/
/* reset */
/* line 9, /srv/app/assets/stylesheets/lib/oocss/reset.scss */
html {
  color: #000;
  background: #FFF;
}

/* line 13, /srv/app/assets/stylesheets/lib/oocss/reset.scss */
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;
}

/* line 17, /srv/app/assets/stylesheets/lib/oocss/reset.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 21, /srv/app/assets/stylesheets/lib/oocss/reset.scss */
fieldset, img {
  border: 0;
}

/* line 24, /srv/app/assets/stylesheets/lib/oocss/reset.scss */
address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal;
}

/* line 28, /srv/app/assets/stylesheets/lib/oocss/reset.scss */
li {
  list-style: none;
}

/* line 31, /srv/app/assets/stylesheets/lib/oocss/reset.scss */
caption, th {
  text-align: left;
}

/* line 34, /srv/app/assets/stylesheets/lib/oocss/reset.scss */
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

/* line 39, /srv/app/assets/stylesheets/lib/oocss/reset.scss */
q:before, q:after {
  content: '';
}

/* line 42, /srv/app/assets/stylesheets/lib/oocss/reset.scss */
abbr, acronym {
  border: 0;
  font-variant: normal;
}

/* line 46, /srv/app/assets/stylesheets/lib/oocss/reset.scss */
sup {
  vertical-align: text-top;
}

/* line 49, /srv/app/assets/stylesheets/lib/oocss/reset.scss */
sub {
  vertical-align: text-bottom;
}

/* line 52, /srv/app/assets/stylesheets/lib/oocss/reset.scss */
input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

/* line 57, /srv/app/assets/stylesheets/lib/oocss/reset.scss */
input, textarea, select {
  *font-size: 100%;
}

/*
Copyright (c) 2009, Nicole Sullivan. All rights reserved.
Code licensed under the BSD License:
version: 0.2
*/
/* **************** BLOCK STRUCTURES ***************** */
/* mod */
/* line 9, /srv/app/assets/stylesheets/lib/oocss/mod.scss */
.mod {
  margin: 10px;
}
/* line 11, /srv/app/assets/stylesheets/lib/oocss/mod.scss */
.mod .inner {
  /*background: url(/skin/transparent.png) repeat left top;*/
}

/* line 14, /srv/app/assets/stylesheets/lib/oocss/mod.scss */
.bd, .ft, .hd {
  display: inline-block;
  width: 100%;
  *display: block;
  *width: auto;
  zoom: 1;
}

/* line 21, /srv/app/assets/stylesheets/lib/oocss/mod.scss */
.inner:after, .hd:after, .bd:after, .ft:after {
  clear: both;
  display: block;
  visibility: hidden;
  overflow: hidden;
  height: 0 !important;
  line-height: 0;
  font-size: xx-large;
  content: " x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";
}

/* line 31, /srv/app/assets/stylesheets/lib/oocss/mod.scss */
.inner {
  position: relative;
}

/* b {
  display: block;
  background-repeat: no-repeat;
  font-size: 1%;
  position: relative;
  z-index: 10; } */
/* line 41, /srv/app/assets/stylesheets/lib/oocss/mod.scss */
.tl, .tr, .bl, .br {
  height: 10px;
  width: 10px;
  float: left;
}

/* line 46, /srv/app/assets/stylesheets/lib/oocss/mod.scss */
.tl {
  background-position: left top;
}

/* line 49, /srv/app/assets/stylesheets/lib/oocss/mod.scss */
.tr {
  background-position: right top;
}

/* line 52, /srv/app/assets/stylesheets/lib/oocss/mod.scss */
.bl {
  background-position: left bottom;
}

/* line 55, /srv/app/assets/stylesheets/lib/oocss/mod.scss */
.br {
  background-position: right bottom;
  float: right;
}

/* line 59, /srv/app/assets/stylesheets/lib/oocss/mod.scss */
.tr {
  float: right;
  overflow: hidden;
  margin-bottom: -32000px;
}

/* line 64, /srv/app/assets/stylesheets/lib/oocss/mod.scss */
.tl {
  overflow: hidden;
  margin-bottom: -32000px;
}

/* margin bottom needs to be < -9px */
/* line 70, /srv/app/assets/stylesheets/lib/oocss/mod.scss */
.bl, .br {
  margin-top: -10px;
}

/* line 73, /srv/app/assets/stylesheets/lib/oocss/mod.scss */
.top {
  background-position: center top;
}

/* line 76, /srv/app/assets/stylesheets/lib/oocss/mod.scss */
.bottom {
  background-position: center bottom;
  _zoom: 1;
}

/* this zoom required for IE5.5 only*/
/* complex */
/* line 83, /srv/app/assets/stylesheets/lib/oocss/mod.scss */
.complex {
  overflow: hidden;
  *position: relative;
  *zoom: 1;
}
/* line 87, /srv/app/assets/stylesheets/lib/oocss/mod.scss */
.complex .tl, .complex .tr {
  height: 32000px;
  margin-bottom: -32000px;
  width: 10px;
}
/* line 91, /srv/app/assets/stylesheets/lib/oocss/mod.scss */
.complex .bl, .complex .br {
  /*margin-top:0;*/
}
/* line 93, /srv/app/assets/stylesheets/lib/oocss/mod.scss */
.complex .top {
  height: 5px;
}
/* line 95, /srv/app/assets/stylesheets/lib/oocss/mod.scss */
.complex .bottom {
  height: 5px;
  /*margin-top:-10px;*/
}

/* position/zoom required for IE7, 6, 5.5 */
/* pop */
/* line 103, /srv/app/assets/stylesheets/lib/oocss/mod.scss */
.pop {
  overflow: visible;
  margin: 10px 20px 20px 10px;
  background-position: left top;
}
/* line 107, /srv/app/assets/stylesheets/lib/oocss/mod.scss */
.pop .inner {
  right: -10px;
  bottom: -10px;
  background-position: right bottom;
  padding: 0 10px 10px 0;
}
/* line 112, /srv/app/assets/stylesheets/lib/oocss/mod.scss */
.pop .tl, .pop .br {
  display: none;
}
/* line 114, /srv/app/assets/stylesheets/lib/oocss/mod.scss */
.pop .bl {
  bottom: -10px;
}
/* line 116, /srv/app/assets/stylesheets/lib/oocss/mod.scss */
.pop .tr {
  float: right;
  margin-right: -10px;
}

/* ====== media (requires mod.css) ====== */
/* line 3, /srv/app/assets/stylesheets/lib/oocss/media.scss */
.media {
  margin: 10px;
}
/* line 5, /srv/app/assets/stylesheets/lib/oocss/media.scss */
.media:after {
  clear: both;
  display: block;
  visibility: hidden;
  overflow: hidden;
  height: 0 !important;
  line-height: 0;
  font-size: xx-large;
  content: " x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";
}

/* line 15, /srv/app/assets/stylesheets/lib/oocss/media.scss */
.bd:after {
  clear: both;
  display: block;
  visibility: hidden;
  overflow: hidden;
  height: 0 !important;
  line-height: 0;
  font-size: xx-large;
  content: " x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";
}

/* line 26, /srv/app/assets/stylesheets/lib/oocss/media.scss */
.media .bd {
  display: table-cell;
  zoom: 1;
}
/* line 30, /srv/app/assets/stylesheets/lib/oocss/media.scss */
.media .bd > :first-child {
  margin-top: 0;
}
/* line 32, /srv/app/assets/stylesheets/lib/oocss/media.scss */
.media .bd > :last-child {
  margin-bottom: 0;
}
/* line 34, /srv/app/assets/stylesheets/lib/oocss/media.scss */
.media .img {
  float: left;
  /*margin-right: 10px;*/
}
/* line 37, /srv/app/assets/stylesheets/lib/oocss/media.scss */
.media .img img {
  display: block;
}
/* line 39, /srv/app/assets/stylesheets/lib/oocss/media.scss */
.media .imgExt {
  float: right;
  /*margin-left: 10px;*/
}

/* **************** CONTENT OBJECTS ***************** */
/* ====== Elements ====== */
/* line 5, /srv/app/assets/stylesheets/lib/oocss/content.scss */
img {
  display: block;
}

/* line 8, /srv/app/assets/stylesheets/lib/oocss/content.scss */
em {
  font-style: italic;
}

/* line 11, /srv/app/assets/stylesheets/lib/oocss/content.scss */
strong {
  font-weight: bold;
}

/* line 14, /srv/app/assets/stylesheets/lib/oocss/content.scss */
hr {
  border: 5px solid #e2e2e2;
  border-width: 0 0 5px 0;
  margin: 20px 10px 10px 10px;
}

/* line 19, /srv/app/assets/stylesheets/lib/oocss/content.scss */
code {
  color: #0B8C8F;
}

/* line 22, /srv/app/assets/stylesheets/lib/oocss/content.scss */
.important a {
  font-weight: bold;
}

/* what is this? */
/* links */
/* line 28, /srv/app/assets/stylesheets/lib/oocss/content.scss */
a {
  color: #2c4460;
  text-decoration: none;
}
/* line 31, /srv/app/assets/stylesheets/lib/oocss/content.scss */
a:focus, a:hover {
  text-decoration: underline;
}
/* line 33, /srv/app/assets/stylesheets/lib/oocss/content.scss */
a:focus {
  background-color: #FFFFCC;
}
/* line 35, /srv/app/assets/stylesheets/lib/oocss/content.scss */
a:visited {
  color: #005a9c;
}

/* ====== Lists ======*/
/* numbered list */
/* line 41, /srv/app/assets/stylesheets/lib/oocss/content.scss */
ol.simpleList li, .simpleList ol li {
  list-style-type: decimal;
  margin-left: 40px;
}

/* standard list */
/* line 47, /srv/app/assets/stylesheets/lib/oocss/content.scss */
ul.simpleList, .simpleList ul li {
  list-style-type: disc;
  margin-left: 40px;
}

/* ====== blockquote ====== */
/* line 53, /srv/app/assets/stylesheets/lib/oocss/content.scss */
cite {
  display: block;
  text-align: right;
  padding-top: 10px;
}

/* ====== callout ====== */
/* line 60, /srv/app/assets/stylesheets/lib/oocss/content.scss */
.callout {
  font-size: 189%;
  color: #999999;
  font-style: italic;
}
/* line 64, /srv/app/assets/stylesheets/lib/oocss/content.scss */
.callout cite {
  display: block;
  text-align: right;
  padding-top: 30px;
  font-size: 69.25%;
}
/* line 70, /srv/app/assets/stylesheets/lib/oocss/content.scss */
.callout span.quot {
  font-size: 500%;
  vertical-align: sub;
  color: #e2e2e2;
  line-height: 25px;
  font-weight: bold;
}
/* line 76, /srv/app/assets/stylesheets/lib/oocss/content.scss */
.callout span.quotLast {
  vertical-align: middle;
}

/* ====== image treatments (get more from jason santa maria) ====== */
/* line 81, /srv/app/assets/stylesheets/lib/oocss/content.scss */
.caption {
  font-size: 13px;
  color: #666666;
  font-style: italic;
  padding-top: 0;
}

/* will need to either
1. find a way to capture the width of the caption in the width of the image or flash
2. Set some default widths, mby use flickr widths?
*/
/* ====== special formatting classes ====== */
/* line 93, /srv/app/assets/stylesheets/lib/oocss/content.scss */
.detail {
  color: #777;
  font-size: 11px;
  display: block;
}

/* ====== images ====== */
/* line 100, /srv/app/assets/stylesheets/lib/oocss/content.scss */
.icon {
  margin-right: 5px;
}

/* ====== Headings ====== */
/* .h1-.h6 classes should be used to maintain the semantically appropriate heading levels - NOT for use on non-headings */
/* line 4, /srv/app/assets/stylesheets/lib/oocss/heading.scss */
h1 {
  font-size: 28pt;
}

/* line 8, /srv/app/assets/stylesheets/lib/oocss/heading.scss */
h2 {
  font-size: 24pt;
}

/* line 12, /srv/app/assets/stylesheets/lib/oocss/heading.scss */
h3 {
  font-size: 20pt;
}

/* line 16, /srv/app/assets/stylesheets/lib/oocss/heading.scss */
h4 {
  font-size: 18pt;
}

/* line 20, /srv/app/assets/stylesheets/lib/oocss/heading.scss */
h4 {
  font-size: 16pt;
}

/* line 24, /srv/app/assets/stylesheets/lib/oocss/heading.scss */
h4 {
  font-size: 14pt;
}

/* if additional headings are needed they should be created via additional classes, never via location dependant styling */
/**
 * Spacing classes
 * Should be used to modify the default spacing between objects (not between nodes of the same object)
 * Please use judiciously. You want to be using defaults most of the time, these are exceptions!
 * <type><location><size>
 */
/* ====== Default spacing ====== */
/* line 9, /srv/app/assets/stylesheets/lib/oocss/space.scss */
h1, h2, h3, h4, h5, h6, ul, ol, dl, p, blockquote, .media {
  margin: 10px;
}

/* line 12, /srv/app/assets/stylesheets/lib/oocss/space.scss */
h1, h2, h3, h4, h5, h6, img {
  padding-bottom: 0px;
}

/* line 15, /srv/app/assets/stylesheets/lib/oocss/space.scss */
pre {
  margin: 10px;
}

/* line 19, /srv/app/assets/stylesheets/lib/oocss/space.scss */
table h1, table h2, table h3, table h4, table h5, table h6, table p, table ul, table ol, table dl {
  padding: 0;
}

/* spacing helpers
p,m = padding,margin
a,t,r,b,l,h,v = all,top,right,bottom,left,horizontal,vertical
s,m,l,n = small(5px),medium(10px),large(20px),none(0px)
*/
/* line 28, /srv/app/assets/stylesheets/lib/oocss/space.scss */
.ptn, .pvn, .pan {
  padding-top: 0px;
}

/* line 31, /srv/app/assets/stylesheets/lib/oocss/space.scss */
.pts, .pvs, .pas {
  padding-top: 5px;
}

/* line 34, /srv/app/assets/stylesheets/lib/oocss/space.scss */
.ptm, .pvm, .pam {
  padding-top: 10px;
}

/* line 37, /srv/app/assets/stylesheets/lib/oocss/space.scss */
.ptl, .pvl, .pal {
  padding-top: 20px;
}

/* line 40, /srv/app/assets/stylesheets/lib/oocss/space.scss */
.prn, .phn, .pan {
  padding-right: 0px;
}

/* line 43, /srv/app/assets/stylesheets/lib/oocss/space.scss */
.prs, .phs, .pas {
  padding-right: 5px;
}

/* line 46, /srv/app/assets/stylesheets/lib/oocss/space.scss */
.prm, .phm, .pam {
  padding-right: 10px;
}

/* line 49, /srv/app/assets/stylesheets/lib/oocss/space.scss */
.prl, .phl, .pal {
  padding-right: 20px;
}

/* line 52, /srv/app/assets/stylesheets/lib/oocss/space.scss */
.pbn, .pvn, .pan {
  padding-bottom: 0px;
}

/* line 55, /srv/app/assets/stylesheets/lib/oocss/space.scss */
.pbs, .pvs, .pas {
  padding-bottom: 5px;
}

/* line 58, /srv/app/assets/stylesheets/lib/oocss/space.scss */
.pbm, .pvm, .pam {
  padding-bottom: 10px;
}

/* line 61, /srv/app/assets/stylesheets/lib/oocss/space.scss */
.pbl, .pvl, .pal {
  padding-bottom: 20px;
}

/* line 64, /srv/app/assets/stylesheets/lib/oocss/space.scss */
.pln, .phn, .pan {
  padding-left: 0px;
}

/* line 67, /srv/app/assets/stylesheets/lib/oocss/space.scss */
.pls, .phs, .pas {
  padding-left: 5px;
}

/* line 70, /srv/app/assets/stylesheets/lib/oocss/space.scss */
.plm, .phm, .pam {
  padding-left: 10px;
}

/* line 73, /srv/app/assets/stylesheets/lib/oocss/space.scss */
.pll, .phl, .pal {
  padding-left: 20px;
}

/* line 76, /srv/app/assets/stylesheets/lib/oocss/space.scss */
.mtn, .mvn, .man {
  margin-top: 0px;
}

/* line 79, /srv/app/assets/stylesheets/lib/oocss/space.scss */
.mts, .mvs, .mas {
  margin-top: 5px;
}

/* line 82, /srv/app/assets/stylesheets/lib/oocss/space.scss */
.mtm, .mvm, .mam {
  margin-top: 10px;
}

/* line 85, /srv/app/assets/stylesheets/lib/oocss/space.scss */
.mtl, .mvl, .mal {
  margin-top: 20px;
}

/* line 88, /srv/app/assets/stylesheets/lib/oocss/space.scss */
.mrn, .mhn, .man {
  margin-right: 0px;
}

/* line 91, /srv/app/assets/stylesheets/lib/oocss/space.scss */
.mrs, .mhs, .mas {
  margin-right: 5px;
}

/* line 94, /srv/app/assets/stylesheets/lib/oocss/space.scss */
.mrm, .mhm, .mam {
  margin-right: 10px;
}

/* line 97, /srv/app/assets/stylesheets/lib/oocss/space.scss */
.mrl, .mhl, .mal {
  margin-right: 20px;
}

/* line 100, /srv/app/assets/stylesheets/lib/oocss/space.scss */
.mbn, .mvn, .man {
  margin-bottom: 0px;
}

/* line 103, /srv/app/assets/stylesheets/lib/oocss/space.scss */
.mbs, .mvs, .mas {
  margin-bottom: 5px;
}

/* line 106, /srv/app/assets/stylesheets/lib/oocss/space.scss */
.mbm, .mvm, .mam {
  margin-bottom: 10px;
}

/* line 109, /srv/app/assets/stylesheets/lib/oocss/space.scss */
.mbl, .mvl, .mal {
  margin-bottom: 20px;
}

/* line 112, /srv/app/assets/stylesheets/lib/oocss/space.scss */
.mln, .mhn, .man {
  margin-left: 0px;
}

/* line 115, /srv/app/assets/stylesheets/lib/oocss/space.scss */
.mls, .mhs, .mas {
  margin-left: 5px;
}

/* line 118, /srv/app/assets/stylesheets/lib/oocss/space.scss */
.mlm, .mhm, .mam {
  margin-left: 10px;
}

/* line 121, /srv/app/assets/stylesheets/lib/oocss/space.scss */
.mll, .mhl, .mal {
  margin-left: 20px;
}

/** 
 * Data Table 
 * Allows you to align various table cells so that the alignment class can be placed on either the table, table row, or table cell 
 * Cell takes precedence over table row and table
 * Table row takes precedence over table
 */
/* line 8, /srv/app/assets/stylesheets/lib/oocss/table.scss */
.data {
  position: relative;
  zoom: 1;
  vertical-align: top;
  text-align: left;
  /*border-right:solid 1px transparent;*/
  /* border fixes a FF2 bug which causes the data table to overlay its borders*/
}
/* line 15, /srv/app/assets/stylesheets/lib/oocss/table.scss */
.data table {
  width: 100%;
  table-layout: fixed;
}

/* line 19, /srv/app/assets/stylesheets/lib/oocss/table.scss */
th, td {
  /*vertical-align:top;*/
}

/* horizontal alignment */
/* line 24, /srv/app/assets/stylesheets/lib/oocss/table.scss */
.txtC {
  text-align: center;
}

/* line 28, /srv/app/assets/stylesheets/lib/oocss/table.scss */
table .txtC, table tr .txtC {
  text-align: center;
}

/* line 31, /srv/app/assets/stylesheets/lib/oocss/table.scss */
.txtL {
  text-align: left;
}

/* line 35, /srv/app/assets/stylesheets/lib/oocss/table.scss */
table .txtL, table tr .txtL {
  text-align: left;
}

/* line 38, /srv/app/assets/stylesheets/lib/oocss/table.scss */
.txtR {
  text-align: right;
}

/* line 42, /srv/app/assets/stylesheets/lib/oocss/table.scss */
table .txtR, table tr .txtR {
  text-align: right;
}

/* vertical alignment */
/* line 47, /srv/app/assets/stylesheets/lib/oocss/table.scss */
.txtT {
  vertical-align: top;
}

/* line 51, /srv/app/assets/stylesheets/lib/oocss/table.scss */
table .txtT, table tr .txtT {
  vertical-align: top;
}

/* line 54, /srv/app/assets/stylesheets/lib/oocss/table.scss */
.txtB {
  vertical-align: bottom;
}

/* line 58, /srv/app/assets/stylesheets/lib/oocss/table.scss */
table .txtB, table tr .txtB {
  vertical-align: bottom;
}

/* line 61, /srv/app/assets/stylesheets/lib/oocss/table.scss */
.txtM {
  vertical-align: middle;
}

/* line 65, /srv/app/assets/stylesheets/lib/oocss/table.scss */
table .txtM, table tr .txtM {
  vertical-align: middle;
}

/* line 69, /srv/app/assets/stylesheets/lib/oocss/table.scss */
.data th, .data td {
  padding: 3px 20px;
}
/* -------------------------------------------------------------------------------------------------

It's *strongly* suggested that you don't modify this file.  Instead, load a new stylesheet after
this one in your layouts (eg formtastic_changes.css) and override the styles to suit your needs.
This will allow you to update formtastic.css with new releases without clobbering your own changes.

This stylesheet forms part of the Formtastic Rails Plugin
(c) 2008-2011 Justin French

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

/* NORMALIZE AND RESET - obviously inspired by Yahoo's reset.css, but scoped to just .formtastic
--------------------------------------------------------------------------------------------------*/

.formtastic,
.formtastic ul,
.formtastic ol,
.formtastic li,
.formtastic fieldset,
.formtastic legend,
.formtastic input,
.formtastic button,
.formtastic textarea,
.formtastic select,
.formtastic p {
  margin:0;
  padding:0;
}

.formtastic fieldset {
  border:0;
}

.formtastic em,
.formtastic strong {
  font-style:normal;
  font-weight:normal;
}

.formtastic ol,
.formtastic ul {
  list-style:none;
}

.formtastic abbr,
.formtastic acronym {
  border:0;
  font-variant:normal;
}

.formtastic input,
.formtastic button,
.formtastic textarea {
  font-family:sans-serif;
  font-size:inherit;
  font-weight:inherit;
}

.formtastic input,
.formtastic textarea,
.formtastic select {
  font-size:100%;
}

.formtastic legend {
  white-space:normal;
  color:#000;
}


/* SEMANTIC ERRORS
--------------------------------------------------------------------------------------------------*/
.formtastic .errors {
  color:#cc0000;
  margin:0.5em 0 1.5em 25%;
  list-style:square;
}

.formtastic .errors li {
  padding:0;
  border:none;
  display:list-item;
}


/* BUTTONS & ACTIONS
--------------------------------------------------------------------------------------------------*/
.formtastic .buttons, 
.formtastic .actions {
  overflow:hidden; /* clear containing floats */
  padding-left:25%;
}

.formtastic .button, 
.formtastic .action {
  float:left;
  padding-right:0.5em;
}

.formtastic .button_action button {
  padding:3px 8px;
}

.formtastic .link_action a {
  display:block;
  padding:3px 0;
}


/* INPUTS
--------------------------------------------------------------------------------------------------*/
.formtastic .inputs {
  overflow:hidden; /* clear containing floats */
}

.formtastic .input {
  overflow:hidden; /* clear containing floats */
  padding:0.5em 0; /* padding and negative margin juggling is for Firefox */
  margin-top:-0.5em;
  margin-bottom:1em;
}


/* LEFT ALIGNED LABELS
--------------------------------------------------------------------------------------------------*/
.formtastic .input .label {
  display:block;
  width:25%;
  float:left;
  padding-top:.2em;
}

.formtastic .fragments .label,
.formtastic .choices .label {
  position:absolute;
  width:95%;
  left:0px;
}

.formtastic .fragments .label label,
.formtastic .choices .label label {
  position:absolute;
}

/* NESTED FIELDSETS AND LEGENDS (radio, check boxes and date/time inputs use nested fieldsets)
--------------------------------------------------------------------------------------------------*/
.formtastic .choices {
  position:relative;
}

.formtastic .choices-group {
  float:left;
  width:74%;
  margin:0;
  padding:0 0 0 25%;
}

.formtastic .choice {
  padding:0;
  border:0;
}


/* INLINE HINTS
--------------------------------------------------------------------------------------------------*/
.formtastic .input .inline-hints {
  color:#666;
  margin:0.5em 0 0 25%;
}


/* INLINE ERRORS
--------------------------------------------------------------------------------------------------*/
.formtastic .inline-errors {
  color:#cc0000;
  margin:0.5em 0 0 25%;
}

.formtastic .errors {
  color:#cc0000;
  margin:0.5em 0 0 25%;
  list-style:square;
}

.formtastic .errors li {
  padding:0;
  border:none;
  display:list-item;
}


/* STRING, NUMERIC, PASSWORD, EMAIL, URL, PHONE, SEARCH (ETC) OVERRIDES
--------------------------------------------------------------------------------------------------*/
.formtastic .stringish input {
  width:72%;
}

.formtastic .stringish input[size],
.formtastic .stringish input[max] {
  width:auto;
  max-width:72%;
}


/* TEXTAREA OVERRIDES
--------------------------------------------------------------------------------------------------*/
.formtastic .text textarea {
  width:72%;
}

.formtastic .text textarea[cols] {
  width:auto;
  max-width:72%;
}


/* HIDDEN OVERRIDES
--------------------------------------------------------------------------------------------------*/
.formtastic .hidden {
  display:none;
}


/* BOOLEAN LABELS
--------------------------------------------------------------------------------------------------*/
.formtastic .boolean label {
  margin-left:25%;
  display:block;
}


/* CHOICE GROUPS
--------------------------------------------------------------------------------------------------*/
.formtastic .choices-group {
  margin-bottom:-0.5em;
}

.formtastic .choice {
  margin:0.1em 0 0.5em 0;
}

.formtastic .choice label {
  float:none;
  width:100%;
  line-height:100%;
  padding-top:0;
  margin-bottom:0.6em;
}


/* ADJUSTMENTS FOR INPUTS INSIDE LABELS (boolean input, radio input, check_boxes input)
--------------------------------------------------------------------------------------------------*/
.formtastic .choice label input,
.formtastic .boolean label input {
  margin:0 0.3em 0 0.1em;
  line-height:100%;
}


/* FRAGMENTED INPUTS (DATE/TIME/DATETIME)
--------------------------------------------------------------------------------------------------*/
.formtastic .fragments {
  position:relative;
}

.formtastic .fragments-group {
  float:left;
  width:74%;
  margin:0;
  padding:0 0 0 25%;
}

.formtastic .fragment {
  float:left;
  width:auto;
  margin:0 .3em 0 0;
  padding:0;
  border:0;
}

.formtastic .fragment label {
  display:none;
}

.formtastic .fragment label input {
  display:inline;
  margin:0;
  padding:0;
}

@font-face {
  font-family: "GoudyBookletter1911Regular";
  src: url(/assets/goudy_bookletter_1911-webfont-52e4e6de18f1772598e7948f9d6a8c48a33d82ee640c8cef8a82a7bddf5c0000.eot);
  src: url(/assets/goudy_bookletter_1911-webfont-52e4e6de18f1772598e7948f9d6a8c48a33d82ee640c8cef8a82a7bddf5c0000.eot?#iefix) format("embedded-opentype"), url(/assets/goudy_bookletter_1911-webfont-db5c5662dc4d5dcc7916851a7be7e4178be018f3c11410a8b7ddec948338d7bf.woff) format("woff"), url(/assets/goudy_bookletter_1911-webfont-ad554137dcca862033ed05aec2c544964d4defabacf065da099de45de35ecd1d.ttf) format("truetype"), url(/assets/goudy_bookletter_1911-webfont-b2918c74fa02e1473e6e77c3ed093ca99d0cb6bf0c21c36d0fd27e553778976b.svg#GoudyBookletter1911Regular) format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "LeagueGothicRegular";
  src: url(/assets/League_Gothic-webfont-44d13a436c4112de867eae25029322ce9275886f30a656a3ae91170b76df9c30.eot);
  src: url(/assets/League_Gothic-webfont-44d13a436c4112de867eae25029322ce9275886f30a656a3ae91170b76df9c30.eot?#iefix) format("embedded-opentype"), url(/assets/League_Gothic-webfont-c2fe70810861a60ea5bed5dca031a28f0a52475bc5e76ff55116f512ed27927c.woff) format("woff"), url(/assets/League_Gothic-webfont-152db8830c7aa90407196d29147fd5588689e132f825eba670ed5678e382b35e.ttf) format("truetype"), url(/assets/League_Gothic-webfont-4c60f826cb7f9ba97bc392157163948f964a1f00eed924b746890e54f6f81e74.svg#LeagueGothicRegular) format("svg");
  font-weight: normal;
  font-style: normal;
}
/* line 1, /srv/app/assets/stylesheets/partials/fonts.scss */
body {
  font-family: "GoudyBookletter1911Regular", serif;
  *font-size: small;
  *font: x-small;
}

/* line 7, /srv/app/assets/stylesheets/partials/fonts.scss */
select, input, button, textarea {
  font: 99% helvetica, arial, clean, sans-serif;
}

/* line 11, /srv/app/assets/stylesheets/partials/fonts.scss */
table {
  font-size: inherit;
  font: 100%;
}

/* line 16, /srv/app/assets/stylesheets/partials/fonts.scss */
pre, code, kbd, samp, tt {
  font-family: monospace;
  *font-size: 108%;
  line-height: 100%;
}

/* line 22, /srv/app/assets/stylesheets/partials/fonts.scss */
h1, h2, h3, h4, h5, h6 {
  font-family: "LeagueGothicRegular", helvetica, arial, clean, sans-serif;
}

/* line 3, /srv/app/assets/stylesheets/partials/chrome.scss */
html {
  min-height: 100%;
  background: url(/assets/background_texture-c40545dfba6b143b04d48cfc636636e1ef72de685ef963d64d21e5461bf06740.jpg);
}

/* line 8, /srv/app/assets/stylesheets/partials/chrome.scss */
legend {
  color: #000;
}

/* line 12, /srv/app/assets/stylesheets/partials/chrome.scss */
#container {
  height: 100%;
}

/* line 16, /srv/app/assets/stylesheets/partials/chrome.scss */
#header {
  font-size: 28pt;
  color: #FAF0E6;
  margin: 20px 0 20px 20px;
}
/* line 21, /srv/app/assets/stylesheets/partials/chrome.scss */
#header a {
  color: #FAF0E6;
}

/* line 26, /srv/app/assets/stylesheets/partials/chrome.scss */
#nav {
  text-align: right;
  margin: 20px 0 20px 0;
  padding: 0;
}

/* line 32, /srv/app/assets/stylesheets/partials/chrome.scss */
#main {
  background-color: #FAF0E6;
  padding: 0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

/* line 41, /srv/app/assets/stylesheets/partials/chrome.scss */
#nav ul {
  background-color: rgba(51, 0, 0, 0.4);
  float: right;
  margin: 0;
  padding: 10px 0 10px 20px;
  border-radius: 10px;
}

/* line 49, /srv/app/assets/stylesheets/partials/chrome.scss */
#nav li {
  float: left;
  margin: 0;
  padding-right: 20px;
  font-family: "LeagueGothicRegular", helvetica, arial, clean, sans-serif;
}

/* line 56, /srv/app/assets/stylesheets/partials/chrome.scss */
#nav a {
  color: #FAF0E6;
}

/* line 60, /srv/app/assets/stylesheets/partials/chrome.scss */
aside {
  background-color: rgba(51, 0, 0, 0.1);
  border-bottom-left-radius: 10px;
}

/* line 65, /srv/app/assets/stylesheets/partials/chrome.scss */
articlemain {
  padding: 20px;
}

/* line 70, /srv/app/assets/stylesheets/partials/chrome.scss */
.formtastic li.choice {
  height: 15px;
  display: block;
  position: relative;
}

/* line 77, /srv/app/assets/stylesheets/partials/chrome.scss */
.sortable article:hover {
  cursor: move;
}

/* line 82, /srv/app/assets/stylesheets/partials/chrome.scss */
#books li.ui-state-active {
  background-color: #FAF0E6;
}

/* line 88, /srv/app/assets/stylesheets/partials/chrome.scss */
dl.vertical-list dt {
  color: #666;
}

/* line 95, /srv/app/assets/stylesheets/partials/chrome.scss */
#recipes .meta dl dt {
  color: #666;
}

/* line 1, /srv/app/assets/stylesheets/partials/functions.scss */
img {
  max-width: 100%;
}

/* line 6, /srv/app/assets/stylesheets/partials/functions.scss */
dl.inline-list dt, dl.inline-list dd {
  display: inline;
}
/* line 10, /srv/app/assets/stylesheets/partials/functions.scss */
dl.inline-list dt:after {
  content: ":";
}
/* line 14, /srv/app/assets/stylesheets/partials/functions.scss */
dl.inline-list dd:after {
  content: ", ";
}
/* line 18, /srv/app/assets/stylesheets/partials/functions.scss */
dl.inline-list dd:last-child:after {
  content: "";
}

/* line 23, /srv/app/assets/stylesheets/partials/functions.scss */
figure {
  margin: 0;
}

/* line 28, /srv/app/assets/stylesheets/partials/functions.scss */
dl.vertical-list dd {
  padding-left: 10px;
}

/* line 34, /srv/app/assets/stylesheets/partials/functions.scss */
ul.inline-list li {
  display: inline;
}
/* line 38, /srv/app/assets/stylesheets/partials/functions.scss */
ul.inline-list li:after {
  content: ", ";
}
/* line 42, /srv/app/assets/stylesheets/partials/functions.scss */
ul.inline-list li:last-child:after {
  content: "";
}

/* line 48, /srv/app/assets/stylesheets/partials/functions.scss */
#recipes .media {
  margin: 0 10px 10px 10px;
}
/* line 51, /srv/app/assets/stylesheets/partials/functions.scss */
#recipes .media .img {
  width: 120px;
  height: 120px;
  margin: 0 10px 10px 0;
}
/*



 */