/*



Theme Name: Home For Home

Theme URI: http://www.homeforhome.it

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:#000066;}

#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: 60px;} 
.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;}