/*
Theme Name: Stoled!
Theme URI: casidiablo.net
Description: I had no choice
Version: 0.1
Author: Cristian Castiblanco (based on the work of Michał 'czesiek' Czyżewski)
*/
html * {
    margin: 0;
    padding: 0;
}

body {
    padding: 1em;
    padding: 0;
    font-family: Helvetica, sans-serif;
    font-size: 90%;
    color: #222;
    line-height: 150%;
    text-align: left;
    background: #abc;
}
h1, h2, h3 {
    font-family: "Helvetica, sans-serif;
}

h1 {
    margin: 0;
    padding: 0;
    font-size: 120%;
}

#h1logo{position:relative;width: 540px;}
#h1logo a{display:block;height: 32px;}
#logo{
    background:url('images/logo.png') 0 0 no-repeat;
}

.post .cortex{
    float: right;
    background: url(images/cortex.png) no-repeat;
}
.cortex a{height:18px;display:block;}
#twittercortex{
    width:16px;
    margin-left: 71px;
    background:url('images/sprite.png') -15px 0;
}

h3 {
    margin: 0;
    padding: 0 0.25em;
    font-size: 100%;
}
img {
    border: none;
}
a {
    color: #3281a2;
    font-weight: bold;
    text-decoration: none;
}
a:hover {
    color: #194152;
}
ul {
    margin: 0.7em 0 0 30px;
    padding-left: 1.5em;
}
/* title ----------------------------------------------------------*/

#page-title {
    margin: 0;
    padding: 1.5em 2em 1em 2em;
    color: #A1A1A1;
    background: #363636;
    border-radius: 0px 0px 0px 8px;
    -moz-border-radius: 0px 0px 0px 8px;
    -webkit-border-radius: 0px 0px 0px 8px;
}
#page-title h1 {
    margin: 0;
    padding: 0;
    font-family: Helvetica, sans-serif;
    font-size: 175%;
    font-weight: normal;
    color: #fff;
}
#page-title h1 a {
    display: block;
    color: #fff;
    border: none;
}

/* sidebar --------------------------------------------------------*/

#sidebar-wrapper {
    width: 220px;
    float: right;
    margin: 0;
    padding: 0;
}

#sidebar {
    padding: 0 1em 1em 1em;
    color: #445366;
    color: #335;
    line-height: 130%;
    font-size: 90%;
    background-color: #bbc8d6;
    border-radius: 32px 0px 0px 8px;
    -moz-border-radius: 32px 0px 0px 8px;
    -webkit-border-radius: 32px 0px 0px 8px;
}

#sidebar #adsense{
    margin-top: 20px;
}

#sidebar img {
    margin: 0;
    float: none;
    border: none;
}
#sidebar h3 {
    margin-top: 0;
}

#my-photo-frame {
    padding: 0;
    margin: 0;
    position: relative;
    top: -2em;
    text-align: center;
}

#elsewhere{position:relative;margin-bottom: 36px;}
#elsewhere li{margin:0;padding:0;list-style:none;position:absolute;top:0;}
#elsewhere li, #elsewhere a{height:18px;display:block;}

#twitter{left:0px;width:16px;background:url('images/sprite.png') -15px 0;}

#facebook{left:17px;width:16px;background:url('images/sprite.png') -173px 0}

#identica{left:35px;width:16px;background:url('images/sprite.png') -31px 0;}

#delicious{left:53px;width:16px;background:url('images/sprite.png') -49px 0;}

#linkedin{left:71px;width:16px;background:url('images/sprite.png') -66px 0;}

#gmail{left:89px;width:90px;background:url('images/sprite.png') -82px 0;}

#iconfeed{left:0px;width:12px;background:url('images/sprite.png') 0 0;}


#contact, #feeds {
    padding-left: 0.35em;
    list-style-type: none;
}

#footer {
    margin: 0 auto;
    padding: 0.5em 1em;
    width: 90%;
    font-size: 90%;
    background-color: #bbc8d6;
    border-radius: 8px 8px 0px 0px;
    -moz-border-radius: 8px 8px 0px 0px;
    -webkit-border-radius: 8px 8px 0px 0px;

}
#footer a, #footer a:hover {
    border: none;
}
#footer #copyleft{
    padding-left: 26px;
    left:0px;
    background:url('images/sprite.png') -190px 0 no-repeat;
}

/* navbar ---------------------------------------------------------*/

#navbar {
    font-size: 90%;
    background-color: #363636;
    width: 640px;
}

