@font-face {
  font-family: "Ostrich";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/ostrich-regular-webfont.eot");
  src: local("Ostrich Regular"), local("Ostrich-Regular"), url("../fonts/ostrich-regular-webfont-webfont.woff") format("woff"), url("../fonts/ostrich-regular-webfont-webfont.eot") format("embedded-opentype"), url("../fonts/ostrich-regular-webfont-webfont.ttf") format("truetype"); }
@font-face {
  font-family: "OstrichBold";
  font-style: bold;
  font-weight: 600;
  src: url("../fonts/ostrich-black-webfont.eot");
  src: local("Ostrich Black"), local("Ostrich-Black"), url("../fonts/ostrich-black-webfont-webfont.woff") format("woff"), url("../fonts/ostrich-black-webfont-webfont.eot") format("embedded-opentype"), url("../fonts/ostrich-black-webfont-webfont.ttf") format("truetype"); }
@font-face {
  font-family: "icomoon";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/icomoon.eot");
  src: url("../fonts/icomoon.woff") format("woff"), url("../fonts/icomoon.eot?#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf") format("truetype"); }
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,
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,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block; }

body {
  line-height: 1; }

ol,
ul {
  list-style: none; }

blockquote,
q {
  quotes: none; }

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

* {
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

input[type=text],
input[type=email],
input[type=password] {
  margin: 0;
  border: 0;
  padding: 0;
  background: none transparent; }
  input[type=text]:focus,
  input[type=email]:focus,
  input[type=password]:focus {
    outline: none; }

select {
  margin: 0;
  border: 0;
  padding: 0;
  background: none transparent;
  -webkit-appearance: none; }

.clear {
  clear: both; }

.alt-clear {
  overflow: hidden;
  width: 100%;
  display: block; }

.left {
  float: left; }

.right {
  float: right; }

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

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

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

small,
.small {
  font-size: 0.75em; }

strong {
  font-weight: bold; }

* {
  -webkit-transition: font-size 0.2s linear, padding 0.2s linear, margin 0.2s linear; }

pre {
  font-family: monospace; }

.layout-article .quoted-text p,
article .quoted-text p,
em {
  font-style: italic; }

strong {
  font-weight: bold; }

.width_10 {
  width: 10%; }

.width_20 {
  width: 20%; }

.width_30 {
  width: 30%; }

.width_40 {
  width: 40%; }

.width_50 {
  width: 50%; }

.width_60 {
  width: 60%; }

.width_70 {
  width: 70%; }

.width_80 {
  width: 80%; }

.width_90 {
  width: 90%; }

#foo:before,
[data-icon]:before {
  font-family: 'icomoon';
  content: attr(data-icon);
  speak: none;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased; }

#mini-menu-button {
  display: none;
  text-align: right;
  margin-right: -20px;
  color: #555555; }
  #mini-menu-button:hover {
    color: #333333; }

#layout-inner-wrapper {
  position: relative; }

#layout-mobile-nav {
  display: none;
  overflow: hidden;
  transition: height 0.25s ease-in-out;
  -webkit-transition: height 0.25s ease-in-out; }
  #layout-mobile-nav li a {
    height: 40px; }

hr {
  border-style: solid;
  border-width: 1px 0 0 0;
  border-color: #555555; }

a,
a:visited {
  text-decoration: none;
  color: #27aae1; }

a:hover,
a:focus,
a:active {
  text-decoration: underline; }

html {
  overflow-x: hidden;
  position: relative; }
    html.modal .ui-modal-overlay,
    html.modal .ui-dialog-wrapper {
      display: block; }

.ui-modal-overlay {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 100; }

html,
input {
  font: 1em "Roboto", Tahoma, Calibri, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-variant: normal; }

body {
  width: 90%;
  margin: 0 auto;
  font-size: 100%;
  line-height: 1.125em; }

h1 {
  font: 100% 'Ostrich', Impact, sans-serif; }

h1,
h2,
h3,
h4,
h5,
h6 {
  word-spacing: 0; }

h1 + h2 {
    /*
   * subtitles
   */
  font-size: 8pt;
  line-height: 9pt;
  margin-top: -3em;
  margin-bottom: 2em; }

.color-alt {
  color: #27aae1; }

.title-font {
  font: 32px 'Ostrich', Impact, sans-serif; }

hr.divider {
  margin: 0 -6%;
  border: 0;
  border-top: 1px solid #cccccc; }

header {
  display: table;
  width: 100%;
  padding: 20px 0; }
  header h1,
  header #layout-main-nav,
  header #global_search {
    display: table-cell;
    vertical-align: middle; }
  header h1 {
    font: 110px 'OstrichBold', Impact, sans-serif;
    text-decoration: none;
    vertical-align: middle; }
  header h2 {
    text-transform: uppercase;
    font: 40px 'Ostrich', Impact, sans-serif;
    padding: 1em 0 0.5em;
    font-weight: bold;
    text-align: center; }

header .list-icons {
  text-align: center; }

header .list-icons li a {
  text-decoration: none;
  display: inline-block;
  padding: 1em 0;
  color: #cccccc;
  width: 200px; }

header .list-icons li a:hover {
  color: #27aae1; }

header .list-icons li [data-icon]:before {
  font-size: 24pt; }

#pinstripe {
  border-top: 1px solid #aaaaaa;
  margin: 0 -6% 2em; }
  #pinstripe h2,
  #pinstripe h3 {
    text-align: center; }
  #pinstripe h2 {
    font: 70px 'Ostrich', Impact, sans-serif;
    padding: 0.2em;
    font-weight: normal;
    background: white;
    border-bottom: 1px solid #aaaaaa; }
    #pinstripe h2 .color-alt {
      color: #27aae1; }
    #pinstripe h2 strong {
      font: 70px 'OstrichBold', Impact, sans-serif; }
  #pinstripe h3 {
    font: 50px 'Ostrich', Impact, sans-serif;
    padding: 0.5em; }
    #pinstripe h3 strong {
      font: 50px 'OstrichBold', Impact, sans-serif; }

#layout-main-nav {
  text-align: right;
  position: relative;
  z-index: 1;
  width: 100%; }
  #layout-main-nav li {
    display: inline-block;
    font: 40px 'Ostrich', Impact, sans-serif;
    position: relative; }
    #layout-main-nav li a {
      color: #333333;
      padding: 5px 10px;
      text-decoration: none;
      display: block;
      -webkit-transition: color 0.1s linear; }
      #layout-main-nav li a:hover {
        color: #27aae1; }
    #layout-main-nav li .admin_link {
      position: absolute;
      font-size: 14px;
      bottom: -9px;
      left: 0;
      right: 0;
      text-align: center;
      font: 10px "Roboto", Tahoma, Calibri, sans-serif;
      font-weight: 'normal';
      height: 14px;
      display: block;
      padding: 0; }

#layout-sidebar {
  width: 300px;
  display: table-cell;
  padding-left: 20px; }
  #layout-sidebar #shop_images {
    position: relative; }
    #layout-sidebar #shop_images li {
      position: absolute;
      z-index: 1;
      top: 0; }
      #layout-sidebar #shop_images li.active {
        position: relative;
        z-index: 2; }

#layout-inner-wrapper {
  display: table;
  width: 100%;
  table-layout: fixed-width; }

#layout-content {
  display: table-cell;
  vertical-align: top; }
  #layout-content article,
  #layout-content .layout-article {
    margin-top: 2em; }

#layout-sidebar {
  vertical-align: top; }

.layout-full #layout-content {
  padding-right: 0; }

.avatar + .avatar-text {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px; }

#global_search {
  font-size: 32px;
  position: relative; }
  #global_search label,
  #global_search input {
    display: inline-block;
    vertical-align: middle; }
  #global_search label {
    color: #999999;
    cursor: pointer; }
    #global_search label:hover {
      color: #333333; }
  #global_search input {
    position: absolute;
    right: 80px;
    background: none;
    border: 0;
    text-align: right;
    border-radius: 4px;
    padding: 5px;
    color: transparent;
    top: 12px; }
    #global_search input::-webkit-input-placeholder {
      color: transparent; }
    #global_search input:-moz-placeholder {
            /*
       * Firefox 18-
       */
      color: transparent; }
    #global_search input::-moz-placeholder {
            /*
       * Firefox 19+
       */
      color: transparent; }
    #global_search input:-ms-input-placeholder {
      color: transparent; }
    #global_search input:focus {
      color: #444444;
      z-index: 2;
      outline: none;
      background-color: #eeeeee;
      border: 1px solid #999999;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); }
      #global_search input:focus::-webkit-input-placeholder {
        color: #aaaaaa; }
      #global_search input:focus:-moz-placeholder {
                /*
         * Firefox 18-
         */
        color: #aaaaaa; }
      #global_search input:focus::-moz-placeholder {
                /*
         * Firefox 19+
         */
        color: #aaaaaa; }
      #global_search input:focus:-ms-input-placeholder {
        color: #aaaaaa; }
      #global_search input:focus + label {
        color: #333333; }

.list-icons {
  letter-spacing: -1em; }

.list-icons li {
  display: inline-block;
  letter-spacing: 0em;
  text-align: center; }

.layout-column-wrapper {
  letter-spacing: -1em;
  padding: 1em 3em; }

.layout-column-wrapper .width_50 {
  width: 50%; }

#layout-main .layout-column {
  display: inline-block;
  vertical-align: top;
  letter-spacing: 0em; }

  #layout-main h1 {
    margin-bottom: 0.5em;
    font: 64px 'OstrichBold', Impact, sans-serif; }

.featured-blerd-wrapper {
  position: relative;
  min-height: 200px; }
  .featured-blerd-wrapper .mini-bio {
    max-height: 175px;
    overflow: hidden;
    text-overflow: ellipsis; }
    .featured-blerd-wrapper .mini-bio:after {
      content: '...'; }
  .featured-blerd-wrapper .featured-blerd-gallery,
  .featured-blerd-wrapper .featured-blerd-avatar {
    position: absolute;
    width: 300px;
    height: 200px;
    display: block;
    top: 0;
    z-index: 1; }
  .featured-blerd-wrapper .featured-blerd-gallery {
    right: 0; }
    .featured-blerd-wrapper .featured-blerd-gallery li {
      display: block;
      float: left;
      height: 100px; }
  .featured-blerd-wrapper .featured-blerd-avatar {
    left: 0; }
  .featured-blerd-wrapper .featured-blerd-bio {
    padding: 0 320px;
    position: relative; }
  .featured-blerd-wrapper #see_full_profile_button {
    display: block; }

  .cart-grid li {
    width: 25%;
    display: inline-block;
    position: relative; }
    .cart-grid li h3 {
      position: absolute;
      top: 0;
      color: white;
      z-index: 1;
      font: 24px 'Ostrich', Impact, sans-serif;
      padding: 0;
      overflow: hidden;
      padding: 0.5em;
      background-color: rgba(0, 0, 0, 0.4); }
    .cart-grid li .form-horizontal {
      max-width: 300px; }

.layout-column-inner {
  padding: 1em; }

.layout-column h1 {
  font-size: 16pt;
  font-weight: bold;
  padding-right: 1em;
  color: #27aae1; }

.layout-column h1 .color-alt {
  color: #222222; }

.layout-column p {
  margin-bottom: 1em; }

footer {
  clear: both;
  border-top: 1px solid #aaaaaa;
  margin-top: 4em;
  display: table;
  width: 100%;
  text-align: center;
  vertical-align: top;
  padding: 2em 0; }

.layout-notifications li {
  display: inline-block;
  margin-bottom: 1em;
  margin-right: 0.5em;
  padding: 10px;
  border: 1px solid;
  border-radius: 20px;
  font-size: 10pt;
  text-shadow: 0 -1px #333333;
  cursor: pointer; }
  .layout-notifications li [data-icon]::before {
    font-size: 14pt;
    vertical-align: middle;
    margin-right: 0.5em; }
  .layout-notifications li.ui-state-success {
    background-color: #0e4961;
    color: #eeeeee; }
  .layout-notifications li:last-child {
    margin-bottom: 0; }

.ui-state-error {
  background-color: #cc0000;
  color: white; }

  .ui-favorites .favorite-set {
    position: relative;
    vertical-align: top;
    padding-right: 30px;
    padding-bottom: 30px; }
    .ui-favorites .favorite-set:last-of-type,
    .ui-favorites .favorite-set.last-child {
      padding-right: 0; }
    .ui-favorites .favorite-set .favorite-avatar {
      display: block;
      vertical-align: top;
      height: 80px;
      box-shadow: inset -1px 0 rgba(255, 255, 255, 0.4);
      border: 0;
      width: 100%;
      cursor: pointer; }
      .ui-favorites .favorite-set .favorite-avatar:hover + .favorite-label,
      .ui-favorites .favorite-set .favorite-avatar:focus + .favorite-label,
      .ui-favorites .favorite-set .favorite-avatar:active + .favorite-label {
        display: block; }
      .ui-favorites .favorite-set .favorite-avatar:hover + .favorite-label {
        background: #eeeeee url("http://blerdnation.org/includes/img/subtle_grunge.png") repeat top left;
        z-index: 2; }
    .ui-favorites .favorite-set .favorite-label {
      display: none;
      position: absolute;
      text-transform: uppercase;
      font-size: 10pt;
      line-height: 1.2em;
      left: 0;
      right: 30px;
      bottom: 0;
      width: auto;
      height: 2em; }

.social-icons {
  display: table;
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #cccccc;
  padding: 0 10%; }
  .social-icons li {
    display: table-cell;
    padding: 20px 0 30px; }
    .social-icons li a {
      display: block;
      text-align: center;
      height: 48px;
      text-decoration: none;
      color: #333333;
      position: relative; }
      .social-icons li a .icon {
        width: 64px;
        font-size: 48px;
        display: inline-block; }
      .social-icons li a:hover .label {
        display: block;
        font-size: 12pt; }
      .social-icons li a:hover .icon {
        color: #27aae1; }
    .social-icons li .label {
      display: none;
      position: absolute;
      left: 0;
      right: 0;
      margin-bottom: -1em;
      color: #27aae1; }

.layout-article,
article {
  border-bottom: 1px solid #cccccc;
  padding-bottom: 2em;
  line-height: 15pt; }
  .layout-article h2,
  article h2 {
    font: 30px 'OstrichBold', Impact, sans-serif;
    color: #27aae1;
    margin-bottom: 0.5em; }
    .layout-article h2 small,
    .layout-article h2 .small,
    article h2 small,
    article h2 .small {
      font-family: Roboto;
      font-weight: normal;
      font-size: 10pt;
      color: #555555;
      vertical-align: baseline; }
  .layout-article p,
  article p {
    margin-bottom: 1em;
    font: 16px "Roboto", Tahoma, Calibri, sans-serif;
    font-weight: 300; }
    .layout-article ul.inline li,
    .layout-article ol.inline li,
    article ul.inline li,
    article ol.inline li {
      display: inline-block;
      margin-right: 2em;
      margin-bottom: 1em; }
      .layout-article ul.inline li a,
      .layout-article ol.inline li a,
      article ul.inline li a,
      article ol.inline li a {
        color: #333333; }
        .layout-article ul.inline li a:hover,
        .layout-article ol.inline li a:hover,
        article ul.inline li a:hover,
        article ol.inline li a:hover {
          color: #27aae1; }
  .layout-article .avatar,
  article .avatar {
    margin: 0 0 20px 20px; }
  .layout-article:last-of-type,
  article:last-of-type {
    border-bottom: 0; }
  .layout-article.two-column,
  article.two-column {
    letter-spacing: -1em; }
  .layout-article.two-column .layout-column,
  article.two-column .layout-column {
    width: 50%; }
  .layout-article .layout-column,
  article .layout-column {
    letter-spacing: 0;
    display: inline;
    padding: 0 1em; }
    .layout-article .layout-column:first-child,
    article .layout-column:first-child {
      padding-left: 0; }
    .layout-article .layout-column:last-child,
    article .layout-column:last-child {
      padding-right: 0; }

    .layout-article-list.layout-news .avatar-wrapper {
      max-width: 300px;
      font-size: 12px; }
      .layout-article-list.layout-news li.odd .avatar,
      .layout-article-list.layout-news li.even .avatar {
        float: none;
        padding: 0; }
      .layout-article-list.layout-news li.odd .avatar-wrapper {
        padding: 0 0 2em 2em;
        float: right;
        text-align: right; }
      .layout-article-list.layout-news li.even .avatar-wrapper {
        padding: 0 2em 2em 0;
        float: left;
        text-align: left; }

  .layout-article-list li {
    padding-top: 2em; }
    .layout-article-list li h2 a {
      font: 32px 'Ostrich', Impact, sans-serif;
      letter-spacing: 1pt;
      color: #333333; }
      .layout-article-list li h2 a:hover {
        color: #27aae1;
        text-decoration: none; }
    .layout-article-list li .avatar {
      max-width: 100%;
      float: left;
      margin-right: 5px; }

  #home_recent_blog_posts a,
  #home_recent_blog_posts img {
    display: block;
    float: none; }
  #home_recent_blog_posts h2 {
    padding: 10px 5px; }
    #home_recent_blog_posts h2.home-header {
      padding: 0; }

  #home_recent_news li.odd,
  #home_recent_news li.even {
    min-height: 70px;
    width: 33.33%;
    display: inline-block;
    vertical-align: top;
    position: relative; }
    #home_recent_news li.odd a,
    #home_recent_news li.even a {
      position: absolute;
      top: 0;
      left: 0;
      text-decoration: none;
      color: #555555; }
      #home_recent_news li.odd a:hover,
      #home_recent_news li.even a:hover {
        color: #27aae1; }
    #home_recent_news li.odd h2,
    #home_recent_news li.even h2 {
      padding-right: 0.5em;
      font-family: Ostrich;
      font-size: 26pt;
      line-height: 20pt; }
    #home_recent_news li.odd h2,
    #home_recent_news li.odd h3,
    #home_recent_news li.even h2,
    #home_recent_news li.even h3 {
      padding-left: 100px; }
      #home_recent_news li.odd h2 a,
      #home_recent_news li.odd h3 a,
      #home_recent_news li.even h2 a,
      #home_recent_news li.even h3 a {
        position: static; }

#layout-content .questions_and_answers {
  float: left;
  padding-left: 320px;
  width: 100%;
  margin-left: -300px; }
  #layout-content .questions_and_answers .layout-article {
    border: 0;
    padding: 0; }
    #layout-content .questions_and_answers .layout-article:first-of-type {
      margin-top: 0; }
    #layout-content .questions_and_answers .layout-article h2:first-of-type {
      margin: 0; }

