/*!
Theme Name: Frugivore 2013
Description: Custom theme by David Jaguttis (<a href="http://319heads.com">319heads.com</a>).
Version: 1.0
Author: David Jaguttis
Author URI: http://319heads.com/
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Theme URI: http://319heads.com
Tags: light, white, flexible-width
*/
@import url("https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300i|Open+Sans:400,400i,700,700i");
/*	Resets
	------	*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em,
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup,
menu, footer, header, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0; }

article, aside, canvas, figure, figure img, figcaption, hgroup,
footer, header, nav, section, audio, video {
  display: block; }

a img {
  border: 0; }

.hide, .says {
  display: none; }

input[type="search"] {
  -webkit-appearance: textfield;
  padding-right: 2px;
  /* Don't cut off the webkit search cancel button */
  width: 270px; }

input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/* Assistive text */
.screen-reader-text {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px); }

.screen-reader-text:focus {
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #000;
  display: block;
  font-size: 14px;
  font-weight: bold;
  line-height: normal;
  padding: 15px 23px 14px;
  position: absolute;
  top: 5px;
  left: 5px;
  text-decoration: none;
  height: auto;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar */ }

/*	Typography presets
	------------------	*/
.huge, h1, .h1 {
  font-size: 36px;
  line-height: 110%; }

.large, h2, .h2 {
  font-size: 30px;
  line-height: 110%; }

.bigger, h3, .h3 {
  font-size: 24px !important;
  line-height: 110%; }

.big, h4, .h4 {
  font-size: 18px;
  line-height: 21px; }

