/*

Theme Name: Home For Home
Theme URI: http://www.homeforhome.es
Description: Home For Home ha utilizado como base de dise&ntilde;o el theme <a href="http://www.ndesign-studio.com/resources/wp-themes/glossyblue/">glossy blue</a> de Ndesing Studio.
Version: 1.0
Author: blogalizate
Author URI: http://www.blogalizate.com

*/

/* Los iconos utilizados son de FANFANFAN http://www.famfamfam.com/lab/icons/silk/ */

body {font: 14px Arial,Verdana; color: #6ea1c8; line-height: 1.5em; background: url(images/bg-web.png) center repeat-y; margin: 0px auto; padding: 0; width: 100%;}
a {color: #CC6600; text-decoration: none;}
a:visited {color: #CC6633; text-decoration: none;}
a:hover {color: #FF6600; text-decoration: underline;}
img {border: none;}
p {padding: 0px 0px 15px; margin: 0px;}
h1 {margin:0px;        background: url(images/header-icon.gif) no-repeat; padding-left: 70px; height: 60px; font: bold 36px/100% "Trebuchet MS", Tahoma, Arial; color: #c9eefe;}
h1 a, h1 a:visited{color: #c9eefe; text-decoration: none;}
h1 a:hover{color: #ffffff; text-decoration: none;}
h2 {color: #ff9a66; margin: 0px 0px 2px; letter-spacing: -1px; font: normal 30px "Trebuchet MS", Tahoma, Arial; padding-bottom: 3px;}
h2 a, h2 a:visited {color: #ff9a66; text-decoration: none;}
h2 a:hover {color: #ff9a66; text-decoration: none;}
h3 {font: normal 22px "Trebuchet MS", Tahoma, Arial; color: #6ea1c8; margin: 10px 0px 5px; letter-spacing: -2px;}
h4 {font: normal 18px "Trebuchet MS", Tahoma, Arial; color: #6ea1c8; margin: 10px 0px 5px;}
form {margin:0px; padding:0px;}
em {color:#aaa;}
#page {margin: 0px auto; width: 100%;}

/* ZONA CABECERA
=============================================== */
#header {width: 100%; margin: 0 auto; background: #e5f6fd; height: 100px; position: relative; border-bottom: solid #eee 1px;}
#headerimg {width: 950px; margin: 0 auto;}
#logo {float: left;}

/* IDIOMAS
=============================================== */
#idiomas { float: right; margin: 25px 50px 0 0; }

/* CONTENEDOR (INCLUYE SIDEBAR)
=============================================== */
#contenedor {width: 950px; margin: 0 auto;  }

/* BANNERS
=============================================== */
.ban-post-top { width: 500px; margin: 0 auto;}

/* ZONA CONTENIDO
=============================================== */
#content {padding: 10px 0px 20px 20px; float: left; width: 500px; overflow: hidden;}
.post {clear:both; padding: 15px 0 30px 0;}
.post-date {width: 58px; height: 111px; float:left; background: url(images/bg-date.png) no-repeat;}
.post-month {font-family: Georgia; font-size: 20px; text-transform: uppercase; color: #000; text-align: center;        display:block; line-height: 11px; padding-top: 15px; margin-left: -3px;}
.post-day {font-family: Georgia; font-size: 30px; text-transform: uppercase; color: #000; text-align: center; display:block; line-height: 18px; padding-top: 7px; margin-left: -3px;}
.post-year {font-family: Georgia; font-size: 20px; text-transform: uppercase; color: #000; text-align: center; display:block; line-height: 11px; padding-top: 12px;        margin-left: -3px; margin-bottom: 3px;}
.post-title {float: left; margin-left: 15px; width: 420px; padding-bottom: 5px; border-bottom: 1px solid #ff9a66;}
.post-title h2 {text-transform: uppercase;}
.entry {clear: both; padding-top: 10px;}
.post-cat {background: url(images/categoria-blanco.png) no-repeat left; padding-left: 20px; float:left; color: #6ea1c8; font-weight: bold;}
.post-autor {background: url(images/autor.png) no-repeat left; padding-left: 20px; float:left; color: #6ea1c8; font-weight: bold;}
.autor { color:#000; padding:2px 0  0 3px; }
.zonacomentarios {border-top: 1px solid #ff9a66; margin-bottom: 20px;}
.post-comments {float: left; background: url(images/comentarios.png) no-repeat left; padding-left: 20px;}
.post-tags {float: right; background: url(images/tags.png) no-repeat left; padding-left: 20px;}
.post-calendar {background: url(images/mini-calendar.gif) no-repeat; padding-left: 20px; float: right; font-size: 95%; color: #999999;}
.mini-add-comment {background: url(images/mini-down-arrow.gif) no-repeat; padding-left: 18px; float: right;}
.navigation {clear: both; padding: 10px 0px;}
.navigation a, .navigation a:visited {color: #59770e;}
.previous-entries a {float: left; padding-left: 18px; background: url(images/mini-nav-left.gif) no-repeat left center;}
.next-entries a {float: right; padding-right: 18px; background: url(images/mini-nav-right.gif) no-repeat right center;}

.enlacehfh {padding: 5px; border: #eee solid 1px; background: #ffeece;margin: 20px 0; }
.enlacehfh img {vertical-align:middle; }



/* ZONA COMENTARIOS (COMMENTS)
=============================================== */
#comments, #respond {border-bottom: 1px solid #ff9a66; padding: 10px 0 5px 0; clear: both;}
.commentlist {margin: 10px 0px;        padding-left: 20px; line-height: 130%;}
.commentlist li{padding: 5px 10px;}
.commentlist .alt {background: #f3fbff;}
.commentlist cite {font-weight: bold; font-style: normal; font-size: 120%; color: #CC6600;}
.commentlist cite a, .commentlist cite a:visited {color: #CC6600;}
.commentlist small {margin-bottom: 5px;        display: block;        font-size: 87%;}
#commentform {margin-top: 10px;        font: 110% Arial, Helvetica, sans-serif;}
#commentform p {padding: 6px 0px; margin: 0px;}
#commentform label{color: #787878; font-size: 87%;}
#commentform input{width: 200px; background:#fff; border: 1px solid #92bdbb; padding: 3px; margin-top: 3px;}
#commentform textarea{width: 478px; height: 115px; background:#fff; border: 1px solid #92bdbb; padding: 2px; margin-top: 3px;}
#commentform textarea:focus, #commentform input[type="text"]:focus {background: #ffffff;}
#commentform #submit{background: #f00; font: bold 14px Arial, Helvetica, sans-serif; color: #FFFFFF; border: none; float:left; width: 100px; height: 28px; cursor: pointer;}

/* ACERCA DE HOMEFORHOME
=============================================== */
.hfhabout {line-height: 1.3em; border-bottom:1px solid #eee;}
.hfhaboutlogo {padding-right: 40px;} 
.hfhabout img {float: left; margin: 0 5px 0 0;}
.hfhabout a{color:#ff9a66 !important; text-decoration: underline !important;}
.hfhabout a.hover{color:#ff9a66 !important; text-decoration: none !important;}

/* BARRA LATERAL (SIDEBAR)
============================================== */
#sidebar {float: left;  width: 260px;  margin: 0 0 50px 120px; font-size: 12px; color: #6ea1c8; overflow: hidden;}

/*sidebar title (h2) */
#sidebar h2, #sidebar .sidebartitle{font: normal 24px Arial, Verdana; letter-spacing: -2px; color: #6ea1c8; margin: 20px 0px 2px;}

/*sidebar estilos de texto */
#sidebar a, #sidebar a:visited{        color: #6ea1c8;        text-decoration: none;}
#sidebar a:hover{color: #FF9A66; text-decoration: none;}

/*sidebar lista nivel 1 */
#sidebar ul {margin: 0;        padding: 0; border-bottom: 1px solid #eee;}
#sidebar ul li {list-style: none;margin: 0; padding: 0;        border: none;}

/*sidebar lista nivel 2 */
#sidebar ul li ul {padding: 0; margin: 0;}
#sidebar ul li ul li{padding: 2px 0 2px 0px;}

/*sidebar lista nivel 3 */
#sidebar ul li ul li ul li{padding: 1px 0 1px 10px; border: none;}

/* WIDGETS
============================================== */

/* Enlaces - blogroll */
ul.list-blogroll li, li.widget_links li{background: url(images/enlace-externo.png) no-repeat !important; padding-left: 20px !important;}

/* Categorias widget */
ul.list-cat li, li.widget_categories li{background: url(images/categoria.png) no-repeat !important; padding-left: 20px !important;}

/* Archivos widget */
ul.list-archive li, li.widget_archive li{background: url(images/calendario.png) no-repeat !important; padding-left: 20px !important;}

/*  Paginas widget */
ul.list-pages li, li.widget_pages li {background: url(images/pagina.png) no-repeat !important; padding-left: 20px !important;}

/* Sub-paginas widget  */
ul.list-pages li ul li, li.widget_pages li ul li {background: url(images/mini-page-arrow.gif) no-repeat !important; padding-left: 10px !important;}

/* Ultimas entradas  widget */
ul.list-pages li, li.widget_recent_entries li{background: url(images/calendario.png) no-repeat !important; padding-left: 20px !important;}


/* Ultimos comentarios widget */
li.widget_recent_comments li{background: url(images/comentarios-widget.png) no-repeat !important; padding-left: 20px !important;}

/* Calendario widget */
li.widget_calendar td {padding: 1px 7px;}

/* Texto widget */
.textwidget {padding-top: 5px;}


/* FORM BUSQUEDA
=============================================== */
#searchform {margin:0 ; padding-bottom: 30px; border-bottom:1px solid #eee;}
#searchform br {display: none;}
#searchform #s {border:1px solid #eee; width: 150px; height: 24px; padding: 4px 5px 0px 5px; background: #fff; margin-right: 2px; color: #000000; font: normal 18px;}
#searchform input {background: url(images/btn-buscar.png) no-repeat; border: none; width: 47px; height: 31px; vertical-align: middle;}

/* PIE (FOOTER)
=============================================== */
#footer {width: 100%; margin: 0 auto; clear: both; background: #E5F6FD; border-top: solid #eee 1px;}
#contenidofooter { width: 950px; margin: 0 auto; padding: 30px 0; background: #E5F6FD; color: #055E9E; font-size: 12px;}
#contenidofooter a, #contenidofooter a:visited {color: #055E9E;}
.txtmini {font-size: 10px;}

/* ALINEACIONES
=============================================== */
.center {text-align: center;}
img.center, img[align="center"] {display: block; margin-left: auto; margin-right: auto;}
.alignleft {float: left;}
img.alignleft, img[align="left"] {float:left; margin: 2px 10px 5px 0px;}
.alignright {float: right;}
img.alignright, img[align="right"] {float:right; margin: 2px 0px 5px 10px;}
.clear {clear:both;}
hr.clear {clear:both; visibility: hidden; margin: 0px; padding: 0px;}