/* Base CSS for seaphages.org */
/* Colors to use for scss files */
/* Images to use for scss files */
html {
  min-height: 100%; }

abbr {
  border-width: 0px; }

a {
  text-decoration: none;
  color: #0052CC; }

a:hover {
  color: #3385ff; }

body {
  height: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
  color: #000000;
  font-size: 100%;
  font-family: Verdana, Tahoma, sans-serif;
  background: #08112b;
  /* Old browsers */
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.4) 120px, transparent 320px, rgba(0, 0, 0, 0.4) 100%), url("/static/images/005-subtle-light-patterns2.jpg");
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(120px, rgba(0, 0, 0, 0.4)), color-stop(320px, transparent), color-stop(100%, rgba(0, 0, 0, 0.4))), url("/static/images/005-subtle-light-patterns2.jpg");
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.4) 120px, transparent 320px, rgba(0, 0, 0, 0.4) 100%), url("/static/images/005-subtle-light-patterns2.jpg");
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.4) 120px, transparent 320px, rgba(0, 0, 0, 0.4) 100%), url("/static/images/005-subtle-light-patterns2.jpg");
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.4) 120px, transparent 320px, rgba(0, 0, 0, 0.4) 100%), url("/static/images/005-subtle-light-patterns2.jpg");
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 120px, transparent 320px, rgba(0, 0, 0, 0.4) 100%), url("/static/images/005-subtle-light-patterns2.jpg");
  /* W3C */ }

#whitespace {
  height: 130px;
  background: white;
  width: 100%;
  float: left;
  position: absolute;
  z-index: -1; }

/* Header Bar */
#topbar {
  width: 100%;
  height: 110px; }

#topbar-content {
  text-align: left;
  width: 960px;
  padding: 0;
  margin: 0 auto; }

.textDiv {
  width: 600px;
  margin-left: 16px;
  font-size: 14px;
  line-height: 20px; }
  .textDiv.wide {
    width: 856px; }

#account {
  float: right;
  text-align: right;
  margin: 12px 12px 0 0;
  font-size: 12px;
  font-variant: small-caps; }

#account p {
  font-size: 12px; }

.avatarPic img {
  width: 24px; }

.blockletters {
  text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135;
  font-family: 'Lato',Tahmoa,sans-serif; }

#topbar-content p {
  font-size: 12px;
  color: #114499;
  margin: 0;
  font-weight: bold;
  text-shadow: 1px 2px 4px rgba(0, 0, 0, 0.3);
  font-family: "Open Sans", Verdana, Tahoma, sans-serif; }

/* Main center column */
#messages {
  font-size: 14px;
  color: #19A3FF;
  font-weight: bold;
  margin-left: 8px; }

#content-container {
  width: 960px;
  margin: 16px auto;
  text-align: left;
  background: #eee;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.8);
  border-radius: 10px;
  background: url("/static/images/HexBG-Small.png");
  position: relative;
  z-index: 1; }

#contentHeader {
  margin: 12px;
  font-weight: bold;
  font-size: 20px;
  color: #0c306b; }

/* Main Column */
#main-column {
  float: left;
  width: 640px;
  padding: 10px; }

/* Right Column */
#right-column {
  float: right;
  width: 280px;
  padding: 10px; }

#siteSearch {
  width: 280px;
  background: #fff;
  font-style: italic;
  color: #666;
  border: 1px solid #CCC;
  border-radius: 8px;
  margin: 6px 0 12px; }

#siteSearch input[name=q] {
  border: none;
  background: none;
  height: 24px;
  line-height: 24px;
  padding: 4px 12px;
  float: left;
  width: 222px; }

#siteSearch input[type=submit] {
  background: url(/static/images/search_icon.png) no-repeat;
  border: none;
  width: 24px;
  height: 24px;
  padding: 0;
  cursor: pointer;
  margin: 4px 0; }

