/** =css3
************************************************************/
/** =grid
************************************************************
@project  Easel
@see      http://blueprint-generator.kaizeku.com/
@see      http://www.jdclayton.com/blueprints_compress_a_walkthrough.html
************************************************************/
.col-1, .col-2, .col-3, .col-4,
.col-5, .col-6, .col-7, .col-8,
.col-9, .col-10, .col-11, .col-12,
.col-13, .col-14, .col-15, .col-16,
.col-17, .col-18, .col-19, .col-20,
.col-21, .col-22, .col-23, .col-24 {
  float: left;
  margin-right: 18px;
}

.col-1 {
  width: 63px;
}

.col-2 {
  width: 144px;
}

.col-3 {
  width: 225px;
}

.col-4 {
  width: 306px;
}

.col-5 {
  width: 387px;
}

.col-6 {
  width: 468px;
}

.col-7 {
  width: 549px;
}

.col-8 {
  width: 630px;
}

.col-9 {
  width: 711px;
}

.col-10 {
  width: 792px;
}

.col-11 {
  width: 873px;
}

.col-12 {
  width: 954px;
  margin: 0;
}

.last,
.col-last {
  margin-right: 0;
}

.append-1 {
  padding-right: 81px;
}

.append-2 {
  padding-right: 162px;
}

.append-3 {
  padding-right: 243px;
}

.append-4 {
  padding-right: 324px;
}

.append-5 {
  padding-right: 405px;
}

.append-6 {
  padding-right: 486px;
}

.append-7 {
  padding-right: 567px;
}

.append-8 {
  padding-right: 648px;
}

.append-9 {
  padding-right: 729px;
}

.append-10 {
  padding-right: 810px;
}

.append-11 {
  padding-right: 891px;
}

.prepend-1 {
  padding-left: 81px;
}

.prepend-2 {
  padding-left: 162px;
}

.prepend-3 {
  padding-left: 243px;
}

.prepend-4 {
  padding-left: 324px;
}

.prepend-5 {
  padding-left: 405px;
}

.prepend-6 {
  padding-left: 486px;
}

.prepend-7 {
  padding-left: 567px;
}

.prepend-8 {
  padding-left: 648px;
}

.prepend-9 {
  padding-left: 729px;
}

.prepend-10 {
  padding-left: 810px;
}

.prepend-11 {
  padding-left: 891px;
}

/** =grid for form inputs
************************************************************
@note column width minus left and right padding and borders
************************************************************/
.text input.col-1, .select input.col-1, textarea.col-1 {
  width: 57px;
}

.text input.col-2, .select input.col-2, textarea.col-2 {
  width: 138px;
}

.text input.col-3, .select input.col-3, textarea.col-3 {
  width: 219px;
}

.text input.col-4, .select input.col-4, textarea.col-4 {
  width: 300px;
}

.text input.col-5, .select input.col-5, textarea.col-5 {
  width: 381px;
}

.text input.col-6, .select input.col-6, textarea.col-6 {
  width: 462px;
}

.text input.col-7, .select input.col-7, textarea.col-7 {
  width: 543px;
}

.text input.col-8, .select input.col-8, textarea.col-8 {
  width: 624px;
}

.text input.col-9, .select input.col-9, textarea.col-9 {
  width: 705px;
}

.text input.col-10, .select input.col-10, textarea.col-10 {
  width: 786px;
}

.text input.col-11, .select input.col-11, textarea.col-11 {
  width: 867px;
}

.text input.col-12, .select input.col-12, textarea.col-12 {
  width: 948px;
}

.text input,
.textarea input,
.select input,
.file input {
  margin-right: 0;
}

/** =reset.css
************************************************************
@project  Easel
@see      http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/
@note     added .reset to element list and list-style: none to declaration
************************************************************/
.reset, .reset li, .reset dt, .reset dd, 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, strong, sub, sup, tt, var, b, u, i, center, 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-size: 100%;
  vertical-align: baseline;
  background: transparent;
  list-style: none;
}

/* =inline elements */
strong {
  font-weight: bold;
}

cite, em, var, dfn {
  font-style: italic;
}

abbr[title] {
  text-transform: lowercase;
  font-variant: small-caps;
  letter-spacing: 0.1em;
  cursor: help;
}

a abbr[title] {
  cursor: pointer;
}

ins {
  text-decoration: none;
  border-bottom: 1px dotted;
}

a ins {
  border: 0;
}

del {
  text-decoration: line-through;
}

sup, sub {
  font-size: 80%;
}

sup {
  vertical-align: super;
}

sub {
  vertical-align: sub;
}

/* =quotes */
blockquote, q {
  quotes: none;
}

/* =address */
address {
  font-style: normal;
}

/* =images */
img {
  max-width: 100%;
}

/* =pre */
pre {
  overflow-x: auto;
}

/** =utility classes
************************************************************/
.hide,
.js .js-hide,
.js-show {
  display: none;
}

.js .js-show {
  display: block;
}

.access {
  position: absolute;
  left: -999em;
}

.right {
  float: right;
}

.left {
  float: left;
}

.clear {
  clear: both;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  float: none;
}

