/*
Theme Name: Reeder
Theme URI: http://blog.almadark.com/
Description: Template creado para el blog iDioteca.
Author: Sergio Huayanay
Author URI: http://sergio.huayanay.com/
Version: 1.0
Tags: minimalist, custom, personal.

License:
License URI: Copia lo que puedas :)

General comments (optional)..
*/

@import url("css/normalize.css");
@import url("css/wpcore.css");
@import url("css/shclass.css");

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on August 26, 2013 */



@font-face {
    font-family: 'tisaproregular';
    src: url('fonts/tisa/tisapro-regular-webfont.eot');
    src: url('fonts/tisa/tisapro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/tisa/tisapro-regular-webfont.woff') format('woff'),
         url('fonts/tisa/tisapro-regular-webfont.ttf') format('truetype'),
         url('fonts/tisa/tisapro-regular-webfont.svg#tisaproregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'freightsans_probold';
    src: url('fonts/freight/freigsanprobold-webfont.eot');
    src: url('fonts/freight/freigsanprobold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/freight/freigsanprobold-webfont.woff') format('woff'),
         url('fonts/freight/freigsanprobold-webfont.ttf') format('truetype'),
         url('fonts/freight/freigsanprobold-webfont.svg#freightsans_probold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* -----------------------------------*/
/* ---------->>> LAYOUT <<<-----------*/
/* -----------------------------------*/
.contenedor{
  width:970px;
  margin:70px auto 20px auto;
}
.header{
  width:220px;
  float:right;
}
.wide{
  width:100%;
  max-width: 700px;
  overflow: hidden;
  float:left;
}
.sidebar{
  width:220px;
  float:right;
}
/* -----------------------------------*/
/* ---------->>> REEDER <<<-----------*/
/* -----------------------------------*/
.body{
  font-weight: 400;
  color: #333332;
  font-size: 18px;
  line-height: 1.4;
  font-family: 'tisaproregular';
}
a{
  color:#333332;
}
a:hover{
  color:#57ad68;
}

h1,h2,h3,h4,h5,h6{
  /*font-family: 'Lato', sans-serif;*/
  /*font-family: 'freightsans_probold';*/
  font-family:"freightsans_probold","Myriad Pro","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif;
  font-weight:normal;
  text-shadow: 0 1px 0 rgba(255,255,255,0.75);
  color:#333332;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
  text-decoration: none;
  color:#333332;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{
  text-decoration: none;
  color:#333332;
}

.posttitle, h1, h2{
/*margin-bottom: -10px;*/
margin-bottom:0;
font-size: 52px;
line-height: 1;
letter-spacing: -1px;
/*font-weight:700;*/
color:#333332;
}


.shadow {
  background: url("images/shadow.png") repeat-x scroll 0 0 transparent;
  height: 30px;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 900;
}

.post img {
  padding: 0;
  width:100%;
  max-width: 700px;
  height: auto;
}
p{
  font-weight:300;
  font-size:145%;
  font-size:1.3em;
  line-height:1.5em;
  font-family: 'tisaproregular';
}

p, div{
  color:#333332;
}

.loop{
  list-style: none;
  margin:0;
  padding:0;
}

.loop .post{
  margin:0 0 70px 0;
  padding:0 0 50px 0;
  border-bottom:1px solid silver;
}

/* -----------------------------------*/
/* ---------->>>  TAGS  <<<-----------*/
/* -----------------------------------*/
.tag-links {
  margin: 10px 0 10px 0;
  padding: 0px;
}
.tag-links ul {
  margin: 0;
  padding: 0;
}
.tag-links li {
  background-color: #efefef;
  background-image: -moz-linear-gradient(center top, #ffffff, rgba(255, 255, 255, 0));
  background-image: -webkit-gradient(linear, 0 0, 0% 100%, from(#ffffff), to(rgba(255, 255, 255, 0)));
  border: 1px solid #d8d8d8;
  border-left: none;
  display: inline-block;
  height: 22px;
  line-height: 22px;
  margin: 6px 6px 0 0!important;
}
.tag-links li:hover {
  background-color: #d8d8d8;
}
div.tag-links a {
  background: url(images/tag.png) no-repeat;
  display: inline-block;
  font-size: 12px;
  height: 22px;
  margin-top: -1px;
  padding: 2px 5px 0 15px;
  text-shadow: 0 1px 0 #fff;
  text-align: center;
  font-weight: normal;
}
div.tag-links a:hover {
  text-decoration: none;
  background: url(images/tag.png) no-repeat;
  color: #666;
}
/* -----------------------------------*/
/* --------->>> CODE PRE <<<----------*/
/* -----------------------------------*/
pre {
  color: white;
  font-family: Monaco,Courier,MonoSpace;
  font-size: 11px;
  line-height: 1.8;
  overflow: auto;
  padding: 10px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75) !important;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.post pre,
code {
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  border:none;
  border-radius: 8px 8px 8px 8px;
  font-family: 'DejaVu Sans Mono', Monaco, Consolas, monospace;
  margin: 0 0 25px;
}
pre {
  color: #93A1A1;
  color:white;
  font-size: 0.8em;
  line-height: 1.45em;
  /*line-height: 1.6em;*/
  background: #062b36;
  /*background: url('images/blueprint.jpg');*/
}
/* -----------------------------------*/
/* --------->>>  SIDEBAR  <<<---------*/
/* -----------------------------------*/
.sidebar{

}