/*
Theme Name: Custom Ice Delta Theme
Theme URI: none
Description: Creado especialmente para ice.quemaisda.info
Version: 1.0-dev
Author: Ice
Author URI: http://ice.quemaisda.info/
NONE YET Tags: warm, custom header, scalable, two columns, widgets


LICENSE TO BE FIXED

        Ice 0.95a
         http://ice.quemaisda.info/

        This theme was designed and built by Ice,
        whose blog you will find at http://ice.quemaisda.info/
        at least, by now.

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

*/



/* Begin Typography & Colors */
body {
        font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
        font-size:10pt;
        font-weight: 300;
        background-color: #e6e6de;
        background-color: #FFFDFC;
        
        color:#4C3E3E;
}

#page {
        background-color: #FCFBFA;
        background-color: #F0EFEE;
}

#header {
        text-align: center;
        margin-bottom: 35px;
}

#headerimg      {
        background-color:#F6F4F1;
        color: #fee;
        color: #776B6B;
        padding: 0 0 15px 0;
        border-radius: 20px;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        
}
#headerimg h1, #headerimg h1 a, #headerimg h1 a:visited, #headerimg h1 a:hover {
        font-weight: bold;
        font-family: fantasy;
        color: #776B6B;
}
#headerimg .description {
        font-style: italic;
}

/* Begin Sidebar */

#sidebar ul, #sidebar ul ol {
        margin: 0;
        padding: 0;
        }

#sidebar ul li {
        list-style-type: none;
        list-style-image: none;
        margin-bottom: 15px;
        }

#sidebar ul p, #sidebar ul select {
        margin: 5px 0 8px;
        }

#sidebar ul ul, #sidebar ul ol {
        margin: 5px 0 0 10px;
        }

#sidebar ul ul ul, #sidebar ul ol {
        margin: 0 0 0 10px;
        }

ol li, #sidebar ul ol li {
        list-style: decimal outside;
        }

#sidebar ul ul li, #sidebar ul ol li {
        margin: 3px 0 0;
        padding: 0;
        }

/* End Sidebar */


/* arrangement */

body {
        margin:  0;
        padding: 0;
        width:100%;
        min-width:842px; /* for scrollbars to appear */
        overflow: scroll;
}


#sidebar {
        float:right;
        width: 188px;
        margin-left: -204px;
        padding: 7px; /* 195 px */
        
        
        border: 1px solid #777;
        border-radius:5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
}

#pageWrapper {padding: 15px}
#page {
        min-width: 786px;
        max-width: 1400px;
        position:relative;
        border: 1px solid #c07142;
        margin: auto;
        text-align: justify;
        padding: 12px;
}

#content {
        float:left;
        position:relative;
        margin-right: 230px;
        text-shadow: 1px 0.25px 0px #FEC;
        min-width: 530px;
        
}

.post {
        float:left;
        width: auto;
        margin: auto;
		margin-right: 10px;
		height:auto;
        overflow: hidden;
		position:relative;
        
                transition-property: background-color, width, position, top, left;
           -moz-transition-property: background-color, width, position, top, left;
        -webkit-transition-property: background-color, width, position, top, left;
                transition-duration: 0.5s, 0.8s;
           -moz-transition-duration: 0.5s, 0.8s;
        -webkit-transition-duration: 0.5s, 0.8s;
		
}

#content.active .post {
	display:none!important;
}
#content.enhanced .post {
    height: 40.16em;
}

#content.active .post.active {
		display:block!important;
        width: auto;
        height: auto;
		clear: both;
		position:relative;
		top:0;
		left:0;
}
.post.active .entry {
	height: auto;
	overflow: visible;
}

#content img {
        max-width: 240px;
}
#content img:hover {
        max-width: 530px;
        overflow:visible;
        position:absolute;
}

/* end of arrangement */

.post {
        margin-top: 0px;
        background-color: #efefc0;
        background-color: #fff7d9;
        background-color: #eaeae0;
        background-color: inherit;
        padding-left: 10px;
        padding-right: 10px;
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        
        border: 1px solid #DFDBD2;
        border-top: 0;
        margin-bottom: 30px;
}

.post:hover {
        background-color: #eceae4;
}

