/*   

Theme Name: MacIlike

Theme URI: www.joseluisgonl.com

Description: Un tema inspirado (Sacado) completamente en www.apple.com

Author: José Luis González Ledezma	

Author URI: www.joseluisgonl.com

Version: 1.0

*/





body {

	margin:0;

	padding:0;

	font-family:"Lucida Grande",Geneva,Arial,Verdana,sans-serif;

	font-size: 12px;

	font-size-adjust:none;

	font-stretch:normal;

	font-style:normal;

	font-variant:normal;

	font-weight:normal;

	line-height: 18px; !important

	background-color:#FFFFFF;

	color: #333333;

}



div.post-titulo{

	display:block;

	float:left;

	height: 21px;

	padding-left:25px;

	padding-top:4px;

	background-image:url(img/bullet.png);

	background-repeat:no-repeat;

	background-position:left;

}



div.post-editar{

	display:block;

	float:right;

	height: 21px;

	padding-top:4px;

	padding-right:10px;

	padding-left: 18px;

	background-image:url(img/edit.png);

	background-repeat:no-repeat;

	background-position:left;

}





h2.post{

	font-size:12px;

	margin:0;

	padding:0;

}



h2.post a{

	color: #FFFFFF;

	text-decoration:none;

}



a {

	color:#2971A7;

}



ul{

	list-style-image:none;

	list-style-position:outside;

	list-style-type:none;

}



ul.categorias{

	padding:0;

	margin:5px 0 0 10px;

}



ul.categorias li{

	padding:0 0 0 18px;

	background-image:url(img/lista.gif);

	background-repeat:no-repeat;

	

}



#wrapper {

	width:979px;

	height:153px;

	margin:20px auto;

}



#header {

	width:979px;

	height:153px;

	background-image:url(img/banner.png);

}



.description{

	padding-top: 114px;

	padding-left: 250px;

	color: #724d6c;

	font-size:13px;

	font-weight:bold;

}



div#menu_wrapper{

	margin: 15px 0;

	height:37px;

	width:100%;

	background-image:url(img/menu_fondo.png);

	background-repeat:repeat-x;

}



div#menu_izquierda{

	display:inline;

	background-image:url(img/menu_izquierda.png);

	background-repeat:no-repeat;

	height:37px;

	width:72px;

	float:left;

}

div#menu_derecha{

	background-image:url(img/menu_derecha.png);

	background-repeat:no-repeat;

	height:37px;

	width:11px;

	float:right;

}



form#searchform{

	margin-top:8px;

	background-image:url(img/searchform.png);

	background-repeat:no-repeat;

	height:19px;

	width:140px;

	float:right;

}



input#s{

	background-color:#ffffff;

	margin-top:2px;

	margin-left:21px;

	height:12px;

	width:110px;

	border: none;

	color: #999999;

	font-size:10px;

}



input#searchsubmit{

	display:none;

}



div#menu_separador{

	height:37px;

	width:3px;

	float:left;

	background-image:url(img/separador.png);

}



div.menu_elemento{

	padding: 8px 60px;

	height:21px;

	float:left;

	font-weight:bold;

	text-align:center;

	color: #3d3b3b;

}

div.menu_elemento:hover, div#menu_selected {

	background-image:url(img/menu_fondo_hover.png);

	color:#CCCCCC;

}



ul#menu_elemento{

 	float:left;

	height:37px;

	list-style:url(img/separador.png);

	margin: 0;

	padding:0;

	font-weight:bold;

	color: #3d3b3b;

}



ul#menu_elemento a{

	color: #3d3b3b;

	text-decoration:none;

}



ul#menu_elemento li.current_page_item a, ul#menu_elemento li.page_item:hover a{

	color: #CCCCCC;

	text-decoration:none;

}



ul#menu_elemento li{

	display:block;

	height:21px;

	padding: 8px 60px;

	float:left;

	background-image:url(img/separador.png);

	background-repeat:no-repeat;

	background-position:right;

}



ul#menu_elemento li.current_page_item, ul#menu_elemento li.page_item:hover{

	background-image:url(img/menu_fondo_hover.png);

	background-repeat:repeat-x;

	color:#CCCCCC;

	height:21px;

}



.post-tittle{

	height:100%;

	background-image:url(img/post-bg.png);

	background-repeat:repeat-x;

	height: 25px;

}