.text-right {
  text-align: right;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.capitalize {
  text-transform: capitalize;
}

.smallcaps {
  font-variant: small-caps;
}

.no-border {
  border: none;
}

.no-bullet li,
li.no-bullet {
  padding: 0;
  background: none;
}

.hnav, .hnav li,
.vnav, .vnav li,
.inav, .inav li {
  list-style: none;
  margin: 0;
  padding: 0;
  background-image: none;
}

.hnav li {
  float: left;
  display: inline;
}

.hnav a,
.vnav a {
  display: block;
}

.inav li {
  display: inline;
}

a.img,
a.img img,
a.img:hover {
  border: none;
  background: none;
  text-decoration: none;
  display: block;
}

/** =cross browser inline-block
************************************************************
http://blog.hedgerwow.com/2007/11/14/item-list-grid-real-world-practice-with-displayinline-block-across-browsers/
************************************************************/
.btn,
.inline-block {
  display: -moz-inline-stack;
  /* Firefox need this to simulate display:inline-block */
  display: inline-block;
  /* IE does not apply this to Block Element, and Firefox does not render this, too */
  _overflow: hidden;
  /* fix IE6 to expanded content */
  zoom: 1;
  /* trigger hasLayout */
  *display: inline;
  /* once hasLayout is true, set display:inline to block element will make display:inline behave like display:inline-block */
}

/** =group (clearfix)
************************************************************
@see  http://www.positioniseverything.net/easyclearing.html
************************************************************/
.group:after,
.container:after,
.content:after,
.block:after,
.hnav:after,
.text:after,
.select:after,
.file:after {
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden;
}

.group,
.container,
.content,
.block,
.hnav,
.text,
.select,
.file {
  display: inline-block;
}

* html .group,
* html .content,
* html .mod,
* html .hnav,
* html .text,
* html .select,
* html .file {
  height: 1%;
}

.group,
.container,
.content,
.block,
.hnav,
.text,
.select,
.file {
  display: block;
}

/** =image replacement
************************************************************/
.replace,
.hform .error-message,
.big-three a,
.nav-main a,
.social a {
  text-indent: -999em;
  display: block;
  font-size: 0;
  overflow: hidden;
}

/** =forms.css
************************************************************
@project  Easel
************************************************************/
/** =inputs
************************************************************
@note Wrap inputs with a div and class with the type (text, select, file, etc)
@note Textareas and password input should get a text class as well as a textarea/password class as need for styling
************************************************************/
input, select, textarea, button {
  margin: 0;
}

input, select, textarea, button, label {
  vertical-align: top;
}

.text,
.textarea,
.select,
.file,
fieldset {
  position: relative;
}

.text,
.textarea,
.select,
.file,
fieldset.multi-line {
  margin-bottom: 1em;
}

textarea,
.text input {
  background: #f3f3f3;
  border: 1px solid #bbb;
  border-top-width: 2px;
  border-bottom-color: #e2e1dd;
  color: #525252;
  padding: 2px;
  font-size: 14px;
  overflow-y: auto;
}

textarea,
.text input,
.error.text input:focus,
.error.text textarea:focus {
  border-color: #bbb;
  border-bottom-color: #e2e1dd;
}

select,
textarea,
.text input,
.file input {
  display: block;
}

textarea {
  min-height: 80px;
  line-height: 1.2em;
  /* for jquery.autogrow */
}

textarea:focus,
.text input:focus {
  background-color: #fdffed;
}

.fancy input {
  font-weight: bold;
  letter-spacing: -0.015em;
  font-size: 16px;
}

fieldset.multi-line .text {
  margin-bottom: .25em;
}

.checkbox input,
.radio input,
.file input {
  width: auto !important;
  /* ensures widths do not get set with grid classes */
}

/* .text,
.textarea,
.select,
.file,
fieldset {
  clear: left;
} */
form span.required-mark {
  color: #8b7453;
}

form .field-note {
  float: right;
  font-size: 11px;
  font-style: italic;
  color: #8b7453;
  line-height: 1;
}

.text input,
textarea {
  width: 300px;
}

.text input {
  height: 17px;
  /* safari 4 needs height set */
}

.vform .select select {
  margin-top: 3px;
}

/** =labels
************************************************************/
.text label,
.select label,
.file label,
form .label {
  display: block;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  color: #2e251b;
}

.checkbox label,
.radio label {
  margin-left: .25em;
}

/** =legends
************************************************************/
.legend {
  color: #8b7453;
  font-weight: bold;
  font-size: 10px;
  border-bottom: 1px solid #e9e0cb;
  padding: 0 0 .75em;
  margin-bottom: 1.25em;
  text-transform: uppercase;
}

/** =fieldsets
************************************************************/
fieldset {
  margin: 0 0 1.5em;
}

/** =actions
************************************************************
@note container for submit buttons, reset, cancel, etc.
************************************************************/
.actions {
  text-align: right;
  border-top: 2px solid #e9e0cb;
  padding-top: 1.5em;
}

/** =hform
************************************************************
@note Horizontal form (labels and fields side by side)
************************************************************/
.hform .text label,
.hform .select label,
.hform .file label,
.hform .text input,
.hform .select input,
.hform .file input,
.hform select,
.hform textarea {
  float: left;
}

.hform label {
  text-align: right;
}

.hform .text label {
  padding: 6px 0 0;
}

.hform .fancy label {
  padding: 8px 0 0;
}

.hform .file label,
.hform .select label {
  line-height: 1.4;
  /* align label in Firefox */
}

.hform .actions {
  margin-top: .25em;
}

.label-space,
.vform.checkbox,
.vform .checkbox {
  margin-top: 1.35em;
}

/** =vform
************************************************************
@note   Vertical form (labels on top of fields)
************************************************************/
/* @note  for easy switching between vform and hform, othewise just use the 'access' class */
.vform label.replace {
  position: absolute;
  left: -999em;
}

.vform label {
  margin-bottom: .15em;
  float: left;
}

.vform .text input,
.vform select,
.vform .file input,
.vform textarea {
  clear: left;
}

.vform .checkbox input {
  vertical-align: middle;
}
.vform .checkbox label {
  display: inline;
  float: none;
  font-size: 12px;
}

.checkbox-single {
  margin-bottom: 1.35em;
}

/** =flash messages
************************************************************/
.box {
  padding: 10px;
  border: 1px solid #ccc;
  background: #F0F0F0;
  color: #555;
  min-height: 40px;
}

.box.single-line {
  padding: 15px 10px;
  min-height: 0;
  background-position: 10px 50% !important;
}

.box.error,
.box.failure {
  background-color: #FBE3E4;
  border-color: #FBC2C4;
}

.box.notice {
  background-color: #FFF6BF;
  border-color: #FFD324;
}

.box.success {
  background-color: #E6EFC2;
  border-color: #C6D880;
}

.box.error,
.box.failure,
.box.notice,
.box.success {
  background-repeat: no-repeat;
  background-position: 10px 13px;
  padding-left: 50px;
}

.box.failure,
.box.error {
  background-image: url(images/icons/caution-sign-red.png);
}

.box.notice {
  background-image: url(images/icons/caution-sign.png);
}

.box.success {
  background-image: url(images/icons/success-badge.png);
}

.box a,
.box a:hover {
  background: none;
  border: 0;
  color: #555;
}

.box.error, .box.error a,
.box.failure, .box.failure a {
  color: #D12F19;
}

.box.notice, .box.notice a {
  color: #695E52;
}

.box.success, .box.success a {
  color: #3D6C10;
}

.box a {
  text-decoration: underline;
}

/** =defaulttext jquery plugin
************************************************************
@see git.fusionary.com/fusionary/ee/default_install.git
************************************************************/
.default-text {
  font-style: italic;
  padding: 10px 6px 0;
}

/** =ajax form submission
************************************************************/
form {
  position: relative;
}

form .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 100;
}

