@import url(bootstrap.min.css);
@import url(rrssb.css);
@import url(font-awesome/css/font-awesome.min.css);
@font-face {
  font-family: 'typewriter';
  src: url("SpecialElite-webfont.woff") format("woff"); }
body {
  background-color: #ffffff; }

header #header_logo {
  margin: 25px 0px 20px 0px; }
  @media screen and (max-width: 767px) {
    header #header_logo img {
      width: 100%;
      height: auto; } }
header #header_links {
  float: right;
  margin-top: 25px; }
@media screen and (min-width: 768px) {
  header #header_links_upper .header_link {
    float: left;
    margin-left: 15px; } }
@media screen and (max-width: 767px) {
  header #header_links_upper .header_link {
    line-height: 12px;
    margin: 0px 0px 6px 0px; } }
header #header_links_upper .header_link a {
  font-family: 'typewriter', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #000000; }
header #header_links_lower {
  float: right; }
header .header_social_item {
  float: left; }
  header .header_social_item a {
    display: inline-block;
    position: relative;
    border-radius: 3px;
    height: 30px;
    width: 30px; }
    header .header_social_item a .fa {
      position: relative;
      font-size: 22px !important;
      bottom: 0px;
      line-height: 30px;
      color: #000000; }
    header .header_social_item a .network_name {
      position: absolute;
      text-indent: -9999px; }
  header .header_social_item a:hover .fa {
    color: #000000; }

#page_headline {
  margin-top: 20px;
  font-family: 'typewriter', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  color: #000000;
  transform-origin: 0% 50%;
  -webkit-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  -ms-transform: rotate(-1deg);
  -webkit-transform: rotate(-1deg);
  transform: rotate(-1deg); }

#page_content {
  margin-top: 25px;
  font-family: 'typewriter', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #000000;
  line-height: 25px;
  margin-bottom: 70px; }
  #page_content h2 {
    font-family: 'typewriter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 23px;
    color: #000000;
    margin-bottom: 0px;
    margin-top: 40px;
    transform-origin: 50% 100%;
    -webkit-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    -ms-transform: rotate(2deg);
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg); }
  #page_content a {
    transition: .5s;
    color: #000000;
    text-decoration: underline; }
  #page_content a:hover {
    text-decoration: none;
    color: #ec008c; }
  #page_content iframe {
    width: 100%; }

#blog_date {
  font-family: 'typewriter', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  color: #000000; }

#page_comments {
  margin-top: 25px; }

#post_wrapper {
  margin-top: 30px; }
  #post_wrapper .blog_tease {
    padding: 15px 0px 15px 35px;
    position: relative; }
    #post_wrapper .blog_tease a {
      transition: .5s; }
    #post_wrapper .blog_tease a:hover {
      text-decoration: none;
      color: #ec008c; }
  #post_wrapper .blog_tease:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 15px; }
  #post_wrapper .blog_tease_title {
    font-family: 'typewriter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #000000; }
  #post_wrapper .blog_tease_date {
    font-family: 'typewriter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #000000;
    line-height: 13px; }
  #post_wrapper .blog_tease_tease {
    font-family: 'typewriter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #000000; }
  #post_wrapper .blog_tease_link {
    margin-top: 10px; }
    #post_wrapper .blog_tease_link a {
      font-family: 'typewriter', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      color: #000000;
      text-decoration: none !important; }
  #post_wrapper .cyan_tease:before {
    background-color: #00aeef; }
  #post_wrapper .yellow_tease:before {
    background-color: #fff200; }
  #post_wrapper .magenta_tease:before {
    background-color: #ec008c; }
  #post_wrapper .black_tease:before {
    background-color: #000000; }

#contact_form input, #contact_form textarea {
  width: 100%; }
#contact_form textarea {
  height: 200px; }
#contact_form input[name="captcha"] {
  margin-top: 10px; }

footer {
  border-top: 1px solid #c8c8c8;
  padding-top: 25px;
  font-family: 'typewriter', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  color: #000000; }
  @media screen and (min-width: 768px) {
    footer {
      padding-bottom: 35px; } }
  @media screen and (max-width: 767px) {
    footer {
      padding-bottom: 65px; } }
  footer #footer_links {
    float: right; }
    @media screen and (max-width: 767px) {
      footer #footer_links {
        margin-top: 10px; } }
    footer #footer_links .footer_link {
      float: left;
      margin-left: 15px; }
      @media screen and (max-width: 767px) {
        footer #footer_links .footer_link {
          line-height: 12px; } }
      footer #footer_links .footer_link a {
        font-family: 'typewriter', sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        color: #000000; }

