/*
Theme Name: Zona Firefox
Theme URI: http://www.zonafirefox.net/
Description: Theme de Zona Firefox
Version: 4.0
Author: Nico
Author URI: http://www.himsomnio.com/

*/

/*  BODY */

body {
background:#37516F;
font-family:Arial, Lucida Sans;
font-size:82%;
margin:0;
padding:0;
}

/*  ELEMENTOS GENERALES */

.alignright,img.alignright {
float:right;
margin:1em 0 0 1em;
}

.alignleft,img.alignleft {
float:left;
margin:1em 1em 0 0;
}

.aligncenter,img.aligncenter {
display:block;
text-align:center;
margin:1em auto;
}


::selection,::-moz-selection {
background:#565656;
color:#eee;
}

h2 {
color:#003B6F;
font-family:Lucida Sans, Arial, Verdana,Sans-serif;
font-size:24px;
line-height:1.25em (30px);
}

a {
color:#FFF;
text-decoration:none;
}

#header img {
border:0
}

code {
display:block;
padding:20px;
font-family:Lucida Sans;
background:#555;
color:#fff;
margin:20px;
margin-left:10px;
font-family:Lucida Sans;
border-top:1px solid #464646;
border-bottom:1px solid #464646;
}

img.kjgrcGravatar,img.tcwGravatar {
clear:both;
float:left;
border:1px solid #fff;
margin:-2px 0 0;
padding:1px;
}

/* HEADER */

div#header {
clear:both;
background:url('http://www.zonafirefox.net/wp-content/themes/sandbox/images/header-bg3.png');
height:120px;
width:990px;
margin:0 auto;
padding:0;
}

div#header h1 a {
color:#FFF6EF;
}

div#header h1 a img{
bordeR:0
}


div#header h1 {
float:left;
font-family:Lucida Sans Unicode;
letter-spacing:-3px;
font-size:41px;
font-weight:400;
color:#fff;
border:0;
margin:17px 0 0 28px;
}

div#header #header-ads {
margin-right: 15px; 
margin-top: 15px;
float: right; 
width: 720px;
height: 90px; 
}


/* MENU HORIZONTAL */

#nav {
width:990px;
_margin:0 0 10px 0;
margin:0 auto;
}

#nav ul#navlist {
z-index:500;
height:28px;
text-align:center;
list-style:none;
background:url('http://www.zonafirefox.net/wp-content/themes/sandbox/images/sidebar-bg-2.png');
margin:0 auto;
padding:0 auto;
}

#nav ul#navlist li {
float:left;
position:relative;
text-transform:uppercase;
font-weight:700;
font-size:12px;
text-align:center;
margin:0;
padding:0;
}

#nav ul#navlist li a,#nav ul#navlist li span {
display:block;
font-family:Arial, sans-serif;
text-decoration:none;
color:#fff;
padding:6px 12px;
}

#nav ul#navlist li a:hover {
border-top-color:#5db1e0;
border-left-color:#5db1e0;
color:#FFBA4F
}


/* CONTENEDOR DE LA PAGINA */

div#wrapper {
background:#fafafa;
width:990px;
margin:0 auto;
padding:0;
}

#main-ads {
width:725px;
padding:12px;
margin:0px auto;
text-align:center
}

/* CONTENEDOR PRINCIPAL - POSTS */

div#container {
color:#333;
float:left;
width:660px;
margin:20px 0 0 20px;
padding:0px;
}

div#container a {
color:#174C7F;
padding:3px 3px 3px 0;
}

div#container h2 a,div#container h2 {
background:none;
border:0;
color:#363636;
padding-bottom:1px;
letter-spacing:-1.2px;
line-height:28px;
font-weight:400;
font-family:Segoe UI,arial,helvetica,sans-serif;
font-size:25px;
margin:20px 0 0;
}

div#container h2 a:hover {
color:#336699;
text-decoration:none
}

div#container h4{
font-family:Arial;
color:#777;
margin:10px;
letter-spacing:-1px;
}

/* LOS POSTS */ 

div .hentry {
font-family:Segoe UI,Lucida Sans Unicode,Arial;
font-size:13px;
line-height:1.5em;
clear:both;
color:#000;
padding:0 20px 10px 10px;
margin-bottom:20px;
}

#post-ads {
width:470px;
text-align:center;
margin:35px auto;
}

#post-ads2 {
text-align:center;
margin:5px auto;
}

.hentry h3 {
font-family:Lucida Sans;
text-transform:uppercase;
display:block;
margin:10px !important;
padding:10px !important;
padding-left:0px !important;
margin-left:0px !important;
color:#336699;
font-weight:normal !important;
font-family:Arial !important;
font-size:19px;
letter-spacing:-1px
}