.layout-gallery {
  float: left;
  position: relative; }

#layout-main .footer-box {
  vertical-align: middle; }
  #layout-main .footer-box h2 {
    text-align: left;
    display: block;
    padding: 5px;
    background: #333333;
    color: #eeeeee;
    font: 20px 'Ostrich', Impact, sans-serif; }
  #layout-main .footer-box #my_account_link {
    text-decoration: none;
    display: block;
    color: #444444;
    margin-top: 5px; }
    #layout-main .footer-box #my_account_link:hover {
      color: #2992be; }
      #layout-main .footer-box #my_account_link:hover .avatar {
        border-color: #27aae1; }
    #layout-main .footer-box #my_account_link h3 {
      text-align: left;
      font-size: 1.6em;
      line-height: 1.2em; }
    #layout-main .footer-box #my_account_link h4 {
      text-align: left;
      font-size: 0.8em; }
    #layout-main .footer-box #my_account_link .avatar {
      float: left;
      margin-right: 5px;
      border: 2px solid #cccccc;
      display: block; }
  #layout-main .footer-box h1 {
    margin-top: 1em;
    padding: 5px;
    color: white;
    background-color: #2399ca;
    text-shadow: 0 -1px #135570;
    font: 24px 'Ostrich', Impact, sans-serif;
    text-align: left; }
    #layout-main .footer-box h1 .count {
      font: 24px 'OstrichBold', Impact, sans-serif;
      float: right; }
    #layout-main .footer-box h1 [data-icon] {
      line-height: 16px;
      font-size: 16px; }
  #layout-main .footer-box .link-list {
    text-align: left; }
    #layout-main .footer-box .link-list a {
      padding: 5px 0;
      display: block; }
    #layout-main .footer-box .link-list li {
      border-bottom: 1px solid #cccccc; }
  #layout-main .footer-box .admin-links {
    font: 36px 'OstrichBold', Impact, sans-serif;
    line-height: 0.5em; }
    #layout-main .footer-box .admin-links small {
      font: 14px "Roboto", Tahoma, Calibri, sans-serif;
      font-weight: 300; }

.footer-box,
.logo-mark-wrapper {
  display: table-cell;
  width: 40%;
  padding: 0 10px; }

.logo-mark-wrapper {
  width: 20%;
  vertical-align: middle;
  font: 12px "Roboto", Tahoma, Calibri, sans-serif;
  font-weight: 300; }
  .logo-mark-wrapper .logo-mark-inner-wrapper {
    width: 84px;
    display: inline-block; }
  .logo-mark-wrapper .logo-mark {
    padding: 2px;
    font: 66px 'OstrichBold', Impact, sans-serif;
    width: 84px;
    height: 84px;
    vertical-align: middle;
    position: relative;
    text-align: center; }
    .logo-mark-wrapper .logo-mark .semi-circle {
      position: absolute;
      top: 0;
      z-index: -1;
      float: none; }
      .logo-mark-wrapper .logo-mark .semi-circle.left {
        left: 0;
        border-radius: 41px 0 0 41px;
        background-color: #27aae1; }
      .logo-mark-wrapper .logo-mark .semi-circle.right {
        right: 0;
        border-radius: 0 41px 41px 0;
        background-color: #333333; }
    .logo-mark-wrapper .logo-mark .letters {
      width: 80px;
      height: 80px;
      background-color: white;
      text-align: center;
      border-radius: 40px;
      vertical-align: middle;
      display: table-cell;
      padding: 0;
      border-image-width: 0;
      margin: 0 auto; }
    .logo-mark-wrapper .logo-mark .b,
    .logo-mark-wrapper .logo-mark .n {
      display: inline-block;
      width: 20px; }
    .logo-mark-wrapper .logo-mark .n {
      color: #27aae1; }
    .logo-mark-wrapper .logo-mark .semi-circle {
      width: 42px;
      height: 84px; }

.layout-blerd-table {
  overflow: hidden; }
  .layout-blerd-table li {
    text-align: center;
    width: 25%;
    height: 204px;
    margin-bottom: 100px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    border-bottom: 4px solid #27aae1; }
    .layout-blerd-table li a:hover label,
    .layout-blerd-table li a:focus label {
      display: block; }
    .layout-blerd-table li .img-wrapper {
      overflow: hidden;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
    .layout-blerd-table li img {
      position: absolute;
      left: 50%;
      margin-left: -150px; }
    .layout-blerd-table li label {
      position: absolute;
      display: none;
      top: 210px;
      left: 0;
      right: 0;
      color: #27aae1;
      font-style: italic;
      font-weight: 300; }
      .layout-blerd-table li label strong {
        font: 32px 'Ostrich', Impact, sans-serif;
        letter-spacing: 0.05em;
        color: #333333; }

.layout-shop-table {
  overflow: hidden; }
  .layout-shop-table h3 {
    position: absolute;
    top: 0;
    color: white;
    z-index: 1;
    font: 32px 'OstrichBold', Impact, sans-serif;
    padding: 0;
    height: 0;
    overflow: hidden;
    padding-left: 5px;
    background-color: rgba(0, 0, 0, 0.4); }
  .layout-shop-table li {
    width: 30%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    height: 230px;
    margin-bottom: 1em;
    margin-right: 5%; }
    .layout-shop-table li:nth-child(3n) {
      margin-right: 0; }
    .layout-shop-table li:hover label,
    .layout-shop-table li:focus label {
      height: 35px; }
    .layout-shop-table li:hover h3,
    .layout-shop-table li:focus h3 {
      height: auto;
      padding: 5px;
      -webkit-transition: padding 0s;
      -webkit-transition: height 1s; }
  .layout-shop-table .img-wrapper {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5); }
  .layout-shop-table img {
    position: absolute;
    left: 50%;
    margin-left: -150px; }
  .layout-shop-table label {
    position: absolute;
    bottom: 0;
    height: 30px;
    left: 0;
    right: 0;
    padding: 5px;
    background-color: #27aae1;
    color: white;
    cursor: pointer; }

.layout-blog-table {
  overflow: hidden; }
  .layout-blog-table li {
    text-align: left;
    width: 25%;
    margin-bottom: 100px;
    display: inline-block;
    vertical-align: top;
    position: relative; }
    .layout-blog-table li a {
      display: block;
      margin-right: 20px; }
    .layout-blog-table li h2 {
      background-color: #27aae1;
      font: 36px 'OstrichBold', Impact, sans-serif;
      color: white;
      line-height: 23px;
      margin-top: -1px;
      padding: 5px;
      max-width: 100%; }
    .layout-blog-table li h3 {
      background-color: #333333;
      font: 36px 'Ostrich', Impact, sans-serif;
      color: white;
      line-height: 23px;
      margin-top: -1px;
      padding: 0 5px;
      max-width: 100%; }
    .layout-blog-table li img {
      max-width: 100%; }
    .layout-blog-table li a {
      color: #666666; }
    .layout-blog-table li a:hover {
      text-decoration: none;
      color: #111111; }
      .layout-blog-table li a:hover h2 {
        background-color: #1d9cd1; }
      .layout-blog-table li a:hover h3 {
        background-color: #222222; }
      .layout-blog-table li a:hover .read-more {
        text-decoration: underline; }
    .layout-blog-table li .publish-date {
      text-align: right;
      font: 11px "Roboto", Tahoma, Calibri, sans-serif;
      font-weight: 300;
      margin: 1em 5px; }
    .layout-blog-table li .wysiwym-content {
      padding: 0 5px;
      max-height: 12em;
      overflow-y: hidden; }
      .layout-blog-table li .wysiwym-content img,
      .layout-blog-table li .wysiwym-content embed {
        display: none; }
    .layout-blog-table li .read-more {
      text-align: right;
      font: 11px "Roboto", Tahoma, Calibri, sans-serif;
      font-weight: 300;
      margin: 1em 5px 0;
      color: #27aae1; }

.like-table {
  display: table;
  max-width: 100%; }
  .like-table .like-table-cell {
    display: table-cell;
    vertical-align: middle; }

#contact_form .like-table {
  display: block; }
  #contact_form .like-table .like-table-cell {
    display: inline-block;
    vertical-align: middle; }

#contact_form {
  font: 24px 'OstrichBold', Impact, sans-serif; }
  #contact_form .ui-widget-error {
    font: 10px "Roboto", Tahoma, Calibri, sans-serif;
    font-weight: 'normal'; }
  #contact_form input {
    margin: 0 1em 0 0;
    background: none;
    border: 0;
    border-bottom: 1px solid #333333;
    -webkit-appearance: none; }
    #contact_form input:focus {
      outline: none; }
  #contact_form label {
    margin: 0 1em 0 0;
    position: relative; }

#contact_subject_label {
  display: inline-block; }

.select-wrapper {
  display: inline-block;
  position: relative; }

.captcha-block {
  display: inline-block;
  word-spacing: 0; }

#contact_subject {
  font: 14px "Roboto", Tahoma, Calibri, sans-serif;
  font-weight: 300;
  border: 0;
  -webkit-appearance: none;
  background: none;
  min-width: 200px;
  border-bottom: 1px solid #333333;
  padding: 3px 4px;
  color: #666666; }
  #contact_subject:focus {
    outline: none;
    background-color: #cccccc;
    color: #333333; }

.ui-widget-error-wrapper {
  display: block; }

.ui-widget-error {
  background-color: red;
  color: white;
  display: inline-block;
  text-shadow: 0 -1px #333333;
  padding: 2px 5px;
  font-weight: 300;
  border-radius: 2px;
  font: 12px 'Ostrich', Impact, sans-serif;
  word-spacing: 0pt; }

.no-errors .ui-widget-error {
  display: none; }

input#contact_submit {
  padding: 0.5em 1em;
  font: 24px 'OstrichBold', Impact, sans-serif;
  background-color: #333333;
  color: #eeeeee;
  margin: 1em 0 0;
  padding: 0.2em 2em;
  cursor: pointer; }
  input#contact_submit:hover,
  input#contact_submit:focus {
    outline: none;
    color: white;
    background-color: black; }

@media screen and (-webkit-min-device-pixel-ratio:0) {
  #contact_subject {
    padding: 3px 30px 3px 4px; }

  .select_arrow {
    color: #707070;
    display: block;
    cursor: pointer;
    position: absolute;
    pointer-events: none;
    right: 2px;
    top: 1px;
    padding: 4px 6px;
    z-index: 2001; } }

#contact_message {
  background: none;
  border: none;
  -webkit-appearance: none;
  padding: 5px 0 0;
  margin: 0;
  color: #666666;
  min-width: 100%;
  max-width: 100%;
  background: transparent url("http://blerdnation.org/includes/img/textarea_bg.png") repeat top left;
  font: 24px "Roboto", Tahoma, Calibri, sans-serif;
  font-weight: 300;
  line-height: 40px; }
  #contact_message:focus {
    outline: none;
    color: #333333; }

#contact_message_label {
  display: block;
  position: relative;
  cursor: text;
  margin: 0 !important; }
  #contact_message_label .line {
    position: absolute;
    right: 0;
    left: 220px;
    bottom: 0; }

.tweet,
.query {
  font: 120% Georgia, serif;
  color: #085258; }

.tweet_list {
  overflow-y: hidden; }
  .tweet_list li {
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0.5em;
    letter-spacing: -1em; }
    .tweet_list li .tweet_time {
      width: 30%;
      vertical-align: top;
      display: inline-block;
      letter-spacing: 0;
      text-align: right;
      font: 10px true "Roboto", Tahoma, Calibri, sans-serif;
      font-weight: 300;
      text-transform: uppercase; }
    .tweet_list li .tweet_text {
      width: 70%;
      vertical-align: top;
      display: inline-block;
      letter-spacing: 0;
      text-align: left;
      padding-left: 10px; }

  #layout-content .layout-media-list h2 {
    font: 40px 'Ostrich', Impact, sans-serif;
    padding: 0 0.2em 0.5em;
    word-break: hyphenate; }
  #layout-content .layout-media-list li {
    display: inline-block;
    vertical-align: top; }
    #layout-content .layout-media-list li .layout-embed,
    #layout-content .layout-media-list li {
      width: 400px; }
    #layout-content .layout-media-list li hr {
      margin: -1em 1em 1em;
      border-color: #aaaaaa; }
  #layout-content .layout-media-list h2,
  #layout-content .layout-media-list .layout-embed,
  #layout-content .layout-media-list .layout-article p {
    border-right: 1px solid #aaaaaa; }
  #layout-content .layout-media-list .layout-article {
    margin-top: 0;
    border-bottom: 0; }
    #layout-content .layout-media-list .layout-article p {
      margin-bottom: 0;
      padding-bottom: 1em; }
      #layout-content .layout-media-list .layout-article p:first-child {
        padding-top: 2em; }
  #layout-content .layout-media-list.fluid li {
    width: 25%; }
    #layout-content .layout-media-list.fluid li a {
      height: 1.5em;
      display: block; }
    #layout-content .layout-media-list.fluid li .layout-embed {
      width: auto; }
      #layout-content .layout-media-list.fluid li:nth-child(4) h2,
      #layout-content .layout-media-list.fluid li:nth-child(4) .layout-embed,
      #layout-content .layout-media-list.fluid li:nth-child(4) .layout-article p {
        border-right: 0; }

#js-blerd-votes {
  margin-top: -16px;
  max-width: 400px; }

#js-blerd-votes,
#js-blog-votes {
  display: none;
  text-align: right; }
  #js-blerd-votes p,
  #js-blog-votes p {
    font: 16px "Roboto", Tahoma, Calibri, sans-serif;
    font-weight: 300; }
  #js-blerd-votes.active,
  #js-blog-votes.active {
    display: inline-block; }
  #js-blerd-votes h2,
  #js-blerd-votes p,
  #js-blog-votes h2,
  #js-blog-votes p {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
    float: right; }
  #js-blerd-votes p,
  #js-blog-votes p {
    display: none;
    text-align: right;
    padding-top: 5px; }
  #js-blerd-votes h2,
  #js-blog-votes h2 {
    margin-left: 1em; }
  #js-blerd-votes h2,
  #js-blog-votes h2 {
    color: #666666; }
    #js-blerd-votes .vote-wrapper:hover h2,
    #js-blog-votes .vote-wrapper:hover h2,
    #js-blerd-votes.voted h2,
    #js-blog-votes.voted h2 {
      color: #27aae1; }
  #js-blerd-votes.not-voted .msg-confirm,
  #js-blog-votes.not-voted .msg-confirm {
    display: inline-block;
    color: #888888;
    margin-top: 0; }
  #js-blerd-votes.voted .msg-receipt,
  #js-blog-votes.voted .msg-receipt {
    display: inline-block;
    margin-top: 0; }
  #js-blerd-votes.not-voted .vote-wrapper:hover .msg-confirm,
  #js-blog-votes.not-voted .vote-wrapper:hover .msg-confirm {
    display: inline-block;
    color: #333333; }

  #js-blerd-votes.voted .vote-wrapper,
  #js-blog-votes.voted .vote-wrapper {
    padding: 10px;
    background: transparent none;
    border-top: none;
    border-bottom: none; }
  #js-blerd-votes.not-voted .vote-wrapper,
  #js-blog-votes.not-voted .vote-wrapper {
    cursor: pointer;
    padding: 9px 10px;
    background: white none;
    border-top: 1px dashed #27aae1;
    border-bottom: 1px dashed #27aae1; }
  #js-blerd-votes [data-icon],
  #js-blog-votes [data-icon] {
    font-size: 30px; }

.vote-wrapper {
  border: 0;
  margin: 0; }

.avatar-wrapper {
  text-align: right;
  max-width: 100%; }
  .avatar-wrapper img {
    height: auto; }

.vote-wrapper h2 {
  font: 40px 'OstrichBold', Impact, sans-serif; }