.actions {
  position: relative;
  clear: both;
}

form .loading {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 100;
  background: #fff;
  padding-top: 1.5em;
  font-style: italic;
  font-weight: bold;
  color: #b3b3b3;
  font-size: 14px;
}

form .loading img {
  vertical-align: middle;
  margin-left: 5px;
}

.error-summary {
  margin-top: 1.5em;
}

.error-summary p {
  font-size: 14px;
  font-weight: bold;
}

/** =validation
************************************************************/
.error input, .error textarea {
  border-color: #c69b9b;
  border-bottom-color: #efcaca;
  background-color: #FBE3E4;
}

.error label,
.error label span.required-mark {
  color: #D12F19;
}

.error-message {
  font-size: 11px;
  color: #D12F19;
  font-weight: normal;
}

.error-summary .error-message {
  margin-left: 5px;
}

.error-summary li {
  background: none;
  padding: 0;
  font-weight: bold;
  font-size: 18px;
}

.hform .error-message,
.vform .error-message {
  display: block;
  text-align: right;
  background: #fff;
  line-height: 1em;
}

.hform .error-message {
  background: url(images/icons/caution-sign-sm.png) no-repeat;
  width: 17px;
  height: 16px;
  top: 6px;
  right: -22px;
}

.vform .error-message,
.radios .error-message,
.checkboxes .error-message {
  top: 0;
  right: 0;
  min-width: 100px;
  text-align: right;
}

.error-summary-message {
  margin-left: 10px;
  font-size: 11px;
}

.content-main div.error-summary ul {
  margin-top: 0;
}

/** =sliding doors buttons (with hover)
************************************************************
@see    http://www.filamentgroup.com/lab/styling_the_button_element_with_sliding_doors
@see    http://git.fusionary.com/?p=fusionary/build_tools.git
************************************************************/
.btn {
  border: 0;
  cursor: pointer;
  font-weight: bold;
  padding: 0 10px 0 0;
  text-align: center;
  font-size: 10px;
  text-transform: uppercase;
  background: none;
  position: relative;
}

.btn span {
  position: relative;
  display: block;
  white-space: nowrap;
  padding: 0 0 0 10px;
  height: 26px;
  line-height: 24px;
  color: #fefefe;
}

/* removes 1px border in FF */
button::-moz-focus-inner {
  border: none;
  padding: 0;
}

/* using a sprite instead of four separate images... */
.btn,
.btn span {
  background-image: url(images/buttons/sprite-red.png);
  background-repeat: no-repeat;
}

