/*   
Theme Name: Kint Revolt Basic
Theme URI: http://robertotejado.tk/
Description: Tiempo para la rebelion! Grita con tu mente con este tema distintivo con diseño ilustrativo :)!
Author: Roberto Tejado Alias "Mike S. Docherty"
Author URI: http://robertotejado.tk/
Version: 1.00
Tags: ilustracion, Animacion, Esbozo, arte final

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

*/

/* ------------  GENERAL ---------------- */
/***********SCROLL SIEMPRE VISIBLE*****************/
html {
min-height: 100%;
margin-bottom: 1px;
}


body { color:black; /**background:white; */ background-color:#8e1615; /*background-image: url('images/background.jpg');
background-repeat:repeat-x; **/ font: normal 14px  georgia, "times new roman", times; line-height: 130%; margin:0px; padding:0px; width:100%}

/* Links */
a { text-decoration:none; outline: none; color:black;}
a:hover, a:active, a:focus { color:black; outline: none; text-decoration: underline}
a.links {outline:none; text-decoration:underline}
a.white {color:#FFFFFF; text-decoration: none;}
a.white :HOVER {text-decoration: underline;}

/* Headers */
h2 {font-size:19px;}
h3 {font-size:16px;}

/* Alignements */
.clear {clear: both; /* background: url('images/revolthr.jpg')  no-repeat top left; */ }
.aligncenter {margin:0 auto 0;}
.alignright { float: right; margin:0 0 0 0; }
.alignleft { float: left; margin:0 0 0 0; }
.last {margin-right:0px;}

.height25 {height:25px;}
.height50 {height:50px;}
.left25 {margin-left:25px;}
.right25 {margin-right:25px;}
.bottom25 {margin-bottom:25px;}
.top25 {margin-top:25px;}

a img.ttf { border:0px }


/* ------------  LAYOUT  FRONT PAGE ---------------- */
#page {width:940px;  margin:0 auto; padding:0px; overflow:hidden;}
#container {/** background:#a82827 url('images/revoltpageback.jpg')  ; background-repeat:no-repeat; 
background-position:top;_height:0px; position:relative; top:0px; margin-top:-5px; padding-top:-5px; margin-left:2px; padding-left:1px;
_margin-left:3px; 
height:4000px; **/
background:#8e1615 url('images/revoltpageback-bar.jpg')  ; background-repeat:repeat-y; 
background-position:top;_height:0px; position:relative; top:0px; margin-top:-5px; padding-top:-5px; margin-left:2px; padding-left:1px;
_margin-left:3px;

} /* container appears as a big sheet of paper between head and the feet  */




#header {margin: 0 0 0 0px;padding: 0px;height: 260px;width:940px; background-image: url('images/head.jpg')  ; }
/** #message-left {float:left; width:201px; border: 1px; margin:0px 0px  20px 25px; padding:0px 30px 0px 0px; padding-top:-150px;} **/ 
/**#message-center {float:left; width:515px; border: 1px; }**/
/**#message-right {float:right; width: 130px; border: 1px; text-align:right; margin: 0px 25px 0px 0px; padding-top:-150px;}*/

#message-left {position:absolute; width:201px; border: 1px; z-index:5; /**top:-100px; left:50px;*/ top:-80px; left:85px;} 
#message-center {position:absolute;  width:415px; border: 1px;  z-index:6; top:-100px; left:420px; }
#message-right {position:absolute; /*width:130px*/ width: 150px; border: 1px; text-align:left; z-index:7; top:-100px; left:745px;  }

#page #container #message-left  #menu-bird{position:absolute; top:-20px; _top:-10px; list-style-type:none;}
#page #container #message-left  #menu-bird a img {border:0px;}
#page #container #message-left  #menu-kint {position:absolute; top:70px; _top:90px; list-style-type:none;}
#page #container #message-left  #menu-kint a img {border:0px;}