.ui-widget-error {
  font: 12px "Roboto", Tahoma, Calibri, sans-serif;
  font-weight: 300; }

.product-wrapper {
  display: table; }

.product-images-wrapper,
.product-options-wrapper,
.product-description {
  display: table-cell;
  vertical-align: top;
  width: auto; }

.product-images-wrapper {
  padding-right: 20px;
  width: 440px;
  position: relative; }
  .product-images-wrapper .product-price {
    position: absolute;
    top: 0;
    right: 20px;
    padding: 8px 15px;
    background-color: rgba(39, 170, 225, 0.4);
    color: white;
    text-shadow: 0 -1px rgba(0, 1, 1, 0.5);
    font: 24px "Roboto", Tahoma, Calibri, sans-serif;
    font-weight: 'normal'; }
  .product-images-wrapper a,
  .product-images-wrapper img {
    display: block; }
    .product-images-wrapper .product-images a {
      width: 140px;
      float: left; }

.product-options-wrapper {
  min-width: 200px; }
  .product-options-wrapper input[type=radio] {
    position: absolute;
    z-index: -1; }
    .product-options-wrapper input[type=radio] + label {
      position: relative;
      background-color: white;
      display: inline-block;
      text-align: center;
      color: #27aae1;
      padding: 5px;
      width: 100%;
      margin-bottom: 10px;
      font: 32px 'Ostrich', Impact, sans-serif; }
      .product-options-wrapper input[type=radio] + label .ui-widget-error {
        vertical-align: middle;
        margin-left: 3px; }
    .product-options-wrapper input[type=radio] + label:hover,
    .product-options-wrapper input[type=radio]:focus + label {
      cursor: pointer;
      background-color: #e9f6fc; }
    .product-options-wrapper input[type=radio]:checked + label,
    .product-options-wrapper input[type=radio]:checked + label:hover,
    .product-options-wrapper input[type=radio]:checked:focus + label {
      background-color: #27aae1;
      color: white; }
    .product-options-wrapper input[type=radio][disabled] + label,
    .product-options-wrapper input[type=radio][disabled] + label:hover,
    .product-options-wrapper input[type=radio][disabled]:focus + label {
      cursor: default;
      background-color: #dddddd;
      color: #888888; }
    .product-options-wrapper .quantity-selector li {
      display: inline-block;
      width: 22%;
      margin-right: 4%; }
      .product-options-wrapper .quantity-selector li.last {
        margin-right: 0; }
  .product-options-wrapper input[type=submit] {
    background-color: white;
    display: inline-block;
    text-align: center;
    color: #27aae1;
    padding: 5px;
    width: 100%;
    border: 0;
    font: 32px 'Ostrich', Impact, sans-serif; }
    .product-options-wrapper input[type=submit]:hover,
    .product-options-wrapper input[type=submit]:focus {
      cursor: pointer;
      background-color: #e9f6fc; }
    .product-options-wrapper input[type=submit]:active {
      background-color: #27aae1;
      color: white; }
  .product-options-wrapper .totally-sold-out {
    width: 100%;
    font: 16px "Roboto", Tahoma, Calibri, sans-serif;
    font-weight: 'normal';
    text-align: center; }

.product-description {
  padding-left: 20px;
  width: 100%; }

#load-blog-preview {
  padding: 20px; }

  .product-availability li {
    margin-top: 0.5em;
    background-color: #888888;
    position: relative;
    font: 24px 'Ostrich', Impact, sans-serif;
    padding: 5px;
    color: white; }
    .product-availability li [data-icon] {
      font-size: 16px;
      position: relative;
      z-index: 1; }
    .product-availability li .graph-bar {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      background-color: #27aae1; }
    .product-availability li p {
      position: relative;
      z-index: 1; }

footer.split-1 li,
li .split-1 li {
  width: 100%;
  display: inline-block; }

.split-2 li,
li .split-2 li {
  width: 50%;
  display: inline-block; }

.split-3 li,
li .split-3 li {
  width: 33.33%;
  display: inline-block; }

.split-4 li,
li .split-4 li {
  width: 25%;
  display: inline-block; }

.split-5 li,
li .split-5 li {
  width: 20%;
  display: inline-block; }

.split-6 li,
li .split-6 li {
  width: 16.67%;
  display: inline-block; }

.split-7 li,
li .split-7 li {
  width: 14.29%;
  display: inline-block; }

.split-8 li,
li .split-8 li {
  width: 12.5%;
  display: inline-block; }

.split-9 li,
li .split-9 li {
  width: 11.11%;
  display: inline-block; }

.split-10 li,
li .split-10 li {
  width: 10%;
  display: inline-block; }

@media only screen and (min-width: 1690px) {
  .layout-blerd-table li {
    width: 300px; }

  .layout-blog-table li {
    width: 300px; }

  #contact_form .like-table {
    display: table; }
    #contact_form .like-table .like-table-cell {
      display: table-cell;
      vertical-align: middle; }

    .layout-shop-table li:nth-child(3n) {
      margin-right: 50px !important; } }

@media only screen and (min-width: 1480px) {
  .layout-shop-table li {
    width: 300px;
    margin-right: 50px; }
    .layout-shop-table li:nth-child(3n) {
      margin-right: 0; } }

@media only screen and (max-width: 1200px) {
  #layout-sidebar {
    margin-right: -6%; }


  .layout-full #layout-content {
    padding-right: 0; }

  #layout-main-nav li {
    font: 30px 'OstrichBold', Impact, sans-serif; }
    #layout-main-nav li a {
      padding: 5px 8px; }

    .featured-blerd-wrapper .featured-blerd-gallery {
      left: 300px; }
    .featured-blerd-wrapper .featured-blerd-bio {
      padding: 220px 0 0; }

  #layout-content .layout-media-list.fluid li {
    width: 50%; }
      #layout-content .layout-media-list.fluid li:nth-child(2) h2,
      #layout-content .layout-media-list.fluid li:nth-child(2) .layout-embed,
      #layout-content .layout-media-list.fluid li:nth-child(2) .layout-article p {
        border-right: 0; }

  header {
    padding: 10px 0; }
    header h1 {
      font-size: 46pt;
      line-height: 46pt; }

  .product-wrapper {
    display: block; }

  .product-options-wrapper {
    min-width: auto; }

  .product-description {
    display: block;
    padding-left: 0;
    margin-top: 2em; }

  #home_recent_news li.odd,
  #home_recent_news li.even {
    width: 100%;
    margin-top: 1em; } }

@media only screen and (max-width: 900px) {
  #featured_blog .info {
    padding-left: 0 !important; }

      .featured-blerd-wrapper .featured-blerd-avatar,
      .featured-blerd-wrapper .featured-blerd-avatar img {
        display: block;
        max-width: 100%;
        height: auto;
        position: relative; }
    .featured-blerd-wrapper .featured-blerd-bio {
      padding: 10px 0 0; }
    .featured-blerd-wrapper .featured-blerd-gallery {
      display: none; }

  #home_featured_blerd {
    width: 100% !important; }

  .layout-shop-table li {
    width: 48%;
    margin-right: 0; }
    .layout-shop-table li:nth-child(3n) {
      margin-right: 0; }
    .layout-shop-table li:nth-child(2n) {
      margin-left: 2%; }
    .layout-shop-table li:nth-child(2n-1) {
      margin-right: 2%; }

  .layout-gallery img {
    max-width: 200px; }

  #layout-content .questions_and_answers {
    margin-left: -200px;
    padding-left: 220px; }

  .layout-blog-table li {
    width: 50%; }

  .layout-blerd-table li {
    width: 50%; }
    .layout-blerd-table li label {
      display: block; } }

@media only screen and (max-width: 640px) {
  header #layout-main-nav,
  header #global_search,
  .hide_at_640,
  .featured-blerd-wrapper .featured-blerd-gallery {
    display: none !important; }

  #layout-inner-wrapper {
    display: block; }

  #layout-sidebar {
    margin-top: 1em;
    position: static;
    width: 100%;
    display: block;
    padding-left: 0; }

  #mini-menu-button {
    display: table-cell;
    font-size: 24px;
    line-height: 24px;
    cursor: pointer;
    padding: 20px;
    width: 64px; }

  #layout-main h1 {
    font: 40px 'OstrichBold', Impact, sans-serif; }

    #layout-main h1 + h2 {
            /*
       * subtitles
       */
      margin-top: -2em; }

  #layout-mobile-nav {
    margin: 0 -6%;
    font: 24px 'OstrichBold', Impact, sans-serif; }
    #layout-mobile-nav.active {
      display: block; }
    #layout-mobile-nav li a {
      display: block;
      background: #e3e3e3;
      border: 1px solid #bbbbbb;
      border-width: 1px 0;
      margin-bottom: -1px;
      -webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;
      box-shadow: inset 0 0 1px 1px #f6f6f6;
      color: #333333;
      text-shadow: 0 1px 0 #eeeeee;
      text-decoration: none;
      padding: 5px 15px; }
      #layout-mobile-nav li a:hover {
        background: #eeeeee;
        -webkit-box-shadow: inset 0 0 1px 1px #eaeaea;
        box-shadow: inset 0 0 1px 1px #eaeaea;
        color: #27aae1;
        text-shadow: 0 -1px 0 #dddddd; }
      #layout-mobile-nav li a:active,
      #layout-mobile-nav li a:focus {
        background: #d0d0d0;
        -webkit-box-shadow: inset 0 0 1px 1px #e3e3e3;
        box-shadow: inset 0 0 1px 1px #e3e3e3;
        color: black;
        outline: none; }

    .layout-article.two-column .layout-column,
    article.two-column .layout-column {
      width: 100%;
      padding: 0; }

  #layout-content .layout-media-list.fluid li {
    width: 100%; }
    #layout-content .layout-media-list.fluid li h2,
    #layout-content .layout-media-list.fluid li .layout-embed,
    #layout-content .layout-media-list.fluid li .layout-article p {
      border-right: 0; }

  #pinstripe h2 {
    font-size: 36px;
    line-height: 40px; }

  #layout-content {
    padding-right: 0;
    display: block; }

  .social-icons {
    padding: 0;
    display: block; }
    .social-icons li {
      display: inline-block;
      width: 50%;
      padding: 10px 0; }
      .social-icons li a {
        height: auto; }
        .social-icons li a .label,
        .social-icons li a:hover .label {
          display: inline;
          font-size: 10pt; }
        .social-icons li a .label {
          position: relative;
          vertical-align: middle;
          left: auto;
          right: auto;
          color: #555555; }
        .social-icons li a .icon {
          display: inline;
          vertical-align: middle;
          font-size: 32px;
          margin-right: 10px; } }

@media only screen and (max-width: 480px) {
  .hide_at_400 {
    display: none; }

  #pinstripe h3,
  #pinstripe h3 strong {
    font-size: 24pt; }

  header {
    padding: 0; }
    header h1 {
      font: 40px 'OstrichBold', Impact, sans-serif; }
    header h2 {
      font-size: 16pt;
      line-height: 18pt; }
    header .list-icons li a {
      padding: 1em 0;
      color: #666666;
      width: 200px; }

  footer {
    display: block; }
    footer .footer-box,
    footer .logo-mark-wrapper {
      display: block;
      width: 100%; }
    footer .logo-mark-wrapper {
      margin: 1em 0;
      padding: 1em 0;
      border-top: 1px solid #cccccc;
      border-bottom: 1px solid #cccccc; }
    footer .logo-mark-inner-wrapper {
      margin: 0 auto;
      width: 84px; }

  .layout-column-wrapper {
    padding: 1em 0; }

  .layout-column-wrapper .width_50 {
    width: 100%; }

  .layout-column-inner {
    padding: 0; }

  .layout-article .avatar,
  .layout-article .avatar-wrapper {
    max-width: 100%;
    float: none;
    margin-left: 0; }

  .social-icons li {
    width: 100%; }

  .ui-favorites .favorite-set {
    width: 100%;
    padding-right: 0;
    margin-bottom: 1em; }

  .layout-gallery {
    float: none;
    margin-bottom: 1em; }
    .layout-gallery img {
      max-width: 100%; }

  #layout-content .questions_and_answers {
    margin: 0;
    padding: 0; }

  .layout-shop-table li {
    width: 100%;
    margin-right: 0; }
    .layout-shop-table li:nth-child(3n) {
      margin-right: 0; } }

@media only screen and (max-width: 320px) {
  .layout-article-list li.even .avatar,
  .layout-article-list li.odd .avatar {
    max-width: 100%;
    padding: 0 0 1em 0;
    float: none; }

  .layout-blog-table li {
    width: 100%;
    height: auto; }
    .layout-blog-table li img {
      position: static;
      width: 100%;
      margin: 0; }
    .layout-blog-table li label {
      top: 105%; }

  .layout-blerd-table li {
    width: 100%;
    height: auto; }
    .layout-blerd-table li .img-wrapper {
      position: static; }
    .layout-blerd-table li img {
      position: static;
      width: 100%;
      margin: 0; }
    .layout-blerd-table li label {
      top: 105%; }

    .blog-post-footer .blog-author,
    .blog-post-footer .blog-like {
      width: 100% !important; }
    .blog-post-footer .blog-like {
      margin-bottom: 1em; }
    .blog-post-footer .blog-author {
      padding-left: 0 !important; } }

.admin-bar {
  display: table;
  background-color: #333333;
  width: 100%;
  border-radius: 5px;
  padding: 5px; }
  .admin-bar h2 {
    font-size: 16pt;
    font-family: OstrichBold;
    color: #dddddd;
    text-align: left;
    display: block;
    text-shadow: 0 -1px black; }
  .admin-bar p {
    font-size: 10pt;
    padding: 5px; }
  .admin-bar h2,
  .admin-bar p {
    color: #dddddd;
    text-align: left;
    display: block;
    text-shadow: 0 -1px black; }
  .admin-bar li {
    display: table-cell;
    vertical-align: middle;
    text-align: center; }
    .admin-bar li a {
      display: block;
      padding: 3px 10px;
      font-size: 10pt;
      background: #e3e3e3;
      border: 1px solid #bbbbbb;
      -webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;
      box-shadow: inset 0 0 1px 1px #f6f6f6;
      color: #333333;
      text-align: center;
      text-shadow: 0 1px 0 #eeeeee;
      text-decoration: none;
      border-radius: 3px; }
      .admin-bar li a:hover {
        background: #eeeeee;
        -webkit-box-shadow: inset 0 0 1px 1px #eaeaea;
        box-shadow: inset 0 0 1px 1px #eaeaea;
        color: #27aae1;
        cursor: pointer;
        text-shadow: 0 -1px 0 #dddddd; }
      .admin-bar li a:focus {
        -webkit-box-shadow: inset 0 0 1px 1px #e3e3e3, 0 0 4px 2px #27aae1;
        box-shadow: inset 0 0 1px 1px #e3e3e3, 0 0 4px 2px #27aae1;
        outline: none; }
      .admin-bar li a:active {
        background: #d0d0d0;
        -webkit-box-shadow: inset 0 0 1px 1px #e3e3e3;
        box-shadow: inset 0 0 1px 1px #e3e3e3;
        color: black;
        outline: none; }

/*
 * 
 * ColorBox Core Style:
 * The following CSS is consistent between example themes and should not be altered.
 */
#colorbox,
#cboxOverlay,
#cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden; }

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%; }

#cboxMiddleLeft,
#cboxBottomLeft {
  clear: left; }

#cboxContent {
  position: relative; }

#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch; }

#cboxTitle {
  margin: 0; }

#cboxLoadingOverlay,
#cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
  cursor: pointer; }

.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none; }

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0; }

#colorbox,
#cboxContent,
#cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; }

/*
 * 
 * User Style:
 * Change the following styles to modify the appearance of ColorBox.  They are
 * ordered & tabbed in a way that represents the nesting of the generated HTML.
 */
#cboxOverlay {
  background: url("http://blerdnation.org/includes/img/colorbox/overlay.png") repeat 0 0; }

#colorbox {
  outline: 0; }

#cboxTopLeft {
  width: 21px;
  height: 21px;
  background: url("http://blerdnation.org/includes/img/colorbox/controls.png") no-repeat -101px 0; }

#cboxTopRight {
  width: 21px;
  height: 21px;
  background: url("http://blerdnation.org/includes/img/colorbox/controls.png") no-repeat -130px 0; }

#cboxBottomLeft {
  width: 21px;
  height: 21px;
  background: url("http://blerdnation.org/includes/img/colorbox/controls.png") no-repeat -101px -29px; }

#cboxBottomRight {
  width: 21px;
  height: 21px;
  background: url("http://blerdnation.org/includes/img/colorbox/controls.png") no-repeat -130px -29px; }

#cboxMiddleLeft {
  width: 21px;
  background: url("http://blerdnation.org/includes/img/colorbox/controls.png") left top repeat-y; }

#cboxMiddleRight {
  width: 21px;
  background: url("http://blerdnation.org/includes/img/colorbox/controls.png") right top repeat-y; }

#cboxTopCenter {
  height: 21px;
  background: url("http://blerdnation.org/includes/img/colorbox/border.png") 0 0 repeat-x; }