.btn {
  background-position: 100% 0;
}

.btn span {
  background-position: 0 -100px;
}

.btn:hover {
  background-position: 100% -200px;
}

.btn:hover span {
  background-position: 0 -300px;
}

.btn:active {
  background-position: 100% -400px;
}

.btn:active span {
  background-position: 0 -500px;
}

.btn:active {
  top: 1px;
}

a.btn {
  background-color: transparent !important;
}

/** =base.css
************************************************************
@project    Easel
@note       Baseline typography and style
************************************************************/
/** =typographic baseline
************************************************************/
body {
  font-size: 14px;
  line-height: 1.5em;
  color: #3e3b38;
}

.footer {
  color: #b9a988;
}

/** =margins
************************************************************/
p, table, form, pre, ul, ol, dl, address, .box {
  margin-bottom: 1.5em;
}

ul, ol {
  margin-right: .75em;
  margin-left: .75em;
}

ol, pre {
  margin-left: 1.5em;
}

li {
  margin-bottom: .25em;
  line-height: 1.25;
}

li ol, li ul {
  margin-bottom: 0;
  margin-top: .75em;
}

li p, blockquote p {
  margin-bottom: .75em;
}

.content-main p + ul {
  margin-top: -1.5em;
}

/** =lists
************************************************************/
ol li {
  list-style: decimal;
}

ul li {
  list-style: none;
}

dt {
  font-weight: bold;
}

ul li {
  background: url(images/bullet-black.png) no-repeat 0 0.5em;
  padding-left: .75em;
}

dt {
  font-weight: bold;
}

dd {
  margin-bottom: .75em;
}

.reset dt {
  font-weight: normal;
}

/** =blockquote
************************************************************/
blockquote {
  font-style: italic;
  margin: 1.5em;
}

blockquote em,
blockquote cite {
  font-style: normal;
}

/** =table
************************************************************/
table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}

th {
  font-weight: bold;
}

th, td {
  padding: 4px 10px;
  text-align: left;
}

tr.alt td,
tr.alt th {
  background: #F4F4F4;
}

tfoot {
  font-style: italic;
}

caption {
  font-weight: bold;
}

/** =headings
************************************************************/
h1, h2, h3, h4, h5, h6 {
  margin-bottom: .25em;
  font-weight: normal;
  color: #2e251b;
}

h2, h3, h4, h5, h6 {
  font-weight: bold;
}

h1, h2, h3 {
  line-height: 1em;
}

h4, h5, h6 {
  line-height: 1.2em;
}

h1 {
  font-size: 30px;
}

h2 {
  font-size: 16px;
}

h3 {
  font-size: 16px;
}

h4 {
  font-size: 14px;
}

h5 {
  font-size: 14px;
}

h6 {
  font-size: 14px;
}

.content-main h2,
.home-main h2 {
  font-style: italic;
  margin-bottom: 1.5em;
  color: #2c2c2c;
}

.home-main h2 {
  margin-bottom: .625em;
}

/** =links
************************************************************/
a {
  color: #cd2420;
  text-decoration: none;
  cursor: pointer;
  border-bottom: 1px solid transparent;
}

a:focus,
a:hover {
  color: #8c0b08;
  border-bottom: 1px solid #f6e3e3;
}

a.alt,
li.rss a.alt {
  color: #6a6356;
  border-bottom: 1px solid #e9e0cb;
  font-weight: normal;
}

a.alt:hover,
li.rss a.alt:hover {
  color: #2c2c2c;
  border-bottom-color: #d3cbb9;
}

.biglink:hover,
.biglink:hover * {
  cursor: pointer;
  color: #8c0b08;
}

/** =inline images
************************************************************
@note Images, linked images, and caption wrappers get floated left by default when inside of <p> tags. Override with .right class.
************************************************************/
p img, p img.left, p a.img.left img, p .captioned {
  margin: .75em 1.25em .75em 0;
  float: left;
  display: inline;
}

p img.right,
p a.img.right img,
p .captioned.right {
  margin: .75em 0 .75em 1.25em;
}

p img.top,
p a.img.top img,
p .captioned.top {
  margin-top: 0;
}

/** =fonts
************************************************************/
.serif,
body,
.content-wrapper h1,
h2,
.intro,
.article-nav .date {
  font-family: Palatino, "Palatino Linotype", Georgia, Times, "Times New Roman", serif;
}

