/*
Theme Name: Althoff Home Services Blog
Theme URI: http://imarketsolutions.com
Description: Custom Theme Designed by  <a href="http://imarketsolutions.com">iMarket Solutions</a>.
Version: 1.0
Author: iMarket Solutions
Author URI: http://imarketsolutions.com/
Tags: custom

  iMarket Solutions Blog
   http://imarketsolutions.com/

  This theme was designed and built by iMarket Solutions,
  whose site you will find at http://imarketsolutions.com/

  The CSS, XHTML and design is released under GPL:
  http://www.opensource.org/licenses/gpl-license.php

*/

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* --- BEGIN BLOG --------------------------------------------------------------------------------------------------------------------------------- */

#main-content .content-spacer {
  padding-right: 15px;
}

#top-content-wrap {
  padding-top: 75px;
  padding-bottom: 75px;
}
#top-content-wrap h1 {
  margin-top: 0px;
  margin-bottom: 0px;
}
#content-wrap > .width-limiter {
  padding-top: 0px;
}

#wp-blog #main-content .post:first-of-type h2 {
  margin-top: 0;
}
.post small {
  font-size: 15px;
  color: #bbb;
  font-weight: 700;
}

.post p.postmetadata, 
.post p.postmetadata small {
  font-size: 13px;
  font-weight: 400;
  color: #222;
}

.prev-post, .next-post {
  display: inline-block;
  font-size: 1.2em;
  line-height: 1.1em;
  margin: 4px -3px 10px 0;
  padding:0 15px;
  position:relative;
  width:50%;
  vertical-align:top;
}

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

.prev-post a:before {
  content: "\00AB"; /* « */
  font-size: 1.5em;
  font-style: normal;
  font-weight: normal;
  line-height: 0.5em;
  position: absolute;
  top: 0;
  left:0;
}

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

.next-post a:after {
  content: "\00BB"; /* » */
  font-size: 1.5em;
  font-style: normal;
  font-weight: normal;
  line-height: 0.5em;
  position: absolute;
  top: 0;
  right:0;
}

.navigation {
  padding: 3px 10px;
  background:#ebebeb;
}

.alignleft, .alignright, .aligncenter {
    font-size: 1.2em;
    line-height: 0;
}
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
img.alignleft, img.alignright, img.aligncenter {
  height: auto;
  width: auto;
  max-width: 100%;
}
img.alignleft {
  float: left;
  margin: 0 2em 0.75em 0;
}
img.alignright {
  float: right;
  margin: 0 0 0.75em 2em;
}
img.aligncenter {
  margin: 0 auto 1.8em;
  display: block;
}
#main-content .alignright figcaption,
#main-content .alignleft figcaption {
  line-height: 1.1;
}
#main-content img {
  margin: 0 auto;
}
#main-content .alignleft,
#main-content img.alignleft,
#main-content figure.alignleft,
#main-content .alignright,
#main-content img.alignright,
#main-content figure.alignright {
  text-align: center;
}

h2.pagetitle {
  border:2px solid #15D80A;
  border-width:2px 0;
  line-height: 1.8em;
  margin: 10px auto;
  text-align: center;
  width: 95%;
}

.content-spacer .post {
  border-top: 1px solid #ababab;
  overflow:hidden;
}

.single .content-spacer .post {
  padding-top: 20px;
}

.content-spacer .post:first-child {
  border-top: none;
}

/* --- BLOG --------------------------------------------------------------------------------------------------------------------------------- */
/* --- SIDEBAR --------------------------------------------------------------------------------------------------------------------------------- */

#sidebar-content {
  text-align: center;
}

#sidebar-content .screen-reader-text {
  display: none;
}

#sidebar-content .condary-tools-outer {
  margin: 1em 0;
  overflow: hidden;
}

#sidebar-content h2 {
  font-size: 3.5em;
  margin-bottom: 5px;
}

#sidebar-content h2[role="navigation"] {
  font-size: 2.3em;
  font-weight: bold;
  margin: 0 0 10px;
  text-align: center;
}

#sidebar-content h2[role="navigation"] a {
  text-decoration:none;
}

#sidebar-content .secondary-tools ul {
  margin: 0;
}

#sidebar-content .secondary-tools ul li ul {
  margin: 0.3em 1em;
}

#sidebar-content .secondary-tools ul li.widget {
  background: none repeat scroll 0 0 transparent;
  padding: 20px 0 10px;
}