#cboxBottomCenter {
  height: 21px;
  background: url("http://blerdnation.org/includes/img/colorbox/border.png") 0 -29px repeat-x; }

#cboxContent {
  background: white;
  overflow: hidden; }

.cboxIframe {
  background: white; }

#cboxError {
  padding: 50px;
  border: 1px solid #cccccc; }

#cboxLoadedContent {
  margin-bottom: 28px; }

#cboxTitle {
  position: absolute;
  bottom: 4px;
  left: 0;
  text-align: center;
  width: 100%;
  color: #949494; }

#cboxCurrent {
  position: absolute;
  bottom: 4px;
  left: 58px;
  color: #949494; }

#cboxLoadingOverlay {
  background: url("http://blerdnation.org/includes/img/colorbox/loading_background.png") no-repeat center center; }

#cboxLoadingGraphic {
  background: url("http://blerdnation.org/includes/img/colorbox/loading.gif") no-repeat center center; }

/*
 * these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles
 */
#cboxPrevious,
#cboxNext,
#cboxSlideshow,
#cboxClose {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  width: auto;
  background: none; }

/*
 * avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating)
 */
#cboxPrevious:active,
#cboxNext:active,
#cboxSlideshow:active,
#cboxClose:active {
  outline: 0; }

#cboxSlideshow {
  position: absolute;
  bottom: 4px;
  right: 30px;
  color: #0092ef; }

#cboxPrevious {
  position: absolute;
  bottom: 0;
  left: 0;
  background: url("http://blerdnation.org/includes/img/colorbox/controls.png") no-repeat -75px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px; }

#cboxPrevious:hover {
  background-position: -75px -25px; }

#cboxNext {
  position: absolute;
  bottom: 0;
  left: 27px;
  background: url("http://blerdnation.org/includes/img/colorbox/controls.png") no-repeat -50px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px; }

#cboxNext:hover {
  background-position: -50px -25px; }

#cboxClose {
  position: absolute;
  bottom: 0;
  right: 0;
  background: url("http://blerdnation.org/includes/img/colorbox/controls.png") no-repeat -25px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px; }

#cboxClose:hover {
  background-position: -25px -25px; }

/*
 * 
 * The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
 * when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
 * See: http://jacklmoore.com/notes/ie-transparency-problems/
 */
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF); }

#layout-main .wysiwym-content {
  word-spacing: 0; }
  #layout-main .wysiwym-content *:first-child {
    margin-top: 0; }
  #layout-main .wysiwym-content h1,
  #layout-main .wysiwym-content h2,
  #layout-main .wysiwym-content h3,
  #layout-main .wysiwym-content h4,
  #layout-main .wysiwym-content h5,
  #layout-main .wysiwym-content h6 {
    font-family: "Ostrich";
    font-size: 1em;
    margin-top: 1em;
    margin-bottom: 0; }
    #layout-main .wysiwym-content h1 strong,
    #layout-main .wysiwym-content h2 strong,
    #layout-main .wysiwym-content h3 strong,
    #layout-main .wysiwym-content h4 strong,
    #layout-main .wysiwym-content h5 strong,
    #layout-main .wysiwym-content h6 strong {
      font-family: "OstrichBold"; }
  #layout-main .wysiwym-content p,
  #layout-main .wysiwym-content ul,
  #layout-main .wysiwym-content ol,
  #layout-main .wysiwym-content li,
  #layout-main .wysiwym-content blockquote,
  #layout-main .wysiwym-content hr,
  #layout-main .wysiwym-content pre {
    margin-top: 1.4em;
    line-height: 1.4em; }
  #layout-main .wysiwym-content li {
    margin-top: 0.7em; }
  #layout-main .wysiwym-content code {
    background-color: #27aae1;
    color: white;
    border: 1px dotted white;
    white-space: pre-wrap; }
  #layout-main .wysiwym-content pre {
    border: 1px dashed #666666;
    border-width: 1px 0;
    padding: 0.5em 0; }
    #layout-main .wysiwym-content pre code {
      display: block;
      color: inherit;
      border: 0;
      background: 0; }
  #layout-main .wysiwym-content ul,
  #layout-main .wysiwym-content ol {
    padding-left: 2em; }
    #layout-main .wysiwym-content ul li,
    #layout-main .wysiwym-content ol li {
      line-height: 1.2em; }
  #layout-main .wysiwym-content ol li {
    list-style: outside decimal; }
  #layout-main .wysiwym-content ul li {
    list-style: outside square; }
  #layout-main .wysiwym-content h1 {
    font-size: 2.6em;
    font-family: OstrichBold;
    color: #27aae1; }
  #layout-main .wysiwym-content h2 {
    font-size: 2.4em; }
  #layout-main .wysiwym-content h3 {
    font-size: 2em;
    font-style: italic; }
  #layout-main .wysiwym-content h4 {
    font-size: 1.8em; }
  #layout-main .wysiwym-content h5 {
    font-size: 1.4em; }
  #layout-main .wysiwym-content h6,
  #layout-main .wysiwym-content p {
    font-size: 1em; }
    #layout-main .wysiwym-content.small h1 {
      font-size: 2.2em; }
    #layout-main .wysiwym-content.small h2 {
      font-size: 2em; }
    #layout-main .wysiwym-content.small h3 {
      font-size: 1.8em; }
    #layout-main .wysiwym-content.small h4 {
      font-size: 1.6em; }
    #layout-main .wysiwym-content.small h5 {
      font-size: 1.2em; }
    #layout-main .wysiwym-content.small h6,
    #layout-main .wysiwym-content.small p {
      font-size: 0.8em; }
  #layout-main .wysiwym-content code {
    font-family: monospace; }
  #layout-main .wysiwym-content blockquote {
    border-left: 5px solid #cccccc;
    padding-left: 2em; }
  #layout-main .wysiwym-content img,
  #layout-main .wysiwym-content a.img-link {
    max-width: 100%; }
    #layout-main .wysiwym-content img.img-right,
    #layout-main .wysiwym-content a.img-link.img-right {
      float: right;
      margin: 0 0 1em 1em; }
    #layout-main .wysiwym-content img.img-left,
    #layout-main .wysiwym-content a.img-link.img-left {
      float: left;
      margin: 1em 1em 0 0; }
    #layout-main .wysiwym-content img.img-block,
    #layout-main .wysiwym-content a.img-link.img-block {
      display: block;
      margin-bottom: 1em; }

.ui-modal-dialog {
  display: none; }

.ui-dialog-wrapper {
  position: fixed;
  z-index: 101;
  display: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden; }
  .ui-dialog-wrapper .ui-dialog-inner-wrapper {
    position: relative;
    height: 100%;
    overflow: hidden; }
  .ui-dialog-wrapper .ui-modal-dialog {
    display: none;
    position: absolute;
    top: 12%;
    bottom: 12%;
    left: 10%;
    right: 10%;
    overflow: hidden;
    box-shadow: 0 0 30px black;
    background: #eeeeee;
    border: 1px solid #555555;
    border-radius: 5px; }
    .ui-dialog-wrapper .ui-modal-dialog.active {
      display: block; }
    .ui-dialog-wrapper .ui-modal-dialog .ui-dialog-header {
      background-color: #27aae1;
      color: white;
      height: 42px;
      text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.3);
      padding: 5px 10px;
      font: 40px 'OstrichBold', Impact, sans-serif;
      color: #dddddd;
      text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
      border-radius: 4px 4px 0 0;
      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
      z-index: 1; }
      .ui-dialog-wrapper .ui-modal-dialog .ui-dialog-header .ui-dialog-close {
        float: right;
        cursor: pointer;
        font-size: 32px; }
        .ui-dialog-wrapper .ui-modal-dialog .ui-dialog-header .ui-dialog-close:hover {
          color: white; }
        .ui-dialog-wrapper .ui-modal-dialog .ui-dialog-header .ui-dialog-close:active {
          color: #333333; }
    .ui-dialog-wrapper .ui-modal-dialog .ui-dialog-content {
      position: absolute;
      top: 43px;
      bottom: 52px;
      right: 0;
      left: 0;
      overflow-y: auto;
      padding: 10px;
      color: #333333; }
      .ui-dialog-wrapper .ui-modal-dialog .ui-dialog-content h3 {
        font: 32px 'Ostrich', Impact, sans-serif;
        width: 25%;
        display: inline-block;
        vertical-align: top; }
      .ui-dialog-wrapper .ui-modal-dialog .ui-dialog-content p {
        margin-bottom: 1em; }
      .ui-dialog-wrapper .ui-modal-dialog .ui-dialog-content small {
        font-size: 12px; }
    .ui-dialog-wrapper .ui-modal-dialog .ui-dialog-footer {
      bottom: 0;
      height: 52px;
      background-color: #cccccc;
      position: absolute;
      left: 0;
      right: 0;
      text-align: right;
      padding: 5px 10px;
      box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4);
      z-index: 1; }
      .ui-dialog-wrapper .ui-modal-dialog .ui-dialog-footer .button {
        margin-left: 5px; }

.fileupload_button {
  position: relative;
  cursor: pointer;
  z-index: 2;
  width: 100%; }

.ajax_fileupload {
  min-height: 40px;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  opacity: 0;
  transform: translate(-300px, 0) scale(4); }

.fileupload_receipt {
  font: 12px "Roboto", Tahoma, Calibri, sans-serif;
  font-weight: 300; }
  .fileupload_receipt li {
    cursor: pointer; }
    .fileupload_receipt li .ui-widget-error {
      display: block;
      margin-bottom: 2px; }
  .fileupload_receipt .progress_bar {
    height: 14px;
    border: 1px solid #555555;
    background-color: white;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
    width: 40%;
    float: right;
    margin-left: 10px;
    overflow: hidden;
    border-radius: 7px; }
    .fileupload_receipt .progress_bar .progress {
      height: 12px;
      width: 0;
      background-color: #27aae1;
      box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2), inset 0 -1px rgba(255, 255, 255, 0.1); }

#fileupload_gallery,
#image_positioning {
  width: 75%;
  display: inline-block;
  vertical-align: top; }
  #fileupload_gallery li,
  #image_positioning li {
    list-style-type: none;
    display: inline-block;
    margin: 0 0 0.2em 0.2em; }
    #fileupload_gallery li input,
    #fileupload_gallery li img,
    #image_positioning li input,
    #image_positioning li img {
      display: inline-block;
      vertical-align: top; }
    #fileupload_gallery li label,
    #image_positioning li label {
      display: inline-block;
      padding: 4px 4px 4px 32px;
      margin-left: -24px; }

  #image_positioning li [data-icon] {
    display: inline-block;
    vertical-align: top;
    width: 64px;
    font-size: 64px;
    margin: 0 4px; }
  #image_positioning li label {
    display: inline-block;
    vertical-align: top; }
    #image_positioning li label p {
      font: 10px "Roboto", Tahoma, Calibri, sans-serif;
      font-weight: 300;
      display: inline-block;
      padding: 4px;
      margin-bottom: 0;
      margin-top: 0.5em; }

body .stButton .chicklets {
  color: transparent;
  width: 16px;
  padding-left: 0; }
  body .stButton .chicklets.email {
    color: transparent; }

#twitter-widget-0 {
  width: 100% !important; }

.heightmatch {
  min-height: 347px; }

html {
  background: #eeeeee url("http://blerdnation.org/includes/img/subtle_grunge.png") repeat top left;
  color: #222222;
    /*
   * default #000 can be hard on the eyes
   */ }

#ie6_barrier {
  position: fixed;
  z-index: 2000;
  zoom: 1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  background-color: #333333;
  padding: 5em; }