.post-tittle-left{

	background-image:url(img/post-left.png);

	background-repeat:no-repeat;

	float:left;

	height: 25px;

	width:7px;

}



.post-tittle-right{

	background-image:url(img/post-rigth.png);

	background-repeat:no-repeat;

	float:right;

	height: 25px;

	width:7px;

}



.post-content-left{

	width:100%;

	background-image:url(img/post-content.png);

	background-repeat:repeat-y;

	background-position:left;

}





/*Modificar aqui para la vista del contenido en los post*/

.post-content-right{

	background-image:url(img/post-content.png);

	background-repeat:repeat-y;

	background-position:right;

	padding: 10px 15px 10px 15px;

}





.post-footer{

	background-image:url(img/post-footer-bg.png);

	background-repeat:repeat-x;

	background-position:bottom;

	width:100%;

	height:8px;

	margin-bottom:15px;

}



.post-footer-left{

	width:6px;

	height:8px;

	background-image:url(img/post-footer-left.png);

	background-repeat:no-repeat;

	float:left;

}



.post-footer-right{

	width:6px;

	height:8px;

	background-image:url(img/post-footer-right.png);

	background-repeat:no-repeat;

	float:right;

}



div.post-content-right h3#comments{

	background-image:url(img/comentario.png);

	background-position:left;

	background-repeat:no-repeat;

	padding:5px 0 10px 30px;

	margin:0;

	border-bottom: #CCCCCC dotted 1px;

}



div.post-content-right h3#respond{

	padding:5px 0 5px 0;

	margin:0;

}



form#comentario{

	padding: 10px;

}



form#comentario textarea {

	font: 110% Arial, Helvetica, sans-serif;

	width: 100%;

	height: 140px;

	background:url(img/form-field-bg.gif) no-repeat;

	border: solid 1px #e6e6e6;

	padding: 5px 3px 3px 7px;

}



form#comentario #submit {

	background: url(img/submit-btn.gif) no-repeat top left;

	border: none;

	width: 135px;

	height: 25px;

	float:right;

	padding:0 0 3px 0;

	color: #333333;

}



form#comentario #submit:hover {

	background: url(img/submit-btn.gif) no-repeat bottom left;

}







form#comentario input{

	font: 110% Arial, Helvetica, sans-serif;

	width: 220px;

	padding: 5px 3px 3px 7px;

	background: url(img/form-field-bg.gif) no-repeat;

	border-top: 1px solid #e6e6e6;

	border-right: 1px solid #E2E2E2;

	border-bottom: 1px solid #E2E2E2;

	border-left: 1px solid #e6e6e6;

}





form#comentario label{

	float:left;

	width: 170px;

	font-size:14px;

}



form#comentario span.need {

	color:#FF0000;

 	margin-left:3px;

	font-size:14px;

}



li.alt{

	background-color:#f1f5fa;

	padding: 10px;

	margin-bottom: 5px;

}



ol{

	padding:0;

	list-style:none;

	padding-bottom: 20px;

	border-bottom: 1px #CCCCCC dotted;

}



li{

	padding: 10px;

	margin-bottom: 5px;

}



li.alt p{

	margin:5px 0 0 0;

}





div.comentario-tittle{

	background-image:url(img/comentario-tittle-bg.png);

	background-repeat:repeat-x;

	background-position:top;

	width:100%;

	height:8px;

	margin-top:15px;

}



div.comentario-tittle-right{

	width:6px;

	height:8px;

	background-image:url(img/comentario-tittle-right.png);

	background-repeat:no-repeat;

	float:right;

}



div.comentario-tittle-left{

	width:6px;

	height:8px;

	background-image:url(img/comentario-tittle-left.png);

	background-repeat:no-repeat;

	float:left;

}



#content {

	width: 73%;

	float: left;

}



#sidebar {

	width: 25%;

	float: right;

}



.both {

	clear: both;

	

}



.title {

	font-size: 11pt;

	font-family: verdana;

	font-weight: bold;

}





div.info{

	border-top:#CCCCCC 1px dotted;

	padding-top:10px;

	margin-top: 30px;

	

}



div.info span.categoria{

	background: url(img/mini-category.gif) no-repeat;

	padding-left: 18px;

	float:left;

}



div.info span.comentarios{

	background: url(img/mini-comment.gif) no-repeat;

	padding-left: 18px;

	float:right;

}