.post.even, .post.odd {}
.post.odd {}

.post > h2 {
        border-bottom: 1px solid #653;
        margin-bottom: 5px;
        line-height: 1em;
        padding-top: 0.6em;
}
.post > h2 > a {
        text-decoration: none;
} 

a, a:hover, a:visited, a:active {
        color:#855C33;
        color:#97562B;
        text-decoration: none;
}
a:hover {
        text-decoration: underline;
        color:#918152;
}

.widecolumn .entry p {
        font-size: 1em;
}

.narrowcolumn .entry, .widecolumn .entry {
        font-size: 1em;
}


.postmetadata .comments {
        display: block;
}


.widecolumn {

}

.narrowcolumn .postmetadata {

}

.thread-alt {

}
.thread-even {

}
.depth-1 {

}

#footer {

}

small {

}

h1, h2, h3 {
        
}

h1 {

}

h2 {

}

#sidebar h2 {

}

h3 {

}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {

}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {

}

.entry p a:visited {

}

.commentlist li, #commentform input, #commentform textarea {

}
.commentlist li ul li {

}

.commentlist li {

}

.commentlist li .avatar { 

}

.commentlist cite, .commentlist cite a {

}

.commentlist p {

}

#commentform p {

}

.commentmetadata {

        }

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {

        }

code {
        font: 1.1em 'Courier New', Courier, Fixed;
}

acronym, abbr, span.caps
{

}

/* End Typography & Colors */



/*
.postmetadata {
        clear: both;
}*/

.clear {
        clear: both;
}

#footer {
        padding: 0;
        margin: 0 auto;
        width: 100%;
        clear: both;
        }

#footer p {
        margin: 0;
        padding: 20px 0;
        text-align: center;
        }
/* End Structure */



/*      Begin Headers */
h1 {
        padding-top: 20px;
        margin: 0;
        }

h2 {
        margin: 0;
        }

h2.pagetitle {
        margin-top: 30px;
        text-align: center;
        padding-top: 10px;
}


h3 {
        padding: 0;
        margin: 30px 0 0;
        }

h3.comments {
        padding: 0;
        margin: 40px auto 20px ;
        }
/* End Headers */



/* Begin Images */
p img {
        padding: 0;
        }

/*      Using 'class="alignright"' on an image will (who would've
        thought?!) align the image to the right. And using 'class="centered',
        will of course center the image. This is much better than using
        align="center", being much more futureproof (and valid) */

img.centered {
        display: block;
        margin-left: auto;
        margin-right: auto;
        }

img.alignright {
        padding: 4px;
        margin: 0 0 2px 7px;
        display: inline;
        }

img.alignleft {
        padding: 4px;
        margin: 0 7px 2px 0;
        display: inline;
        }

.alignright {
        float: right;
        }

.alignleft {
        float: left
        }
/* End Images */



/* Begin Lists

        Special stylized non-IE bullets
        Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
        margin-left: 0px;
        padding: 0 0 0 30px;
        list-style: none;
        padding-left: 10px;
        text-indent: -10px;
        }

html>body .entry li {
        margin: 7px 0 8px 10px;
        }

.entry ul li:before, #sidebar ul ul li:before {
        content: "\00BB \0020";
        content: "• ";
        }

.entry ol {
        padding: 0 0 0 35px;
        margin: 0;
        }

.entry ol li {
        margin: 0;
        padding: 0;
        }

/*
.postmetadata ul, .postmetadata li {
        display: inline;
        list-style-type: none;
        list-style-image: none;
}


/* End Entry Lists */



/* Begin Form Elements */
#searchform {
        margin: 10px auto;
        padding: 5px 3px;
        text-align: center;
        }

#sidebar #searchform #s {
        width: 10em;
        padding: 2px;
        }

#sidebar #searchsubmit {
        margin: 5px;
        padding: 1px;
        border: 2px solid #DDD;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -khtml-border-radius: 5px;
        
        }

.entry form { /* This is mainly for password protected posts, makes them look better. */
        text-align:center;
        }

select {
        width: 130px;
        }

#commentform input {
        width: 170px;
        padding: 2px;
        margin: 5px 5px 1px 0;
        }

#commentform {
        margin: 5px 10px 0 0;
        }