#navbar #navlist {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#navbar #navlist li {
    display: inline;
}
#navbar #navlist li a {
    display: inline-block;
    padding: 0 0.5em 0 0.5em;
    margin-right: 0.5em;
    font-size: 90%;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    background-color: #363636;
    border-bottom: 2px solid #363636;
    border-left: 1px solid #363636;
    border-right: 1px solid #363636;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
}
#navbar #navlist li a:hover {
    border-color: #5C5C5C;
}
#front #navlist a.blog,
#post #navlist a.blog,
#code #navlist a.code {
    border-color: #636363;
}

/* page body ------------------------------------------------------*/

.warning {
    padding: 16px;
    margin-left: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    border: 2px solid #c43;
    background-color: #ffeaaa;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -webkit-border-radius: 10px;
    -webkit-border-radius: 10px;
    background-image: url('images/warning.png');
    background-position: 99% 60%;
    background-repeat: no-repeat;
    margin-right: 2em;
}
.warning strong {
    color: #c43;
}

#page-body {
    margin: 1em 240px 1em 1em;
}
#page-body h2 {
    margin: 0.5em 0 1em 0;
}

.post-wrapper {
    margin-top: 1em;
    position: relative;
}

.post {
    margin: 0;
    padding: 0.5em 1em;
    background-color: #fff;
    border: 2px solid #fff;
    border-radius: 0px 0px 0px 8px;
    -moz-border-radius: 0px 0px 0px 8px;
    -webkit-border-radius: 0px 0px 0px 8px;
    border-top-color: #3281a2;
    border-right-color: #3281a2;
    border-bottom-color: #176366;
    border-left-color: #176366;
}
.post ul{
    padding-left: 36px;
}
.post h2 {
    color: #001A33;
    font-size: 140%;
    font-weight: bold;
}
.post h2:hover {
    color: #003A70;
}
.post h2 a {
    display: inline;
    margin: 0;
    color: #333;
    border: none;
}
.post h2 a:hover {
    color: #000;
}
.post .date {
    float: right;
    font-size: 80%;
    color: #aaa;
}
p.time {
    margin: 0;
    padding: 1em 0 0 0;
    color: #aaa;
    font-size: 80%;
    /*    border-bottom: 1px solid #eee;
        background: #f8f8f8;*/
    border-top: 1px solid #eee;
}
p.time a {
    border: none;
}
.post p, .post .embed {
    margin: 0.5em 0;
}
.post p {
    margin: 0.7em 0;
    padding: 0 1em;
    text-align: justify;
}
.post p {
    margin-left: 1em;
    margin-right: 2em;
    font-family: FHelvetica, sans-serif;
}
.post p.time {
    margin-left: auto;
    margin-right: auto;
}

.post .codeblock {
    padding: 0.75em 1.5em;
    margin-left: 2em;
    margin-right: 4em;
}
.post img {}

.post ol{
    margin-left: 4em;
}
.post ol ol{
    margin-left: 2em;
}

.post h3 {
    margin-bottom: 0;
    padding: 1em 0 0.5em 0;
    color: #001A33;
    font-size: 120%;
    font-weight: bold;
}
.post h3:hover {
    color: #003A70;
}

/* comments -------------------------------------------------------*/

.comment {
    margin: 1em;
    padding-bottom: 1em;
    border-bottom: 1px solid #d5dde5;
}
.comment p {
    margin-left: 80px;
}

#commentform {
    padding: 1em;
    color: #607e99;
    background-color: #edf0f2;
    border-radius: 8px 8px 8px 8px;
    -moz-border-radius: 8px 8px 8px 8px;
    -webkit-border-radius: 8px 8px 8px 8px;
}
#commentform input, #commentform label {
    display: block;
}
#commentform input, #commentform textarea, #searchform input {
    padding: 0.25em;
    font-size: 120%;
    color: #445366;
    border: 1px solid #abc;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
}
#commentform textarea {
    font-family: Helvetica, sans-serif;
}
#commentform .active {
    background-color: #fffdbf;
}
#commentform .button {
    margin: 0.5em 0 0 0;
    padding: 0.25em 0.5em;
    color: #fff;
    background-color: #607e99;
    border: none;
}

/* extras ---------------------------------------------------------*/

/* outgoing links marked with an icon */
a.external {
    padding-right: 14px;
    background: url(images/outside.png) right center no-repeat;
}