.hentry h4 {
font-family:Verdana;
display:block;
margin:0px !important;
padding:10px !important;
padding-left:0px !important;
color:#333 !important;
font-weight:normal !important;
font-family:Arial !important;
font-size:17px;
font-weight:bold !important;

}

.hentry ul {
padding-right:30px;
margin:20px;
}

.hentry blockquote {
background:#f7f7f7;
border:1px dashed #e6e6e6;
padding:20px;
}

.hentry code {
display:block;
background:#f0f0f0;
color:#111;
padding:20px;
margin-left:30px;
margin-right:30px;
font-family:Lucida Sans;
border:0;
}

.hentry .entry-meta {
font-size:11px;
color:#565656;
margin:0;
padding:0;
}

.hentry ul li {
padding:5px;
}

.hentry p a:link {



}

.hentry a:hover {
text-decoration:underline
}

.entry-title,.entry-meta {
clear:both;
}

.hentry h2 {
display:inline 
}

.entry-meta {

border-bottom:1px dotted #c6c6c6;
}

.hentry a img{
background:#fff;
padding:5px;
border:1px solid #ffffff
}

.hentry a img:hover{
border:1px solid #e6e6e6
}

#addon-descarga {
background: transparent url('http://www.zonafirefox.net/wp-content/images/extension-icon.png') no-repeat left 50%;
padding: 15px 0px 13px 45px;
clear:both;
letter-spacing:-0.2px;
font-size:18px;
}

#descarga-firefox {
background: transparent url('http://www.zonafirefox.net/wp-content/images/zonafirefox/firefoxlogo.png') no-repeat left 50%;
padding: 15px 0px 15px 40px;
margin:10px;
clear:both;
line-height:10px;
font-weight:bold;
letter-spacing:-0.2px;
font-size:18px;
}

#addon-descarga a{
font-weight:bold
}

#post-fecha {
float:left;
padding-top:10px;
display:block;
height:100px;
text-align:center;
line-height:10px;
font-family:Tahoma;
width:60px;
color:#369;
position:absolute;
}

#post-ano {
font-size:13px;
color:#29435F;
}

#post-mes {
color:#336699;
line-height:19px;
font-size:10px;
display:block;
}

#post-dia {
color:#F4793A;
font-family:times New Roman;
font-size:36px;
}


.post-list {
list-style-type:none;
padding:0;
width:700px;
margin:0;
}

.post-list .entry-content{
margin-left:175px;
margin-top:10px;
}

.post-list li{
margin:0;
margin-bottom:10px;
padding:0;
height:150px;
width:650px;
border-bottom:1px dotted #ccc
}

.post-list img{
float:left;
margin-right:10px;
margin-top:9px;
width:150px;
height:120px;
border:1px solid #ccc !important
}

.post-list h2 a{
font-size:23px !important;
font-weight:normal !important;
letter-spacing:-1px !important;
font-family:Segoe UI !important;
}

.post-list .hentry{
font-family:Segoe UI;
font-size:13px;
}

/* POSTS RELACIONADOS */

#contenido-relacionado ol{
padding:0;
overflow:hidden;
color:#336699;
list-style-type:square;
padding:0px;
padding-left:30px;
}

#contenido-relacionado h3{
color:#336699;
font-weight:normal !important;
font-family:Arial !important;
font-size:19px;
}

/* COMENTARIOS DE POSTS */

div#comments {
margin:15px;
}

div.comments ol li {
margin:0 0 3.5em;
}

div#comments ol li {
background:#EAF4FF;
font-family:Lucida Sans;
font-size:14px;
margin-bottom:5px;
margin-left:0;
list-style-type:none;
color:#161616;
border-top:1px solid #D1DFEF;
border-bottom:1px solid #D1DFEF;
padding:0;
}

div#comments ol .comment-author-admin .comment-meta {
color:#161616;
}

div#comments h3 {
text-transform:uppercase;
font-size:19px;
letter-spacing:-1px;
display:block;
font-weight:400;
font-family:Arial;
color:#369;
padding:5px;
}

.comments .comment-meta {
padding-bottom:10px;
padding-top:10px;
color:#969696;
font-size:11px;
}

#commentform #ed_toolbar input.ed_button {
width:auto;
background:#29435F;
background:url('http://www.zonafirefox.net/wp-content/themes/sandbox/images/sidebar-bg-2.png');
border:0;
font-family:Lucida Sans;
font-size:12px;
letter-spacing:-0.05em;
text-transform:uppercase;
font-weight:700;
color:#fff;
margin:5px 1px;
padding:3px;
}

#commentform #ed_toolbar input.ed_button:hover {
color:#FFBA4F
}



#comentarios-meta {
text-align:center;
width:140px;
margin:0;
padding:5px;
}

