html, body {
  background-color: #c02844;
  font-family: serif;
  color: #000;
  margin: 0;
  padding: 0; }

h1 {
  text-align: center;
  font-weight: normal;
  font-size: 1.4em;
  font-style: oblique; }

h2 {
  font-weight: normal;
  font-size: 1.3em; }
  h2 a {
    color: black;
    text-decoration: none; }
    h2 a:hover {
      text-decoration: underline; }

a img {
  border-style: none; }

p {
  line-height: 1.5em; }

* {
  border-color: black; }

form {
  width: 30%;
  margin: 0 auto;
  font-family: sans-serif; }
  form label {
    display: block;
    letter-spacing: 0.2em;
    font-variant: small-caps; }
  form input, form textarea {
    margin-top: 0.3em;
    margin-bottom: 1em;
    
    border-color: #aaa;
    font-size: 0.8em;
    width: 100%; }
  form textarea {
    height: 5em;
    font-family: sans-serif; }
    form textarea#page_body {
      height: 15em; }
  form .button {
    width: auto;
    padding-left: 0.4em;
    padding-right: 0.4em;
    
    font-size: 1em; }
  form p {
    font-size: 0.7em; }
  #MB_window form {
    width: 100%; }
    #MB_window form .button {
      display: block;
      margin: 0 auto;
      text-align: center;
      background-color: #ffeebb;
      border-color: #ddcc99; }

.imagebox {
  text-align: center; }

#main {
  position: absolute;
  width: 100%;
  top: 75px;
  bottom: 8%;
  background-color: #ffeebb; }
  #main .gradient {
    width: 100%;
    position: absolute;
    height: 5px;
    opacity: .7; }
    #main .gradient.top {
      top: 0; }
    #main .gradient.bottom {
      bottom: 0; }
  #main .content {
    overflow: auto;
    position: absolute;
    top: 5px;
    bottom: 5px;
    left: 1em;
    right: 1em; }
    .static.admin #main .content {
      overflow: hidden; }

#header h1 {
  position: absolute;
  top: 15px;
  right: 1em;
  margin: 0;
  color: #ffeebb; }
#header .title {
  position: absolute;
  z-index: 2;
  margin-top: 5px;
  margin-left: 10px; }
#header .cherry {
  position: absolute;
  opacity: 0.7; }
  #header .cherry.right {
    position: absolute;
    top: 0;
    right: 200px; }
  #header .cherry.bottom {
    position: absolute;
    bottom: 0;
    left: 20px; }

#footer {
  position: absolute;
  bottom: 4%;
  width: 100%;
  text-align: center;
  color: #b8af4c;
  font-weight: bold; }
  #footer a {
    color: #b8af4c;
    text-decoration: none; }
    #footer a:hover {
      text-decoration: underline; }

#categories .category {
  width: 30%;
  float: left;
  margin-left: 3.5%; }
  #categories .category:first-child {
    margin-left: 0;
    margin-right: 1%; }

.categories.index #categories .category .image:hover img {
  background-color: #ffffff; }
.categories.index #categories .category .image img {
  background-color: #ffffdd; }
.categories.index #categories .category img {
  padding: 20px 15px; }

.static.admin #categories {
  height: 100%;
  padding-top: 1%; }
.static.admin .category {
  background-color: #dddddd;
  height: 90%;
  position: relative; }
  .static.admin .category .row {
    position: relative;
    height: 100px;
    text-align: center;
    border-top-style: solid;
    border-top-width: 2px;
    border-top-color: #777777; }
    .static.admin .category .row:first-child {
      border-top-style: none; }
    .static.admin .category .row .edit {
      position: absolute; }
    .static.admin .category .row .name {
      position: absolute;
      margin: 0;
      padding: 0; }
    .static.admin .category .row .image {
      border-style: none;
      border-width: 2px;
      border-color: #777777;
      
      width: 100px;
      height: 100px;
      position: absolute;
      top: 0; }
    .static.admin .category .row.even {
      background-color: #bbbbbb; }
  .static.admin .category .title {
    background-color: #eeeeee; }
    .static.admin .category .title .edit {
      right: 116px;
      top: 39px; }
    .static.admin .category .title .image {
      right: 0;
      border-left-style: solid; }
    .static.admin .category .title h2 {
      top: 32px;
      font-size: 1.6em;
      left: 0;
      right: 101px; }
  .static.admin .category .new {
    height: 25px;
    font-size: 17px;
    text-align: center; }
    .static.admin .category .new a {
      display: block;
      text-decoration: none;
      margin: 0 auto;
      position: relative;
      top: 2px; }
    .static.admin .category .new img {
      position: relative;
      top: -2px;
      vertical-align: middle; }
  .static.admin .category .items {
    position: absolute;
    top: 125px;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto; }
    .static.admin .category .items .edit {
      right: 16px;
      top: 20px; }
    .static.admin .category .items .destroy {
      position: absolute;
      right: 16px;
      bottom: 20px; }
    .static.admin .category .items .image {
      left: 0;
      border-right-style: solid; }
    .static.admin .category .items h3 {
      left: 100px;
      right: 0;
      top: 38px; }

.pages p {
  padding: 0 7%; }

#carousel-positioner {
  position: absolute;
  width: 100%;
  bottom: 0; }

#carousel-container {
  position: relative;
  margin: 0 auto;
  width: 724px;
  height: 122px;
  overflow: hidden; }
  #carousel-container .arrow {
    cursor: pointer;
    position: absolute;
    top: 43px; }
    #carousel-container .arrow.disabled {
      opacity: 0.3;
      cursor: auto; }
  #carousel-container #prev-arrow {
    left: 0; }
  #carousel-container #next-arrow {
    right: 0; }

.carousel-component {
  padding: 0;
  width: 672px;
  margin: 0 auto; }
  .carousel-component ul {
    margin: 0;
    padding: 0; }
    .carousel-component ul li {
      width: 102px;
      overflow: hidden;
      margin: 0;
      margin-left: 5px;
      margin-right: 5px;
      
      padding: 0;
      text-align: center; }
      .carousel-component ul li a {
        display: block;
        height: 102px;
        width: 102px;
        background-color: white; }
        .carousel-component ul li a:hover img {
          opacity: 0.5; }
        .carousel-component ul li a img {
          border-style: solid;
          border-width: 1px;
          border-color: white; }
      .carousel-component ul li .caption {
        display: block;
        font-size: 0.6em; }

#item_view {
  position: absolute;
  top: 10px;
  bottom: 127px;
  left: 0;
  right: 0;
  overflow: auto;
  text-align: center; }
  #item_view .caption {
    position: absolute;
    top: 0;
    right: 2em;
    width: 20%; }
    #item_view .caption p {
      text-align: left; }