@font-face {
  font-family: 'BlackJackRegular';
  src: url("../fonts/black_jack-webfont.eot");
  src: url("../fonts/black_jack-webfont.eot#iefix") format("embedded-opentype"), url("../fonts/black_jack-webfont.woff") format("woff"), url("../fonts/black_jack-webfont.ttf") format("truetype"), url("../fonts/black_jack-webfont.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

.smooth {
  font: normal normal normal 4em BlackJackRegular, Arial, sans-serif; }

h2#page_heading {
  font-family: BlackJackRegular;
  color: #de69a0;
  font-size: 24pt;
  padding-bottom: 10px; }

body {
  border-top: 0px;
  padding-bottom: 0px;
  background-color: #c5faff; }

#white_background {
  width: 100%;
  background-color: white; }

#header {
  font-size: 300%; }
  #header #logo {
    float: left; }
  #header #donate {
    float: right; }

#footer {
  z-index: 2; }

#waves {
  background-image: url("../images/new_waves.png");
  background-repeat: repeat-x;
  background-position: bottom left;
  background-attachment: relative;
  height: 300px; }

#whale {
  width: 100%; }
  #whale img {
    float: right; }
  #whale span.media {
    float: left;
    padding-left: 50px; }
    #whale span.media img {
      position: relative;
      top: 50px;
      width: 50px; }

.date {
  background-color: #eaa1c1;
  /* background-color: #de69a0; */
  text-align: center;
  width: 80px;
  /* color: white; */
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  font: normal normal normal 1em Arial, sans-serif; }
  .date .month {
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-top-left-radius: 20px;
    -moz-border-top-right-radius: 20px;
    padding-top: 3px;
    font-size: 1.5em;
    font-weight: normal; }
  .date .day {
    font-weight: normal;
    font-size: 3em;
    padding: 0px 5px 0px 5px; }
  .date .year {
    font-weight: normal;
    font-size: 1.5em;
    -webkit-border-bottom-left-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-bottom-left-radius: 20px;
    -moz-border-bottom-right-radius: 20px; }

#diary .diary_entry {
  padding-bottom: 10px; }
  #diary .diary_entry .date {
    float: left;
    margin-right: 10px; }
  #diary .diary_entry .content {
    font-size: 11pt; }

#events .event, #events .article, #event .event, #event .article, #news .event, #news .article {
  padding-bottom: 20px; }
  #events .event .date, #events .article .date, #event .event .date, #event .article .date, #news .event .date, #news .article .date {
    float: left;
    margin-right: 10px; }
  #events .event .title, #events .article .title, #event .event .title, #event .article .title, #news .event .title, #news .article .title {
    margin-top: 0px;
    padding-top: 0px;
    font-weight: bold;
    font-size: 16pt; }
  #events .event .controls, #events .article .controls, #event .event .controls, #event .article .controls, #news .event .controls, #news .article .controls {
    font-size: 10pt;
    font-weight: bold; }
    #events .event .controls a, #events .article .controls a, #event .event .controls a, #event .article .controls a, #news .event .controls a, #news .article .controls a {
      font-weight: normal; }
  #events .event .details, #events .event .content, #events .article .details, #events .article .content, #event .event .details, #event .event .content, #event .article .details, #event .article .content, #news .event .details, #news .event .content, #news .article .details, #news .article .content {
    font-size: 11pt; }
  #events .event .date, #events .article .date, #event .event .date, #event .article .date, #news .event .date, #news .article .date {
    font-weight: bold; }
  #events .event .links, #events .article .links, #event .event .links, #event .article .links, #news .event .links, #news .article .links {
    float: right; }

#lunas_story .photo {
  float: left;
  margin: 0px 10px 10px 0px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  width: 250px;
  height: 350px;
  background-image: url("../images/appeal.jpg");
  background-position: center 30%;
  background-size: 100%;
  background-repeat: no-repeat; }
  #lunas_story .photo img {
    display: none; }
#lunas_story .content {
  font-size: 11pt; }

#contacts p {
  font-size: 10pt; }
#contacts form input {
  width: 50%; }
#contacts form textarea {
  width: 80%; }
#contacts .photo {
  float: left;
  margin: 0px 10px 10px 0px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  width: 100%;
  height: 333px;
  background-image: url("../images/contact_us.jpg");
  background-position: center 30%;
  background-size: 100%;
  background-repeat: no-repeat; }
  #contacts .photo img {
    display: none; }

#menubar ul {
  background-color: #86cdd3;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  height: 3.8em; }
  #menubar ul li {
    margin-left: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px; }
    #menubar ul li a {
      background-color: #86cdd3;
      font-size: 1.5em;
      font-weight: normal; }