div.info span.categoria a, div.info span.comentarios a, p a, div.page-nav a, li a{

	text-decoration:none;

}



div.coment-data{

	text-align:right;

}



div.date {

	height: 50px;

	width: 45px;

	background: url(img/calendar.gif) no-repeat;

	font: normal 22px Arial, Helvetica, sans-serif;

	color: #666666;

	text-align: center;

	padding: 0px 2px 0 0;

	line-height: 100%;

	float: right;

	margin-right:5px;

	margin-bottom:5px;

	margin-left:10px;

}



div.date span {

	height: 16px;

	display: block;

	font: normal 11px Arial, Helvetica, sans-serif;

	color: #ffffff;

	text-align: center;

	padding-top: 5px;

}



div.page-nav span.previous-entries{

	padding-left: 18px;

	background-image:url(img/anterior.png);

	background-repeat:no-repeat;

	background-position:left;

	float:left;

}



div.page-nav span.next-entries{

	padding-right: 18px;

	background-image:url(img/siguiente.png);

	background-repeat:no-repeat;

	background-position:right;

	float:right;

}





div.page-nav{

	

}



/*---------------------------------------Sidebar-------------------------------------*/



ul#sidebar-elements{

	padding:0 0 5px; 0;

	margin:3px 0 0 0;

	list-style:none;

	background-image:url(img/sidebar-footer.png);

	width:245px;

	background-repeat:no-repeat;

	background-position:bottom;

}



ul#sidebar-elements li{

	padding:0;

	margin:0;

	background-image:url(img/sidebar-bg.png);

	background-repeat:repeat-y;

}



ul#sidebar-elements h3, ul#sidebar-elements h2{

	background-image:url(img/sidebar-tittle.png);

	background-repeat:no-repeat;

	width:210px;

	height:21px;

	padding:4px 0 0 35px;

	font-weight:bold;

	color:#FFFFFF;

	font-size:12px;

	margin:-3px 0 0 0;

}



ul#sidebar-elements p{

	width:225px;

	margin:0;

	padding:10px;

}



ul#sidebar-elements ul{

	margin:0;

	padding:10px 0 10px 10px;

}



ul#sidebar-elements ul li,div.post-content-right ul li{

	padding:0 0 5px 20px;

	margin:0 0 0 15px;

	background-image:url(img/lista.gif);

	background-repeat:no-repeat;

}



div.ctc{

	padding: 8px 0;

	margin: 0 auto;

	width: 210px;

}





ul#sidebar-elements ul#recentcomments_gravs li{

	background-image:none;

	padding:0 0 5px 0;

	margin:0 0 0 15px;

}



#calendar_wrap{

	padding: 10px 0 10px 0;

	text-align:center;

	color: #333333;

}



div#calendar_wrap {

	background-image:url(img/calendario.png);

	background-repeat:no-repeat;

	background-position:center;

	height:240px;

	margin-top:5px;

	padding:40px 0 0 0;

}



#calendar table {

	margin: 0 auto;

	padding:0;

}





#calendar td {

	padding: 0px 4px;

}



#calendar caption{

	color:#FFFFFF;

	font-size:20px;

	margin: 0 auto;

	padding-bottom: 15px;

}



/*---------------------------------------footer-------------------------------------*/







#footer {

	width:100%;

	margin: 10px 0 0 0;

}



div#footer-title{

	background-image:url(img/footer-title.png);

	background-repeat:no-repeat;

	height:26px;

	padding: 7px 0 0 55px;

}



div#footer-title a{

	color:#333333;

	font-weight:bold;

	text-decoration:none;

}



div#footer-bg{

	background-image:url(img/footer-bg.png);

	background-repeat:repeat-y;

	width:100%;

	overflow:auto;

}



div#footer-bg div.footer-info{

	width: 200px;

	padding: 9px 0pt 9px 18px;

	float:left;

}



div#footer-bg div.footer-info span{

	color:#333333;

	font-weight:bold;

}



div#footer-bg div.footer-info ul{

	list-style:none;

	margin:0;

	padding:0;

}



div#footer-bg div.footer-info ul li{

	margin:0;

	padding:0;

}



div#footer-bg div.footer-info ul a{

	color:#777777; !important

}





div#footer-footer{

	background-image:url(img/footer-footer.png);

	background-repeat:no-repeat;

	height:3px;

}