/*
Theme Name: Headless
Theme URI: http://ozanonay.com/blog/blogging/headless-wordpress-theme
Description: Headless WordPress theme is clean, pixel-perfect and grid-based. Since content is king, the 'header' is placed at the bottom leaving more content above the fold.
Version: 0.9.2
Author: Ozan Onay
Author URI: http://ozanonay.com/
Tags: simple, minimalist, fixed width, two columns, right sidebar, widget ready, valid CSS, valid XHTML, gray, white, gravatars

*************

Released on a Creative Commons GNU GPL license. See http://creativecommons.org/licenses/GPL/2.0/ for more details.

An 18px grid is used for aesthetic purposes. It is strictly adhered to on the vertical axis, and generally adhered to on the horizontal axis. Modifications will have the best result if all sizes (particularly line heights) are kept as multiples of 18. Notice that this can be a bit tricky when divs have borders (so for example where there's a 1px border, padding/margin should be 17/35/53 px).

I haven't styled the calendar, so you should style this before you use it.

*************/

/* Initialisation */
* { margin: 0px; padding: 0px; text-decoration:none; }
.clear, .postmetadata {clear: both;}


/*******************************************************/

body{
	background:url(http://www.elpezenlaluna.com/images/bg2.gif) center top no-repeat;
        background-attachment:fixed;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3B383F;
}

.linkvermas{
color:#fff; padding:0 0 7px 10px; margin-top:7px;
}
.linkvermas a{
color:#fff; text-decoration:none;
}
.linkvermas a:hover{ color:#fff !important; border-bottom:#fff 1px solid !important;}

.ultima_noticia{
overflow:auto;
}
.ultima_noticia a{border:0 none;} .ultima_noticia a:hover{border:0 none;}

.ultima_not_imagen {width:235px; height:140px; float:left; background-color:#fff;}
.ultima_not_imagen img{margin:5px 5px;}
.post_titulo_portada{font-family:Century; font-weight:bold; font-size:15px; line-height:17px; color:#007BBE !important;} .post_titulo_portada a{color:#007BBE !important;}
.ultima_not_texto {font-family:Arial, Helvetica, sans-serif; font-size:13px important!; line-height:17px; color:#1A1A1A; }

.ultimo_post{width:160px; float:left;}
.ultimo_post a{border:none 0;} .ultimo_post a:hover{border:none 0;}

.categoria-post{line-height:17px !important; font-size:13px; margin:10px 20px 0 0; overflow:hidden; text-align:justify;}
.categoria-post p{margin:0 !important; padding:0 !important;}
.categoria-post a:hover{border:0 none;}
 

/*cabecera*/
	.cabecera{
		width:860px;
		position:relative;
                margin:0 auto;
		}

.menu_top_p{ width:770px; margin:0 auto; height:30px; padding:0 45px; text-align:center; font-size:11px; background-color:#fff; }
.menu_top_p ul { list-style:none; padding:10px 0 0 0;}
.menu_top_p ul li { display:inline; }
.menu_top_p ul li a{ padding:0 20px; border-left:1px solid #A9C3DD; margin:0 !important; } .menu_top_p ul li a:hover{ text-decoration:underline;}

.descripcion{font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; font-style:italic; color:#919096; position:absolute; top:40px; left:40%;}
                .cabecera a:hover{border-bottom:0 none;}
		.redes{position:absolute; top:40px; right:45px;}
		.redes a{ padding:0 0 0 5px;}

		.estrellas1{ position:absolute; left:50%; margin-left:-415px; top:125px; z-index:2; height:228px;}
		.elementos{position:absolute; left:50%; margin-left:-430px; top:100px; z-index:3; height:300px;}

		.menu{position:absolute; right:0px; top:350px; z-index:3; width:auto; padding:13px 30px 0 5px; height:37px; background-image:url(http://www.elpezenlaluna.com/images/barra.png); background-position:top left; background-repeat:repeat;}

		.menu a{ padding:0 10px 0 10px; border-right:dotted 2px #000; text-decoration:none; font-size:13px; color:#000;}
		.menu a:hover{ text-decoration:underline; border-bottom:0 none;}
/*fin de cabecera*/

/*******************************************************/


/* Core structure */
#page {margin:210px auto 0 auto; width:820px; position:relative; overflow:hidden; text-align: left;}
#content {float:left; width: 530px; padding:15px 15px 15px 15px; margin-top:50px; background:url(http://www.elpezenlaluna.com/images/fondo_1.png) repeat; }
#sidebar{float:right; width:235px;}
#sidebar_i{width: 205px; padding-top:25px; overflow:hidden; background:url(http://www.elpezenlaluna.com/images/fondo_sidebar.gif) repeat-x; background-color:#fff; text-align:right; padding-right:15px; padding-left:15px;}
#footer {margin:15px auto 0 auto; clear:both; width:845px; height:190px; background:url(http://www.elpezenlaluna.com/images/piedepagina.png) 260px no-repeat;}


/* Universal typography and colors */

#sidebar, .posttags, #footer, #commentform, .commentmetadata {color:#3B383F;} /*this is the lighter, faux-transparent text color */
a {color:#3B383F;} 
a:hover {color:#000;}
small {font-size: 10px; line-height:18px;}
.postdetails{ display:block; padding:10px 10px 0 10px; border-top:#1B5198 1px dotted; font-size:10px; margin-top:10px;}
.postmetadata{ display:block; padding:10px 10px; border:#3B383F 1px dotted; font-size:10px; margin-top:10px;}



/* Universal header styles */
h1, h2 {font-family: 'Century Gothic', Helvetica, Verdana, Arial, Sans-Serif; font-weight:normal;}
h3 {font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#1D1A21; font-weight:bold; display:block; padding:0 0 0 30px; background:url(http://www.elpezenlaluna.com/images/fondo_post.png) no-repeat; height:15px; margin:0;}
h2, {margin-bottom:5px;}
h1, h1 a {color:#3B383F; font-size: 20px; line-height:15px; text-align: left;}
h1 a:hover {color:#000;}
h2 {font-size: 20px; line-height: 15px; font-weight:bold;}
h2, h2 a {color:#1D1A21;}
h2 a:hover {color:#000;}
h2.pagetitle{font-size:20px; height:20px !important; color:#1D1A21; display:block; background:url(http://www.elpezenlaluna.com/images/fondo_titulo.png) no-repeat !important; padding:15px 0 0 15px !important;}


/* Content, entries */
#top_content{border:none 0; position:absolute; margin-top:-37px; margin-left:-15px;}
#pez_planeta{border:none 0; position:absolute; top:30px; left:50%; margin-left:130px; z-index:100;}
.entry {font-family:Arial, Helvetica, sans-serif; font-size:15px; line-height:18px;}
.entry p {color:#000;}
.entry ol, .entry ul {padding: 0 0 0 36px; margin:-9px 0px 9px 0px;}
.post {margin: 0 0 36px;}
.post hr {display: block;}

#content .post p {margin:0 0 18px 0;}
#content .smallattachment {text-align: center;float: left;width: 128px;margin: 5px 5px 5px 0px;}
#content .attachment {text-align: center;margin: 5px 0px;}
.postdetails {margin-bottom:18px;}
#content h2{display:block; padding:10px 0 5px 10px; height:20px; background:url(http://www.elpezenlaluna.com/images/fondo_tit_entry.png) no-repeat;}

/* Sidebar */
#creditos_sb{text-align:right; padding-right:15px; margin-top:30px; font-family:Arial, Helvetica, sans-serif; color:#808080; font-size:11px;}
#creditos_sb a{border:0 none; text-decoration:none;}
#bottom_content{border:none 0; height:22px; width:235px; position:absolute; margin-bottom:-22px;}
#sidebar p {margin-bottom:0px;}
#sidebar h2 {font-size: 12px; line-height:15px; margin:0px; font-weight:normal; color:#5C97C1; font-family:Georgia, "Times New Roman", Times, serif;}
#sidebar ul {list-style-type: none; color:#3B383F; font-size:11px;}
#sidebar ul li {list-style-type: none; margin: 0 0 18px 0;}
#sidebar ul ul {list-style-type:none;}
#sidebar ul ul li {list-style-type:none; margin:0px;}
#sidebar ul ul, #sidebar ul ol {margin: 0 0 0 0;}
#sidebar ul ul ul, #sidebar ul ol {margin: 0 0 0 0;}
ol li, #sidebar ul ol li {list-style: decimal outside;}


/* Footer */
#footer p a{color:#5C97C1; font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-size:11px !important;}
#footer p a:hover{color:#A5C0DA; border-bottom:1px dotted #5c97c1;}
#footercontainer {width:770px; text-align:left; margin: 0px auto; padding: 40px 0 0 0; line-height:15px; color:#5E5C63; font-size:13px;clear: both;}
#footercontainer strong{font-weight:normal; font-family:Arial, Helvetica, sans-serif; font-size:11px !important;}


/* Comments */
h3#comments{font-family:Arial, Helvetica, sans-serif !important; font-size:11px !important;}
#respond h3{font-family:Arial, Helvetica, sans-serif !important; font-size:11px !important; padding:0 0 !important; background:none !important;}
.commentlist {color:#666; text-align: left;}
.commentlist li {background: #fff url('http://www.elpezenlaluna.com/images/fondo_form.gif') no-repeat top; border:1px dashed #eaeaea;; margin: 15px 0 0;padding: 15px; list-style: none; font-weight: bold;}
.commentlist li .avatar { float: right; padding:0px 0px 10px 15px;}
.commentlist cite, .commentlist cite a {font-weight: bold;font-style: normal;}
.commentlist p {font-weight: normal; font-size:12px; text-transform: none;}
.commentmetadata {margin: 0;display: block;font-weight: normal;}
.nocomments {text-align: center;margin: 0;padding: 0;}


/* Comments response form */
div#respond {background: #fff url('http://www.elpezenlaluna.com/images/fondo_form.gif') no-repeat top; padding:15px; margin-top:15px; border:1px dashed #eaeaea;}
#commentform input.text {width: 160px; padding: 0 5px; line-height:15px; font-size:12px; margin: 10px 5px 0px 0px; background-color: transparent; border:1px dotted #5C97C1;font-family: Arial, Helvetica, sans-serif;}
#commentform textarea {width:430px ;padding: 5px; border:1px dotted #5C97C1; background-color: transparent; font-size: 12px; line-height: 15px; font-family: Arial, Helvetica, sans-serif; color: #000; margin-bottom:10px;}
#commentform #submit {margin: 0;float: right;}
.entry form { /* This is mainly for password protected posts, makes them look better. */ text-align:center;}
select {width: 130px;}
#submit {position:relative; top:-15px; font-family: Georgia, "Times New Roman", Times, serif; color: #000; font-size:11px;}


/* Searchbox (designed to be in sidebar but can be included elsewhere)*/
#searchbox {margin-bottom:15px;}
#searchbox #s { float: right; border:none 0; border:solid #BCBCBC 1px; background-color:#fff; font-size:11px;}
#searchform #s{ padding-left:5px !important; color:#3B383F; width: 150px; height:20px;}
#searchbox #go { float: right; width:18px; height:18px;  }


/* Images */
.entry img{display:block;}
p img {max-width: 100%;}
img.aligncenter {display: block; margin:10px auto !important;}
img.alignright {display: inline; margin-right:0px !important; margin-left:15px !important;}
img.alignleft {display: inline; margin-left:0px !important; margin-right:15px !important;}



/* Calendar - this is not intended for the theme and thus not styled */
#wp-calendar #prev a, #wp-calendar #next a {font-size: 9pt;}
#wp-calendar a {text-decoration: none;}
#wp-calendar caption {font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;text-align: center;}
#wp-calendar th {font-style: normal;text-transform: capitalize;}
#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; }


/* Captions */
.wp-caption {text-align: center;background-color: #f3f3f3;}
/*.wp-caption img {margin: 0;padding: 0;border: 0 none;}*/
.wp-caption p.wp-caption-text {	font-size: 10px; line-height: 18px; margin: 0px !important; color:#999;}


/* Misc. */
.alignright {margin: 0 0 2px 18px; float: right;}
.alignleft {margin: 0 18px 2px 0; float: left}
.aligncenter, div.aligncenter {display: block;margin-left: auto;margin-right: auto;}
code {font-family:'Courier New', Courier, Fixed;}
blockquote {margin: 18px 30px 0 10px;padding-left: 20px;border-left: 5px solid #ddd;}
blockquote cite {margin: 5px 0 0;display: block;}
.center {text-align: center;}
.hidden {display: none;}
hr {display: none;}
a img {border: none;}
ul.post-meta, ul.post-meta li, .post-meta-key{ margin:0 !important;}
.post-meta li {color:#555555; display:block; padding:5px; background-color:#eaeaea;}


/* slider */
#slider, #slider1 {
    width: 255px; /* important to be same as image width */
    height: 215px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}

#sliderContent, slider1Content {
    width: 255px; /* important to be same as image width or wider */
    position: absolute;
    margin-left: 0;
}
.sliderImage, .slider1Image {
    float: left;
    position: relative;
	display: none;
padding:0 !important;
margin:0 !important;
}
.sliderImage span, .slider1Image span {
    margin-top:-1px;
    float:left;
    padding: 10px 10px;
    width: 235px;
    background-color: #fff;
    color: #1A1A1A;
    display: none;
}.sliderImage a, .slider1Image a{border:none !important;}
.sliderImage img, .slider1Image img{padding:0 !important; margin:0 !important;}


.clear {
	clear: both;
}

.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
.left {
	top: 0;
    left: 0;
	width: 110px !important;
	height: 280px;
}
.right {
	right: 0;
	bottom: 0;
	width: 90px !important;
	height: 290px;
}
ul { list-style-type: none; padding:0;}