#sidebar-content .secondary-tools ul li ul li {
  font-size: 1.2em;
  font-weight: bold;
}

#sidebar-content .secondary-tools ul li ul li a:link,
#sidebar-content .secondary-tools ul li ul li a:visited {
  font-size: 1em;
  text-decoration:none;
}

#sidebar-content .secondary-tools ul li ul li a:hover,
#sidebar-content .secondary-tools ul li ul li a:active {
  text-decoration:underline;
}


/* --- BLOG --------------------------------------------------------------------------------------------------------------------------------- */
/* --- SEARCH --------------------------------------------------------------------------------------------------------------------------------- */

form#searchform {
}

form#searchform fieldset {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

label[for="s"] {
}

input#s {
  font-size: 1.8em;
}

#searchsubmit {
  height: 50px;
}

select {
  font-size: 16px;
  height: 35px;
  margin-left: 10px;
}
#sidebar-content select {
  width: 50%;
  margin-left: 0px;
}
@media all and (min-width:801px) and (max-width: 1024px) {
  #sidebar-content select {
    width: 90%;
    margin-left: 0px;
  }
}
@media all and (max-width: 400px) {
  input#s {
    max-width: 160px;
  }
  #sidebar-content select {
    width: 100%;
  }
}


/* --- BLOG --------------------------------------------------------------------------------------------------------------------------------- */
/* --- CTA BUTTONS --------------------------------------------------------------------------------------------------------------------------------- */

#cta-buttons h2 {
}

div.cta-button {
}

div.cta-button h2 a {
}

/* --- BLOG --------------------------------------------------------------------------------------------------------------------------------- */
/* --- TAG CLOUD --------------------------------------------------------------------------------------------------------------------------------- */


.widget_tag_cloud {
  position:relative;
  padding-bottom:8px;
}

.tagcloud { 
  overflow:hidden;
  margin-bottom:10px;
}

.widget_tag_cloud div a:link, 
.widget_tag_cloud div a:visited {
  background: none repeat scroll 0 0 transparent;
  font-size: 14px !important;
  padding: 2px 6px;
  text-decoration: underline;
}

.widget_tag_cloud div a:hover, 
.widget_tag_cloud div a:active  {
  text-decoration: none;
}

.widget_tag_cloud h2 {}

/* --- IMAGE ALIGNMENT ------------------------------------------------------ */
#wp-blog .view-all {
  margin-top: 15px;
  margin-bottom: 15px;
  text-align: left;
  clear: both;
}
#main-content .alignleft,
#main-content img.alignleft,
#main-content figure.alignleft,
#main-content .alignright,
#main-content img.alignright,
#main-content figure.alignright {
  max-width: 50%;
  display: block;
}
#main-content img {
  max-width: 100%;
  height: auto;
}
#main-content .alignright figcaption,
#main-content .alignleft figcaption {
  display: block;
}

@media all and (max-width: 570px) {
  #main-content .alignleft,
  #main-content img.alignleft,
  #main-content figure.alignleft,
  #main-content .alignright,
  #main-content img.alignright,
  #main-content figure.alignright {
    float: none;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 0 10px;
    text-align: center;
  }
}

/* --- BLOG --------------------------------------------------------------------------------------------------------------------------------- */
/* --- TWEET BUTTONS --------------------------------------------------------------------------------------------------------------------------------- */

.social-buttons-blog {float: left;}
.social-buttons-blog p { float:left;margin:0;padding:0;margin-bottom:0; }
.social-buttons-blog p.social-twitter-link { width:55px;height:20px;margin-right:10px;display:inline; }
.social-buttons-blog p.social-twitter-link a { width:55px;height:20px;display:block;text-indent:-999em; }
.social-buttons-blog p.social-twitter-link a, .social-buttons-blog p.social-twitter-link a:visited { background:transparent url(/assets/templates/main/images/btn-tweet.png) no-repeat 0 0; }
.social-buttons-blog p.social-twitter-link a:hover, .social-buttons-blog p.social-twitter-link a:active { background:transparent url(/assets/templates/main/images/btn-tweet.png) no-repeat 0 -20px; }


/* --- BLOG --------------------------------------------------------------------------------------------------------------------------------- */
/* --- LAYOUTS/ANIMATIONS --------------------------------------------------------------------------------------------------------------------------------- */

/* --- END BLOG --------------------------------------------------------------------------------------------------------------------------------- */
/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/