#previous {
    margin: 0 auto;
    padding: 0;
    font-size: 80%;
    color: #445366;
    color: #222;
    list-style-type: none;
}
#previous li {
    margin: 1em 0 0 0;
    padding: 0.5em 1.5em;
    color: #aaa;
    background-color: #d5dde5;
    background-color: #fff;
    border: 2px solid #fff;
    border-radius: 0px 0px 0px 8px;
    -moz-border-radius: 0px 0px 0px 8px;
    -webkit-border-radius: 0px 0px 0px 8px;
}
#previous li:hover {
    background-color: #fff;
    overflow: hidden;
    border-top-color: #3281a2;
    border-right-color: #3281a2;
    border-bottom-color: #176366;
    border-left-color: #176366;
}
#previous li a {
    font-family: Helvetica, sans-serif;
    color: #333;
}
#previous li a:hover {
    color: #000;
}
#previous li .date {
    float: right;
}

#fabric {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #eee;
    visibility: hidden;
}

#adsense{
    text-align: center;
}


ol.commentlist { list-style:none; margin:0 0 1em; padding:0; text-indent:0; }
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment { border-bottom:1px dotted #666; padding:1em; }
ol.commentlist li div.comment-author {}
ol.commentlist li div.vcard { font:normal 16px georgia,times,serif; }
ol.commentlist li div.vcard cite.fn { font-style:normal; }
ol.commentlist li div.vcard cite.fn a.url {}
ol.commentlist li div.vcard img.avatar { float:right; margin:0 0 1em 1em; }
ol.commentlist li div.vcard img.avatar-32 {}
ol.commentlist li div.vcard img.photo {}
ol.commentlist li div.vcard span.says {}
ol.commentlist li div.commentmetadata {}
ol.commentlist li div.comment-meta { font-size:9px; }
ol.commentlist li div.comment-meta a { color:#ccc; }
ol.commentlist li p { font-size:11px; margin:0 0 1em; }
ol.commentlist li ul { font-size:11px; list-style:square; margin:0 0 1em 2em; }
ol.commentlist li div.reply { font-size:11px; }
ol.commentlist li div.reply a { font-weight:bold; }
ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.commentlist li ul.children li {}
ol.commentlist li ul.children li.alt {}
ol.commentlist li ul.children li.bypostauthor {}
ol.commentlist li ul.children li.byuser {}
ol.commentlist li ul.children li.comment {}
ol.commentlist li ul.children li.comment-author-admin {}
ol.commentlist li ul.children li.depth-2 { border-left:5px solid #555; margin:0 0 .25em .25em; }
ol.commentlist li ul.children li.depth-3 { border-left:5px solid #999; margin:0 0 .25em .25em; }
ol.commentlist li ul.children li.depth-4 { border-left:5px solid #bbb; margin:0 0 .25em .25em; }
ol.commentlist li ul.children li.depth-5 {}
ol.commentlist li ul.children li.odd {}
ol.commentlist li.even { background:#fff; }
ol.commentlist li.odd { background:#f6f6f6; }
ol.commentlist li.parent { border-left:5px solid #111; }
ol.commentlist li.pingback { border-bottom:1px dotted #666; padding:1em; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}

/** consola y avisos*/
.consola{
    border: 1px solid black;
    overflow: auto;
    margin-left: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    color: white;
    background-color: #444;
    font-size: 0.9em;
    background-image: url(images/consola.png);
    background-position: 99% 80%;
    background-repeat:no-repeat;
    font-family:'Courier New', Courier, Fixed;
    padding: 10px 10px 10px 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -webkit-border-radius: 10px;
    -webkit-border-radius: 10px;
    margin-right: 2em;
}
.avisolegal, .nota{
    padding: 16px;
    margin-left: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    position: relative;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -webkit-border-radius: 10px;
    -webkit-border-radius: 10px;
    border: 2px solid #7FD7F7;
    background-color: #E5F6FD;
    border-color: #7FD7F7;
    background-image: url('images/nota.png');
    background-position: 99% 60%;
    background-repeat: no-repeat;
    margin-right: 2em;
}
.wp-pages{
    margin: 25px;
    font-size: large;
}
/*.descargacodigo,.download{
width:127px;
height:50px;
background:url(images/download_btn.gif) no-repeat 0 0;
text-indent:-9999px;
overflow:hidden;
display:block;
outline:none;
margin-left:8px
}
.descargacodigo:hover{
cursor:pointer;
background:url(images/download_btn.gif) no-repeat 0 100%
}*/
.descargacodigo,.download{
width:100%;
height:65px;
background:url(images/descargar.png) no-repeat 0 0;
text-indent:-9999px;
overflow:hidden;
display:block;
outline:none;
background-color: #ebebeb; border: 1px solid #ccc;
}
.descargacodigo:hover{
cursor:pointer;
}