header {
  position: relative;
  z-index: 3; }

  header h1 a,
  header h1 a:active,
  header h1 a:focus,
  header h1 a:visited {
    text-decoration: none;
    color: #222222; }
  header h1 a:hover {
    text-decoration: none;
    color: black; }

#nav-between-blerds {
  display: table;
  width: 100%;
  margin: 1em 0; }
  #nav-between-blerds a,
  #nav-between-blerds .empty {
    display: table-cell;
    vertical-align: middle;
    width: 30%; }
    #nav-between-blerds a.left,
    #nav-between-blerds .empty.left {
      float: none;
      text-align: left; }
    #nav-between-blerds a.right,
    #nav-between-blerds .empty.right {
      float: none;
      text-align: right; }
    #nav-between-blerds a.title,
    #nav-between-blerds .empty.title {
      width: 40%;
      text-align: center;
      font-family: OstrichBold;
      font-size: 24pt;
      padding: 0 10px; }


  .table-paginate li {
    display: inline-block;
    margin-right: -1px;
    -webkit-transition: none; }
    .table-paginate li a,
    .table-paginate li.current .inner,
    .table-paginate li.disabled {
      -webkit-transition: none;
      padding: 5px 10px;
      display: inline-block;
      color: #555555; }
    .table-paginate li.disabled {
      color: #cccccc;
      cursor: default; }
    .table-paginate li.current .inner {
      color: #333333;
      padding-bottom: 0px;
      border-bottom: 5px solid #27aae1;
      cursor: default; }
    .table-paginate li a:hover {
      position: relative;
      padding-bottom: 0px;
      text-decoration: none;
      border-bottom: 5px solid #cccccc; }
    .table-paginate li a:active,
    .table-paginate li a:focus {
      position: relative;
      padding-bottom: 0px;
      background-color: #666666;
      color: #eeeeee;
      border-bottom: 5px solid #cccccc; }

form .layout-form-block {
  word-spacing: 0; }
  form .layout-form-block label p {
    font-size: 12pt;
    line-height: 13pt;
    color: #333333;
    font-family: "Roboto";
    font-weight: normal; }
  form .layout-form-block.style-a {
    display: inline-block;
    vertical-align: top; }
    form .layout-form-block.style-a.big input,
    form .layout-form-block.style-a.big select {
      font-size: 18pt; }
    form .layout-form-block.style-a label {
      color: #27aae1;
      font-size: 14pt;
      line-height: 13pt; }
    form .layout-form-block.style-a input[type=text],
    form .layout-form-block.style-a input[type=password],
    form .layout-form-block.style-a textarea {
      width: 100%;
      border-bottom: 1px solid #999999;
      padding: 5px 0;
      background: transparent none; }
      form .layout-form-block.style-a input[type=text]:focus,
      form .layout-form-block.style-a input[type=password]:focus,
      form .layout-form-block.style-a textarea:focus {
        border-color: #333333; }
    form .layout-form-block.style-a select {
      font: 100% "Roboto", Tahoma, Calibri, sans-serif;
      font-weight: 300;
      width: 100%;
      border: 0;
      border-bottom: 1px solid #555555;
      color: #666666;
      padding: 5px 0;
      background: transparent none;
      -webkit-appearance: none; }
    form .layout-form-block.style-b .layout-multipart {
      width: 70%;
      float: right; }
      form .layout-form-block.style-b .layout-multipart li {
        display: block;
        margin-bottom: -1px; }
          form .layout-form-block.style-b .layout-multipart li:first-child input[type=text],
          form .layout-form-block.style-b .layout-multipart li:first-child input[type=password],
          form .layout-form-block.style-b .layout-multipart li:first-child textarea {
            border-radius: 2px 2px 0 0; }
          form .layout-form-block.style-b .layout-multipart li:last-child input[type=text],
          form .layout-form-block.style-b .layout-multipart li:last-child input[type=password],
          form .layout-form-block.style-b .layout-multipart li:last-child textarea {
            border-radius: 0 0 2px 2px; }
        form .layout-form-block.style-b .layout-multipart li.bulleted {
          list-style: outside square; }
      form .layout-form-block.style-b .layout-multipart p {
        margin-bottom: 1em; }
      form .layout-form-block.style-b .layout-multipart input[type=text],
      form .layout-form-block.style-b .layout-multipart input[type=password],
      form .layout-form-block.style-b .layout-multipart textarea {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        float: none;
        display: block;
        border-radius: 0; }
    form .layout-form-block.style-b input[type=text],
    form .layout-form-block.style-b input[type=password],
    form .layout-form-block.style-b textarea {
      padding: 5px;
      margin: 0;
      width: 70%;
      max-width: 70%;
      min-width: 70%;
      float: right;
      border: 1px solid #999999;
      box-shadow: 1px 1px #aaaaaa; }
      form .layout-form-block.style-b input[type=text]:focus,
      form .layout-form-block.style-b input[type=password]:focus,
      form .layout-form-block.style-b textarea:focus {
        border-color: #333333; }
      form .layout-form-block.style-b input[type=text].shorter,
      form .layout-form-block.style-b input[type=password].shorter,
      form .layout-form-block.style-b textarea.shorter {
        width: 30%;
        min-width: 30%;
        margin-right: 40%; }
    form .layout-form-block.style-b label {
      color: #27aae1;
      width: 30%;
      float: left;
      font-size: 16pt;
      padding: 5px; }
      form .layout-form-block.style-b label small {
        font-family: Roboto;
        font-size: 60%;
        color: #666666; }
    form .layout-form-block.style-b input[type="radio"] + label,
    form .layout-form-block.style-b input[type="checkbox"] + label {
      display: inline-block;
      width: auto;
      float: none; }
    form .layout-form-block.style-b .option-list {
      width: 70%;
      float: right; }
      form .layout-form-block.style-b .option-list li {
        display: inline-block;
        margin-right: 0.5em; }
    form .layout-form-block.style-b .ui-widget-error {
      margin-left: 30%;
      font: 12px "Roboto", Tahoma, Calibri, sans-serif;
      font-weight: 300; }

.blog-post-footer {
  margin-top: 2em;
  border-top: 1px solid #555555;
  padding-top: 1em; }
  .blog-post-footer .blog-author,
  .blog-post-footer .blog-like {
    width: 50%;
    display: inline-block;
    vertical-align: top; }
  .blog-post-footer .blog-author {
    padding-left: 10px; }
    .blog-post-footer .blog-author .avatar-wrapper {
      float: right;
      width: 300px;
      margin-left: 10px; }
      .blog-post-footer .blog-author .avatar-wrapper img {
        display: block;
        max-width: 100%; }
      .blog-post-footer .blog-author .avatar-wrapper h3 {
        text-align: left;
        margin-bottom: 5px; }
    .blog-post-footer .blog-author .author-bio {
      text-align: right;
      font: 14px "Roboto", Tahoma, Calibri, sans-serif;
      font-weight: 300; }

    .blog-post-footer .blog-comments h2 {
      font: 32px 'OstrichBold', Impact, sans-serif;
      background-color: #27aae1;
      color: white;
      padding: 5px 10px; }
      .blog-post-footer .blog-comments h2 .button {
        padding: 5px 10px;
        font: 12px "Roboto", Tahoma, Calibri, sans-serif;
        font-weight: 'normal';
        margin-left: 10px;
        margin-right: -5px; }
    .blog-post-footer .blog-comments form {
      padding: 20px; }
      .blog-post-footer .blog-comments form h3 {
        padding: 5px 10px;
        background-color: #cccccc;
        font: 32px 'Ostrich', Impact, sans-serif; }
    .blog-post-footer .blog-comments .form-block {
      padding: 10px;
      background-color: rgba(255, 255, 255, 0.5); }
      .blog-post-footer .blog-comments .form-block label,
      .blog-post-footer .blog-comments .form-block textarea,
      .blog-post-footer .blog-comments .form-block input {
        display: inline-block;
        vertical-align: top; }
      .blog-post-footer .blog-comments .form-block textarea,
      .blog-post-footer .blog-comments .form-block input {
        width: 70%; }
      .blog-post-footer .blog-comments .form-block label {
        padding: 5px;
        width: 30%;
        text-align: right; }
        .blog-post-footer .blog-comments .form-block label > div {
          display: inline-block; }
          .blog-post-footer .blog-comments .form-block label > div .avatar,
          .blog-post-footer .blog-comments .form-block label > div > span {
            vertical-align: middle; }
          .blog-post-footer .blog-comments .form-block label > div > span {
            display: inline-block;
            text-align: left;
            padding: 5px; }
            .blog-post-footer .blog-comments .form-block label > div > span a {
              font-size: 12px; }
    .blog-post-footer .blog-comments .posted-comments li {
      margin-top: 1em; }
      .blog-post-footer .blog-comments .posted-comments li .user,
      .blog-post-footer .blog-comments .posted-comments li .message {
        display: inline-block;
        vertical-align: top; }
      .blog-post-footer .blog-comments .posted-comments li .user {
        width: 30%;
        text-align: right; }
        .blog-post-footer .blog-comments .posted-comments li .user > div {
          display: inline-block; }
          .blog-post-footer .blog-comments .posted-comments li .user > div .avatar,
          .blog-post-footer .blog-comments .posted-comments li .user > div > span {
            vertical-align: middle; }
          .blog-post-footer .blog-comments .posted-comments li .user > div > span {
            display: inline-block;
            text-align: left;
            padding: 5px; }
            .blog-post-footer .blog-comments .posted-comments li .user > div > span small {
              font-size: 10px; }
      .blog-post-footer .blog-comments .posted-comments li .message {
        width: 65%;
        margin-left: 5%;
        background-color: #fafafa;
        font-size: 1.1em;
        padding: 1em;
        border: 1px solid #aaaaaa;
        border-radius: 4px 10px 10px 10px; }
        .blog-post-footer .blog-comments .posted-comments li .message {
          position: relative;
          background: #fafafa;
          border: 1px solid #aaaaaa; }
        .blog-post-footer .blog-comments .posted-comments li .message:after,
        .blog-post-footer .blog-comments .posted-comments li .message:before {
          right: 100%;
          border: solid transparent;
          content: " ";
          height: 0;
          width: 0;
          position: absolute;
          pointer-events: none; }
        .blog-post-footer .blog-comments .posted-comments li .message:after {
          border-color: transparent;
          border-right-color: #fafafa;
          border-width: 10px;
          top: 5px; }
        .blog-post-footer .blog-comments .posted-comments li .message:before {
          border-color: transparent;
          border-right-color: #aaaaaa;
          border-width: 11px;
          top: 5px;
          margin-top: -1px; }
        .blog-post-footer .blog-comments .posted-comments li .message .comment-flag-wrapper {
          float: right;
          font-size: 11px;
          margin-top: -5px;
          margin-right: -5px;
          margin-left: 10px;
          margin-bottom: 3px; }
          .blog-post-footer .blog-comments .posted-comments li .message .comment-flag-wrapper select {
            font-size: inherit;
            padding: 0;
            padding-bottom: 2px; }
  .blog-post-footer .author_name {
    font: 36px 'Ostrich', Impact, sans-serif;
    background-color: #333333;
    color: white;
    line-height: 23px;
    margin-top: -1px;
    padding: 0 5px;
    width: 300px;
    max-width: 100%; }

.layout-form-block {
  clear: both; }
  .layout-form-block input[type=text],
  .layout-form-block input[type=password],
  .layout-form-block textarea {
    display: block;
    font-family: Roboto;
    font-size: 12pt;
    background: transparent none;
    border: 0;
    color: #777777;
    border-radius: 2px; }
    .layout-form-block input[type=text]:focus,
    .layout-form-block input[type=password]:focus,
    .layout-form-block textarea:focus {
      border-color: #333333;
      color: #222222;
      outline: none;
      background-color: rgba(255, 255, 255, 0.1);
      text-shadow: none; }
  .layout-form-block label {
    display: block;
    font-family: "OstrichBold";
    font-weight: bold;
    color: #444444; }
  .layout-form-block.style-b .sub_label {
    float: left;
    width: 30%; }
    .layout-form-block.style-b .sub_label input[type=text] {
      float: none;
      font-size: 10pt;
      padding: 5px;
      width: 90%;
      max-width: 90%; }
    .layout-form-block.style-b .sub_label select {
      max-width: 90%; }
    .layout-form-block.captcha-block input,
    .layout-form-block.captcha-block input:focus {
      background: white;
      color: #333333;
      text-shadow: none !important; }

.widget {
  background: #e3e3e3;
  border: 1px solid #bbbbbb;
  -webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;
  box-shadow: inset 0 0 1px 1px #f6f6f6;
  color: #333333;
  text-shadow: 0 1px 0 #eeeeee;
  display: inline-block; }

.button,
a.button,
table thead a {
  background: #e3e3e3;
  border: 1px solid #999999;
  border-radius: 20px;
  -webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;
  box-shadow: inset 0 0 1px 1px #f6f6f6;
  color: #333333;
  padding: 10px 40px;
  text-align: center;
  text-shadow: 0 1px 0 #eeeeee;
  text-decoration: none;
  display: inline-block; }
  .button.small,
  a.button.small,
  table thead a.small {
    font-size: 8pt;
    padding: 5px 10px; }
  .button:hover,
  a.button:hover,
  table thead a:hover {
    background: #eeeeee;
    -webkit-box-shadow: inset 0 0 1px 1px #eaeaea;
    box-shadow: inset 0 0 1px 1px #eaeaea;
    color: #27aae1;
    cursor: pointer;
    text-shadow: 0 -1px 0 #dddddd; }
  .button:focus,
  a.button:focus,
  table thead a:focus {
    -webkit-box-shadow: inset 0 0 1px 1px #e3e3e3, 0 0 4px 2px #27aae1;
    box-shadow: inset 0 0 1px 1px #e3e3e3, 0 0 4px 2px #27aae1;
    outline: none; }
  .button:active,
  a.button:active,
  table thead a:active {
    background: #d0d0d0;
    -webkit-box-shadow: inset 0 0 1px 1px #e3e3e3;
    box-shadow: inset 0 0 1px 1px #e3e3e3;
    color: black;
    outline: none; }
  .button:disabled,
  a.button:disabled,
  table thead a:disabled,
  .button:disabled:hover,
  a.button:disabled:hover,
  table thead a:disabled:hover,
  .button:disabled:focus,
  a.button:disabled:focus,
  table thead a:disabled:focus,
  .button:disabled:active,
  a.button:disabled:active,
  table thead a:disabled:active,
  .button[disabled],
  a.button[disabled],
  table thead a[disabled],
  .button[disabled]:hover,
  a.button[disabled]:hover,
  table thead a[disabled]:hover,
  .button[disabled]:focus,
  a.button[disabled]:focus,
  table thead a[disabled]:focus,
  .button[disabled]:active,
  a.button[disabled]:active,
  table thead a[disabled]:active,
  .button.ui-state-disabled,
  a.button.ui-state-disabled,
  table thead a.ui-state-disabled,
  .button.ui-state-disabled:hover,
  a.button.ui-state-disabled:hover,
  table thead a.ui-state-disabled:hover,
  .button.ui-state-disabled:focus,
  a.button.ui-state-disabled:focus,
  table thead a.ui-state-disabled:focus,
  .button.ui-state-disabled:active,
  a.button.ui-state-disabled:active,
  table thead a.ui-state-disabled:active {
    color: #cccccc;
    background: transparent none;
    box-shadow: none;
    text-shadow: none;
    cursor: default; }

#home_featured_blerd,
#home_recent_media,
#home_recent_blog_posts {
  display: inline-block;
  vertical-align: top;
  width: 33%;
  margin-top: 2em; }
  #home_featured_blerd li,
  #home_recent_media li,
  #home_recent_blog_posts li {
    padding: 10px 0; }

  #home_featured_blerd a,
  #home_recent_media a,
  #home_recent_blog_posts a {
    text-align: center; }
  #home_featured_blerd a.heightmatch,
  #home_recent_media a.heightmatch,
  #home_recent_blog_posts a.heightmatch {
    min-height: 321px; }
  #home_featured_blerd h2,
  #home_recent_media h2,
  #home_recent_blog_posts h2 {
    font: 32px 'Ostrich', Impact, sans-serif;
    letter-spacing: 1pt;
    text-decoration: none; }
  #home_featured_blerd a:hover,
  #home_featured_blerd a:active,
  #home_recent_media a:hover,
  #home_recent_media a:active,
  #home_recent_blog_posts a:hover,
  #home_recent_blog_posts a:active {
    color: #27aae1;
    text-decoration: none; }
  #home_featured_blerd .line-link-wrapper,
  #home_recent_media .line-link-wrapper,
  #home_recent_blog_posts .line-link-wrapper {
    border-top: 3px solid #27aae1;
    padding: 0; }
    #home_featured_blerd .line-link-wrapper a.line-link,
    #home_recent_media .line-link-wrapper a.line-link,
    #home_recent_blog_posts .line-link-wrapper a.line-link {
      margin: 0;
      color: white;
      background-color: #27aae1;
      padding: 0.25em 0.5em;
      float: right;
      display: inline;
      font-family: Ostrich;
      font-size: 16pt; }

h2.home-header {
  font: 30px 'OstrichBold', Impact, sans-serif;
  color: #27aae1; }


  #home_recent_media h2 {
    padding: 10px 5px; }
    #home_recent_media h2.home-header {
      padding: 0; }

  #home_featured_blerd h2 {
    padding: 10px 5px;
    margin: 0;
    color: #555555; }
    #home_featured_blerd h2 a {
      margin: 0; }
  #home_featured_blerd img {
    max-width: 100%;
    height: auto; }
  #home_featured_blerd a {
    margin: 10px 0 0;
    display: block;
    text-decoration: none; }
      #home_featured_blerd a:hover h2,
      #home_featured_blerd a:hover h3 {
        color: #27aae1; }

@media only screen and (max-width: 900px) {
  form .layout-form-block.style-a.width_10,
    form .layout-form-block.style-a.width_20,
    form .layout-form-block.style-a.width_30,
    form .layout-form-block.style-a.width_40,
    form .layout-form-block.style-a.width_50,
    form .layout-form-block.style-a.width_60,
    form .layout-form-block.style-a.width_70,
    form .layout-form-block.style-a.width_80,
    form .layout-form-block.style-a.width_90 {
      width: 100%; }

    form .layout-form-block.style-b label,
    form .layout-form-block.style-b .layout-multipart,
    form .layout-form-block.style-b .sub_label {
      width: 100%; }
    form .layout-form-block.style-b input[type=text],
    form .layout-form-block.style-b input[type=password],
    form .layout-form-block.style-b textarea {
      width: 100%;
      max-width: 100%;
      min-width: 100%; }

  #home_recent_news,
  #home_recent_media,
  #home_recent_blog_posts {
    width: 100%;
    padding: 0; } }

iframe {
  max-width: 100%; }

#donate_pane p {
  background-color: rgba(255, 255, 255, 0.5);
  padding: 1em; }

  .linklist a,
  .linklist .link {
    display: block;
    background-color: white;
    padding: 10px;
    border-bottom: 1px solid #27aae1;
    -webkit-transition: none;
    color: #666666; }
    .linklist a h3,
    .linklist .link h3 {
      font-family: OstrichBold;
      font-size: 20pt; }
    .linklist a:hover,
    .linklist .link:hover {
      padding-bottom: 8px;
      border-bottom-width: 3px;
      text-decoration: none;
      color: #27aae1; }
    .linklist a .bubble,
    .linklist .link .bubble {
      float: right;
      margin-left: 0.5em;
      font-size: 0.8em;
      padding: 0.25em 0.75em;
      color: white;
      background-color: #27aae1;
      border-radius: 1em; }

#layout_twitter_timeline {
  padding: 1em;
  background-color: rgba(255, 255, 255, 0.5); }

  #featured_blog .img-wrapper {
    position: relative;
    width: 300px;
    height: 240px;
    float: left;
    margin-right: 1em; }
    #featured_blog .img-wrapper h3 {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      background-color: rgba(0, 0, 0, 0.4);
      padding: 0.25em;
      color: white;
      font-family: OstrichBold;
      font-size: 26pt;
      line-height: 24pt; }
  #featured_blog .info {
    min-width: 200px;
    padding-left: 320px; }
  #featured_blog .small_avatar {
    max-width: 80px;
    float: left;
    margin-right: 10px; }
  #featured_blog a:hover {
    text-decoration: none; }
    #featured_blog a:hover h2 {
      color: #27aae1; }
  #featured_blog h2 {
    font-size: 26pt;
    line-height: 32px;
    color: #555555;
    text-decoration: none;
    font-family: OstrichBold;
    margin-bottom: 1em; }
  #featured_blog .wysiwym-content {
    padding: 0 5px;
    max-height: 16em;
    overflow-y: hidden; }

#search_site {
  position: relative;
  margin-top: 0.25em; }
  #search_site label {
    padding-left: 0.5em;
    cursor: pointer; }
      #search_site label:hover span {
        color: #27aae1; }
    #search_site label span[data-icon] {
      position: relative;
      z-index: 2;
      -webkit-transition: color 0.1s linear;
      font-size: 24px; }
    #search_site label input[type=search] {
      position: relative;
      width: 0;
      border: 0;
      padding: 0;
      font-size: 24px;
      -webkit-transition: padding 0s, padding-left -0.2s, width 0.2s; }
      #search_site label input[type=search]:focus {
        padding: 0.5em;
        padding-left: 48px;
        width: 300px;
        border: 1px solid #27aae1;
        margin-top: -0.5em;
        margin-left: -48px;
        background-color: white !important;
        z-index: 1; }

  #search_site .typeahead,
  #search_site .tt-query,
  #search_site .tt-hint {
    width: 396px;
    height: 30px; }
  #search_site .typeahead {
    background-color: white; }
  #search_site .typeahead:focus {
    border: 2px solid #0097cf; }
  #search_site .tt-query {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08); }
  #search_site .tt-dropdown-menu {
    margin-left: -48px;
    width: 300px;
    padding: 0;
    position: relative;
    z-index: 1000 !important;
    background-color: white;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.2); }
  #search_site .tt-suggestion {
    padding: 3px 20px;
    font-size: 18px;
    line-height: 24px;
    text-align: left; }
    #search_site .tt-suggestion p {
      margin: 0;
      font: 100% "Roboto", Tahoma, Calibri, sans-serif;
      font-weight: 300;
      white-space: nowrap !important;
      text-overflow: ellipsis !important;
      overflow: hidden !important;
      max-width: 260px !important; }
    #search_site .tt-suggestion .badge {
      float: right; }
  #search_site .tt-suggestion.tt-cursor {
    color: white;
    background-color: #27aae1; }
    #search_site .tt-suggestion.tt-cursor .badge {
      color: white;
      font-weight: normal !important; }
      #search_site .tt-suggestion.tt-cursor .badge strong {
        font-weight: normal !important; }

  #search_results li {
    border-bottom: 1px solid #cccccc; }
  #search_results a {
    padding: 1em 0;
    display: block; }
  #search_results .badge {
    margin-right: 5px;
    background-color: #27aae1;
    padding: 2px 5px 3px;
    font-size: 0.8em;
    text-transform: uppercase;
    color: white;
    border-radius: 2px;
    font: 24px 'Ostrich', Impact, sans-serif; }