#commentform textarea {
        width: 100%;
        padding: 2px;
        }

#respond, #idc-container-parent {
        
        padding-top: 0px;
        padding: 10px;
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        -khtml-border-radius: 10px;
        
        width: auto;
}

#respond h3, #idc-container-parent h3 {
        padding-top: 0px;
        margin-top: 5px;
}
#respond input, #idc-container-parent input, #respond textarea, #idc-container-parent textarea {
        border: 1px solid #778;
}

#respond:after {
                content: "."; 
            display: block; 
            height: 0; 
            clear: both; 
            visibility: hidden;
        }
#commentform #submit {
        margin: 0 0 5px auto;
        float: right;
        }
/* End Form Elements */



/* Begin Comments*/
.alt {
        margin: 0;
        padding: 10px;
        }

.commentlist {
        padding: 0;
        text-align: justify;
        }

.commentlist li {
        margin: 15px 0 10px;
        padding: 5px 5px 10px 10px;
        list-style: none;

        }
.commentlist li ul li { 
        margin-right: -5px;
        margin-left: 10px;
}

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

#commentform p {
        margin: 5px 0;
        }

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

.commentmetadata {
        margin: 0;
        display: block;
        }
/* End Comments */




/* Begin Calendar */
#wp-calendar {
        empty-cells: show;
        margin: 10px auto 0;
        width: 155px;
        }

#wp-calendar #next a {
        padding-right: 10px;
        text-align: right;
        }

#wp-calendar #prev a {
        padding-left: 10px;
        text-align: left;
        }

#wp-calendar a {
        display: block;
        }

#wp-calendar caption {
        text-align: center;
        width: 100%;
        }

#wp-calendar td {
        padding: 3px 0;
        text-align: center;
        }

#wp-calendar td.pad:hover { /* Doesn't work in IE */
        background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
        cursor: help;
        }

acronym, abbr {
        border-bottom: 1px dashed #999;
        }

blockquote {
        margin: 15px 20px 10px 25px;
        
        padding: 8px;
        padding-left: 20px;
        width:50%;
        min-width: 400px;
        max-width: 100%;
        
        border-radius: 8px;
        -webkit-border-raidus: 8px;
        -moz-border-radius: 8px;
        
        background-color: #ebeaea;
        color: #746969;
        
        }
blockquote p:before {
        content:"\0275D";
        font-size: 200%;
        padding:2px;
}
blockquote p:after {
        content:"\0275E";
        font-size: 200%;
        padding:2px;
}

blockquote cite {
        margin: 5px 0 0;
        display: block;
        }

.center {
        text-align: center;
        }

.hidden {
        display: none;
        }

hr {
        display: none;
        }

a img {
        border: none;
        }


.navigation {
		clear:both;
        border:none;
        margin:none;
        margin-bottom: 3em;

        display: block;
        text-align: center;
        margin-top: 10px;
        margin-bottom: 60px;
}

.navigation * {
        background-color: #eaeae0;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        padding: 5px;
}

/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
        display: block;
        margin-left: auto;
        margin-right: auto;
        background:inherit;
}

.wp-caption {
        border: 1px solid #ddd;
        text-align: center;
        padding-top: 4px;
        margin: 10px;
        -moz-border-radius: 3px;
        -khtml-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
}

.wp-caption img {
        margin: 0;
        padding: 0;
        border: 0 none;
}

.wp-caption p.wp-caption-text {
        font-size: 11px;
        line-height: 17px;
        padding: 0 4px 5px;
        margin: 0;
}
/* End captions */


/* .entry a {} and fix for .entry .postmetadata */

.entry a, .entry * a, .entry a:visited, .entry * a:visited, .entry a:active, .entry * a:active {
        text-decoration:none;
        border-bottom: 1px dotted #EC5;
        border-bottom: none;
}
.entry a:hover, .entry * a:hover {
        text-decoration:none;
        border-bottom:4px double #F90;
        border-bottom:none;
        text-decoration:underline;
}
.entry p.postmetadata * a, .entry p.postmetadata * a:visited, .entry p.postmetadata * a:active {
        text-decoration:none;
        border-bottom:none;
}
.entry p.postmetadata * a:hover {
        text-decoration:underline;
        border-bottom:none;
}


