/*
THEKRUCH.COM
KRUCH AZUL
Version: 1 (WP2.6.2)
Author: http://www.zaharamh.com

Cielo azul: 	#132d77
Amarillo luz: 	#ff0
Amarillo luna:	#ff9
*/

/*
	RESET
*/

*									{ margin: 0; padding: 0; }
html									{ /* overflow-y: scroll; */ }
html, body							{ height: 100%; }
body									{ font-size: 62.5%; font-family: Verdana, Geneva, Tahoma, sans-serif; 
										color: #fff; background: #132d77; }
ul									{ list-style: square inside; }
ol									{ list-style: decimal inside; }
a									{ outline: none; text-decoration: none; }
a img								{ border: none; background: none; }
img									{ vertical-align: middle; }
table									{ border-collapse: collapse; }

/*
	LAYOUT
*/
#wrap								{ margin: 0px 0px -150px; min-width:1000px;
									  min-height: 100%; height: auto !important; height: 100%;}
#main								{ width: 1060px; margin: 0 auto; }
#push								{ height: 150px; clear:both; z-index:-1; }
#menu-A								{ float: left; padding-left: 2em; display: inline; }	
#content							{ width: 700px; margin:0 auto; }	
#menu-B								{ float: right; padding-right: 1em; display: inline; }	
.clear								{ clear: both; }	
.hidden								{ visibility: hidden; }

/*
	GENERAL
*/	  
a									{ color: #ff9; }
a:hover, a:active, a:visited:hover	{ color: #ff0; }
a:visited							{ color: #ff9; }	
p									{ margin-bottom: 1em; }
img									{ padding: 1em; }	
.hidden								{ visibility: hidden; }
						  
/*
	HEADER
*/
#header								{ background: transparent url(img/header-bg.gif) no-repeat;
										height: 115px; padding-bottom:2em; }
h1									{ text-indent: -9999px; height:0; }
a.inicio							{ display: block; height: 100px; width: 450px;
										position: relative; left: 150px; float: left;}
a.luna								{ display: block; height: 100px; width: 120px; cursor: default;
										position: relative; left: 515px; float: left; }
/*
	BLOG - DIBUJOS
*/
.post								{  }
.esq, .dre							{ width: 80px; float: left; }
/*.dre								{ width: 80px; float: right; }*/
.fecha								{ height:67px; float: left; padding: 5px; background:url(img/fecha-bg.gif) no-repeat; 
										text-align: center; display: inline; 
									  margin: 0 10px 0 0; }
.dia								{ width: 80px; font-size: 1.8em; margin: 0;}
.mes								{ font-size: 1.4em; text-transform: uppercase; margin: 0; }
.anyo								{ font-size: 1.2em; margin: 0; }
.autor								{ padding: 5px; clear: left; float: left; background: #000;}
.last, .next						{ clear: left; float: left; position: relative; top: 300px;
										display: block; width: 80px; height: 55px;}
.last a, .next a						{ display: block; width: 80px; height: 55px; }
.last a								{ background: url(img/flecha_left.jpg) no-repeat; }
.next a								{ background: url(img/flecha_right.jpg) no-repeat; }
.cont								{ float:left; padding: 5px; }
.cont p								{ width: 500px; }
.cat								{  }
.comments							{ height:134px; width: 80px; float: left; padding: 14px 0; background:url(img/comments-bg.gif) no-repeat; 
										color: white; text-align: center; display: block; }
.comments span						{ font-size: 2em; font-weight: 600; }
.wp-caption-text:before,				
.wp-caption-text:after				{ content:'"'; font-family: Georgia, Times, 'Times New Roman', serif;
										font-size:1.4em;}
.wp-caption-text					{ text-align: center; font-size: 1.2em; }
ol.commentlist						{ list-style: none; }
.comment-bubble						{ background: #990000; color: white; padding: 10px; /* -moz-border-radius: 5px; -webkit-border-radius: 5px; */ }
ol.commentlist li p					{ font-size: 1.0em; }
#blog-nav							{ list-style-type: none; }
#blog-nav #next						{ float:right; }
#blog-nav #last						{ float:left; }


/*
	COMENTARIOS / FORMULARIO
*/
ol									{ list-style-type: none; }
ol li									{ width: 450px; padding: 1em 1em 0; }
ol li.alt								{ border: 1px dashed #ff9; margin-top: 0.3em; }
ol li.authcomment						{ border: 1px dashed #000; margin-top: 0.3em; background-color: #000; } 
div.comm								{ padding: 1em; margin: 1em 8em; font-size: 1.2em; line-height: 1.4em; }
.comm cite							{ font-style: normal; font-weight: 600; }
.comm h3								{ font-size: 1.8em; padding: 1em 0; }
.comm code							{ font-size: 1.4em; }
#commentform input					{ width: 40%; display: block; float: left; border: 1px solid #666; background: #c9c9df; }
#commentform label					{ width: 30%; display: block; text-align: right; float: left;
										padding: 0 1em; text-transform: uppercase; }
#commentform span.camp				{ padding: 1em 0; display: block; clear: both; height: 2em;}
#commentform .alert					{ color: red; }
#commentform textarea					{ padding: 0.2em; width: 100%; border: 1px solid #666; background: #c9c9df; }
.hint								{ width: 80%; clear: both; }
a.comment-edit-link					{ float: right; }

/*
	CONTACT FORM
*/	
.contactform						{ float: left; }
.contactform div						{ padding-top: 1.5em; }
.contactform .contactright			{ float: left; }
.contactform .contactleft			{ float: left; clear: both; }
.contactform label					{ float: left; width: 10em; }
.contactform input,
.contactform textarea					{ float: left; width: 16em; border: 1px solid #fff; }
.contactform input.contacterror,
.contactform textarea.contacterror		{ border: 1px solid #ff0; }	
.contactform span					{ float: left; color: #ff0; }
#contactsubmit						{ border: 1px solid #fff; background:#fff; color:#000; width: 10em;
										margin-left: 10em; }
	#post-102						{ width: 400px; margin: 0 auto; }

/*
	FOOTER
*/
#footer								{ height: 150px; background: url(img/footer.jpg) repeat-x top #000; 
										padding-top: 124px; }
#footer-inside						{ width: 960px; margin: 0 auto; }
#footer div.tros						{ float: left; width: 200px; }
#footer p							{ color: white; }
#footer a							{ color: white; }
#footer ul							{ color: white; list-style-type: none; }
#footer ul ul							{ padding: 1em; }