#homepage {
  font-size: 10pt; }
  #homepage .box h2 {
    text-align: center;
    text-transform: lowercase;
    font-size: 1.5em;
    border-bottom: 2px solid white;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-top-left-radius: 20px;
    -moz-border-top-right-radius: 20px; }
    #homepage .box h2 span.smooth {
      font-size: 1.5em; }
  #homepage .box {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px; }
  #homepage #events #octopus {
    width: 300px;
    height: 300px;
    margin-top: -50px;
    background-image: url("../images/octopus.png");
    background-attachment: scroll;
    position: relative;
    bottom: 0px;
    left: -100px;
    background-repeat: no-repeat; }
  #homepage #events .box, #homepage #events h2 {
    background-color: #de69a0; }
  #homepage #events .event {
    margin-bottom: 10px; }
    #homepage #events .event .date {
      font-weight: bold; }
    #homepage #events .event .title {
      font-size: 11pt; }
    #homepage #events .event .links {
      float: right; }
  #homepage #picture_box {
    height: 200px;
    background-image: url("../images/family.jpg");
    background-position: center 30%;
    background-size: 100%;
    background-repeat: no-repeat;
    -webkit-border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -moz-border-radius: 20px;
    margin-bottom: 20px; }
  #homepage #diary .box, #homepage #diary h2 {
    background-color: #86cdd3; }
    #homepage #diary .box .date, #homepage #diary h2 .date {
      background: none;
      font: 10px/1.5 Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif;
      font-weight: bold; }
    #homepage #diary .box .date, #homepage #diary h2 .date {
      background: none;
      font: 11pt/1.5 Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif;
      font-weight: bold;
      width: 100%;
      text-align: left; }
    #homepage #diary .box .button, #homepage #diary h2 .button {
      float: right;
      background-color: white;
      padding: 2px 10px 2px 10px;
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      margin-bottom: 5px; }
      #homepage #diary .box .button a, #homepage #diary h2 .button a {
        color: #86cdd3;
        font: 1.2em "Lucida Grande", "Trebuchet MS", Verdana, sans-serif; }
  #homepage #news .box {
    border: 3px solid #86cdd3; }
  #homepage #news .box, #homepage #news h2 {
    background-color: transparent; }
  #homepage #news h2 {
    color: #86cdd3; }
  #homepage #news .title {
    font-size: 11pt; }
    #homepage #news .title span.date {
      background: none;
      font: 11pt/1.5 Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif;
      font-weight: bold; }
  #homepage #news .button {
    float: right;
    background-color: #86cdd3;
    padding: 2px 10px 2px 10px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    margin-bottom: 5px; }
    #homepage #news .button a {
      color: white;
      font: 1.2em "Lucida Grande", "Trebuchet MS", Verdana, sans-serif; }
  #homepage #appeal .image {
    width: 100%;
    height: 250px;
    background-image: url("../images/appeal.jpg");
    background-position: center 30%;
    background-size: 100%;
    background-repeat: no-repeat;
    -webkit-border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -moz-border-radius: 20px;
    margin-bottom: 20px; }
  #homepage #appeal .box {
    border: 3px solid #da138a; }
  #homepage #appeal .box, #homepage #appeal h2 {
    background-color: transparent; }
  #homepage #appeal h2 {
    color: #da138a; }
  #homepage #appeal .links {
    float: right; }
  #homepage #appeal .button {
    float: right;
    background-color: #de69a0;
    padding: 2px 10px 2px 10px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    margin-bottom: 5px; }
    #homepage #appeal .button a {
      color: white;
      font: 1.2em "Lucida Grande", "Trebuchet MS", Verdana, sans-serif; }

.field_with_errors {
  padding: 2px;
  background-color: #eaa1c1;
  display: table; }

#error_explanation {
  width: 450px;
  border: 2px solid #eaa1c1;
  padding: 7px;
  padding-bottom: 0;
  margin-bottom: 20px;
  background-color: #eaa1c1; }
  #error_explanation h2 {
    text-align: left;
    font-weight: bold;
    padding: 5px 5px 5px 15px;
    font-size: 12px;
    margin: -7px;
    margin-bottom: 0px;
    background-color: #eaa1c1;
    color: #fff; }
  #error_explanation ul li {
    font-size: 12px;
    list-style: square; }

#gallery .image_cell .image_container {
  /*
  border: 1px solid black;
  padding: 5px;
  
  */
  margin-bottom: 20px; }
  #gallery .image_cell .image_container img {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0; }

#gallery_links {
  text-align: center; }

.pagination {
  background: white;
  cursor: default;
  /* self-clearing method: */ }

.pagination a, .pagination span, .pagination em {
  padding: 0.2em 0.5em;
  display: block;
  float: left;
  margin-right: 1px; }

.pagination .disabled {
  color: #999999;
  border: 1px solid #dddddd; }

.pagination .current {
  font-style: normal;
  font-weight: bold;
  background: #2e6ab1;
  color: white;
  border: 1px solid #2e6ab1; }

.pagination a {
  text-decoration: none;
  color: #105cb6;
  border: 1px solid #9aafe5; }

.pagination a:hover, .pagination a:focus {
  color: #000033;
  border-color: #000033; }

.pagination .page_info {
  background: #2e6ab1;
  color: white;
  padding: 0.4em 0.6em;
  width: 22em;
  margin-bottom: 0.3em;
  text-align: center; }

.pagination .page_info b {
  color: #000033;
  background: #6aa6ed;
  padding: 0.1em 0.25em; }

.pagination:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

* html .pagination {
  height: 1%; }

*:first-child + html .pagination {
  overflow: hidden; }