#footer-image {width:940px; background-color:#8e1615; /**height:337px;  background:white url('images/revoltfooter.jpg') ; **/  /****/ background:#8e1615 url('images/footer-pageback.jpg')  ; background-repeat:no-repeat; height:100px; color:#ad2b2b;margin:0px; border:0px;  
margin-left:1px; 
}
/*#message-post-center {float:left; width:415px; height:80px; text-align:rigth;/* border: 0px solid #FF00FF;/  padding:0px 50px 0px 50px; /*background:#9e622e url('images/revoltempty.jpg'); background-repeat: no-repeat; color:white;}*/
#message-post-center  {position:absolute;  width:400px; border: 1px;  z-index:6; top:-40px; left:280px; _left:290px; color:white; text-align:center}

#message-post-center a, a:link{ color:#FFFFFF;  font-family: Tahoma,Helvetica, Arial, san-serif; font-size:8pt; font-weight:normal;}
#message-post-center  a:hover{ color:#FFFFFF; text-decoration:underline;  font-family: Tahoma,Helvetica, Arial, san-serif; font-size:8pt; font-weight:normal;}
.revolthr {/**/background: url('images/revolthr.jpg')  no-repeat top left; width:940px; float:left;  height:30px;  margin:0px; clear:both; text-align:center; overflow: auto;}


/* ------------  ARCHIVES / FRONT PAGE ---------------- */
.featured {float:left;margin-right:0px; margin-left:25px; font-size:13px; line-height:16px;}
.featured  {width:280px;}

