/*
Theme Name: Geekets
Author URI: http://www.geekets.com/
Version: 1.0 (es)
Author: Nekrodomus
Description: Tema de 2 columnas preparado para widgets.
The CSS, XHTML and design is released under GPL: 
http://www.opensource.org/licenses/gpl-license.php

Import stylesheets and hide from IE/Mac \*/
@import "lib/compressed.css";
/* End import/hide */

/* Start Geekets stylesheet
-------------------------------------------------------------- */

body { background: #61615A; } 
a { color: #000; text-decoration: none; }
h2 { font-weight: normal; line-height: 25px; }
IMG { vertical-align: middle }



/* Container stylesheet
-------------------------------------------------------------- */
#container_all { background: #777777 url(images/bg-header.gif) repeat-y center 0; }

/* Header styles
-------------------------------------------------------------- */
#header { background: #fff; padding: 1.5em 0 0 0; height: 220px; border-bottom: 0px solid #999;}
#header #logo { height: 90px; }
#header #logo .title { padding: 0.5em 0 0 0; font: 700 3em arial, sans-serif; letter-spacing: -.050em; line-height: 1.2em; color: #000; }
#header #logo .title .desc { text-align: right; margin: 0.4em 0 0 0; font: 400 0.25em arial, sans-serif; text-transform: uppercase; color: #666; letter-spacing: 0.2em; padding: 0.6em 0 0 1.5em; border-top: 1px solid #ccc;  }
#header #logo .title a { text-decoration: none; color: #000; }
#header #logo .title a:hover { color: #fff; background: #000; }
#header #logo a.sitelogo { display: block; width: 400px; height: 90px; background: url(images/bg/sitelogo.png) no-repeat; }
#header_top { background: #777777 url(images/bg-pagetop.gif) no-repeat center 0;}
#header_banner { margin-top: 5px; width: 947px; height: 60px;}

/* Footer styles
-------------------------------------------------------------- */
#botton_footer { background: #777777 url(images/bg-footer.gif) no-repeat center 0;}

/* Search and navigation
-------------------------------------------------------------- */

#header #search_menu { height: 90px; }
#header #search_menu #search { padding: 0 0 0 5px; }
#menu { width: 400px; float: right; margin: 10px 0 0 2px; list-style: none; font-weight: bold; font-family: Helvetica, Arial; }
#menu li { float: left; padding: 2px 0 3px 3px; margin: 1px 12px 0 0; line-height: 1.6em; font-size: 0.9em; }
#menu li a { padding: 0; text-decoration: none; color: #007CC2; }
#menu li a:hover { padding: 0; text-decoration: underline; }
#menu li span { display: block; float: left; padding: 0 0px 0 22px; }
#menu li span.home { background: url(images/bg/home.gif) no-repeat; }
#menu li span.about { background: url(images/bg/info.gif) no-repeat; }
#menu li span.archives { background: url(images/bg/hourglass.gif) no-repeat; }
#menu li span.subscribe { background: url(images/bg/favourite.gif) no-repeat; }
#menu li span.contact { background: url(images/bg/mail.gif) no-repeat; }

/* Form styles
-------------------------------------------------------------- */

input.search_input { width: 292px; border: 0; background: #fff url(images/bg/input.png) no-repeat; padding: 5px; color: #007CC2; font-weight: bold; margin: 0; float: left; }
input.submit_input { background: /*#007CC2*/ url(images/bg/submit.png) no-repeat; border: 0; height: 24px; padding: 0; width: 65px; margin: 0 0 0 5px; color: #FFF; font: bold 0.9em arial, sans-serif; float: left; }
input.coment_input { width: 292px; border: 0; background: #fff url(images/bg/input.png) no-repeat; padding: 5px; color: #007CC2; font-weight: bold; margin: 0; float: left; }
.coment_textarea_input { width: 292px; border: 0; background: #fff url(images/bg/input_textarea.png) no-repeat; padding: 5px; color: #000; font-weight: bold; margin: 0; float: left; }

#campos_comentarios{display: block; width: 380px;}
.forminput{float: left; width: 100%;}
.formlabel{float: left; width: 100%;}


/* BlogUrbania 
-------------------------------------------------------------- */
#blogurbania{display: block; width:295px;}
.blogurbania-img{ float: left; width:95px; height: 24px; margin-left: 1px; margin-top: 5px}
.blogurbania-img a:hover{ border: 2px}
.blogurbania-site{ float: left; width:295px; height: 24px;}


/* Top banner 
-------------------------------------------------------------- */

#topbanner { display: block; top:107px; left: 0px; height: 70px; border-bottom: 1px solid #999; background: #000 url(images/bg/header_banner.png) no-repeat; margin-top: 1px}
#banner { width: 468px; height: 60px;}


/* Columnas 
-------------------------------------------------------------- */
#content_wrapper { text-align: left; margin: 0px auto;	padding: 0px;	border:0;	width: 960px;	background: #fff; }
#content { float: left; width:500px; padding-right: 10px; } 
#sidebar { float: left; width:320px; background: #fff; margin-top: 2px }
#sidebar_publi { float: left; width:125px; background: #fff; margin-top: 2px }
#r_sidebar { float: left; width:300px; background: #fff; margin-left: 2px }

/* Contenido de los post
-------------------------------------------------------------- */
.content_post { text-align: justify; }
.content_post p {padding-top: 10px;}
.content_post a{ text-decoration: none; color: #007CC2; }
.content_post a:hover{ text-decoration: none; color: #007CC2; }
.content_post img{ margin:0px !important; }

/* latest post 
-------------------------------------------------------------- */

#latest_post { padding: 0 0 1.5em 0; }
#latest_post_image img { margin: 0 0 0.2em 0; }
.latest_post_meta { font-size: 0.9em; line-height: 1.6em; }
.latest_post_meta a { font-weight: bold; }
.latest_post_meta a:hover { text-decoration: underline; }
.latest_read_on { padding: 0 20px 1px 20px; background: url(images/bg/readon.png) no-repeat top left; }
.latest_comments { padding: 0 20px 1px 20px; background: url(images/bg/comment.png) no-repeat top left; }
.latest_category { padding: 0 20px 1px 20px; background: url(images/bg/category.png) no-repeat top left; }
.latest_edit { padding: 0 20px 1px 20px; background: url(images/bg/edit.png) no-repeat top left; }

/* Enlaces para compartir 
-------------------------------------------------------------- */
.compartir_mail { padding: 0 20px 1px 20px; background: url(images/bg/email-img.png) no-repeat top left; }
.compartir_meneame { padding: 0 20px 1px 20px; background: url(images/bg/meneame-img.png) no-repeat top left; }

/* Tabs
-------------------------------------------------------------- */
.tabs-lista {
  list-style-type: none;
}
.cat{
        font-size: 10px;
        line-height: normal;
	list-style-type: square;
	list-style-image: inherit;
	list-style-position: outside;
}
.cat a:hover {
        text-decoration:underline;
}


/* Listas
-------------------------------------------------------------- */
.lista_links_autores{
        line-height: normal;
        list-style-type: inherit;
	list-style-image: url(images/bg/si.gif);
	list-style-position: outside;
}
.lista_links_autoras{
        padding-top:-10px;
        line-height: normal;
        list-style-type: inherit;
	list-style-image: url(images/bg/si_girl.gif);
	list-style-position: outside;
}
.lista_links{
        line-height: normal;
        list-style-type: inherit;
	list-style-image: url(images/bg/sq.png);
	list-style-position: outside;
}
/* Publicidad
-------------------------------------------------------------- */
#adboxes { float: left; width:300px; background: #fff; align: center}
#adboxesvertical { float: left; width:100px; background: #fff; align: center; margin-left:3px;}
.ad125 { float: left; width:150px; background: #fff; align: center}
.ad100 { float: left; width:125px; background: #fff; align: center}
.ad300 { float: left; width:300px; background: #fff; margin-top:3px; align: center}

/* comments styles 
-------------------------------------------------------------- */
.comentarios { width: 497px;}
.comments { padding: 8px; }
.comments * { font-size: 13px; }
.comments h3 { color: #9C0504; font-size: 14px; font-family: Times New Roman, Georgia, Serif; margin-bottom: 10px; }
.comments .commentlist { padding: 0; margin: 0; }
.comments .commentlist div { margin: 5px 0 5px 0; padding: 10px; background: #F5F5F5; width: 450px; overflow: auto; }
.comments .commentlist .alt { background: #FFFFFF; }
.comments ol { list-style-type: decimal; line-height: 18px; margin: 0; padding: 0 0 10px 0; }
.comments ol li{ list-style: decimal inside; margin:0; padding:10px; border-bottom:2px solid #aaa; }
.topic_comment{ text-align:left; padding:6px; color:#9C0504; margin:0; border-bottom:2px dotted #666666; }
.topic_comment a, .topic_comment a:visited{ color:#9C0504; }


.commentpage {
	margin: 0 30px;
	padding: 0;
	}

#comments {
	margin: 0;
	padding: 0;
	}

.comments-num {
	padding: 0 0 10px 0;
	}

#commentlist {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
#commentlist li {
	padding: 20px 25px 0 0;
	border-bottom: 1px solid #E0E0E0;
	background: #F8F8F8 repeat-y 0 0;
	}
	.alt {
		background-color: #fff !important;
		background-image: none !important;
		}

.comment-gravatar {
	float: left;
	width: 62px;
	height: 62px;
	background: transparent url(images/gravatar.gif) no-repeat;
	}
	img.gravatar {
		margin: 7px 0 0 7px;
		border: none;
		}

.comment-title,
.comment-meta,
.comment-text {
	margin: 0 0 0 80px;
	}

.comment-title,
.comment-title a,
.comment-title a:hover{
	color: #5F5F5F;
	}
.comment-meta,
.comment-meta a,
.comment-meta a:hover {
	color: #5F5F5F;
	}

h2#postcomment {
	margin: 30px 0 0 0;
	padding: 0 0 10px 0;
	}

.postcomment {
	clear: both;
	margin: 20px 0 0 0;
	padding: 20px;
	}

.postcomment input,
.postcomment textarea {
	border: 1px solid #E0E0E0;
	}
.postcomment input:hover,
.postcomment textarea:hover {
	border: 1px solid #D0D0D0;
	}
.postcomment input#author,
.postcomment input#email,
.postcomment input#url {
	width: 100% !important;
	width: 400px; /* Fuck IE */
	height: 18px;
	}
.postcomment textarea#comment {
	width: 100% !important;
	width: 400px; /* Fuck IE */
	}

.postcomment input#submit {
	width: auto;
	height: 25px;
	padding: 2px 10px 3px 10px;
	background: #e5edff url(images/submit.gif) repeat 0 0;
	}
.postcomment input#submit:hover {
	background: #e5edff url(images/submit_hover.gif) repeat 0 0;
	}
	


/* Miscellaneous styles
-------------------------------------------------------------- */
.nube_tags {  line-height: 20px}

p { width: 100% }
small {
	font-size: 0.8em;
	}
	
/*  heading styles */
h2 a { text-decoration: none; color: #007CC2; letter-spacing: -0.05em; font-family: "Trebuchet MS"; }
h2 a:hover { text-decoration: none; color: #007CC2; }
h2.archive_name, h2.post_name { letter-spacing: -0.04em; }
h2.post_cat { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0 0 0.2em 0; margin: 0 0 1em 0; letter-spacing: 0.1em; color: #999; border-bottom: 1px solid #dadada; }
h2.post_comm { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0.3em 0 0.2em 0; margin: 0 0 0.2em 0; letter-spacing: 0.1em; color: #9C0504; border-bottom: 1px solid #dadada; background: url(images/bg/stripe.png) repeat; }
h2.post_comm2 { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0.3em 0 0.2em 0; margin: 0 0 0.2em 0; letter-spacing: 0.1em; color: #9C0504; border-bottom: 1px solid #dadada; }
h3.latest_post_title { font: bold 1.6em arial, sans-serif; line-height: 1.6em; margin: 0; letter-spacing: -.035em; padding: 0 0 0.2em 0; }
h3.latest_post_title a:hover { color: #fff; background: #000; }
h3.home_featured { background: url(images/bg/dot.png) repeat-x top left; text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0.7em 0.7em 0.9em 0.7em; color: #5f9410; letter-spacing: 0.1em; }
h3.mast { text-transform: none; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0 0 0.6em 0; letter-spacing: 0.1em; color: #007CC2; }
h3.mast2 { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0 0 0.2em 0; color: #5f9410; }
h3.mast3 { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0 0 0.2em 0; letter-spacing: 0.1em; color: #224970; }
h3.mast4 { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0 0 0.6em 0; letter-spacing: 0.1em; }


h3.mast5 { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: normal; padding: 0 0 0.2em 0; letter-spacing: 0.1em; color: #5f9410; }
h3.archive_title { line-height: 1em; padding: 0 0 5px 0; }
h3.archive_title a { font: bold 1.0em arial, sans-serif; color: #000; letter-spacing: -0.036em; }
h3.archive_title a:hover { color: #fff; background: #000; }

#content img {
	padding: 3px 3px 3px 3px;
	border: 1px #fff;
}

/* miscellaneous */

.none { display: none; }
.border_left { padding-left: 9px; margin-left: 0; border-left: 1px solid #ddd; }
.dot { font-family: "lucida sans unicode", "arial unicode ms", sans-serif; }
.navigation { color: #818181; }
input.Forms, textarea.Forms { border-top: 1px solid #999; border-left: 1px solid #999; border-bottom: 1px solid #dadada; border-right: 1px solid #dadada; padding: 2px; }
input.buttonem { background: #dadada; float: left; }

/* image caption classes */

.captionleft { float: left; margin: 0 1.5em 1em 0; padding: 0.5em; text-align: left; }
.captionright { float: right; margin: 0 0 1em 1.5em; padding: 0.5em; text-align: left; }
.captionfull { margin: 0 0 1em 0; padding: 0; text-align: left; }
.captionleft img, .captionright img, .captionfull img { margin: 0; display: block; }
.captionleft p, .captionright p, .captionfull p { margin: 0; line-height: 1.6em; padding: 0.5em; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; font-size: 0.9em; color: #555; }

.alignleft { float: left; margin: 0 1.5em 1em 0; padding: 0.5em; text-align: left; }
.alignright { float: right; margin: 0 0 1em 1.5em; padding: 0.5em; text-align: right; }
.alignleft p, .alignright p, .alignfull p { margin: 0; line-height: 1.6em; padding: 0.5em; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; font-size: 0.9em; color: #555; }