body {
  font-family: "Open Sans", "Arial", sans-serif;
  font-size: 100%;
  line-height: 1.4;
  background: #fff;
  color: #000; }

strong {
  font-weight: 600; }

.small, small {
  font-size: 13px;
  line-height: 18px; }

/* Selection colours*/
::selection {
  background: #ffff9e; }

::-moz-selection {
  background: #ffff9e; }

img::selection {
  background: transparent; }

img::-moz-selection {
  background: transparent; }

body {
  -webkit-tap-highlight-color: #ffff9e; }

/* Base styles*/
* {
  margin: 0;
  padding: 0; }

a {
  text-decoration: none;
  color: #000; }

a:hover {
  color: #00aeef; }

.bold {
  font-weight: bold; }

h1, h2, h3, h4 {
  font-weight: 300;
  margin-bottom: .5em;
  font-family: "Open Sans Condensed", "Arial", sans-serif; }

p, ul, ol, pre, dl {
  margin-bottom: 1.0em; }

.altcol a {
  color: #000; }

.altcol a:hover {
  color: #00aeef; }

/* Contain floats*/
.clearfix:before, .clearfix:after, nav[role=navigation] .menu ul:before, nav[role=navigation] .menu ul:after {
  content: "";
  display: table; }

.clearfix:after, nav[role=navigation] .menu ul:after {
  clear: both; }

.clearfix, nav[role=navigation] .menu ul {
  zoom: 1; }

.clear {
  clear: both; }

/**
 * Site Header
 * ----------------------------------------------------------------------------
 */
.tophat {
  margin: 0 auto;
  text-align: center;
  width: 970px; }

.site-title {
  margin: 0 auto;
  width: 100%;
  text-align: center;
  position: relative;
  padding-top: 15px;
  display: none; }

.site-header {
  position: relative;
  width: 100%;
  margin: 0 0 10px 0;
  font-family: "Open Sans Condensed", "Arial", sans-serif;
  background: #000; }

.site-header a {
  color: #000;
  text-decoration: none; }

/* Navigation */
.socialicons {
  position: absolute;
  right: 40px;
  top: 27px; }
  .socialicons .fa {
    display: inline-block;
    position: relative;
    top: -3px;
    margin-left: 9px;
    font-size: 21px; }

.socialicons a:link, .socialicons a:visited {
  color: #fff; }

.socialicons a:hover {
  color: #00aeef; }

.commentsnum i {
  position: relative;
  float: left;
  padding-right: 3px;
  font-size: 16px; }

.main-navigation {
  clear: both;
  margin: 0 auto;
  max-width: 940px;
  position: relative;
  top: -27px; }

ul.nav-menu,
div.nav-menu > ul {
  margin: 0 0 -36px 0;
  padding: 0; }

.nav-menu li {
  display: inline-block;
  position: relative;
  top: 0px; }

.nav-menu li a {
  color: #fff;
  display: block;
  font-size: 21px;
  line-height: 1;
  padding: 13px 8px 13px 8px;
  margin: 0;
  text-decoration: none;
  text-transform: uppercase;
  position: relative; }

.nav-menu li a[title^="Frugivore"] {
  background: url("images/frugivore-white-2x.png") no-repeat 0 7px;
  background-size: 170px 51px;
  width: 170px;
  height: 63px;
  padding: 24px 7px 0 0;
  margin: 0;
  color: transparent;
  position: relative;
  top: 0px; }

.nav-menu li a[title^="Frugivore"]:hover {
  background-color: transparent;
  color: transparent; }

.navbar-fixed .nav-menu li a[title^="Frugivore"] {
  background: url("images/frugivore-white-2x.png") no-repeat;
  background-size: 102px 30px;
  width: 102px;
  height: 30px;
  padding: 0 7px 0 0;
  color: transparent;
  position: relative;
  top: -5px; }

.navbar-fixed .nav-menu li a {
  position: relative; }

.navbar-fixed .main-navigation {
  top: -2px;
  min-width: 940px; }

.navbar-fixed .socialicons {
  top: 16px; }

.navbar-fixed .site-header .search-form {
  top: 0px; }

.nav-menu li:hover > a,
.nav-menu li a:hover {
  background-color: #ffc20e;
  color: #000; }

.nav-menu .sub-menu,
.nav-menu .children {
  background-color: #000;
  border: 2px solid #000;
  border-top: 0;
  color: #fff;
  display: none;
  float: left;
  padding: 0;
  position: absolute;
  top: 45px;
  left: -2px;
  z-index: 99999; }

.nav-menu .sub-menu ul,
.nav-menu .children ul {
  border-left: 0;
  left: 100%;
  top: 0; }

ul.nav-menu ul a,
.nav-menu ul ul a {
  color: #fff;
  margin: 0;
  width: 200px; }

ul.nav-menu ul a:hover,
.nav-menu ul ul a:hover {
  background-color: #00aeef;
  color: #fff; }

ul.nav-menu li:hover > ul,
.nav-menu ul li:hover > ul {
  display: block; }

.nav-menu .current_page_item > a,
.nav-menu .current_page_ancestor > a,
.nav-menu .current-menu-item > a,
.nav-menu .current-menu-ancestor > a {
  color: #ffc20e; }

.menu-toggle {
  display: none; }

/* Navbar */
.navbar {
  max-width: 1600px;
  width: 100%;
  margin-top: 20px; }

.site-header .search-form {
  position: absolute;
  right: 0px;
  top: 13px; }

/* Search widget */
.search-form .search-submit {
  display: none; }

.widget .searchform [type="text"] {
  width: 100%; }

.site-header .search-field {
  background-color: transparent;
  background-image: url(images/search-icon-2x.png);
  background-position: 5px center;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  border: none;
  cursor: pointer;
  height: 37px;
  -webkit-transition: width 400ms ease, background 400ms ease;
  transition: width 400ms ease, background 400ms ease;
  margin: 3px 0;
  padding: 0 0 0 30px;
  position: relative;
  width: 0; }

.site-header .search-field:focus {
  background-color: #000;
  border: 1px solid #444;
  cursor: text;
  outline: 0;
  width: 230px;
  color: #fff; }

/* Fixed Navbar */
.wp-toolbar {
  margin-top: 28px; }

.navbar-fixed {
  margin-top: 45px; }

.wp-toolbar.navbar-fixed {
  margin-top: 73px; }

.navbar-fixed .navbar {
  background-color: #000;
  height: 45px;
  position: fixed;
  top: 0;
  z-index: 2000;
  margin-top: 0px; }

.wp-toolbar.navbar-fixed .navbar {
  top: 28px; }

/**** Content ****/
#content {
  clear: both;
  padding-bottom: 30px; }

.masonry-grid {
  background: #eee url("images/mason-bg.png"); }

a img {
  border: none; }

pre, code {
  font-family: Monaco, monospace;
  font-size: 12px;
  background: #000;
  color: #fff; }

p code {
  padding: 1px 3px; }

pre {
  padding: 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; }

pre .string {
  color: #3C3; }

pre .constant {
  color: #66F; }

pre .property {
  color: #A00; }

pre .keyword {
  color: #E66; }

pre .storage {
  color: #FC8; }

pre .comment {
  color: #666;
  font-style: italic; }

pre .class {
  color: #A85; }

pre .prop {
  color: #CB8; }

pre .value {
  color: #FFA; }

pre .id {
  color: #9AB; }

pre .support {
  color: #A9A; }

ul, ol {
  padding-left: 1.3em; }

.hidden {
  display: none; }

dt {
  font-weight: bold;
  font-size: 14px; }

dd + dt {
  margin-top: 0.5em; }

dd {
  margin-left: 1.0em; }

.pspacer {
  margin-top: 24px; }

.smallposts {
  margin: 0; }
  .smallposts h3 {
    margin: 0 0 10px 0px;
    text-transform: uppercase; }
  .smallposts ul {
    margin: 0 0 0 -19px;
    list-style: none; }
  .smallposts li {
    width: 196px;
    height: 261px;
    line-height: 1.2 !important;
    overflow: hidden;
    border-right: 10px solid #fff;
    margin-bottom: 5px; }
  .smallposts img {
    width: 100%;
    height: auto; }
  .smallposts li {
    display: block;
    float: left; }
  .smallposts a {
    border-bottom: 0;
    font-size: 14px; }

/* Begin Comments*/
.commentrap {
  font-size: 0.9em;
  line-height: 150%;
  padding: 0;
  margin: 1.6em 0 0 0 !important; }

#comments, #pings {
  font-weight: normal; }

h3#comments {
  text-transform: uppercase; }

.commentlist {
  padding: 0;
  margin: 0;
  overflow: hidden;
  border-bottom: 1px solid #000; }

.cform {
  padding: 20px 20px 15px 20px; }
  .cform .form-allowed-tags {
    display: none; }

.commentlist li {
  margin: 0 0 0 0;
  padding: 10px 0px 5px 0px;
  list-style: none;
  clear: both;
  background: #fff; }

.commentlist li.alt {
  background: #fff; }

.commentlist li ul li {
  margin-left: 0px;
  border-top: 1px dashed #000;
  padding: 10px 0px 5px 25px; }

.commentlist p {
  margin: 10px 5px 10px 0; }

.children {
  padding: 0; }

#commentform p {
  margin: 5px 0; }

.nocomments {
  text-align: center;
  margin: 0;
  padding: 0; }

#commentform input, #commentform textarea {
  padding: 10px;
  margin: 5px 0 5px 0; }

#commentform textarea {
  width: 93%; }

li #respond #commentform textarea {
  width: 93%; }

.commentlist li {
  font-weight: bold;
  display: block;
  border-top: 1px solid #000; }

.custompings ul li {
  margin-left: 40px; }

.custompings ul {
  margin: 20px 0 30px 0; }

.commentlist li .avatar {
  float: left;
  margin-right: 10px;
  background: #fff; }

.commentlist cite {
  font-weight: bold;
  font-style: normal;
  margin-left: 19px; }

em.commentmoderation {
  margin-left: 19px;
  color: #ffc20e;
  clear: both; }

.commentlist cite a:hover {
  color: #00aeef; }

.commentlist p {
  font-weight: normal;
  color: #000;
  text-transform: none; }

.commentmetadata {
  font-size: 0.8em;
  font-weight: normal;
  text-transform: uppercase; }

#respond {
  clear: both;
  width: 100%; }

li #respond {
  clear: both;
  width: 100%; }

.cancel-comment-reply {
  margin: 15px 0 15px 0; }

.cancel-comment-reply a {
  color: #00aeef;
  font-weight: bold; }

.cancel-comment-reply a:hover {
  color: #000; }

.reply a {
  font-weight: normal;
  font-size: 10px;
  text-transform: uppercase;
  color: #00aeef; }

.reply a:hover {
  color: #000; }

/* End Comments */
/* --------------------------------------------------------------------*/
/* FOOTER */
/* --------------------------------------------------------------------*/
.scrollup {
  width: 40px;
  height: 40px;
  opacity: 0.4;
  position: fixed;
  bottom: 50px;
  right: 8px;
  display: none;
  text-indent: -9999px;
  background: url("images/icon_top.png") no-repeat;
  z-index: 100; }

#footer {
  background: #000;
  color: #fff;
  clear: both;
  width: 100%;
  position: relative;
  bottom: -22px;
  margin-top: 10px; }

.footbar {
  width: 960px;
  margin: 0 auto;
  padding: 1.5em 0;
  padding-bottom: 2em; }

#footer .widget-title {
  background: #000;
  border: 1px solid #444;
  border-bottom: none; }

#footer .widget {
  font-size: 0.9em; }

/**** Masonry CSS ****/
.corner-stamp {
  margin: 0;
  float: right; }

#content .box {
  margin: 0;
  padding: 0 0 0 0;
  overflow: hidden;
  color: #000;
  float: left;
  border: 10px solid #fff;
  background: #fff; }

#content .txt {
  padding: 0; }
  #content .txt img {
    display: none; }

.post-title {
  text-transform: uppercase;
  font-size: 2em;
  line-height: 100%;
  margin: 0; }

.post-excerpt {
  margin: 3px 0 0 0;
  font-size: 1em;
  line-height: 140%; }

/* Make sure videos and embeds fit their containers */
embed,
iframe,
object,
video {
  max-width: 100%; }

.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
  height: auto;
  max-width: 100%; }

.txt .credit {
  font-size: 12px;
  color: #000;
  text-transform: uppercase; }

.box .thumb {
  position: relative;
  margin-top: -1px;
  min-height: 20px; }

.box .comcat {
  width: 100%;
  position: absolute;
  z-index: 10;
  top: 0px;
  right: 0px; }

.thecategory a, .commentsnum a, a.feature-ban {
  float: right;
  font-size: 20px;
  font-family: "Open Sans Condensed", "Arial", sans-serif;
  text-transform: uppercase;
  line-height: 1;
  padding: 5px 8px 5px 7px;
  word-spacing: -3px;
  -moz-box-shadow: 1px 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px rgba(0, 0, 0, 0.2);
  min-height: 20px; }

.commentsnum a:link, .commentsnum a:visited {
  background-color: #000;
  color: #fff; }

.thecategory a:link, .thecategory a:visited {
  margin-left: 0px;
  background-color: #00aeef;
  color: #fff; }

a.feature-ban {
  background-color: #ffc20e;
  color: #000; }

a.feature-ban:hover {
  background-color: #fff; }

.thecategory a:hover, .commentsnum a:hover {
  background-color: #ffc20e;
  color: #000 !important; }

/* Jetpack sharing */
div.sharedaddy div.sd-block {
  border-top: none !important;
  margin: 20px 0 !important; }

.sd-title {
  display: none; }

div.sharedaddy .sd-content {
  float: left !important;
  margin: 0 !important;
  width: 100% !important; }

.piece.category-features, .box.category-features {
  background: #000;
  color: #00aeef !important;
  padding: 0;
  overflow: hidden;
  margin-bottom: 20px; }

.piece.category-features .txt a, .box.category-features .txt a {
  color: #fff !important; }

.piece.category-features .txt a:hover, .box.category-features .txt a:hover {
  color: #ffc20e !important; }

/* Infinite Scroll loader */
#infscr-loading {
  text-align: center;
  z-index: 100;
  position: fixed;
  display: block;
  bottom: 40px;
  width: 50%;
  left: 25%;
  padding: 10px 0;
  background: #00aeef;
  opacity: 0.9;
  color: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px; }
  #infscr-loading img {
    max-width: 180px; }

.contributors, .contributors li {
  list-style-type: none;
  margin-left: 0; }

.contributors .contributor-link {
  margin: 0 0 10px 10px; }

.leaderboard {
  display: block;
  margin: 0 auto;
  width: 728px;
  padding: 10px 0; }

/*Article*/
.pcontent {
  padding: 0;
  color: #000;
  position: relative;
  font-size: 1em;
  line-height: 150%; }
  .pcontent h1, .pcontent h2, .pcontent h3, .pcontent h4 {
    line-height: 150%; }
  .pcontent .comcat {
    display: block;
    position: relative;
    left: 0; }
    .pcontent .comcat a {
      color: #fff;
      float: left; }
  .pcontent .title {
    margin: 0 0 1em;
    clear: both;
    padding-top: 0.5em; }
    .pcontent .title h1 {
      margin-bottom: 7px;
      line-height: 120%; }
  .pcontent .credit {
    text-transform: uppercase;
    font-size: 0.8em; }
  .pcontent header {
    border-bottom: 1px solid #000;
    margin-bottom: 1.5em; }
  .pcontent .posttxt p a {
    color: #00aeef; }
  .pcontent .posttxt p a:hover {
    color: #ffc20e; }
  .pcontent blockquote {
    border-left: 2px solid #000;
    margin: 0 1em;
    font-family: "Open Sans Condensed", "Arial", sans-serif;
    font-size: 1.4em;
    padding: 0 0.5em; }

.wp-biographia-container-none {
  border: 1px dashed #eee !important; }

.wp-biographia-pic {
  padding: 0px !important; }

.wp-biographia-links {
  position: relative;
  left: -15px; }

.wp-biographia-text {
  font-size: 0.8em !important;
  line-height: 150%; }

.wp-biographia-text h3 {
  margin: 0 0 0.5em 0;
  font-weight: bold;
  font-size: 1.3em; }

.tags {
  font-size: 1em;
  margin: 1em 0 1.5em; }

.tags h3 {
  margin-bottom: 10px; }

.tags a:link, .tags a:visited {
  font-variant: normal;
  border-bottom: none;
  padding: 2px 9px 2px 9px;
  background: #00aeef;
  color: #fff;
  display: inline-block;
  margin-bottom: 4px;
  font-family: "Open Sans Condensed", "Arial", sans-serif;
  text-transform: uppercase; }

.tags a:hover {
  border-bottom: none;
  background: #000; }

.sticky {
  display: block; }

.bypostauthor {
  display: block; }

#nav-above, #nav-below {
  width: 100%;
  border-top: 1px solid #000;
  background: #fff;
  display: block;
  clear: both; }
  #nav-above .nav-previous a, #nav-above .nav-next a, #nav-below .nav-previous a, #nav-below .nav-next a {
    width: 48%;
    display: block;
    text-align: center;
    padding: 20px 1%;
    font-size: 0.9em;
    font-weight: bold; }
  #nav-above .nav-previous a, #nav-below .nav-previous a {
    float: left;
    box-shadow: 1px 0px 0px black;
    position: relative;
    right: 0px; }
  #nav-above .nav-next a, #nav-below .nav-next a {
    float: left;
    box-shadow: -1px 0px 0px black;
    position: relative;
    left: 1px; }
  #nav-above .fa, #nav-below .fa {
    position: relative;
    top: 2px; }
  #nav-above .fa-angle-left, #nav-below .fa-angle-left {
    float: left; }
  #nav-above .fa-angle-right, #nav-below .fa-angle-right {
    float: right; }

#nav-above {
  display: none; }

/* Page links */
.page-links {
  clear: both;
  font-size: 16px;
  font-style: italic;
  font-weight: normal;
  line-height: 2.2;
  margin: 20px 0;
  text-transform: uppercase; }

.page-links a,
.page-links > span {
  background: #fff;
  border: 1px solid #fff;
  padding: 5px 10px;
  text-decoration: none; }

.format-status .entry-content .page-links a,
.format-gallery .entry-content .page-links a,
.format-chat .entry-content .page-links a,
.format-quote .entry-content .page-links a,
.page-links a {
  background: #00aeef;
  border: 1px solid #00aeef;
  color: #fff; }

.format-gallery .entry-content .page-links a:hover,
.format-audio .entry-content .page-links a:hover,
.format-status .entry-content .page-links a:hover,
.format-video .entry-content .page-links a:hover,
.format-chat .entry-content .page-links a:hover,
.format-quote .entry-content .page-links a:hover,
.page-links a:hover {
  background: #fff;
  color: #00aeef; }

.format-status .entry-content .page-links > span,
.format-quote .entry-content .page-links > span {
  background: none; }

.single-format-gallery .thepostcontent {
  background: #000;
  color: #fff;
  padding: 15px; }

.page-links .page-links-title {
  background: transparent;
  border: none;
  margin-right: 20px;
  padding: 0; }

/* Mediaelements */
.hentry .mejs-mediaelement,
.hentry .mejs-container .mejs-controls {
  background: #220e10; }

.hentry .mejs-controls .mejs-time-rail .mejs-time-loaded,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
  background: #fff; }

.hentry .mejs-controls .mejs-time-rail .mejs-time-current {
  background: #ea9629; }

.hentry .mejs-controls .mejs-time-rail .mejs-time-total,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
  background: #595959; }

.hentry .mejs-controls .mejs-time-rail span,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
  border-radius: 0; }

/* Ajax Gallery */
.gallery-nav {
  position: relative;
  background: #000;
  padding: 5px 0 6px;
  margin-bottom: 0; }
  .gallery-nav a {
    color: #000; }
  .gallery-nav a:hover {
    color: #000; }
  .gallery-nav .fa {
    background: #00aeef;
    color: #fff;
    position: absolute;
    top: 0px;
    padding: 5px 0 2px 0; }
  .gallery-nav .fa:hover {
    background: #ffc20e;
    color: #000; }
  .gallery-nav .fa {
    font-size: 28px;
    display: block; }
  .gallery-nav .fa-angle-right {
    right: 0;
    padding-left: 15px; }
  .gallery-nav .fa-angle-left {
    left: 0;
    padding-right: 15px; }
  .gallery-nav .galnum {
    text-align: center;
    font-family: "Open Sans Condensed", "Arial", sans-serif;
    font-size: 24px;
    display: block;
    position: relative;
    color: #00aeef; }

/* Sidebar */
.box a img {
  height: auto;
  width: 100%; }

.col-group > div {
  float: left;
  padding: 0;
  margin: 0 0 1.3em 0;
  line-height: 0; }

.col-group {
  margin: 0 auto;
  overflow: hidden; }

.sponsors {
  font-size: 0.9em; }
  .sponsors img {
    float: left;
    margin-right: 10px; }
  .sponsors li {
    clear: both;
    min-height: 90px;
    line-height: 1.3; }

.widget_recent_entries .wp-post-image {
  float: left;
  margin: 0 8px 0 0; }

.widget_recent_entries li {
  min-height: 50px; }

#recentlycomments {
  font-size: 0.9em; }

#sidebar {
  line-height: 0;
  background: #fff; }

.widget {
  width: 300px;
  line-height: normal !important;
  overflow: hidden !important;
  display: block !important;
  margin: 10px !important;
  background: #000;
  color: #999; }

.widget-title {
  font-size: 24px;
  color: #fff;
  background: #777;
  padding: 10px 15px 10px 15px;
  text-transform: uppercase;
  margin: 0;
  display: block; }
  .widget-title span {
    color: #ffc20e; }
  .widget-title a:link, .widget-title a:visited {
    color: #fff; }

.widget-title a:hover {
  color: #ffc20e !important; }

.widget ul,
.widget ol {
  list-style-type: none;
  margin: 0;
  padding: 5px 15px 15px; }

.widget li {
  padding: 10px 0;
  font-size: 1em;
  border-bottom: 1px solid #444; }

.widget .children li:last-child {
  padding-bottom: 0; }

.widget li > ul,
.widget li > ol {
  margin-left: 20px; }

.widget a:link, .widget a:visited {
  color: #fff; }

.widget a:hover {
  color: #00aeef; }

.widget .textwidget {
  line-height: 0; }

.widget .textwidget ul {
  line-height: 1; }

#footer .widget_rss .widget-title img {
  display: none; }

#footer .widget-title {
  height: 22px; }

#footer .widget_rss .widget-title a:last-child {
  display: block;
  background: url("images/soselfish-logo-2x.png") no-repeat;
  background-size: 102px 22px;
  width: 210px;
  height: 22px;
  color: transparent; }

#footer .widget_rss .widget-title a:hover {
  color: transparent !important; }

.alignleft, .imgalignleft {
  float: left;
  margin-right: 25px;
  margin-bottom: 5px; }

.alignright, .imgalignright {
  float: right;
  margin-left: 25px;
  margin-bottom: 5px; }

.aligncenter, .imgaligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center; }

.audio {
  margin: 0 30px 0 30px;
  padding: 7px;
  background: #000;
  border-bottom: 1px solid #fff;
  color: #fff; }

.audio a {
  color: #fff; }

.theresults {
  position: relative;
  background: #ffc20e;
  color: #000;
  padding: 10px 15px 10px 15px;
  width: 270px;
  font-size: 24px;
  text-transform: uppercase; }
  .theresults h3 {
    margin: 0;
    padding: 0; }

.widget_facebook_likebox {
  height: 123px; }
  .widget_facebook_likebox iframe {
    padding: 7px 5px; }

#sidebar .twitter-follow-button {
  position: relative;
  top: -1px;
  padding-right: 10px; }

/* Form fields, general styles first. */
button,
input,
textarea {
  border: 1px solid #000;
  padding: 9px 5px 9px;
  margin: 15px 0;
  font-size: 0.8em; }

input, textarea {
  -webkit-appearance: none;
  -webkit-border-radius: 0; }

input:focus,
textarea:focus {
  border: 2px solid #c3c0ab;
  outline: 0; }

input[type="submit"] {
  cursor: pointer; }

/* Buttons */
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
  background: #ffc20e;
  display: inline-block;
  color: #000;
  text-decoration: none;
  border: none;
  border-radius: 0px;
  padding: 10px;
  font-size: 0.8em; }

button:hover,
button:focus,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="button"]:focus,
input[type="reset"]:focus {
  background: #00aeef;
  outline: none;
  color: #fff; }

/**** Clearfixes ****/
#tumblelog:after,
#mainnav:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.piece {
  margin-bottom: 10px; }

/* GALLERY */
.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
  font-style: italic;
  font-size: 12px;
  font-size: 0.857142857rem;
  line-height: 2;
  color: #000; }

.entry-attachment {
  background: #fff; }

#content .gallery .gallery-icon img {
  /* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
  border: none; }

.gallery {
  display: block;
  clear: both;
  overflow: hidden;
  margin: 0 0 15px 0; }

.gallery .gallery-row {
  display: block;
  clear: both;
  overflow: hidden;
  margin: 0; }

.gallery .gallery-item {
  overflow: hidden;
  float: left;
  margin: 0;
  text-align: center;
  list-style: none; }

.gallery .gallery-item img, .gallery .gallery-item img.thumbnail {
  max-width: 89%;
  height: auto;
  padding: 0 3%;
  margin: 0 auto; }

.gallery-caption {
  margin-left: 0; }

/* Image sizes depending on the number of columns */
.col-0 {
  width: 100%; }

.col-1 {
  width: 100%; }

.col-2 {
  width: 50%; }

.col-3 {
  width: 33%; }

.col-4 {
  width: 25%; }

.col-5 {
  width: 20%; }

.col-6 {
  width: 16.5%; }

.col-7 {
  width: 14%; }

.col-8 {
  width: 12.4%; }

.col-9 {
  width: 11%; }

.col-10 {
  width: 10%; }

.col-11 {
  width: 9%; }

.col-12 {
  width: 8.33%; }

.col-13 {
  width: 7.6%; }

.col-14 {
  width: 7.1%; }

.col-15 {
  width: 6.66%; }

.col-16 {
  width: 6.25%; }

.col-17 {
  width: 5.83%; }

.col-18 {
  width: 5.55%; }

.col-19 {
  width: 5.25%; }

.col-20 {
  width: 4.95%; }

.gallery-item img {
  width: 100%; }

.gallery-item img:hover {
  opacity: 0.8; }

.imgcontent {
  background: #000;
  color: #eee;
  padding: 0;
  clear: both; }

.imgcontent-txt {
  padding: 20px 0 10px 0; }

.loadmore a {
  display: block;
  clear: both;
  background: #ffc20e;
  color: #000;
  padding: 10px 0;
  width: 300px;
  margin: 30px auto;
  text-align: center;
  font-size: 20px;
  position: relative; }

.loadmore a:hover {
  background: #000;
  color: #fff; }

/*		Default Layout: 992px. 
		Gutters: 24px.
		Outer margins: 48px.
		Leftover space for scrollbars @1024px: 32px.
-------------------------------------------------------------------------------
cols    1     2      3      4      5      6      7      8      9      10
px      68    160    252    344    436    528    620    712    804    896    */
.rap {
  width: 960px;
  -webkit-text-size-adjust: 100%;
  margin: 0 auto;
  position: relative;
  padding: 0 10px; }

.site-header, #footer {
  min-width: 980px; }

#sidebar {
  width: 320px;
  margin: 0 !important;
  float: right;
  top: 10px; }

body.single #content, body.page #content, body.author #content {
  background: #fff; }

body.single #footer {
  margin-bottom: -20px !important; }

.col1 {
  width: 140px;
  height: 300px; }

.col1-5 {
  width: 220px; }

.col2 {
  width: 300px; }

.col2-5 {
  width: 300px; }

.col3 {
  width: 620px; }

/*		Wide Layout: 1320px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */
@media only screen and (min-width: 1300px) {
  .nav-menu li a {
    padding-left: 10px;
    padding-right: 10px; }
  .nav-menu li a[title^="Frugivore"] {
    background: url("images/frugivore-white-2x.png") no-repeat;
    background-size: 210px 63px;
    width: 210px; }
  .col2-5 {
    width: 460px; }
  .thefeatures .box {
    height: 325px; }
  .rap {
    width: 1280px; }
  .commentrap {
    padding: 0; }
  .cform {
    padding: 20px 0 15px 0; }
  .main-navigation {
    max-width: 1260px; }
  body.single .rap, body.page .rap, body.author .rap {
    width: 960px; }
  body.single .main-navigation, body.page .main-navigation, body.author .main-navigation {
    max-width: 940px; }
    body.single .main-navigation .nav-menu li a[title^="Frugivore"], body.page .main-navigation .nav-menu li a[title^="Frugivore"], body.author .main-navigation .nav-menu li a[title^="Frugivore"] {
      background: url("images/frugivore-white-2x.png") no-repeat 0 7px;
      background-size: 170px 51px;
      width: 170px;
      padding-right: 0; }
    body.single .main-navigation .nav-menu li a, body.page .main-navigation .nav-menu li a, body.author .main-navigation .nav-menu li a {
      padding-left: 8px;
      padding-right: 8px; }
  .navbar-fixed body.single .nav-menu li a[title^="Frugivore"], .navbar-fixed body.page .nav-menu li a[title^="Frugivore"], .navbar-fixed body.author .nav-menu li a[title^="Frugivore"] {
    background: url("images/frugivore-white-2x.png") no-repeat !important;
    background-size: 102px 30px !important;
    width: 102px !important; } }

/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */
@media only screen and (max-width: 644px) {
  .col2-5 {
    width: 300px; }
  .post-excerpt {
    display: none; }
  body.home #sidebar {
    display: none !important; }
  .masonry-grid {
    background: #fff; }
  .site-title {
    display: block;
    width: 210px;
    height: 62px;
    background: url("images/frugivore-white-2x.png") no-repeat 0 10px !important;
    background-size: 210px 62px !important; }
  .rap, .footbar {
    width: 320px;
    padding: 0;
    margin: 0 auto; }
  .site-header, #footer {
    min-width: 320px; }
  .navbar {
    width: 320px;
    margin: 0 auto; }
  .nav-menu li a[title^="Frugivore"] {
    display: none; }
  #content {
    width: 310px; }
  #sidebar {
    width: 310px;
    left: 10px; }
  .col3 {
    width: 300px; }
  #content .box {
    margin: 10px 0; }
  .commentrap {
    font-size: 1em; }
  .post iframe[width="600"], .post object[width="600"], .post embed[width="600"] {
    width: 300px;
    height: 174px; }
  .authorsignedin, .leaderboard {
    display: none; }
  .scrollup {
    display: none !important; }
  /* Small menu */
  .menu-toggle {
    cursor: pointer;
    display: inline-block;
    margin: 20px 0 0 0;
    padding: 10px 0 0 10px;
    color: #ffc20e;
    position: relative; }
    .menu-toggle .fa-bars {
      font-size: 21px !important; }
  .menu-toggle:hover {
    color: #00aeef; }
  .toggled-on .nav-menu,
  .toggled-on .nav-menu > ul {
    display: block;
    margin-left: 0px;
    padding: 0 0 15px 0;
    width: 300px; }
  .toggled-on li,
  .toggled-on .children {
    display: block; }
  .toggled-on .nav-menu li > ul {
    background-color: transparent;
    display: block;
    float: none;
    margin: 0 0 0 20px;
    position: relative;
    left: auto;
    top: auto; }
  .toggled-on .nav-menu li > ul a {
    color: #fff;
    width: auto;
    padding: 5px 10px; }
  .toggled-on .nav-menu li:hover > a,
  .toggled-on .nav-menu .children a {
    background-color: transparent;
    color: #fff; }
  .toggled-on .nav-menu li a:hover,
  .toggled-on .nav-menu ul a:hover {
    background-color: #00aeef;
    color: #fff; }
  ul.nav-menu,
  div.nav-menu > ul {
    display: none; }
  #content .featured-gallery {
    padding-left: 24px; }
  .gallery-columns-1 .gallery-item {
    margin-right: 0;
    width: 100%; }
  .entry-title,
  .format-chat .entry-title,
  .format-image .entry-title,
  .format-gallery .entry-title,
  .format-video .entry-title {
    font-size: 22px;
    font-weight: bold; }
  .format-quote blockquote,
  .format-status .entry-content {
    font-size: 18px; }
  .format-quote blockquote small,
  .format-quote blockquote cite,
  .format-quote .quote-caption {
    font-size: 13px; }
  .error404 .page-title {
    padding: 40px 0 0; }
  .error404 .page-title:before {
    content: normal; }
  .comment-author {
    margin-right: 30px; }
  .comment-author .avatar {
    height: auto;
    max-width: 100%; }
  .comment-meta,
  .comment-content,
  .reply {
    width: 70%;
    width: -webkit-calc(100% - 104px);
    width: calc(100% - 104px); }
  #commentform input[type="text"],
  #commentform input[type="email"],
  #commentform input[type="url"] {
    width: -webkit-calc(100% - 100px);
    width: calc(100% - 100px); }
  #commentform textarea {
    height: 80px;
    /* Smaller field for mobile. */ }
  .nav-menu .sub-menu,
  .nav-menu .children {
    border-color: #eee; }
  .smallposts li {
    width: 138px;
    height: 199px;
    line-height: 1.15 !important;
    overflow: hidden;
    border-right: 10px solid #fff; }
  .socialicons {
    top: 32px;
    right: 38px; }
  .site-header .search-field {
    margin: 8px 0; }
  .site-header .search-form {
    position: absolute;
    right: 2px;
    top: 14px; } }