.thumbnail { display:block; clear:both; width:280; height:210; background: url(images/shadowAlpha.png) no-repeat bottom !important;background-color: #000;background: url(images/shadow.gif) no-repeat bottom right; margin: 0px}
.thumbnail img { width:280px; height:210px; display: inline;  border:0px; margin: -5px 0px 5px 0px;padding: 0px;}
.thumbnail a:hover img {margin: -7px 0px 7px 0px}

.nothumbnail {width:250px; height:190px; border:1px dashed black; margin: -5px 0px 12px 0px; padding:10px;}

.postmetadata,  .postmetadata a {font-size:10px; font-family: Helvetica, Arial, san-serif;}


/* ------------  SINGLE POST PAGE  ---------------- */

#entry {/*width:880px; */ width:420px; min-height:300px; height:auto;margin: 0 auto 0; color:#FFFFFF; text-align:justify; /*font: bold 18px  georgia, "times new roman", times;*/ font-family: Tahoma,Helvetica, Arial, san-serif; font-size:12pt; font-weight:normal;}
#entry p { color:#FFFFFF;}
#entry h2 { color:#FFFFFF; text-align:center; font-family: Tahoma,Helvetica, Arial, san-serif; font-size:10pt; font-weight:normal;}

#entry a, a:link{ color:#FFFFFF; text-align:center; font-family: Tahoma,Helvetica, Arial, san-serif; font-size:12pt; font-weight:normal; }
#entry  a:hover{ color:#FFFFFF; text-decoration:underline;text-align:center; font-family: Tahoma,Helvetica, Arial, san-serif; font-size:12pt; font-weight:normal; }

.postrevolthr {/**/background: url('images/revolthr.jpg')  no-repeat top left;  width:940px; float:left;  height:30px;  margin:30px 30px 0 -30px; clear:both; text-align:center; overflow: auto; }
.postrevoltdots {width:100%; border:0px; border-top:1px dashed black; margin:20px 0 0 0; clear:both; }
.postrevoltmeta {font-size:12px; float:left; width: 200px; height:auto; overflow:hidden; margin:0 20px 0 0px; padding:0px;}
.marginright {margin:0 20px 0 0px;}
.marginzero {margin:0px;}

.code {width:400px; height:auto; margin:0 auto 0; clear:both; color:#000; padding:15px;
		background:#E0E0D0; font: normal 12px "Courier New", Courier, monospace;line-height:100%;
		border:0px; border-bottom:2px solid #505048;border-right:2px solid #505048; }
		
/* ------------  FOOTER/SIDEBAR  ---------------- */
#sidebar {width:100%}
.sidebarcolumn {font-size:12px; float:left; width: 200px	; height:auto; overflow:hidden; margin:0 0 0 25px; padding:0px;}
h2.widgettitle {font-size:16px;}

#searchform .searchtext { font: italic 18px  georgia, "times new roman", times; color:#999990; width: 180px; height:25px; margin:-5px 10px 20px 0;}


/* ------------  COMMENTS  -------------------------- */
small.commentmetadata {font-size:10px; font-family: Helvetica, Arial, san-serif;}
div.commentcell {float:left;margin: 0px 10px 5px 0px; width:280px; padding:0; border:0px solid #FF00FF;}
div.commentnote { width:260px; border:1px solid #808040; background: #ffff83 url(images/comment-note.jpg) top left; padding:10px; padding-top:6px; font-size:12px; line-height: 16px; overflow:hidden; font-style: italic;}
div.newcommentcell {float:left;margin: 0px 10px 5px 0px; width:280px; padding:0; border:0px solid #FF00FF;}
div.newcommentnote { width:260px; border:1px solid #808040; background: #ffff83 url(images/comment-new-back.jpg) top left; padding:10px; padding-top:4px; font-size:12px; line-height: 16px; overflow:hidden; height:auto;}
#commentform #comment {width:260px; background: transparent; border:1px solid #aec7f1; margin: 8px 0 0  0px; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 12px; font-style: italic;line-height: 16px;}

#commentform #author, #commentform #url, #commentform #email {width:260px; background: transparent; border:0px dotted #FF0000; border-bottom:1px solid #aec7f1;margin: 8px 0 0 0px; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 12px; font-style: italic;line-height: 16px;}

#commentform #submit {width:260px; margin: 15px 0 10px 0px;}

#titulo{
padding-top:116px;
padding-left:370px;

}

/**Menu lateral**/
#blog {
	color:#2879a8;
	font-family:courier;
	font-weight:bold;
	font-size:10px;
	
	
}
#blog h2 {
		
	color:#2879a8;
	font-size:20px;
	
	
}
#blog a {
		
	color:#2879a8;
	text-decoration:none;
}
#blog a:hover {
	
	color:#2879a8;
	text-decoration:none;
	border-bottom:1px solid #2879a8;
}


#categ {
	
		
	color:#2879a8;
	font-family: Tahoma,Helvetica, Arial, san-serif; font-size:9pt; font-weight:normal;
}
#categ h2 {
	color:#2879a8;
	
	font-family: Tahoma,Helvetica, Arial, san-serif; font-size:9pt; font-weight:normal;
	
}
#categ a {
	color:#2879a8;
	text-decoration:none;
	
	font-family: Tahoma,Helvetica, Arial, san-serif; font-size:9pt; font-weight:normal;
}
#categ a:hover {
	color:#2879a8;
	text-decoration:none;
	border-bottom:1px solid #2879a8;
	font-family: Tahoma,Helvetica, Arial, san-serif; font-size:9pt; font-weight:normal;
}


.categories .sf-menu li { list-type:none;list-style-type:none; font-family: Tahoma,Helvetica, Arial, san-serif; font-size:9pt; font-weight:normal; } 
.categories .sf-menu li a, a:hover { list-type:none;list-style-type:none; text-decoration:underline; font-family: Tahoma,Helvetica, Arial, san-serif; font-size:9pt; font-weight:normal; } 

.categories .sf-menu .children li {list-type:disc; list-style-type:disc;}
.categories .sf-menu .children ul {position:relative; margin-left:-20px;}


#elefante {position:absolute; width:147px; height:249px; border: 1px; z-index:0;  top:5px; left:0px; 
background: url('images/elefante.jpg')  no-repeat top left; 
} 

#pelopintxo {position:absolute;  width: 161px; height:378px; border: 1px; text-align:left; z-index:0; /**top:20px;***/ top:100px; left:778px;  
background: url('images/pelopintxo.jpg')  no-repeat top left; 
}