#footer_stripes {
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 10px;
  z-index: 100; }
  #footer_stripes .color_block {
    width: 25%;
    float: left;
    height: 10px; }
  #footer_stripes #cyan_block {
    background-color: #00aeef; }
  #footer_stripes #yellow_block {
    background-color: #fff200; }
  #footer_stripes #magenta_block {
    background-color: #ec008c; }
  #footer_stripes #black_block {
    background-color: #000000; }

#subscribe_callout {
  margin: 25px 0px 50px; }
  #subscribe_callout a {
    display: inline-block;
    width: 100%;
    background-color: #ec008c;
    transform-origin: 0% 50%;
    -webkit-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    -ms-transform: rotate(1deg);
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
    color: #ffffff;
    padding: 18px 15px;
    font-size: 23px;
    line-height: 24px;
    text-decoration: none; }
  #subscribe_callout a:hover {
    color: #000000 !important; }

.rr_title {
  font-family: 'typewriter', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 21px;
  color: #ffffff;
  padding: 5px 15px;
  margin-bottom: 8px; }

.rr_cyan_title {
  background-color: #00aeef; }
  .rr_cyan_title .rr_title_inner {
    transform-origin: 0% 50%;
    -webkit-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    -ms-transform: rotate(2deg);
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg); }

.rr_magenta_title {
  background-color: #ec008c; }
  .rr_magenta_title .rr_title_inner {
    transform-origin: 0% 50%;
    -webkit-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    -ms-transform: rotate(-1deg);
    -webkit-transform: rotate(-1deg);
    transform: rotate(-1deg); }

.rr_yellow_title {
  background-color: #fff200;
  color: #000000; }
  .rr_yellow_title .rr_title_inner {
    transform-origin: 0% 50%;
    -webkit-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    -ms-transform: rotate(1deg);
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg); }

#rr_keywords a {
  font-size: 12px !important;
  line-height: 20px; }
#rr_keywords .rr_link_div {
  padding: 0px 4px !important; }

.rr_link_wrapper {
  padding: 15px 0px 15px 35px;
  position: relative; }
  .rr_link_wrapper .rr_month_item {
    font-family: 'typewriter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #000000;
    white-space: nowrap; }
  .rr_link_wrapper .rr_link_div {
    font-family: 'typewriter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #000000;
    padding: 0px 10px; }
  .rr_link_wrapper a {
    transition: .5s; }
  .rr_link_wrapper a:hover {
    text-decoration: none;
    color: #ec008c; }

#rr_recent_wrapper .rr_blog_tease {
  padding: 15px 0px 15px 35px;
  position: relative; }
  #rr_recent_wrapper .rr_blog_tease a {
    transition: .5s; }
  #rr_recent_wrapper .rr_blog_tease a:hover {
    text-decoration: none;
    color: #ec008c; }
#rr_recent_wrapper .rr_blog_tease:before {
  content: '';
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 15px; }
#rr_recent_wrapper .rr_blog_tease_title {
  font-family: 'typewriter', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  color: #000000;
  margin-bottom: 6px;
  line-height: 16px; }
#rr_recent_wrapper .rr_blog_tease_date {
  font-family: 'typewriter', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  color: #000000;
  line-height: 13px;
  margin-bottom: 10px; }
#rr_recent_wrapper .rr_blog_tease_tease {
  font-family: 'typewriter', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #000000;
  line-height: 18px; }
#rr_recent_wrapper .rr_blog_tease_link {
  margin-top: 5px; }
  #rr_recent_wrapper .rr_blog_tease_link a {
    font-family: 'typewriter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #00aeef; }

#social_floater {
  position: fixed;
  background-color: #00aeef;
  padding: 3px 10px; }
  @media screen and (min-width: 768px) {
    #social_floater {
      right: 36px;
      bottom: calc(50% - 90px);
      transform-origin: 100% 100%;
      transform: rotate(-270deg); } }
  @media screen and (max-width: 767px) {
    #social_floater {
      bottom: 10px;
      width: 100%;
      left: 0px; } }
  #social_floater #social_floater_title {
    float: left;
    margin-right: 10px; }
    #social_floater #social_floater_title #social_floater_title_inner {
      font-family: 'typewriter', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 20px;
      color: #000000; }
  #social_floater #social_floater_icons {
    float: left; }
  #social_floater .social_floater_icons_item {
    float: left; }
    @media screen and (min-width: 768px) {
      #social_floater .social_floater_icons_item {
        transform: rotate(270deg); } }
    #social_floater .social_floater_icons_item a {
      display: inline-block;
      position: relative;
      border-radius: 3px;
      height: 30px;
      width: 30px; }
      #social_floater .social_floater_icons_item a .fa {
        position: relative;
        font-size: 22px !important;
        bottom: 0px;
        line-height: 30px;
        color: #000000; }
      #social_floater .social_floater_icons_item a .network_name {
        position: absolute;
        text-indent: -9999px; }
    #social_floater .social_floater_icons_item a:hover .fa {
      color: #000000; }