#comentarios-meta a:hover {
color:#FF7400;
}

#comentarios-texto {
font-family:Arial;
font-size:13px;
color:#333;
margin:0;
padding:0 20px;
}

.comment-author img {
text-align:center;
border:1px solid #e0e0e0;
max-width:40px;
max-height:40px;
background:#fff;
display:block;
margin:0 auto;
padding:3px;
}

.comment-author,.comment-author a {
font-weight:700 !important;
font-family:Lucida Sans !important;
}

.comment-author a:hover {
color:#222 !important;
background:none !important;
}

div#comments ol li.pingback {
background:#EAF4FF !important;
display:block;
font-weight:400;
font-size:14px;
color:#161616 !important;
border-top:1px solid #D1DFEF !important;
padding:10px 10px 10px 20px;
}

div#comments ol li.pingback a {
font-weight:400 !important;
font-family:Arial !important;
color:#29435F !important;
}


div.comment-author {
font-weight:400 !important;
font-size:13px;
font-family:Arial !important;
color:#333 !important;
}

/* FORMULARIO DE COMENTARIOS */

form#commentform .form-label {
font-size:14px;
margin:1em 0 0;
}

form#commentform span.required {
color:#993;
}

form#commentform #submit {
background:#29435F;
background:url('http://www.zonafirefox.net/wp-content/themes/sandbox/images/sidebar-bg-2.png');
border:#161616;
color:#eee;
font-size:14px;
width:99%;
font-family:Arial;
text-transform:uppercase;
font-weight:700;
padding:4px;
}

form#commentform #submit:hover {
color:#FFBA4F
}

form#commentform,form#commentform p {
background:#f9f9f9;
padding:0 20px 20px;
}

input#author,input#email,input#url,textarea#comment {
border:1px solid #D1DFEF;
background:#fff;
color:#161616;
font-family:Arial;
font-size:14px;
letter-spacing:0.02em;
padding:0.2em;
}

input#author:focus,input#email:focus,input#url:focus,textarea#comment:focus {
border:1px solid #336699;
}

textarea#comment {
height:15em;
overflow:auto;
width:98%;
margin:0 0 0.5em;
}

/*  PAGINACION DE POSTS */

.pagination {
text-align:center;
margin:30px;
padding:3px;
}

.pagination a {
border:1px solid #ddd;
text-decoration:none;
color:#036CB4;
margin:5px;
padding:2px 7px !important;
}

.pagination a:hover {
color:#fff !important;
background:#336699 !important
}

.pagination .current {
border:1px solid #336699;
font-weight:700;
background-color:#336699;
color:#FFF;
margin:2px;
padding:2px 7px !important;
}

.pagination .disabled {
border:1px solid #ddd;
color:#DDD;
margin:2px;
padding:2px 5px;
}




/* SIDEBAR */

div.sidebar {
float:right;
margin-right:10px;
margin-top:0px;
margin-bottom:30px;
color:#000;
overflow:hidden;
width:300px;
}

div.sidebar h3 {
background:#1D354F;
background:#224D6F;
background:url('http://www.zonafirefox.net/wp-content/themes/sandbox/images/sidebar-bg-2.png');
background-position:0px 167px;
color:#f5f5f5;
display:block;
font-family:Lucida Sans;
font-size:13.05px;
font-weight:700;
text-transform:uppercase;
margin:0;
padding:5px 5px 5px 10px;
}

div.sidebar ul li ul {
padding:0;
}

div.sidebar ul {
margin:0;
padding:0;
}

div.sidebar input#s {
width:7em;
}

div.sidebar ul ul li {
list-style:none;
border-bottom:1px solid #fff;
margin:0;
padding:3px;
}

div.sidebar a img,div.sidebar img {
margin-right:5px;
}

div.sidebar li form {
margin:0.2em 0 0;
padding:0;
}

div.sidebar ul ul ul {
margin:0 0 0 0.5em;
}

div.sidebar ul li ul {
margin-right:1.5em;
}

div.sidebar ul li ul li {
color:#565656;
font-size:11px;
font-family:Arial;
height:30px;
margin:5px;
padding:5px;
}

#sidebar-feed-imagen img {
border:0;
}

#sidebar-blogroll ul li {
color:#565656;
list-style-type:none;
font-size:11px;
font-family:Arial;
width:100%;
background:#f0f0f0;
margin:0 0 1px;
padding:8px;
}

#sidebar-categorias ul li {
color:#565656;
font-size:11px;
font-family:Arial;
border-bottom:1px solid #fff;
background:#efefef;
height:15px;
margin:0;
padding:8px;
}

#sidebar-categorias ul li:hover {
background:#f9f9f9
}


