/*
Theme Name: d20crit
Theme URI: http://www.d20crit.com
Author: Stubby - ManlyHands
Author URI: www.manlyhands.com
Description: <strong>A responsive and easily expandable podcasting theme built from iMagPress (HTML) and using ManlyHands "Truss" WordPress framework</strong><br /><br /><a rel="license" href="http://creativecommons.org/licenses/by-nc-nd/4.0/"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by-nc-nd/4.0/88x31.png" /></a><br><span xmlns:dct="http://purl.org/dc/terms/" property="dct:title">D20Crit Theme</span> by <a xmlns:cc="http://creativecommons.org/ns#" href="http://d20crit.com" property="cc:attributionName" rel="cc:attributionURL">ManlyHands</a> is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-nc-nd/4.0/">Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International License</a>.<br />Based on a work at <a xmlns:dct="http://purl.org/dc/terms/" href="http://d20crit.com" rel="dct:source">http://d20crit.com</a>.
Version: 0.1.1a
License: Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International
License URI: http://creativecommons.org/licenses/by-nc-nd/4.0/
Tags: Rresponsive, multi-domain, Truss-enabled
Template: salient
*/

@import url("../salient/style.css");

#post-area.masonry.span_9 .masonry-blog-item {
  width: 46.8%;
  height: 560px;
}

.masonry span.post-featured-img {
  display: block;
  height: 225px;
  position: relative;
  overflow: hidden;
  margin-bottom: 15px;
}


.masonry .post-featured-img img {
  position: absolute;
    top: 0;
    left: 0;
  height: auto;
  width: 100%;
}

.masonry-blog-item {
  position: relative;
}
article.post.masonry-blog-item .article-content-wrap .excerpt {
  height: 59px;
}

article.post.masonry-blog-item .post-content {
  height: 500px;
  position: relative;
}

article.post.masonry-blog-item .content-inner {
  height: 475px;
  border-color: transparent;
  overflow: hidden;
  text-overflow: ellipsis;
}

article.post.masonry-blog-item .post-meta {
  top: -10px;
  left: 0;
  width: 100%;
  padding: 18px 0;
  border-top: 1px solid #DDDDDD;
}
#sidebar div ul.widget-popular-posts li {
  min-height: 65px;
}

#sidebar .AlpinePhotoTiles-image-div-container.AlpinePhotoTiles-gallery-container.AlpinePhotoTiles-border-div {
  width: 100% !important;
  margin: 0 !important;
}
#sidebar .AlpinePhotoTiles-image-div-container.AlpinePhotoTiles-tile.AlpinePhotoTiles-half-tile {
  width: 25% !important;
  margin: 0 !important;
}

.widget-popular-posts li h3 {
  font-size: 14px;
  line-height: 125%;
}

#sidebar div ul.widget-popular-posts li:not( :first-child ) {
  padding: 15px 15px 15px 65px;
  position: relative;
}

#sidebar div ul.widget-popular-posts li:not( :first-child ) .post-image {
  width: 50px;
  height: 50px;
  overflow: hidden;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

#sidebar div ul.widget-popular-posts h3 {
  margin-bottom: 0;
}

.widget-popular-posts li:not( :first-child ) .post-image img {
  position: absolute;
  top: 15px;
  left: 0;
  width: 50px;
  height: 50px;
}
article .nectar-love-wrap .more-link {
  margin: 0;
}
.nectar-love-wrap .continue-reading {
  color: white;
}

#sidebar .by-category a {
  font-size: 11px;
  color: #888;
}

#sidebar .by-category a:hover {
  color: #e5232d;
}


body.login {
  
}

#loginform {
  width: 800px;
}

#suggestions .masonry-blog-item {
  width: 48.8%;
  height: 435px;
}

#suggestions .masonry-blog-item .content-inner,
#suggestions .masonry-blog-item .post-content {
  height: 350px;
}

#suggestions .masonry-blog-item:first-child {
  margin-right: 2%;
}

#prev_next {
  overflow: auto;
  height: 151px;
  margin: 25px 0;
}
#prev_next .next,
#prev_next .prev {
  height: 150px;
  width: 50%;
  float: left;
  text-align: center;
  color: white;
  font-size: 18px;
  background: #676767;
  position: relative;
  overflow: hidden;
}

#prev_next .next a,
#prev_next .prev a {
  -moz-transition: background 0.2s linear;
  -o-transition: background 0.2s linear;
  -webkit-transition: background 0.2s linear;
  transition: background 0.2s linear;
  color: white;
  background: rgba( 0, 0, 0, .5 );
  display: block;
  width: 100%;
  height: 100%;
  line-height: 150px;
}

#prev_next .next a:hover,
#prev_next .prev a:hover {
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  text-shadow: 0 2px 5px black;
  background: transparent;
}

#prev_next .next a,
#prev_next .prev a {
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  width: 100%;
}

#prev_next .next a span,
#prev_next .prev a span {
  font-weight: bold;
  font-size: 18px;
}

.spoiler {
}
.spoiler header {
  cursor: pointer;
  color: black;
  font-size: 18px;
  font-weight: bold;
  padding-left: 25px;
  min-height: 25px;
  background: url("/assets/images/icons/d20_icon.png" ) center left no-repeat;
}

.spoiler header span {
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  font-weight: normal;
  font-size: 12px;
}
.spoiler header:hover span {
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  color: #e5232d;
  text-decoration: underline;
}
.spoiler article {
  height: 0px;
  overflow: hidden;
}
.spoiler article.active {
  height: auto;
  padding: 15px 0;
}

#subscribe-buttons.masonry-blog-item.span_12 {
  width: 100%;
}

#subscribe-buttons h2 {
  margin: 0 15px 0 0;
}

#subscribe-buttons .regular-button {
  margin-bottom: 0;
}

.inline {
  display: inline-block;
}