.sans-serif,
.super,
.footer,
.nav-local,
.slideshow .controls,
.more,
a.alt,
.news-list .inner,
.pagination,
h3, h4, h5, h6,
.media-block,
.article h2,
textarea,
label,
.label,
.field-note,
.hform .error-message,
.vform .error-message,
form {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.monospace, pre, code, kbd, tt, samp {
  font-family: "Andale Mono", "Courier New", Courier, monospace;
}

.intro {
  font-size: 18px;
  line-height: 1.2em;
  color: #8b7453;
  margin-bottom: 1.2em;
}

p.intro {
  margin-bottom: 1em;
}

.footer,
.slideshow .controls,
.more,
a.alt,
.footer,
.news-list a,
.pagination {
  font-size: 12px;
  letter-spacing: .025em;
}

.super,
.news-list .publish-date .month {
  font-size: 11px;
  letter-spacing: .025em;
}

.content-wrapper h1 {
  letter-spacing: -0.01em;
}

/** =ruled
************************************************************/
.ruled li {
  border-bottom: 1px solid #e9e0cb;
  background: none;
  padding: 0 0 .66em;
  /* adjust for border pixel */
  margin: 0 0 .75em;
}

.ruled {
  padding-top: .75em;
}

.ruled.links {
  padding-top: 0;
}

.ruled.links li {
  margin: 0;
  padding: 0;
}

.ruled.links a {
  display: block;
  padding: .75em 0 .66em;
}

.add-this {
  position: absolute;
  top: 180px;
  left: -42px;
  width: 22px;
  padding: 6px 10px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  text-align: center;
  margin: 0;
  box-shadow: 0 1px 2px #aaaaaa;
  -moz-box-shadow: 0 1px 2px #aaaaaa;
  -webkit-box-shadow: 0 1px 2px #aaaaaa;
  filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=$x, OffY=$y, Color='$c');
  -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=$x, OffY=$y, Color='$c')";
}
.add-this h5 {
  font-size: 9px;
  text-transform: uppercase;
  color: #555;
  margin-left: -4px;
}
.add-this a {
  margin-bottom: 6px;
}
.add-this a:hover {
  border-bottom-width: 0;
  padding-bottom: 1px;
}
.add-this a.addthis_button_google_plusone {
  background-image: none;
  width: 25px;
  margin-left: -5px;
}

.ie6 .add-this {
  left: 0;
  top: 180px;
}

.fixit .add-this {
  position: fixed;
  top: 20px;
}

body.narrow .add-this {
  position: relative;
  width: auto;
  top: 0;
  left: 0;
  border-width: 0;
  box-shadow: 0 0 0 black;
  -moz-box-shadow: 0 0 0 black;
  -webkit-box-shadow: 0 0 0 black;
  filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=$x, OffY=$y, Color='$c');
  -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=$x, OffY=$y, Color='$c')";
  background-color: transparent;
  /* bumps it up into the footer more for baker sites */
  margin-top: -80px;
}
body.narrow .add-this h5 {
  text-align: left;
}

@media (max-width: 1058px) {
  .add-this {
    position: relative;
    width: auto;
    top: 0;
    left: 0;
    border-width: 0;
    box-shadow: 0 0 0 black;
    -moz-box-shadow: 0 0 0 black;
    -webkit-box-shadow: 0 0 0 black;
    filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=$x, OffY=$y, Color='$c');
    -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=$x, OffY=$y, Color='$c')";
    background-color: transparent;
    /* bumps it up into the footer more for baker sites */
    margin-top: -80px;
  }
  .add-this h5 {
    text-align: left;
  }
}
.hide-accessibly {
  position: absolute;
  left: -1000em;
}

/** =screen.css
************************************************************
@project The Culinary Institute of Michigan
@colordef #fcf7ed;
  cream (body bg)
@colordef #3e3b38;
  dark gray (body text)
@colordef #8b7453;
  brown (intro text)
@colordef #453d36;
  dark brown (baker system bar)
@colordef #cd2420;
  red (links)
@colordef #2c2c2c;
  dark gray (section header)
@colordef #2e251b;
  dark gray (page header,on cutting board)
@colordef #b9a988;
  light brown (footer text)
************************************************************/
/** =structure
************************************************************/
body {
  background: #fcf7ed url(images/bg-grad.png) repeat-x;
}

.container {
  margin: 0 auto;
  width: 954px;
}

.content-wrapper {
  background: url(images/bg-interior.png) repeat-y 0 4px;
  padding: 0 20px 50px;
  min-height: 367px;
}

.content-wrapper h1 {
  background: url(images/wood-header.png) no-repeat scroll top left;
  height: 74px;
  width: 954px;
  margin: 0 0 0 -6px;
  padding: 0 24px;
  line-height: 71px;
  color: #2e251b;
  font-weight: normal;
  text-shadow: 0 0 2px #844238;
  position: relative;
  z-index: 10;
}

.content-main {
  padding-top: 10px;
}

.header {
  margin-top: 32px;
  margin-bottom: 17px;
}

.header .logo {
  padding-top: 16px;
  float: left;
  width: 430px;
  height: 68px;
  margin-left: -18px;
  position: relative;
}

.footer {
  background: url(images/bg-interior-btm.png) no-repeat;
  position: relative;
  padding: 6px 20px 6em;
}

.footer .inner {
  background: url(images/logo-bkr-footer.png) no-repeat 100% 10px;
  padding: 5px 74px 0 240px;
  min-height: 53px;
}

.decor-footer {
  position: absolute;
  left: -33px;
  top: -47px;
  width: 314px;
  height: 125px;
  z-index: 10;
}

.page-nav-local .content-wrapper {
  background: url(images/bg-interior-sidebar.png) repeat-y;
}

.page-nav-local .content-wrapper {
  padding: 0 2px 50px;
  width: 990px;
}