.postmetadata .footer, .single#content .postmetadata.alt {
        line-height: 130%;
        clear:both;
        margin: 10px 0;
        border-radius: 8px;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        -khtml-border-radius: 8px;
        padding: 4px;   
}




/* =========== Tags Li ========= 
.tags {
        float:right;
        display:block;
        margin-bottom: 5px;
        margin-top: 15px;
        font-size:1em;
}
.tags ul.tags {
        display:inline;
        margin:none;
        list-style-image:none;
        list-style-type:none;
        
        margin:none;
        padding:none;
        
}
.tags ul.tags li {
        list-style-image:none;
        list-style-type:square;
        display:inline;
        padding:1px;
        padding-right: 2px;
        padding-left: 3px;
        margin-right: 6px;
        border-radius:3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        -khtml-border-radius: 3px;
        background-color:#F4F4F0;
}
.tags ul.tags li:before { content:none;}

.tags ul.tags li.title, .tags ul.tags li.title:hover {
        background-color:none;
        background-color:transparent;
        padding:1px;
        border-radius: none;
        -moz-border-radius: none;
        -webkit-border-radius: none;
        -khtml-border-radius: none;
        color:inherit;
}

.tags ul.tags li:hover, .tags ul.tags li a:hover {
        
}
.tags ul.tags li a:active, .postmetadata ul.tags li a:visited, .postmetadata ul.tags li a {
}

/* Tags on .single#content 
#content.single .tags {
        display:inline;
        background-color:none;
} #content.single .tags ul.tags {
        display:inline;
        background-color:none;
} #content.single .tags ul.tags li {
        display:inline;
        background-color:transparent;
        list-style-image:none;
        list-style-type:none;
        font-size:0.9em;
        padding:2px;
        border:0;
        margin:5px 5px 0px 0px;
}

/* Fin de tags v1 */
/* Tags v2 */

div.tags {
        display: block;
        float: right;
        padding:10px;
}
div.tags span {
        background-color: #F4F4F0;
        margin-left: 0.2em;
        padding:2px;
        border-radius:4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
}
div.tags span.title {
        background-color: inherit;
        margin-left:0;
        padding:0;
        border-radius:0;
}

/* Fin de tags v2 */


span.category {
        display:inline;
}



/* Opacidades */

#page {
        opacity:1;
}

/*
#sidebar {
        opacity:0.65;
}

#content {
        opacity:1;
}

.post, #header, #footer {
        opacity:0.75;
}

.postmetadata {
        opacity:1;
}

#respond, #idc-container-parent {
        margin-left: -6px;
}

#content.single #respond, #content.single #idc-container-parent {
        opacity:0.8;
        margin-left: 0px;
}

/* end of opacity */

span.comments {
        display:inline;
        text-align:center;
        padding:5px;
        background-color:none;
        
        border-radius:5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -khtml-border-radius: 5px;
        width: 14em;
}

.postmetadata #idc-container-parent {
        position:relative;
        width:650px
        
}


accronym {
        border-bottom: 1px dashed
}
sup accronym {
        padding-left:5px;
        padding-bottom:0.5em;
        padding-top:0px;
}

code, .bash {
        font-family: Inconsolata, monospace;
        background: #D3D3CA;
        font-weight: normal;
        font-size: 0.95em;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        padding: 0px 4px 0 4px;
        text-shadow: none;
}
code:active, .bash:active {
        font-size: 1.5em;
}
.bash:before {
        content: '$';
        border: 0!important;
        padding-right: 5px;
        color: #F6F6F5;
        font-family: Inconsolata, monospace;
        font-size: 0.9em!important;
        vertical-align: middle;
}

.bash.comment {
        color: #F2F2EC;
        color: #A08870;
        text-shadow: 0px 0px 2px #FFF;
}

dd {
        margin-bottom: 8px;
}
dd:last {
        margin-bottom: inherit;
}


/* 
        The following comment is needed. 
        The body * statement is just used to test 
        more or less "how bad" this style  will look on IE, 
        who does not support border-radius nor opacity. 
*/

/*
body * {opacity:1!important;border-radius:0!important;-moz-border-radius:0!important;-webkit-border-radius:0!important;}
/**/