.title-a {
  -webkit-transition: font-size linear 0.1s; }

.title-b {
  -webkit-transition: font-size linear 0.14s; }

.title-c {
  -webkit-transition: font-size linear 0.18s; }

.title-d {
  -webkit-transition: font-size linear 0.22s; }

.title-e {
  -webkit-transition: font-size linear 0.26s; }

.title-f {
  -webkit-transition: font-size linear 0.3s;
  color: #27aae1; }

.title-g {
  -webkit-transition: font-size linear 0.34s;
  color: #27aae1; }

.title-h {
  -webkit-transition: font-size linear 0.38s;
  color: #27aae1; }

.title-i {
  -webkit-transition: font-size linear 0.42s;
  color: #27aae1; }

.title-j {
  -webkit-transition: font-size linear 0.46s;
  color: #27aae1; }

.title-k {
  -webkit-transition: font-size linear 0.5s;
  color: #27aae1; }

.title-l {
  -webkit-transition: font-size linear 0.54s; }

.title-m {
  -webkit-transition: font-size linear 0.58s; }

.title-n {
  -webkit-transition: font-size linear 0.62s; }

.title-o {
  -webkit-transition: font-size linear 0.66s; }

.title-p {
  -webkit-transition: font-size linear 0.7s; }

.fileupload_button {
  overflow: hidden; }

.widget {
  background: #e3e3e3;
  border: 1px solid #bbbbbb;
  -webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;
  box-shadow: inset 0 0 1px 1px #f6f6f6;
  color: #333333;
  text-shadow: 0 1px 0 #eeeeee;
  display: inline-block; }

table thead th {
  vertical-align: middle;
  white-space: nowrap; }

.button,
a.button,
table thead a {
  background: #e3e3e3;
  border: 1px solid #bbbbbb;
  border-radius: 20px;
  -webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;
  box-shadow: inset 0 0 1px 1px #f6f6f6;
  color: #333333;
  padding: 10px 40px;
  text-align: center;
  text-shadow: 0 1px 0 #eeeeee;
  text-decoration: none;
  display: inline-block; }
  .button.small,
  a.button.small,
  table thead a.small {
    font-size: 8pt;
    padding: 5px 10px; }
  .button:hover,
  a.button:hover,
  table thead a:hover {
    background: #eeeeee;
    -webkit-box-shadow: inset 0 0 1px 1px #eaeaea;
    box-shadow: inset 0 0 1px 1px #eaeaea;
    color: #27aae1;
    cursor: pointer;
    text-shadow: 0 -1px 0 #dddddd; }
  .button:focus,
  a.button:focus,
  table thead a:focus {
    -webkit-box-shadow: inset 0 0 1px 1px #e3e3e3, 0 0 4px 2px #27aae1;
    box-shadow: inset 0 0 1px 1px #e3e3e3, 0 0 4px 2px #27aae1;
    outline: none; }
  .button:active,
  a.button:active,
  table thead a:active {
    background: #d0d0d0;
    -webkit-box-shadow: inset 0 0 1px 1px #e3e3e3;
    box-shadow: inset 0 0 1px 1px #e3e3e3;
    color: black;
    outline: none; }
  .button:disabled,
  a.button:disabled,
  table thead a:disabled,
  .button:disabled:hover,
  a.button:disabled:hover,
  table thead a:disabled:hover,
  .button:disabled:focus,
  a.button:disabled:focus,
  table thead a:disabled:focus,
  .button:disabled:active,
  a.button:disabled:active,
  table thead a:disabled:active,
  .button[disabled],
  a.button[disabled],
  table thead a[disabled],
  .button[disabled]:hover,
  a.button[disabled]:hover,
  table thead a[disabled]:hover,
  .button[disabled]:focus,
  a.button[disabled]:focus,
  table thead a[disabled]:focus,
  .button[disabled]:active,
  a.button[disabled]:active,
  table thead a[disabled]:active,
  .button.ui-state-disabled,
  a.button.ui-state-disabled,
  table thead a.ui-state-disabled,
  .button.ui-state-disabled:hover,
  a.button.ui-state-disabled:hover,
  table thead a.ui-state-disabled:hover,
  .button.ui-state-disabled:focus,
  a.button.ui-state-disabled:focus,
  table thead a.ui-state-disabled:focus,
  .button.ui-state-disabled:active,
  a.button.ui-state-disabled:active,
  table thead a.ui-state-disabled:active {
    color: #cccccc;
    background: transparent none;
    box-shadow: none;
    text-shadow: none;
    cursor: default; }

.user-panel {
  position: absolute;
  top: 15px;
  right: 5%; }
  .user-panel .button {
    padding: 5px 10px;
    font-size: 10pt;
    margin-left: 1em; }
  .user-panel p {
    vertical-align: middle;
    display: inline-block; }
  .user-panel img {
    vertical-align: middle;
    display: inline-block;
    margin-right: 10px; }

.nav-list {
  clear: both; }
  .nav-list li,
  .nav-list a {
    width: 100%;
    display: block;
    text-align: left; }
  .nav-list a.button {
    border-radius: 0;
    margin-bottom: -1px;
    position: relative; }
    .nav-list a.button .count {
      position: absolute;
      right: 10px;
      padding: 5px 10px;
      top: 50%;
      margin-top: -1em;
      border-radius: 10px;
      font-size: 8pt;
      color: #eeeeee;
      background-color: rgba(0, 0, 0, 0.5);
      text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5); }
  .nav-list li:first-child a.button {
    border-radius: 10px 10px 0 0; }
  .nav-list li:last-child a.button {
    border-radius: 0 0 10px 10px; }

table {
  width: 100%;
  font-size: 10pt; }
    table thead a,
    table thead a:visited,
    table thead .widget {
      position: relative;
      padding: 7px 24px 7px 5px;
      font-family: Ostrich;
      font-size: 14pt;
      font-weight: bold;
      border-radius: 0;
      width: 100%;
      display: block;
      color: #888888;
      text-align: left;
      border-right-width: 0; }
      table thead a .sorting_icon,
      table thead a:visited .sorting_icon,
      table thead .widget .sorting_icon {
        position: absolute;
        right: 5px;
        color: #cccccc; }
      table thead a.active,
      table thead a:visited.active,
      table thead .widget.active,
      table thead a.active .sorting_icon,
      table thead a:visited.active .sorting_icon,
      table thead .widget.active .sorting_icon {
        color: #27aae1;
        text-shadow: 0 1px rgba(0, 0, 0, 0.4); }
      table thead th:first-child a,
      table thead th:first-child .widget {
        border-radius: 4px 0 0 0; }
      table thead th:last-child a,
      table thead th:last-child .widget {
        border-radius: 0 4px 0 0;
        border-right-width: 1px; }
      table tbody tr td {
        padding: 5px;
        vertical-align: middle; }
        table tbody tr td.row_button {
          padding: 0; }
          table tbody tr td.row_button:first-child {
            border-left: 0; }
          table tbody tr td.row_button .button {
            border-radius: 0;
            display: block;
            width: 100%; }
        table tbody tr td.avatar_cell {
          padding: 0;
          line-height: 0; }
          table tbody tr td.avatar_cell img {
            padding: 0; }
        table tbody tr td .empty-table-error {
          padding: 10px;
          text-align: center; }
        table tbody tr td:first-child {
          border-left: 1px solid #cccccc; }
        table tbody tr td:last-child {
          box-shadow: inset -1px 0 #cccccc; }
      table tbody tr.even {
        background-color: rgba(0, 0, 0, 0.05); }
      table tbody tr.odd {
        background-color: rgba(255, 255, 255, 0.05); }

.table-info {
  position: relative;
  padding: 5px;
  background: #bbbbbb;
  border: 1px solid #bbbbbb;
  border-radius: 0 0 5px 5px;
  font-size: 10pt;
  -webkit-box-shadow: inset 0 0 1px 1px #aaaaaa;
  box-shadow: inset 0 0 1px 1px #aaaaaa;
  color: #333333;
  text-shadow: 0 1px 0 #cccccc;
  margin-bottom: 2em; }
  .table-info .table-paginate {
    position: absolute;
    right: 5px;
    top: 5px; }
    .table-info .table-paginate .paginate-list li {
      display: inline-block;
      vertical-align: top; }
      .table-info .table-paginate .paginate-list li a {
        display: block; }
    .table-info .table-paginate .button {
      padding: 4px 10px;
      border-radius: 0;
      margin-left: -1px;
      height: 26px;
      position: relative; }
      .table-info .table-paginate .button.current {
        background-color: #27aae1;
        color: white;
        box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.5);
        border-color: #999999;
        z-index: 1; }
  .table-info .table-status {
    word-spacing: 0; }


.split_panels .panel {
  display: inline-block;
  vertical-align: top;
  padding-right: 1em; }
  .split_panels .panel:last-child {
    padding-right: 0; }

  .markdown_edit_panels .help_panel {
    width: 16%;
    max-width: 16%;
    word-spacing: 0;
    font-size: 8pt;
    line-height: 9pt; }
    .markdown_edit_panels .help_panel h3 {
      font-size: 10pt;
      font-weight: bold;
      margin-top: 2em; }
      .markdown_edit_panels .help_panel h3:first-of-type {
        margin-top: 0; }
    .markdown_edit_panels .help_panel pre {
      background-color: #222222;
      overflow-x: auto;
      overflow-y: hidden;
      width: auto;
      padding: 4px; }
    .markdown_edit_panels .help_panel p,
    .markdown_edit_panels .help_panel pre,
    .markdown_edit_panels .help_panel code {
      margin-top: 0.4em; }
  .markdown_edit_panels .edit_panel,
  .markdown_edit_panels .preview_panel {
    width: 42%;
    max-width: 42%; }
  .markdown_edit_panels .edit_panel fieldset {
    background-color: rgba(0, 0, 0, 0.2); }
  .markdown_edit_panels .preview_panel fieldset {
    background-color: rgba(255, 255, 255, 0.05); }
  .markdown_edit_panels fieldset {
    position: relative;
    max-width: 100%;
    width: 100%;
    margin-top: 20px; }
  .markdown_edit_panels .edit_panel textarea {
    position: relative;
    resize: vertical;
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    background: transparent none;
    min-height: 400px;
    border: 1px solid #555555;
    border-top: 0;
    border-radius: 0 0 2px 2px;
    box-shadow: 1px 1px black;
    text-shadow: 1px 1px black;
    padding: 5px;
    color: #999999;
    margin: 0; }
    .markdown_edit_panels .edit_panel textarea:focus {
      color: white;
      outline: none;
      background-color: rgba(255, 255, 255, 0.1); }

  .blog_revisions .revision_list_panel {
    width: 40%; }
    .blog_revisions .revision_list_panel li:nth-child(2n) a {
      background-color: rgba(255, 255, 255, 0.1); }
    .blog_revisions .revision_list_panel li a {
      display: block;
      padding: 5px 10px;
      margin: 0 -10px; }
      .blog_revisions .revision_list_panel li a small {
        font: 12px "Roboto", Tahoma, Calibri, sans-serif;
        font-weight: 300; }
    .blog_revisions .revision_list_panel li.active {
      padding: 5px 10px;
      margin: 0 -10px;
      border: 1px solid #555555;
      background-color: #cccccc;
      color: #333333; }
      .blog_revisions .revision_list_panel li.active small {
        font: 12px "Roboto", Tahoma, Calibri, sans-serif;
        font-weight: 300; }
    .blog_revisions .revision_list_panel li {
      position: relative; }
    .blog_revisions .revision_list_panel li p.title {
      padding-left: 24px; }
    .blog_revisions .revision_list_panel li p.title [data-icon] {
      position: absolute;
      left: 0; }
    .blog_revisions .revision_list_panel li.active p.title [data-icon] {
      left: 10px; }
  .blog_revisions .revision_preview_panel {
    width: 60%; }

  .markdown .markItUpHeader .markItUpButton {
    position: relative; }
    .markdown .markItUpHeader .markItUpButton .icon {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      text-indent: 0;
      text-align: center; }
      .markdown .markItUpHeader .markItUpButton .icon:before {
        font-family: 'icomoon';
        speak: none;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        -webkit-font-smoothing: antialiased; }
    .markdown .markItUpHeader .markItUpButton1 .icon:before,
    .markdown .markItUpHeader .markItUpButton2 .icon:before,
    .markdown .markItUpHeader .markItUpButton3 .icon:before,
    .markdown .markItUpHeader .markItUpButton4 .icon:before,
    .markdown .markItUpHeader .markItUpButton5 .icon:before,
    .markdown .markItUpHeader .markItUpButton6 .icon:before {
      font-size: 24px;
      font-family: "OstrichBold"; }
    .markdown .markItUpHeader .markItUpButton7 .icon:before,
    .markdown .markItUpHeader .markItUpButton8 .icon:before {
      font-size: 14px;
      font-family: "Roboto"; }
  .markdown .markItUpHeader .markItUpButton1 .icon:before {
    content: "H1"; }
  .markdown .markItUpHeader .markItUpButton2 .icon:before {
    content: "H2"; }
  .markdown .markItUpHeader .markItUpButton3 .icon:before {
    content: "H3"; }
  .markdown .markItUpHeader .markItUpButton4 .icon:before {
    content: "H4"; }
  .markdown .markItUpHeader .markItUpButton5 .icon:before {
    content: "H5"; }
  .markdown .markItUpHeader .markItUpButton6 .icon:before {
    content: "H6"; }
  .markdown .markItUpHeader .markItUpButton7 .icon:before {
    content: "B";
    font-weight: bold; }
  .markdown .markItUpHeader .markItUpButton8 .icon:before {
    content: "I";
    font-style: italic; }
  .markdown .markItUpHeader .markItUpButton9 .icon:before {
    content: "\e017"; }
  .markdown .markItUpHeader .markItUpButton10 .icon:before {
    content: "\e018"; }
  .markdown .markItUpHeader .markItUpButton11 .icon:before {
    content: "\e015"; }
  .markdown .markItUpHeader .markItUpButton12 .icon:before {
    content: "\e016"; }
  .markdown .markItUpHeader .markItUpButton13 .icon:before {
    content: "\e019"; }
  .markdown .markItUpHeader .markItUpButton14 .icon:before {
    content: "\e01a"; }

.markItUpHeader {
  background-color: rgba(0, 0, 0, 0.2); }
  .markItUpHeader.fixed {
    height: 24px; }
    .markItUpHeader.fixed ul {
      position: fixed;
      top: 0;
      z-index: 2; }

.markItUpHeader ul {
    /*
   * next rows of buttons
   */
    /*
   * next rows of buttons
   */ }
    .markItUpHeader ul .markItUpButton:first-child a {
      border-radius: 2px 0 0 0; }
  .markItUpHeader ul li {
    display: inline-block;
    vertical-align: middle; }
  .markItUpHeader ul li ul {
    display: none; }
  .markItUpHeader ul li:hover > ul {
    display: block; }
  .markItUpHeader ul .markItUpDropMenu {
    background: transparent url(images/menu.png) no-repeat 115% 50%;
    margin-right: 5px; }
  .markItUpHeader ul .markItUpDropMenu li {
    margin-right: 0px; }
  .markItUpHeader ul .markItUpSeparator {
    margin: 0 10px;
    width: 0px;
    height: 16px;
    overflow: hidden; }
  .markItUpHeader ul ul .markItUpSeparator {
    width: auto;
    height: 1px;
    margin: 0px; }
  .markItUpHeader ul ul {
    display: none;
    position: absolute;
    top: 18px;
    left: 0px;
    background: whitesmoke;
    border: 1px solid #3c769d;
    height: inherit; }
  .markItUpHeader ul ul li {
    float: none;
    border-bottom: 1px solid #3c769d; }
  .markItUpHeader ul ul .markItUpDropMenu {
    background: whitesmoke url(images/submenu.png) no-repeat 100% 50%; }
  .markItUpHeader ul ul ul {
    position: absolute;
    top: -1px;
    left: 150px; }
  .markItUpHeader ul ul ul li {
    float: none; }
  .markItUpHeader ul a {
    background-color: #dddddd;
    -webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;
    box-shadow: inset 0 0 1px 1px #f6f6f6;
    color: #333333;
    display: block;
    width: 24px;
    height: 24px;
    text-indent: -10000px;
    background-repeat: no-repeat;
    background-position: 4px 4px;
    padding: 3px;
    margin: 0px;
    border: 1px solid #bbbbbb;
    margin-right: -1px; }
  .markItUpHeader ul a:hover {
    background-color: white;
    -webkit-box-shadow: inset 0 0 1px 1px #eaeaea;
    box-shadow: inset 0 0 1px 1px #eaeaea;
    color: #27aae1; }
  .markItUpHeader ul ul a {
    display: block;
    padding-left: 0px;
    text-indent: 0;
    width: 120px;
    padding: 5px 5px 5px 25px;
    background-position: 2px 50%; }
  .markItUpHeader ul ul a:hover {
    color: white;
    background-color: #3c769d; }

  #fileupload_gallery label,
  #image_positioning label {
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 0;
    -webkit-border-radius: 0; }

  #image_positioning li p {
    background-color: #eeeeee;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    box-shadow: inset 0 1px rgba(0, 0, 0, 0.4); }

#select_image_size {
  width: 75%;
  padding: 5px;
  font: 14px "Roboto", Tahoma, Calibri, sans-serif;
  font-weight: 300;
  font-weight: 300;
  -webkit-appearance: none;
  text-shadow: none;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-color: #666666; }

fieldset {
  margin-bottom: 2em; }
  fieldset img {
    max-width: 100%;
    height: auto; }
  fieldset fieldset {
    margin-bottom: 0; }
    fieldset .form-horizontal .cell.wysiwyg-content,
    fieldset .form-vertical .cell.wysiwyg-content {
      background-color: #efefef;
      padding: 20px; }
  fieldset .cell.notice {
    background-color: #daf0fa;
    padding: 20px;
    border-bottom: 1px solid #2d6e8a;
    border-left: 1px solid #4f90ac;
    border-right: 1px solid #4f90ac;
    color: #3e5863; }
    fieldset .cell.notice strong {
      color: #333333; }
  fieldset .cell.header {
    padding: 10px 20px;
    font: 24px 'OstrichBold', Impact, sans-serif;
    background-color: #0e4961;
    color: #efefef; }
  fieldset > .form-horizontal,
  fieldset > .form-vertical,
  fieldset > .form-block {
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc; }
    fieldset > .form-horizontal.no-border,
    fieldset > .form-vertical.no-border,
    fieldset > .form-block.no-border {
      border-width: 0; }
  fieldset label small {
    font: 12px "Roboto", Tahoma, Calibri, sans-serif;
    font-weight: 300;
    line-height: 14px;
    display: inline-block; }
  fieldset label .ui-widget-error {
    margin-left: 0.5em; }
  fieldset .form-horizontal > .form-block,
  fieldset .form-horizontal > .form-vertical,
  fieldset .form-vertical > .form-vertical,
  fieldset .cell,
  fieldset .layout-buttonset .button,
  fieldset .layout-buttonset .submit-wrapper {
    display: table-cell;
    vertical-align: top;
    width: 1%; }
      fieldset .form-horizontal > .form-block.width_5,
      fieldset .form-horizontal > .form-vertical.width_5,
      fieldset .form-vertical > .form-vertical.width_5,
      fieldset .cell.width_5,
      fieldset .layout-buttonset .button.width_5,
      fieldset .layout-buttonset .submit-wrapper.width_5 {
        width: 5%; }
      fieldset .form-horizontal > .form-block.width_10,
      fieldset .form-horizontal > .form-vertical.width_10,
      fieldset .form-vertical > .form-vertical.width_10,
      fieldset .cell.width_10,
      fieldset .layout-buttonset .button.width_10,
      fieldset .layout-buttonset .submit-wrapper.width_10 {
        width: 10%; }
      fieldset .form-horizontal > .form-block.width_15,
      fieldset .form-horizontal > .form-vertical.width_15,
      fieldset .form-vertical > .form-vertical.width_15,
      fieldset .cell.width_15,
      fieldset .layout-buttonset .button.width_15,
      fieldset .layout-buttonset .submit-wrapper.width_15 {
        width: 15%; }
      fieldset .form-horizontal > .form-block.width_20,
      fieldset .form-horizontal > .form-vertical.width_20,
      fieldset .form-vertical > .form-vertical.width_20,
      fieldset .cell.width_20,
      fieldset .layout-buttonset .button.width_20,
      fieldset .layout-buttonset .submit-wrapper.width_20 {
        width: 20%; }
      fieldset .form-horizontal > .form-block.width_25,
      fieldset .form-horizontal > .form-vertical.width_25,
      fieldset .form-vertical > .form-vertical.width_25,
      fieldset .cell.width_25,
      fieldset .layout-buttonset .button.width_25,
      fieldset .layout-buttonset .submit-wrapper.width_25 {
        width: 25%; }
      fieldset .form-horizontal > .form-block.width_30,
      fieldset .form-horizontal > .form-vertical.width_30,
      fieldset .form-vertical > .form-vertical.width_30,
      fieldset .cell.width_30,
      fieldset .layout-buttonset .button.width_30,
      fieldset .layout-buttonset .submit-wrapper.width_30 {
        width: 30%; }
      fieldset .form-horizontal > .form-block.width_35,
      fieldset .form-horizontal > .form-vertical.width_35,
      fieldset .form-vertical > .form-vertical.width_35,
      fieldset .cell.width_35,
      fieldset .layout-buttonset .button.width_35,
      fieldset .layout-buttonset .submit-wrapper.width_35 {
        width: 35%; }
      fieldset .form-horizontal > .form-block.width_40,
      fieldset .form-horizontal > .form-vertical.width_40,
      fieldset .form-vertical > .form-vertical.width_40,
      fieldset .cell.width_40,
      fieldset .layout-buttonset .button.width_40,
      fieldset .layout-buttonset .submit-wrapper.width_40 {
        width: 40%; }
      fieldset .form-horizontal > .form-block.width_45,
      fieldset .form-horizontal > .form-vertical.width_45,
      fieldset .form-vertical > .form-vertical.width_45,
      fieldset .cell.width_45,
      fieldset .layout-buttonset .button.width_45,
      fieldset .layout-buttonset .submit-wrapper.width_45 {
        width: 45%; }
      fieldset .form-horizontal > .form-block.width_50,
      fieldset .form-horizontal > .form-vertical.width_50,
      fieldset .form-vertical > .form-vertical.width_50,
      fieldset .cell.width_50,
      fieldset .layout-buttonset .button.width_50,
      fieldset .layout-buttonset .submit-wrapper.width_50 {
        width: 50%; }
      fieldset .form-horizontal > .form-block.width_55,
      fieldset .form-horizontal > .form-vertical.width_55,
      fieldset .form-vertical > .form-vertical.width_55,
      fieldset .cell.width_55,
      fieldset .layout-buttonset .button.width_55,
      fieldset .layout-buttonset .submit-wrapper.width_55 {
        width: 55%; }
      fieldset .form-horizontal > .form-block.width_60,
      fieldset .form-horizontal > .form-vertical.width_60,
      fieldset .form-vertical > .form-vertical.width_60,
      fieldset .cell.width_60,
      fieldset .layout-buttonset .button.width_60,
      fieldset .layout-buttonset .submit-wrapper.width_60 {
        width: 60%; }
      fieldset .form-horizontal > .form-block.width_65,
      fieldset .form-horizontal > .form-vertical.width_65,
      fieldset .form-vertical > .form-vertical.width_65,
      fieldset .cell.width_65,
      fieldset .layout-buttonset .button.width_65,
      fieldset .layout-buttonset .submit-wrapper.width_65 {
        width: 65%; }
      fieldset .form-horizontal > .form-block.width_70,
      fieldset .form-horizontal > .form-vertical.width_70,
      fieldset .form-vertical > .form-vertical.width_70,
      fieldset .cell.width_70,
      fieldset .layout-buttonset .button.width_70,
      fieldset .layout-buttonset .submit-wrapper.width_70 {
        width: 70%; }
      fieldset .form-horizontal > .form-block.width_75,
      fieldset .form-horizontal > .form-vertical.width_75,
      fieldset .form-vertical > .form-vertical.width_75,
      fieldset .cell.width_75,
      fieldset .layout-buttonset .button.width_75,
      fieldset .layout-buttonset .submit-wrapper.width_75 {
        width: 75%; }
      fieldset .form-horizontal > .form-block.width_80,
      fieldset .form-horizontal > .form-vertical.width_80,
      fieldset .form-vertical > .form-vertical.width_80,
      fieldset .cell.width_80,
      fieldset .layout-buttonset .button.width_80,
      fieldset .layout-buttonset .submit-wrapper.width_80 {
        width: 80%; }
      fieldset .form-horizontal > .form-block.width_85,
      fieldset .form-horizontal > .form-vertical.width_85,
      fieldset .form-vertical > .form-vertical.width_85,
      fieldset .cell.width_85,
      fieldset .layout-buttonset .button.width_85,
      fieldset .layout-buttonset .submit-wrapper.width_85 {
        width: 85%; }
      fieldset .form-horizontal > .form-block.width_90,
      fieldset .form-horizontal > .form-vertical.width_90,
      fieldset .form-vertical > .form-vertical.width_90,
      fieldset .cell.width_90,
      fieldset .layout-buttonset .button.width_90,
      fieldset .layout-buttonset .submit-wrapper.width_90 {
        width: 90%; }
      fieldset .form-horizontal > .form-block.width_95,
      fieldset .form-horizontal > .form-vertical.width_95,
      fieldset .form-vertical > .form-vertical.width_95,
      fieldset .cell.width_95,
      fieldset .layout-buttonset .button.width_95,
      fieldset .layout-buttonset .submit-wrapper.width_95 {
        width: 95%; }
      fieldset .form-horizontal > .form-block.width_100,
      fieldset .form-horizontal > .form-vertical.width_100,
      fieldset .form-vertical > .form-vertical.width_100,
      fieldset .cell.width_100,
      fieldset .layout-buttonset .button.width_100,
      fieldset .layout-buttonset .submit-wrapper.width_100 {
        width: 100%; }
    fieldset .form-horizontal > .form-block.width_33,
    fieldset .form-horizontal > .form-vertical.width_33,
    fieldset .form-vertical > .form-vertical.width_33,
    fieldset .cell.width_33,
    fieldset .layout-buttonset .button.width_33,
    fieldset .layout-buttonset .submit-wrapper.width_33 {
      width: 33%; }
    fieldset .form-horizontal > .form-block.width_67,
    fieldset .form-horizontal > .form-vertical.width_67,
    fieldset .form-vertical > .form-vertical.width_67,
    fieldset .cell.width_67,
    fieldset .layout-buttonset .button.width_67,
    fieldset .layout-buttonset .submit-wrapper.width_67 {
      width: 67%; }
  fieldset .layout-buttonset,
  fieldset .form-horizontal,
  fieldset .form-vertical,
  fieldset .form-vertical > .form-block,
  fieldset .form-vertical > .form_horizontal,
  fieldset,
  fieldset > .form-block,
  fieldset > h3 {
    display: table;
    width: 100%;
    table-layout: fixed; }
  fieldset.cart {
    display: inline-block; }
    fieldset.cart > h4 {
      font: 36px 'Ostrich', Impact, sans-serif;
      color: #27aae1; }
      fieldset.cart > h4 > span {
        padding: 0.5em 0;
        display: inline-block; }
      fieldset.cart > h4 strong {
        font: 36px 'OstrichBold', Impact, sans-serif; }
  fieldset > h3 {
    padding: 10px;
    font: 32px 'Ostrich', Impact, sans-serif;
    color: #efefef;
    background-color: #2d6e8a;
    text-shadow: 0 -1px #135570;
    border: 1px solid #135570;
    border-bottom-width: 0; }
  fieldset .form-block {
    display: inline-block;
    position: relative;
    padding: 20px; }
    fieldset .form-block.buttonset-wrapper {
      border: 1px solid #2d6e8a;
      visibility: visible; }
    fieldset .form-block.nopad {
      padding: 0; }
      fieldset .form-block.no-label label {
        display: none; }
        fieldset .form-block.no-label label.real-label {
          display: block; }
    fieldset .form-block input[type=text]:focus + .real-label,
    fieldset .form-block input[type=password]:focus + .real-label,
    fieldset .form-block input[type=email]:focus + .real-label,
    fieldset .form-block textarea:focus + .real-label,
    fieldset .form-block:hover > .real-label {
      background-color: rgba(255, 255, 255, 0.7);
      border-bottom-color: #27aae1;
      color: #27aae1;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
      text-shadow: 0 1px rgba(0, 0, 0, 0.3); }
    fieldset .form-block > label {
      visibility: hidden;
      width: 30%;
      font: 22px 'OstrichBold', Impact, sans-serif; }
      fieldset .form-block > label > span {
        display: block;
        padding: 6px 0; }
    fieldset .form-block label + input,
    fieldset .form-block label + textarea,
    fieldset .form-block label + .select-wrapper,
    fieldset .form-block label + .layout-buttonset,
    fieldset .form-block label + ul,
    fieldset .form-block label + ol {
      width: 70%;
      max-width: 70%;
      min-width: 70%; }
      fieldset .form-block label + input.short,
      fieldset .form-block label + textarea.short,
      fieldset .form-block label + .select-wrapper.short,
      fieldset .form-block label + .layout-buttonset.short,
      fieldset .form-block label + ul.short,
      fieldset .form-block label + ol.short {
        width: 40%;
        max-width: 40%;
        min-width: 40%; }
    fieldset .form-block > label,
    fieldset .form-block > input,
    fieldset .form-block > textarea,
    fieldset .form-block > .select-wrapper,
    fieldset .form-block > .layout-buttonset,
    fieldset .form-block > ul,
    fieldset .form-block > ol {
      display: inline-block;
      vertical-align: top;
      position: relative;
      z-index: 1; }
      fieldset .form-block.alt > label,
      fieldset .form-block.alt > input,
      fieldset .form-block.alt > textarea,
      fieldset .form-block.alt > .select-wrapper,
      fieldset .form-block.alt > .layout-buttonset,
      fieldset .form-block.alt > ul,
      fieldset .form-block.alt > ol {
        width: 100%;
        max-width: 100%;
        min-width: 100%; }
      fieldset .form-block.alt > label {
        font: 22px 'OstrichBold', Impact, sans-serif; }
        fieldset .form-block.alt > label > span {
          padding: 0;
          max-width: 100%; }
          fieldset .form-block.alt > label > span > br {
            display: none;
            margin-right: 10px; }
          fieldset .form-block.alt > label > span > small {
            font: 12px "Roboto", Tahoma, Calibri, sans-serif;
            font-weight: 300;
            padding-left: 10px; }
    fieldset .form-block .layout-buttonset .submit-wrapper {
      position: relative; }
      fieldset .form-block .layout-buttonset .submit-wrapper > span {
        visibility: hidden;
        font: 32px 'Ostrich', Impact, sans-serif;
        padding: 10px;
        display: block; }
    fieldset .form-block .layout-buttonset .submit-wrapper .button {
      width: 100%;
      height: 100%;
      display: block;
      margin: 0;
      position: absolute !important; }
    fieldset .form-block.cart-buttons {
      display: table;
      border: 0;
      padding: 0;
      float: right;
      width: 20%;
      min-width: 50%;
      max-width: 100%; }
      fieldset .form-block.cart-buttons .button {
        vertical-align: middle; }
    fieldset .form-block .layout-buttonset .button,
    fieldset .form-block .fileupload_button,
    fieldset .form-block .button.form-button {
      background: none;
      border: 0;
      padding: 10px;
      border-radius: 0;
      text-shadow: none;
      box-shadow: inset 1px 1px rgba(255, 255, 255, 0.1), inset -1px -1px rgba(0, 0, 0, 0.1);
      color: white;
      font: 32px 'Ostrich', Impact, sans-serif;
      background-color: #49a4cb; }
      fieldset .form-block .layout-buttonset .button:focus,
      fieldset .form-block .fileupload_button:focus,
      fieldset .form-block .button.form-button:focus,
      fieldset .form-block .layout-buttonset .button:hover,
      fieldset .form-block .fileupload_button:hover,
      fieldset .form-block .button.form-button:hover {
        background-color: #27aae1;
        position: relative;
        z-index: 1; }
      fieldset .form-block .layout-buttonset .button:active,
      fieldset .form-block .fileupload_button:active,
      fieldset .form-block .button.form-button:active,
      fieldset .form-block .layout-buttonset .button.active,
      fieldset .form-block .fileupload_button.active,
      fieldset .form-block .button.form-button.active,
      fieldset .form-block .layout-buttonset .button.active:focus,
      fieldset .form-block .fileupload_button.active:focus,
      fieldset .form-block .button.form-button.active:focus,
      fieldset .form-block .layout-buttonset .button.active:hover,
      fieldset .form-block .fileupload_button.active:hover,
      fieldset .form-block .button.form-button.active:hover,
      fieldset .form-block .layout-buttonset .button.active:active,
      fieldset .form-block .fileupload_button.active:active,
      fieldset .form-block .button.form-button.active:active {
        background-color: #135570;
        box-shadow: inset 0 -1px 4px rgba(0, 0, 0, 0.4); }
      fieldset .form-block .layout-buttonset .button [data-icon],
      fieldset .form-block .fileupload_button [data-icon],
      fieldset .form-block .button.form-button [data-icon] {
        font-size: 20px;
        vertical-align: middle; }
      fieldset .form-block .layout-buttonset .button small,
      fieldset .form-block .layout-buttonset .button .small,
      fieldset .form-block .fileupload_button small,
      fieldset .form-block .fileupload_button .small,
      fieldset .form-block .button.form-button small,
      fieldset .form-block .button.form-button .small {
        font: 14px "Roboto", Tahoma, Calibri, sans-serif;
        font-weight: 300;
        display: block; }
    fieldset .form-block .real-label {
      visibility: visible;
      color: #555555;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      width: 100%;
      padding: 20px;
      background-color: rgba(255, 255, 255, 0.4);
      z-index: 0;
      border-bottom: 4px solid #7dcced; }
      fieldset .form-block .real-label > span {
        display: block;
        max-width: 30%; }
      fieldset .form-block .layout-checkbox-set input[type=checkbox],
      fieldset .form-block .layout-checkbox-set input[type=radio] {
        position: absolute;
        opacity: 0; }
        fieldset .form-block .layout-checkbox-set input[type=checkbox]:focus + .real-label,
        fieldset .form-block .layout-checkbox-set input[type=radio]:focus + .real-label {
          background-color: rgba(255, 255, 255, 0.7);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }
        fieldset .form-block .layout-checkbox-set input[type=checkbox]:checked + .real-label .checkbox-indicator,
        fieldset .form-block .layout-checkbox-set input[type=radio]:checked + .real-label .checkbox-indicator,
        fieldset .form-block .layout-checkbox-set input[type=checkbox]:checked:focus + .real-label .checkbox-indicator,
        fieldset .form-block .layout-checkbox-set input[type=radio]:checked:focus + .real-label .checkbox-indicator {
          background-image: linear-gradient(left top, #27aae1 0%, #25a1d5 100%);
          background-image: -o-linear-gradient(left top, #27aae1 0%, #25a1d5 100%);
          background-image: -moz-linear-gradient(left top, #27aae1 0%, #25a1d5 100%);
          background-image: -webkit-linear-gradient(left top, #27aae1 0%, #25a1d5 100%);
          background-image: -ms-linear-gradient(left top, #27aae1 0%, #25a1d5 100%);
          background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #27aae1), color-stop(1, #25a1d5)); }
        fieldset .form-block .layout-checkbox-set input[type=checkbox][disabled] + .real-label,
        fieldset .form-block .layout-checkbox-set input[type=radio][disabled] + .real-label {
          cursor: default;
          color: #aaaaaa; }
          fieldset .form-block .layout-checkbox-set input[type=checkbox][disabled] + .real-label:hover,
          fieldset .form-block .layout-checkbox-set input[type=radio][disabled] + .real-label:hover {
            background-color: rgba(255, 255, 255, 0.4);
            box-shadow: none; }
          fieldset .form-block .layout-checkbox-set input[type=checkbox][disabled] + .real-label .checkbox-indicator,
          fieldset .form-block .layout-checkbox-set input[type=radio][disabled] + .real-label .checkbox-indicator {
            background-image: none;
            background-color: #cccccc; }
          fieldset .form-block .layout-checkbox-set input[type=checkbox][disabled]:checked + .real-label .checkbox-indicator,
          fieldset .form-block .layout-checkbox-set input[type=radio][disabled]:checked + .real-label .checkbox-indicator {
            background-image: none;
            background-color: #68aac5; }
      fieldset .form-block .layout-checkbox-set li {
        position: relative; }
        fieldset .form-block .layout-checkbox-set li > label {
          display: block;
          padding: 10px 10px 10px 42px; }
          fieldset .form-block .layout-checkbox-set li > label > span {
            width: 100%;
            max-width: 100%; }
        fieldset .form-block .layout-checkbox-set li input[type=checkbox]:focus + .real-label .checkbox-indicator,
        fieldset .form-block .layout-checkbox-set li input[type=radio]:focus + .real-label .checkbox-indicator,
        fieldset .form-block .layout-checkbox-set li .real-label:hover .checkbox-indicator {
          background-image: linear-gradient(left top, #a7a7a7 0%, #787878 100%);
          background-image: -o-linear-gradient(left top, #a7a7a7 0%, #787878 100%);
          background-image: -moz-linear-gradient(left top, #a7a7a7 0%, #787878 100%);
          background-image: -webkit-linear-gradient(left top, #a7a7a7 0%, #787878 100%);
          background-image: -ms-linear-gradient(left top, #a7a7a7 0%, #787878 100%);
          background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #a7a7a7), color-stop(1, #787878)); }
        fieldset .form-block .layout-checkbox-set li .real-label {
          cursor: pointer;
          border-bottom: 0; }
          fieldset .form-block .layout-checkbox-set li .real-label:hover {
            background-color: rgba(255, 255, 255, 0.7);
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }
          fieldset .form-block .layout-checkbox-set li .real-label > span .checkbox-indicator {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            width: 32px;
            background-image: linear-gradient(left top, #c7c7c7 0%, #a6a6a6 100%);
            background-image: -o-linear-gradient(left top, #c7c7c7 0%, #a6a6a6 100%);
            background-image: -moz-linear-gradient(left top, #c7c7c7 0%, #a6a6a6 100%);
            background-image: -webkit-linear-gradient(left top, #c7c7c7 0%, #a6a6a6 100%);
            background-image: -ms-linear-gradient(left top, #c7c7c7 0%, #a6a6a6 100%);
            background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #c7c7c7), color-stop(1, #a6a6a6)); }
  fieldset .uploaded-image {
    position: relative;
    z-index: 1; }
  fieldset .uploaded-images li {
    width: 25%;
    display: inline-block;
    padding-top: 10px;
    padding-right: 10px;
    position: relative; }
    fieldset .uploaded-images li .delete-button {
      font-size: 16px;
      line-height: 18px;
      width: 18px;
      height: 18px;
      display: block;
      background-color: rgba(255, 255, 255, 0.8);
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
      text-align: center;
      position: absolute;
      top: 2px;
      right: 2px;
      border-radius: 9px;
      cursor: pointer; }
      fieldset .uploaded-images li .delete-button:hover {
        color: #27aae1; }
  fieldset .markdown {
    position: relative;
    z-index: 1; }
    fieldset .markdown textarea {
      width: 100%;
      max-width: 100%; }
    fieldset.classic > h3 {
      background-color: transparent;
      color: #333333;
      text-shadow: none;
      border: 0;
      font: 64px 'OstrichBold', Impact, sans-serif; }
    fieldset.classic > .form-block,
    fieldset.classic > .form-horizontal,
    fieldset.classic > .form-vertical {
      border-left: 0;
      border-right: 0; }
      fieldset.classic .form-block input[type=text]:focus + .real-label,
      fieldset.classic .form-block input[type=password]:focus + .real-label,
      fieldset.classic .form-block input[type=email]:focus + .real-label,
      fieldset.classic .form-block textarea:focus + .real-label,
      fieldset.classic .form-block:hover > .real-label {
        background-color: transparent;
        color: #27aae1;
        box-shadow: none;
        text-shadow: none; }
    fieldset.classic .form-block .real-label {
      background: none transparent;
      border: 0; }

input[type=text],
input[type=email],
input[type=password],
textarea {
  border-bottom: 1px solid #999999;
  box-shadow: inset 0 -1px white;
  background: none transparent;
  padding: 5px 0;
  font: 20px "Roboto", Tahoma, Calibri, sans-serif;
  font-weight: 300; }
  input[type=text]:focus,
  input[type=email]:focus,
  input[type=password]:focus,
  textarea:focus {
    border-bottom-color: #666666;
    box-shadow: inset 0 -1px white, 0 1px 1px -1px #777777;
    outline: none;
    background-image: linear-gradient(bottom, transparent 100%, rgba(0, 0, 0, 0.02) 0%);
    background-image: -o-linear-gradient(bottom, transparent 100%, rgba(0, 0, 0, 0.02) 0%);
    background-image: -moz-linear-gradient(bottom, transparent 100%, rgba(0, 0, 0, 0.02) 0%);
    background-image: -webkit-linear-gradient(bottom, transparent 100%, rgba(0, 0, 0, 0.02) 0%);
    background-image: -ms-linear-gradient(bottom, transparent 100%, rgba(0, 0, 0, 0.02) 0%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), color-stop(1, rgba(0, 0, 0, 0.02))); }

.table-info .select-wrapper {
  display: inline-block;
  vertical-align: middle;
  background-color: #cccccc;
  margin: 0 3px; }
  .table-info .select-wrapper select {
    font-size: inherit;
    padding: 2px 5px; }

select {
  border-bottom: 1px solid #999999;
  padding: 5px 0;
  width: 100%;
  font: 20px "Roboto", Tahoma, Calibri, sans-serif;
  font-weight: 300; }
  select + .select-button {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 24px; }

.select-wrapper {
  position: relative;
  z-index: 1;
  background: transparent;
  border: 0px solid #999999; }
  .select-wrapper:hover:after {
    border-top-color: #27aae1; }

.select-wrapper:before,
.select-wrapper:after {
  top: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute; }

.select-wrapper:before {
  border-color: transparent;
  border-top-color: #999999;
  border-width: 8px;
  left: 10px;
  margin-left: -8px; }

.select-wrapper:after {
  border-color: transparent;
  border-top-color: white;
  border-width: 7px;
  left: 10px;
  margin-left: -7px; }

textarea {
  padding: 0;
  border-width: 0;
  font-size: 20px;
  line-height: 30px;
  background: transparent url("http://blerdnation.org/includes/img/textarea_bg_default.png") repeat 0 1px;
  background-attachment: scroll;
  background-position: scroll;
  min-height: 30px; }
  textarea:focus {
    background: transparent url("http://blerdnation.org/includes/img/textarea_bg_focus.png") repeat 0 1px;
    box-shadow: none; }
  textarea.markdown {
    background: transparent none;
    box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.2); }
  textarea.markdown:focus {
    background: white none;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); }

.layout-user-bar {
  float: right;
  margin-bottom: 20px; }
  .layout-user-bar .avatar {
    display: inline-block;
    vertical-align: top; }
    .layout-user-bar .avatar + .avatar-text {
      vertical-align: top; }
  .layout-user-bar .bar-segment,
  .layout-user-bar .bar-separator {
    display: inline-block;
    vertical-align: top; }
  .layout-user-bar h3,
  .layout-user-bar .bar-separator {
    font: 52px 'OstrichBold', Impact, sans-serif;
    line-height: 36px; }

  .layout-user-bar .bar-separator {
    letter-spacing: -5pt;
    margin: 0 20px 0 15px;
    color: #27aae1; }
  .layout-user-bar .links {
    font-size: 13px;
    line-height: 13px;
    text-align: right; }
  .layout-user-bar .bar-segment.with-avatar .links {
    padding-left: 46px; }

@media only screen and (max-width: 640px) {
  fieldset .form-horizontal > .form-block,
    fieldset .form-horizontal > .form-vertical,
    fieldset .cell,
    fieldset .layout-buttonset .button,
    fieldset .layout-buttonset .submit-wrapper {
      display: table;
      width: 100%; }
        fieldset .form-horizontal > .form-block.width_5,
        fieldset .form-horizontal > .form-vertical.width_5,
        fieldset .cell.width_5,
        fieldset .layout-buttonset .button.width_5,
        fieldset .layout-buttonset .submit-wrapper.width_5 {
          width: 100%; }
        fieldset .form-horizontal > .form-block.width_10,
        fieldset .form-horizontal > .form-vertical.width_10,
        fieldset .cell.width_10,
        fieldset .layout-buttonset .button.width_10,
        fieldset .layout-buttonset .submit-wrapper.width_10 {
          width: 100%; }
        fieldset .form-horizontal > .form-block.width_15,
        fieldset .form-horizontal > .form-vertical.width_15,
        fieldset .cell.width_15,
        fieldset .layout-buttonset .button.width_15,
        fieldset .layout-buttonset .submit-wrapper.width_15 {
          width: 100%; }
        fieldset .form-horizontal > .form-block.width_20,
        fieldset .form-horizontal > .form-vertical.width_20,
        fieldset .cell.width_20,
        fieldset .layout-buttonset .button.width_20,
        fieldset .layout-buttonset .submit-wrapper.width_20 {
          width: 100%; }
        fieldset .form-horizontal > .form-block.width_25,
        fieldset .form-horizontal > .form-vertical.width_25,
        fieldset .cell.width_25,
        fieldset .layout-buttonset .button.width_25,
        fieldset .layout-buttonset .submit-wrapper.width_25 {
          width: 100%; }
        fieldset .form-horizontal > .form-block.width_30,
        fieldset .form-horizontal > .form-vertical.width_30,
        fieldset .cell.width_30,
        fieldset .layout-buttonset .button.width_30,
        fieldset .layout-buttonset .submit-wrapper.width_30 {
          width: 100%; }
        fieldset .form-horizontal > .form-block.width_35,
        fieldset .form-horizontal > .form-vertical.width_35,
        fieldset .cell.width_35,
        fieldset .layout-buttonset .button.width_35,
        fieldset .layout-buttonset .submit-wrapper.width_35 {
          width: 100%; }
        fieldset .form-horizontal > .form-block.width_40,
        fieldset .form-horizontal > .form-vertical.width_40,
        fieldset .cell.width_40,
        fieldset .layout-buttonset .button.width_40,
        fieldset .layout-buttonset .submit-wrapper.width_40 {
          width: 100%; }
        fieldset .form-horizontal > .form-block.width_45,
        fieldset .form-horizontal > .form-vertical.width_45,
        fieldset .cell.width_45,
        fieldset .layout-buttonset .button.width_45,
        fieldset .layout-buttonset .submit-wrapper.width_45 {
          width: 100%; }
        fieldset .form-horizontal > .form-block.width_50,
        fieldset .form-horizontal > .form-vertical.width_50,
        fieldset .cell.width_50,
        fieldset .layout-buttonset .button.width_50,
        fieldset .layout-buttonset .submit-wrapper.width_50 {
          width: 100%; }
        fieldset .form-horizontal > .form-block.width_55,
        fieldset .form-horizontal > .form-vertical.width_55,
        fieldset .cell.width_55,
        fieldset .layout-buttonset .button.width_55,
        fieldset .layout-buttonset .submit-wrapper.width_55 {
          width: 100%; }
        fieldset .form-horizontal > .form-block.width_60,
        fieldset .form-horizontal > .form-vertical.width_60,
        fieldset .cell.width_60,
        fieldset .layout-buttonset .button.width_60,
        fieldset .layout-buttonset .submit-wrapper.width_60 {
          width: 100%; }
        fieldset .form-horizontal > .form-block.width_65,
        fieldset .form-horizontal > .form-vertical.width_65,
        fieldset .cell.width_65,
        fieldset .layout-buttonset .button.width_65,
        fieldset .layout-buttonset .submit-wrapper.width_65 {
          width: 100%; }
        fieldset .form-horizontal > .form-block.width_70,
        fieldset .form-horizontal > .form-vertical.width_70,
        fieldset .cell.width_70,
        fieldset .layout-buttonset .button.width_70,
        fieldset .layout-buttonset .submit-wrapper.width_70 {
          width: 100%; }
        fieldset .form-horizontal > .form-block.width_75,
        fieldset .form-horizontal > .form-vertical.width_75,
        fieldset .cell.width_75,
        fieldset .layout-buttonset .button.width_75,
        fieldset .layout-buttonset .submit-wrapper.width_75 {
          width: 100%; }
        fieldset .form-horizontal > .form-block.width_80,
        fieldset .form-horizontal > .form-vertical.width_80,
        fieldset .cell.width_80,
        fieldset .layout-buttonset .button.width_80,
        fieldset .layout-buttonset .submit-wrapper.width_80 {
          width: 100%; }
        fieldset .form-horizontal > .form-block.width_85,
        fieldset .form-horizontal > .form-vertical.width_85,
        fieldset .cell.width_85,
        fieldset .layout-buttonset .button.width_85,
        fieldset .layout-buttonset .submit-wrapper.width_85 {
          width: 100%; }
        fieldset .form-horizontal > .form-block.width_90,
        fieldset .form-horizontal > .form-vertical.width_90,
        fieldset .cell.width_90,
        fieldset .layout-buttonset .button.width_90,
        fieldset .layout-buttonset .submit-wrapper.width_90 {
          width: 100%; }
        fieldset .form-horizontal > .form-block.width_95,
        fieldset .form-horizontal > .form-vertical.width_95,
        fieldset .cell.width_95,
        fieldset .layout-buttonset .button.width_95,
        fieldset .layout-buttonset .submit-wrapper.width_95 {
          width: 100%; }
        fieldset .form-horizontal > .form-block.width_100,
        fieldset .form-horizontal > .form-vertical.width_100,
        fieldset .cell.width_100,
        fieldset .layout-buttonset .button.width_100,
        fieldset .layout-buttonset .submit-wrapper.width_100 {
          width: 100%; }
      fieldset .form-horizontal > .form-block.width_33,
      fieldset .form-horizontal > .form-vertical.width_33,
      fieldset .cell.width_33,
      fieldset .layout-buttonset .button.width_33,
      fieldset .layout-buttonset .submit-wrapper.width_33 {
        width: 100%; }
      fieldset .form-horizontal > .form-block.width_67,
      fieldset .form-horizontal > .form-vertical.width_67,
      fieldset .cell.width_67,
      fieldset .layout-buttonset .button.width_67,
      fieldset .layout-buttonset .submit-wrapper.width_67 {
        width: 100%; } }