.page-nav-local .content-main {
  width: 711px;
  margin-left: 263px;
}

.page-nav-local .content-side {
  width: 205px;
  margin-left: -974px;
  margin-top: -4px;
  padding: 18px 19px 0;
}

.page-nav-local .content-main,
.page-nav-local .content-side {
  float: left;
}

/** =nav-main
************************************************************/
.nav-main {
  width: 504px;
  height: 30px;
  float: right;
  margin-right: -50px;
  margin-top: 38px;
}

.nav-main li {
  float: left;
}

.nav-main li a {
  background: url(images/nav-main.png) no-repeat;
  height: 30px;
  border: 0;
}

.nav-main li.li-1 a {
  width: 83px;
}

.nav-main li.li-1 a:hover {
  background-position: 0 -100px;
}

.nav-main li.li-1 a.active {
  background-position: 0 -200px;
}

.nav-main li.li-2 a {
  width: 149px;
  background-position: -83px 0px;
}

.nav-main li.li-2 a:hover {
  background-position: -83px -100px;
}

.nav-main li.li-2 a.active {
  background-position: -83px -200px;
}

.nav-main li.li-3 a {
  width: 74px;
  background-position: -232px 0px;
}

.nav-main li.li-3 a:hover {
  background-position: -232px -100px;
}

.nav-main li.li-3 a.active {
  background-position: -232px -200px;
}

.nav-main li.li-4 a {
  width: 52px;
  background-position: -306px 0px;
}

.nav-main li.li-4 a:hover {
  background-position: -306px -100px;
}

.nav-main li.li-4 a.active {
  background-position: -306px -200px;
}

.nav-main li.li-5 a {
  width: 75px;
  background-position: -358px 0px;
}

.nav-main li.li-5 a:hover {
  background-position: -358px -100px;
}

.nav-main li.li-5 a.active {
  background-position: -358px -200px;
}

.nav-main li.li-6 a {
  width: 71px;
  background-position: -433px 0px;
}

.nav-main li.li-6 a:hover {
  background-position: -433px -100px;
}

.nav-main li.li-6 a.active {
  background-position: -433px -200px;
}

/** =baker college system nav
************************************************************/
.super {
  background: #453d36;
  border-bottom: 2px solid #cd2420;
  position: absolute;
  text-align: center;
  height: 30px;
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
}

.super .inner {
  position: relative;
  left: -35px;
}

.super .logo {
  position: absolute;
  top: 9px;
  left: 0;
}

.super .nav {
  width: 999em;
  position: absolute;
  left: 160px;
}

.super .nav a {
  color: #fff;
  height: 30px;
  line-height: 30px;
  padding: 0 13px;
  border: 0;
}

.super .nav a:hover {
  background-color: #4D443F;
  color: #F1E5DF;
}

.super .nav a.active {
  background-color: #3b342e;
  color: #fff;
}

/** =footer
************************************************************/
.footer .nav {
  margin-bottom: 2px;
}

.footer .nav li {
  background: url(images/dotted-vert-brown.png) no-repeat 100% 50%;
}

.footer .nav li,
.footer .nav li a {
  margin-right: 7px;
}

.footer .nav li.last,
.footer .nav li.last a {
  background: none;
  margin-right: 0;
}

.footer .legal {
  clear: both;
  float: right;
}

.footer .nav-wrapper {
  float: right;
  padding-top: 10px;
}

/** =nav-local
************************************************************/
.nav-local {
  margin: -18px -19px 12px;
}

.nav-local li {
  border-bottom: 1px solid #eee7d9;
}

.nav-local li li {
  border-bottom: 0;
}

.nav-local a,
.nav-local .hdg {
  padding: 8px 18px;
  font-weight: bold;
  display: block;
}

.nav-local a,
.nav-local li.here ul a {
  background: #f6f0e5 url(images/nav-sidebar-sprite.png) repeat-y;
  border: 0;
  color: #CD2420;
}

.nav-local a:hover {
  color: #2e251b;
}

.nav-local li.here a,
.nav-local li.parent-here li.here a {
  color: #2e251b;
  background-position: -243px 0;
  background-color: #f6f0e5;
  font-weight: bold;
}

.nav-local ul {
  margin: 0;
}

.nav-local li.sub-level-1 a,
.nav-local ul li a,
.nav-local li.here li a {
  padding: 4px 36px;
  font-weight: normal;
  font-size: 12px;
}

.nav-local ul li.sub-level-1,
.nav-local ul li {
  border-top: 1px dotted #eee7d9;
}

.nav-local li ul li.sub-level-1.last a,
.nav-local li ul li.last a {
  padding-bottom: 6px;
}

.nav-local li ul li.sub-level-1.last,
.nav-local li ul li.last {
  border-bottom: none;
}

.article-nav .date {
  font-size: 11px;
  color: #8b7453;
  display: block;
  font-style: italic;
  font-weight: normal;
}

li.rss {
  padding: 15px 18px;
}

li.rss a {
  display: inline;
}

a.rss-help {
  padding: 0;
}

/** =common
************************************************************/
.intro {
  font-size: 18px;
  margin-bottom: 1.25em;
  color: #8b7453;
}

a.more,
p.more a {
  font-weight: bold;
}