#sidebar-comentarios ul li,#recent-posts ul li,#linkcat-2 ul li,#sidebar-buscador ul li {
color:#565656;
font-size:11px;
font-family:Arial;
border-bottom:1px solid #fff;
background:#efefef;
height:31px;
margin:0;
padding:8px;
}

#sidebar-rss img, #sidebar-twitter img {
padding:10px;
border:0
}

#sidebar-twitter img {
float:left
}

#sidebar-rss, #sidebar-twitter {
background:#EAF4FF;
border:1px solid #D1DFEF;
margin-bottom:5px;
}

#sidebar-blogroll ul li:hover {
background-color:#e9e9e9;
}

#sidebar-tellafriend {
float:left;
padding-top:22px;
}

#sidebar-fb-email #email {
width:160px;
background:#fff;
font-size:13px;
border:1px solid #D1DFEF;
margin:6px 6px 6px 0;
}

#sidebar-buscador {
margin-bottom:5px;
border:1px solid #D1DFEF;
background-color:#EAF4FF;
}

#sidebar-buscador form{
margin:5px;
margin-top:10px;
margin-bottom:10px;
}

#sidebar-ads{
margin-top:15px;
margin-bottom:15px;
text-align:center;

}

#sidebar-ads img{
margin:10px;
}

#sidebar-ads img:hover{

}

#sidebar-fb-email #email:focus,#sidebar-buscador input:focus {
border:1px solid #7DB3DF;
}


div.sidebar ul li ul li a,#sidebar-comentarios ul li a,.sidebar ul li a,#sidebar-comentaristas ul li a,.sidebar ul li a {
color:#161616;
font-weight:700;
}

#sidebar-comentarios,#sidebar-comentaristas {
margin-bottom:5px;
}

#sidebar-comentarios ul li:hover,.sidebar ul li:hover,#alphasearch-results td:hover {
background-color:#4C84BB;
color:#fff;
}

/* FOOTER */

div#footer {
clear:both;
height:30px;
font-size:11px;
font-family:Lucida Sans;
width:985px;
background:#29435F;
margin:0 auto;
color:#969696;
padding-top:10px;
}

div#footer a{
color:#fff;
}

div#footer a:hover{
color:#FFBA4F
}

#footer-directorios{
display:none
}

/* FORMULARIO DE CONTACTO */

div#coldform * {
	padding: 0;
	margin: 0; 
}
div#coldform {
	font-family: Verdana, sans-serif;
	background-color: #fff;
	font-size: 11px;
	margin: 11px 0;
	width: 500px;
	color: #333;
}
div#coldform fieldset {
	border: 0 none;
	display: block;
	clear: both;
}
div#coldform legend.hide {
	display: none;
}
div#coldform label.label {
	text-align: right;
	display: block;
	padding: 3px 0;
	margin: 3px 0;
	width: 125px;
	clear: left;
	float: left;
}
input#coldform_carbon { 
	margin: 0 0 -7px 7px; 
}
div#coldform textarea#coldform_message,  
div#coldform input.input {
	font-family: Verdana, sans-serif;
	margin: 3px 11px;
	font-size: 11px;
	display: block;
	padding: 3px;
	width: 300px;
	float: left;
}
div#coldform input.submit {
	margin: 3px 0 13px 137px;
	display: block;
	width: 307px;
	float: left;
}


/* OTROS - ESTILOS COMBINADOS */

div#primary {
margin-top:5px;
}

div#nav-above {
margin-bottom:1em;
}

div#nav-below {
margin-top:1em;
}

div#nav-images {
height:150px;
margin:1em 0;
}

div.navigation {
height:1.25em;
clear:both;
margin:30px;
padding:10px 10px 10px 0;
}

div.navigation div.nav-next {
float:right;
text-align:right;
}

div#header,div#footer {
text-align:center;
}

input#author,input#email,input#url,div.navigation div {
width:50%;
}

div#menu ul ul ul a,p.wp-caption-text {
font-style:italic;
}

.sidebar ul li ul li,div.sidebar ul ul,div#content,div.sidebar ul ul li {
margin:0;
}

form#commentform #submit:hover,div::selection,::-moz-selection,#bsn-sidebar-widget #bsn-sidebar-item:hover {
background:#161616;
}

div#menu ul li,div.gallery dl,div.navigation div.nav-previous,#sidebar-feed-imagen,#sidebar-fb-counter {
float:left;
}

div.gallery *,div.sidebar div,div.sidebar ul,div#comments ol,table {
margin:0;
padding:0;
}

div#comments ol .comment-author-admin,#sidebar-blogroll {
background:#fff;
}

.comment-author vcard .fn n,#sidebar-fb-email {
text-align:center;
margin:0 auto;
}

/* LIGHTBOX */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }{ background: url(../images/nextlabel.gif) right 15% no-repeat; }