.my_link a {
  display: block;
  font-weight: bold;
  font-family: 'Open Sans';
  text-align: center;
  background: #19A3FF;
  background: -moz-linear-gradient(top, #66c2ff 0%, #0099ff 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #66c2ff), color-stop(100%, #0099ff));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #66c2ff 0%, #0099ff 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #66c2ff 0%, #0099ff 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #66c2ff 0%, #0099ff 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #66c2ff 0%, #0099ff 100%);
  border-radius: 10px;
  margin-bottom: 12px;
  -webkit-box-shadow: 3px 3px 4px 0px rgba(50, 50, 50, 0.75);
  -moz-box-shadow: 3px 3px 4px 0px rgba(50, 50, 50, 0.75);
  box-shadow: 3px 3px 4px 0px rgba(50, 50, 50, 0.75);
  padding: 6px 12px;
  color: #fff;
  text-shadow: 0px -1px 0px rgba(56, 81, 161, 0.3); }

.my_link a:hover {
  background: #66c2ff;
  background: -moz-linear-gradient(top, #66c2ff 0%, #0099ff 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #66c2ff), color-stop(100%, #0099ff));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #66c2ff 0%, #0099ff 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #66c2ff 0%, #0099ff 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #66c2ff 0%, #0099ff 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #99d6ff 0%, #19A3FF 100%);
  color: #fff; }

.delinquent_link a {
  display: block;
  font-weight: bold;
  font-family: 'Open Sans';
  text-align: center;
  background: #CF1919;
  background: -moz-linear-gradient(top, #e94b4b 0%, #b81616 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e94b4b), color-stop(100%, #b81616));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #e94b4b 0%, #b81616 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #e94b4b 0%, #b81616 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #e94b4b 0%, #b81616 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #e94b4b 0%, #b81616 100%);
  border-radius: 10px;
  margin-bottom: 12px;
  -webkit-box-shadow: 3px 3px 4px 0px rgba(50, 50, 50, 0.75);
  -moz-box-shadow: 3px 3px 4px 0px rgba(50, 50, 50, 0.75);
  box-shadow: 3px 3px 4px 0px rgba(50, 50, 50, 0.75);
  padding: 6px 12px;
  color: #fff;
  text-shadow: 0px -1px 0px rgba(56, 81, 161, 0.3); }

.delinquent_link a:hover {
  background: #e94b4b;
  background: -moz-linear-gradient(top, #e94b4b 0%, #b81616 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e94b4b), color-stop(100%, #b81616));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #e94b4b 0%, #b81616 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #e94b4b 0%, #b81616 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #e94b4b 0%, #b81616 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ef7979 0%, #CF1919 100%);
  color: #fff; }

.my_link_green a {
  display: block;
  font-weight: bold;
  font-family: 'Open Sans';
  text-align: center;
  background: #03AB36;
  background: -moz-linear-gradient(top, #04f64e 0%, #03922e 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #04f64e), color-stop(100%, #03922e));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #04f64e 0%, #03922e 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #04f64e 0%, #03922e 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #04f64e 0%, #03922e 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #04f64e 0%, #03922e 100%);
  border-radius: 10px;
  margin-bottom: 12px;
  -webkit-box-shadow: 3px 3px 4px 0px rgba(50, 50, 50, 0.75);
  -moz-box-shadow: 3px 3px 4px 0px rgba(50, 50, 50, 0.75);
  box-shadow: 3px 3px 4px 0px rgba(50, 50, 50, 0.75);
  padding: 6px 12px;
  color: #fff;
  text-shadow: 0px -1px 0px rgba(56, 81, 161, 0.3); }

.my_link_green a:hover {
  background: #04f64e;
  background: -moz-linear-gradient(top, #04f64e 0%, #03922e 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #04f64e), color-stop(100%, #03922e));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #04f64e 0%, #03922e 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #04f64e 0%, #03922e 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #04f64e 0%, #03922e 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #32fb6f 0%, #03AB36 100%);
  color: #fff; }

#current_event_list, #upcoming_event_list, #recent_event_list, #featured_posts, #annotation_quicklinks {
  margin-bottom: 12px; }

.event_header {
  background: #33ADFF;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  -webkit-box-shadow: 3px 3px 4px 0px rgba(50, 50, 50, 0.75);
  -moz-box-shadow: 3px 3px 4px 0px rgba(50, 50, 50, 0.75);
  box-shadow: 3px 3px 4px 0px rgba(50, 50, 50, 0.75);
  background: -moz-linear-gradient(top, #66c2ff 0%, #0099ff 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #66c2ff), color-stop(100%, #0099ff));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #66c2ff 0%, #0099ff 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #66c2ff 0%, #0099ff 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #66c2ff 0%, #0099ff 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #66c2ff 0%, #0099ff 100%); }

.event_list {
  border: 1px solid #33ADFF;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  padding: 12px 16px 4px;
  background: #fff;
  -webkit-box-shadow: 3px 3px 4px 0px rgba(50, 50, 50, 0.75);
  -moz-box-shadow: 3px 3px 4px 0px rgba(50, 50, 50, 0.75);
  box-shadow: 3px 3px 4px 0px rgba(50, 50, 50, 0.75); }

.event_header h2 {
  color: #FFF;
  padding: 8px 16px;
  font-size: 18px;
  text-align: center;
  font-family: 'Open Sans';
  text-shadow: 0px -1px 0px rgba(56, 81, 161, 0.3);
  margin: 0; }

h4.event_title {
  margin: 4px 0;
  font-size: 18px;
  color: #33ADFF; }

h4.featured_title {
  margin: 4px 0 8px;
  font-size: 14px;
  color: #114499; }

.featured_title a {
  color: #33ADFF; }

.featured_title a:hover {
  color: #006bb3; }

p.event_date {
  font-size: 12px;
  margin: 0;
  color: #666; }

.event_detail {
  margin-bottom: 16px; }

.event_detail a, p.forum_list_title a {
  color: #33ADFF; }
  .event_detail a:hover, p.forum_list_title a:hover {
    color: #3851A1; }

p.forum_list_title {
  font-size: 12px;
  margin: 4px 0 12px;
  color: #888; }
  p.forum_list_title span.forum_user {
    color: #222;
    font-size: 13px; }

#recent_forum_posts {
  margin-bottom: 12px; }

.twitter-timeline-box {
  -webkit-box-shadow: 3px 3px 4px 0px rgba(50, 50, 50, 0.75);
  -moz-box-shadow: 3px 3px 4px 0px rgba(50, 50, 50, 0.75);
  box-shadow: 3px 3px 4px 0px rgba(50, 50, 50, 0.75);
  background: #fff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #33ADff;
  margin-bottom: 24px; }

.badges {
  clear: left; }

#footer {
  clear: both;
  width: 960px;
  margin: 16px auto;
  border-radius: 10px;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.8);
  background: #19A3FF;
  /* Old browsers */
  background: -moz-radial-gradient(center, ellipse cover, transparent 0%, rgba(0, 0, 0, 0.12) 100%), url("/static/images/HexBG-Blue.png");
  /* FF3.6+ */
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.12))), url("/static/images/HexBG-Blue.png");
  /* Chrome,Safari4+ */
  background: -webkit-radial-gradient(center, ellipse cover, transparent 0%, rgba(0, 0, 0, 0.12) 100%), url("/static/images/HexBG-Blue.png");
  /* Chrome10+,Safari5.1+ */
  background: -o-radial-gradient(center, ellipse cover, transparent 0%, rgba(0, 0, 0, 0.12) 100%), url("/static/images/HexBG-Blue.png");
  /* Opera 12+ */
  background: -ms-radial-gradient(center, ellipse cover, transparent 0%, rgba(0, 0, 0, 0.12) 100%), url("/static/images/HexBG-Blue.png");
  /* IE10+ */
  background: radial-gradient(ellipse at center, transparent 0%, rgba(0, 0, 0, 0.12) 100%), url("/static/images/HexBG-Blue.png");
  /* W3C */ }

#footer_content {
  text-align: left;
  color: #fff;
  padding: 12px 16px;
  font-size: 14px;
  text-transform: uppercase; }

#footer_content a {
  color: #fff;
  margin: 8px 0;
  display: block; }

#footer_content a:hover {
  text-decoration: underline; }

p#footer_copyright {
  font-size: 11px;
  text-transform: none;
  margin: 0px;
  text-align: right; }

/*# sourceMappingURL=base2.css.map */