.block,
li.block {
  display: block;
  margin-bottom: 18px;
}

.framed {
  border: 3px solid #FAF5EA;
}

.framed-alt {
  background-color: #fff;
  padding: 1px;
  border: 2px solid #eee7d9;
}

/** =homepage
************************************************************/
.home-splash {
  background: url(images/wood-home.jpg) no-repeat scroll top left;
  width: 954px;
  padding: 23px 24px 0;
  margin: 0 -24px 24px;
  height: 309px;
}

.home-splash .slideshow,
.home-splash .ad-feature,
.home-splash .big-three {
  float: left;
  margin-right: 18px;
}

.home-splash .ad-feature {
  width: 306px;
}

.home-splash .big-three {
  margin-right: 0;
}

.home-splash .big-three a {
  border: 0;
}

.slideshow,
.slideshow .slides,
.slideshow * {
  overflow: hidden;
  width: 514px;
}

.slideshow .slides,
.slideshow * {
  height: 252px;
  background: #000;
}

.slideshow {
  height: 282px;
  position: relative;
}

.slideshow .controls {
  height: 24px;
  padding: 6px 12px;
  background: url(images/bg-slideshow-controls.png) no-repeat;
}

.slideshow .controls a {
  background: url(images/circle-sprite.png) no-repeat;
  width: 18px;
  height: 18px;
  line-height: 17px;
  float: left;
  margin: 0 2px;
  text-align: center;
  color: #fff;
  border: 0;
}

.slideshow .controls a.activeSlide {
  background-position: 0 -100px;
}

.slideshow b {
  position: absolute;
  width: 2px;
  height: 2px;
  font-size: 0px;
  top: 0;
  z-index: 200;
  background: url(images/wood-rnd-corners.png) no-repeat;
}

.slideshow b.tl {
  left: 0;
}

.slideshow b.tr {
  top: 0;
  right: 0;
  background-position: 100% 0;
}

.home-splash .big-three a {
  background: url(images/buttons/big-3-home-sprite.png) no-repeat;
  width: 98px;
  height: 90px;
  margin-bottom: 6px;
}

.home-splash .big-three a:hover {
  background-position: -100px 0;
}

.home-splash .big-three .li-2 a {
  background-position: 0 -100px;
}

.home-splash .big-three .li-2 a:hover {
  background-position: -100px -100px;
}

.home-splash .big-three .li-3 a {
  background-position: 0 -200px;
}

.home-splash .big-three .li-3 a:hover {
  background-position: -100px -200px;
}

.home-main .inner {
  background: url(images/bg-box-grad.png) no-repeat;
  padding: 17px 12px;
}

.news-list .publish-date {
  background: url(images/date-box-map.png) no-repeat;
  width: 41px;
  height: 35px;
  display: block;
  text-align: center;
  color: #2c2c2c;
  font-weight: bold;
  float: left;
  text-indent: -2px;
  padding-top: 5px;
}

.news-list .publish-date span {
  display: block;
}

.news-list .publish-date .month {
  text-transform: uppercase;
  color: #8b7453;
  line-height: 1em;
}

.news-list ul {
  margin: 0 0 10px;
}

.news-list .ruled li {
  overflow: hidden;
  padding: 12px 0 8px;
}

.news-list ul a.title {
  float: left;
  border: 0;
  padding: 3px 8px 0;
  width: 225px;
}

.news-list a.more {
  float: right;
}

.news-list .inner {
  padding-top: 5px;
}

a.rss {
  font-weight: bold;
  background: url(images/icons/rss-sprite.png) no-repeat;
  padding: 0 0 0 20px;
  border: 0;
}

a.rss:hover {
  background-position: 0 -100px;
}

a.rss-help {
  margin-left: 3px;
}

.home-main .inner {
  min-height: 19.5em;
}

.home-main p.more {
  margin-bottom: 0;
}

.ad-feature a {
  margin-bottom: 6px;
}

.ad-feature a.last {
  margin-bottom: 0;
}

/** =news
************************************************************/
body.news .article .publish-date {
  color: #8b7453;
  font-style: italic;
  font-size: 13px;
  margin-bottom: 1.5em;
}

body.news-listing .article {
  border-bottom: 1px solid #E6CDBB;
  padding: 0 0 .75em;
  margin-bottom: 1.5em;
}

.article h2 {
  font-style: normal;
  font-size: 20px;
  margin-bottom: .15em;
}

/** =pagination
************************************************************/
.pagination span,
.pagination a,
.pagination strong {
  float: left;
  padding: 2px 6px;
  border: 1px solid #DBD6CE;
  line-height: 1.2em;
  font-weight: bold;
  margin-right: 6px;
  color: #ABA8A2;
  background: #F4EFE6;
}

.pagination a:hover {
  border-color: #B8B4AE;
}

.pagination strong,
.pagination .current {
  border-color: #cd2420;
  background: #cd2420;
  color: #fff;
}

/** =media blocks on pages
************************************************************/
.media-block,
.person-info {
  float: right;
  width: 225px;
  margin-left: 1.5em;
}

.person-info {
  margin-bottom: 12px;
}

.media-block img {
  display: block;
}

.single-vid,
.multi-vid,
.media-block .img {
  margin-bottom: 12px;
  background: #faf5ea;
  line-height: 1.2em;
  font-size: 12px;
}

.single-vid,
.multi-vid {
  -moz-border-radius: 3px;
  /* gecko */
  -webkit-border-radius: 3px;
  /* webkit */
  border-radius: 3px;
  /* w3 */
  background: #faf5ea;
}

.media-block .img {
  padding: 3px;
}

.media-block a {
  font-weight: bold;
}

/* single-vid */
.single-vid {
  padding: 9px;
}

.single-vid .vid {
  background: url(images/video-frame.png) no-repeat;
}

.single-vid img {
  padding: 9px 10px 11px;
}

.single-vid .subtitle {
  display: block;
  margin-top: 3px;
}

.single-vid .meta {
  padding: 0 0 0 40px;
  background: url(images/buttons/play-sprite.png) no-repeat 3px 5px;
}

/* multi-vid */
.multi-vid {
  padding: 7px 12px 6px;
}

.multi-vid .vid {
  border-bottom: 1px solid #eee7d9;
  padding: 5px 0 6px;
  position: relative;
  clear: both;
}

.multi-vid .last {
  border: none;
}

.multi-vid img {
  float: left;
  margin-right: 9px;
}

.multi-vid .meta {
  margin-top: 4px;
}

.multi-vid .subtitle {
  display: block;
  margin-top: 4px;
}

.multi-vid .btn-play {
  position: absolute;
  bottom: 4px;
  left: 43px;
  margin: 0;
}

/** =big three sidebar ads
************************************************************/
.content-side .big-three a {
  background: url(images/buttons/big-3-sidebar-sprite.png) no-repeat;
  width: 205px;
  height: 66px;
  margin-bottom: 6px;
  border: 0;
}

.content-side .big-three li.li-1 a:hover {
  background-position: -205px 0;
}

.content-side .big-three li.li-2 a {
  background-position: 0 -76px;
}

.content-side .big-three li.li-2 a:hover {
  background-position: -205px -76px;
}

.content-side .big-three li.li-3 a {
  background-position: 0 -152px;
}

.content-side .big-three li.li-3 a:hover {
  background-position: -205px -152px;
}

/** =facutly & staff
************************************************************/
.profile-listing img {
  float: left;
  margin-right: 6px;
}

.profile-listing .main {
  margin-left: 150px;
}

.profile-listing .position {
  color: #8b7453;
  font-style: italic;
  font-size: 13px;
}

.profile-listing li.even {
  margin-right: 0;
}

.profile-listing li {
  width: 337px;
  margin-right: 20px;
  float: left;
}

.content-main ul.reset {
  margin-top: 0;
}

/** =visit form
************************************************************/
#visit_form {
  width: 650px;
}
#visit_form .visit-info {
  float: right;
}
#visit_form #comments {
  height: 206px;
}
#visit_form .ui-datepicker-trigger {
  cursor: pointer;
  position: absolute;
  right: -20px;
  top: 18px;
}
#visit_form .date {
  border-width: 0;
  background-color: transparent;
  padding-right: 4px;
}
#visit_form .error .hasDatepicker,
#visit_form .error .date {
  background-color: #FBE3E4;
}

#contact_form {
  width: 306px;
  float: left;
}

/** =social links
************************************************************/
.social {
  border: 1px solid #e5dccb;
  border-top: 0;
  border-bottom: 0;
  padding: 10px;
  float: right;
  margin-left: 10px;
  position: relative;
}

.social h4 {
  font-style: italic;
  display: block;
  clear: left;
  text-align: center;
  font-weight: bold;
  color: #B9A988;
  font-size: 12px;
  margin-top: 6px;
}

.social a {
  background: url(images/buttons/social-links.png) no-repeat;
  width: 16px;
  height: 16px;
  float: left;
  margin: 0 2px;
  border: 0;
}

.social a.twitter {
  background-position: -100px 0;
}

.social a.twitter:hover {
  background-position: -100px -100px;
}

.social a.youtube {
  background-position: -200px 0;
}

.social a.youtube:hover {
  background-position: -200px -100px;
}

.social a.facebook {
  background-position: 0 0;
}

.social a.facebook:hover {
  background-position: 0 -100px;
}

/** =landing
************************************************************/
.page-landing .super .inner,
.page-landing .nav-main,
.page-landing .footer .nav,
.page-landing .footer .social {
  display: none;
}

.page-landing .legal span {
  display: inline !important;
}

/** =survey
************************************************************/
.rate-survey th,
.rate-survey td {
  text-align: center;
}

.rate-survey thead th {
  font-size: 11px;
  line-height: 1em;
  color: #666;
}

.rate-survey tbody th {
  text-align: right;
}

.rate-survey input {
  vertical-align: middle;
}

.courses_mailing_list_opt_in input,
.courses_mailing_list_opt_in label {
  float: left;
}

.courses_mailing_list_opt_in input {
  margin: .15em .5em 0 0;
}

.courses_mailing_list_opt_in label {
  line-height: 1.2em;
  font-style: italic;
  font-size: 12px;
  text-align: left;
}