/* @override http://www.gelo.tv/blog/wp-content/themes/gelo/style.css */

/* @override http://www.gelo.tv/blog/wp-content/themes/gelo/style.css */


/*  
Theme Name: gelo
Theme URI: http://gelo.tv/
Description: el theme de <a href="http://gelo.tv/">gelo.tv</a>
Version: 1
Author: Jose Luis Pajares
Author URI: http://gelo.tv/
*/

/* Begin Typography & Colors */

p {
	margin-top: 6px;
	margin-bottom: 6px;
}

div {
	box-sizing:border-box;
	margin:0;
	padding:0;
	}
	

a {
	color: #073456;
	background-color: white;

}


a:hover {
	background-color: #81D4D4;
	color: white;
}

#logo_gelo a, #logo_gelo a:hover {
	background-color: transparent;
	
}

img {
	border: none;
}

a img, a img:hover {
	padding: 0;
	background: transparent;
	border-style: none;
	text-decoration: none;
}

div.flickr-thumb {
	float: left;
	margin: 4px;
	height: 75px;
	width: 75px;
}

div.flickr_badge_image img {
	float: left;
	padding-right: 20px;
}

#shTitle a, #shTitle a:hover{
	background: none;
}


a:visited {
	color: #073456;
}

#header{
}

#header_blog, #header_page {
	width: 100%;
	height: 80px;
}

#header_blog {
	background-color: white;
}

#logo_gelo {
	margin-top: 21px;
	width: 80px;
	left: 50%;
	position: absolute;
	margin-left: -472px;
}

#menu_sup {
	width: 700px;
	margin-top: 40px;
	float: left;
	position: absolute;
	left: 50%;
	margin-left: -230px;
}

#menu_sup a {
	text-decoration: none;
	border-radius: 0.2em;
	padding: 2px 5px 2px 7px;
	margin-right: 4px;
}

#menu_sup a:hover {
	color: white;
}

.menu_item_act {
}

.social_icons {
	margin-left: 25px;
}

.menu_item_act a, .menu_item_act a:visited{
	color: white;
	background-color: #859f48;
}

#blog_titulo_es, #blog_titulo_en {
	width: 100%;
	height: 400px;
	background: url(images/separacion-4.jpg) center;
	margin-bottom: -120px;
}

#blog_titulo_es a, #blog_titulo_en a {
	background: none;
	width: 350px;
	height: 180px;
	position: absolute;
	left: 50%;
}

#blog_titulo_es a:link, #blog_titulo_en a:link {
	margin-left: 60px;
	margin-top: 1px;
}

#blog_titulo_es a:hover, #blog_titulo_es a:link:hover {
	width: 1185px;
	height: 303px;
	margin-left: -623px;
	margin-top: -24px;
	background: url(images/separacion-over3-es.jpg) no-repeat center;
	overflow: hidden;
}

#blog_titulo_en a:hover {
	width: 1185px;
	height: 303px;
	margin-left: -623px;
	margin-top: -24px;
	background: url(images/separacion-over3-en.jpg) no-repeat center;
	overflow: hidden;
}

#language {
	position: fixed;
	right: 10px;
	list-style-type: none;
	z-index: 2;
	background: url(images/fondo_tags_12.gif) repeat center;
	border-bottom-right-radius: 0.2em;
	border-bottom-left-radius: 0.2em;
	padding: 25px 9px 6px;
	border-bottom:1px solid #d8dede;
	border-right: 1px solid #d8dede;
	border-left: 2px solid white;
	text-align: center;

}

*:first-child+html #language {
	width: 60px;
}

#language ul {
	margin: 0;
	padding: 0;
}

#language li {
	list-style-type: none;
	margin-top: 5px;
}

#language a {
	border-radius: 0.2em;
	text-decoration: none;
	padding: 1px 8px;
}




#texto_header{
	width: 550px;
	margin-left: 245px;
	margin-top: 30px;
}

.footer #gelo{
	width: 450px;
	margin-right: auto;
	margin-left: auto;
}

.footer #gelo a{
	text-decoration: underline;
}

.footer #bloque_foto {
	background: url(images/me.jpg) no-repeat;
	width: 200px;
	list-style-type: none;
	height: 141px;
	float: left;
	margin-right: 20px;
	margin-top: 3px;
}

.footer #bloque_footer_1 {
}

#bloque_footer_1 p {
}
 
#mas a {
	border-top-right-radius: 0.2em
	border-bottom-right-radius: 0.2em;
	float: left;
	margin-top: 19px;
	background-color: #073456;
	padding-right: 10px;
	padding-left: 10px;
	background-color: #073456;
	color: white;
}



.titulo_top {
	background-color: #c8c8c8;
	color: white;
	text-transform: uppercase;
	text-align: center;
	padding: 5px 24px 4px;
	float: left;
}

.entry {
	margin-left: 275px;
	margin-top: 4px;
	line-height: 1.5em;
}

small {
	font-size: 0.9em;
	line-height: 1.5em;
	}

.meta_principal_post{
	float: left;
}

/* por un espacio que crea Firefox bajo las imagenes con link*/
.meta_principal_post a.thumb_post img{
	display: block;
}

.meta_principal_post a img{
	width: 253px;
	height: 162px;
	margin: 0;
	padding: 0;
}

.meta_principal_post  img.wp-post-image {
	margin: 0;
	padding: 0;
	background-color: white;
}

/* hover de tags */

.meta_tags {
	position: absolute;
	width: 253px;
}
.meta_tags img{
	display: inline-block;
}


.meta_tags ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.meta_tags ul .top{
	background-color: #fff;
	border-bottom-right-radius: 0.2em;
	border-bottom-left-radius: 0.2em;
	text-transform: uppercase;
	width: 75px;
	padding-bottom: 5px;
	padding-top: 5px;
	cursor: pointer;
	border-bottom: 2px solid #d8dede;
	border-right: 1px solid #d8dede;
	border-left: 1px dotted #d8dede;
	font-size: 0.8em;
	text-align: center;
	margin-left: 177px;
}

.meta_tags ul .item{
	border-top-left-radius: 0.2em;
	border-top-right-radius: 0.2em;
	border-bottom-left-radius: 0.2em;
	border: 1px solid #e4ebeb;
	background-color: #fff;
	font-size: 0.8em;
	text-align: right;
	padding: 10px;
	background-color: #fff;
	display: none;
}

.meta_tags ul:hover .item{
	display:block;
}

.meta_tags ul .item a{
	vertical-align: 2px;
	display: inline-block;
	border-radius: 0.2em;
	background-color: white;
	text-decoration: none;
	padding: 0 6px;
	margin-right: 5px;
	margin-top: 3px;
}

.meta_tags ul .item a:hover{
		background-color: #81D4D4;
	}

/* proyectos */

.project, .project_time{
	float: left;
	margin-top: 15px;
}


.project_order {
margin-bottom: 0px;
	text-align: right;
}
.project_childs_time{
	margin-left: 240px;
}
.project_childs{
	margin-left: 240px;
}

.tit_catproj {
	margin-top: 5px;
	margin-bottom: 11px;
	font-size: 14pt;
	text-transform: uppercase;
	float: left;
}

.catproj {
	background-color: white;
	padding: 8px 14px 4px 15px;
	width: 200px;
	margin-right: 10px;
	font-size: 8pt;
	height: 171px;
	margin-bottom: 10px;
	float: left;
}

.catproj_time {
	background-color: white;
	padding: 8px 14px 4px 15px;
	width: 200px;
	margin-right: 10px;
	font-size: 8pt;
	height: 171px;
	margin-bottom: 10px;
	float: left;
}

.meta_project{
	float: left;
	height: 275px;
	width: 230px;
	margin-left: 10px;
}

#project_dropdown_top img {
	width: 230px;
	height: 147px;
}

#project_dropdown_item{	
}

#project_dropdown_item a{
	text-decoration: none;
	background-color: white;
	display: block;
	padding: 8px 20px;
	text-transform: uppercase;
}

#project_dropdown_item a:hover {
		background-color: #81D4D4;
}

#project_dropdown_down{
	font-size: 0.8em;
	margin-top: 6px;
}
	
/*cierra proyectos */


.infotags_single {
	color: #545454;
	padding-left: 8px;
	border-top: 1px solid #aaa;
	padding-top: 4px;
	margin-bottom: 45px;
	font-size: 9pt;
}



.infotags_single{
	width: 253px;
	text-align: left;
	margin-top: 3px;
	padding: 5px 0 0;
}


h1 {
	font-size: 2em;
	text-align: center;
	}

#headerimg .description {
	font-size: 1.2em;
	text-align: center;
	}

h3 {
	font-size: 1.3em;
	padding: 0;
	}

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
	text-decoration: none;
	}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #wp-calendar caption, cite {
	font-variant: normal;
	font-weight: normal;
	font-style: normal;
}



.entry p {
	margin-bottom: 10px;
}

.commentlist cite, .commentlist cite a {
	font-size: 1.1em;
	text-decoration: none;
}

.commentlist cite {
	display: inline-block;
	padding-left: 8px;
	padding-right: 10px;
}

.commentlist cite a:hover {
	text-decoration: underline;
}

.commentmetadata, .commentmetadata a {
	color: #a1a1a1;
	padding-left: 8px;
	padding-right: 10px;
}
.commentmetadata img {
	margin-left: 12px;
	margin-right: 10px;
}


code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

h2 a:hover, h3 a:hover {
	text-decoration: none;
}

/* End Typography & Colors */



/* Begin Structure */
* {
}

html {
}

body {
	color: #00284d;
	font: 10pt "Lucida Sans Unicode", "Lucida Grande", Lucida, Verdana, sans-serif;
	margin: 0;
	padding-right: 0;
	padding-top: 0;
	padding-bottom: 0;
	padding: 0;
}

.fondo_lemonlines, .fondo_gelo {
	background: url(images/fondo_tags_12.gif) repeat;
}

#contenedor {
	width: 1000px;
	max-width: 960px;
	margin-right: auto;
	margin-left: auto;
}

#content {
	margin-left: 10px;
	margin-right: 10px;
}

#content.narrowcolumn{
	float: left;
	width: 750px;
}
	
#content.narrowcolumn_page, #content.narrowcolumn-project {
	max-width: 960px;
	margin-right: auto;
	margin-left: auto;
}

#content.narrowcolumn-project {
	margin-top: 25px;
}

#content.narrowcolumn_page {
	margin-top: 40px;
	padding-right: 30px;
	padding-left: 10px;
	max-width: 780px;

}

#coming {
	text-align: center;
	margin-top: 100px;
	text-transform: uppercase;
	font: 3em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #b9b9b9;
}

.post hr, .post_single hr {
	display: block;
	}

.post {
	margin-bottom: 15px;
	height: 215px;
	overflow: hidden;
}

.entry a, .entry a.continue, #comments a, .tags_dropdown_item a, .project_order a {
	border-radius: 0.7em;
	border-bottom: 1px solid #cbd1d1;
	border-right: 1px solid #9fb7b7;
	text-decoration: none;
	padding-right: 6px;
	padding-left: 6px;
	font-size: 0.9em;
}

/* Los margenes negativos permiten evitar que las imágenes con enlaces aparezan un indeseado marco inferior provocado por poner padding a los links*/
.entry a img {
	margin: -6px;
}

.entry a:visited {
	color: #5aacb8;
}

.no_border_link a{
	border-style: none;
	padding: 0;
	border-radius: 0em;
	background: none;
}


.entry object {
	border-bottom-right-radius: 0em;
	border-bottom-left-radius: 0em;
}

.wp-caption a {
	border: none;
	background: none;
	margin: 0;
	padding: 0;
}

.footer {
	background-color: white;
	padding-top: 20px;
	clear: both;
	font-size: 0.9em;
	color: #585858;
	height: 180px;
}

#separacion_final {
	background: url(images/separacion5.gif) repeat-x center;
	height: 100px;
	width: 100%;
	position: relative;
	float: left;
}

#creditos {
	text-align: center;
	font-size: 7pt;
	color: gray;
	margin-top: 35px;
	margin-bottom: 20px;
}

#creditos a {
	color: #474747;
	text-decoration: none;
}
/* End Structure */



/*	Begin Headers */
h1 {
	padding-top: 10px;
	margin: 0;
	}

.post h2, .post_single h2 {
	padding-left: 275px;
	text-transform: uppercase;
	font-size: 11pt;
	margin-bottom: 0;
	margin-top: 0;
}

.titulo_post a {
	display: inline-block;
	text-decoration: none;
	max-width: 305px;
	padding: 0.5em 12px 0.4em 15px;
}

.titulo_post_proj {
	display: inline-block;
	background-color: #fff;
	text-decoration: none;
	padding: 134px 12px 0.4em 15px;
	width: 100%;

}

.titulo_project a {
	background-color: #fff;
	display: inline-block;
	text-decoration: none;
	max-width: 300px;
	padding: 0.5em 12px 0.4em 15px;
}

.fecha_art{
	color: #26363a;
	font-size: 10.5pt;
	padding-top: 6px;
	margin-left: 10px;
}

/****/

.spch-bub-inside {
  position: relative;
  margin-left: 10px;
	font-size: 0.9em;
}
a.spch-bub-inside {
  text-decoration: none;
}
.spch-bub-inside em {
  font-style: normal;
  
  
}
.spch-bub-inside em {
  background-color: #f1f7f7;
  border-radius: 0.4em;
  position: relative;
  padding: 0 5px;
	border: 2px solid #d8dede;
}

.spch-bub-inside .point { 
	border-bottom: 6px solid #f1f7f7; /* IE fix */
	overflow: hidden;
 	margin-right: -10px;
	padding-bottom: 2px;
	border-left: 6px solid #d8dede;
}
a.spch-bub-inside:hover em {
  cursor: pointer;
  background: #073456;
  color: #FFF;
  border-style: solid;
  border-color: #073456;
}
a.spch-bub-inside:hover .point {
  border-left: 5px solid #073456;

}
/****/

h2.pagetitle, h2.pagetitle_tag {
	text-transform: uppercase;
	font-size: 13pt;
	background-color: white;
	padding: 8px 14px 4px 15px;
	clear: both;
	position: relative;
}

h2.error {
	text-transform: uppercase;
	font-size: 10pt;
	margin-right: 100px;
	padding-left: 20px;
	margin-top: 23px;
}

.tag_title {
	color: #000;
	background: #fff;
	padding: 6px 10px;
	font-size: 21px;
	margin-left: 13px;
}

.desc {
	float: right;
	margin-top: -6px;
	padding-left: 10px;
}

#tag_page_cloud {
	margin-top: 10px;
	text-align: center;
	margin-bottom: 40px;
}

#tag_page_cloud a {
	background-color: white;
	text-decoration: none;
	border-bottom:1px solid #d8dede;
	border-right: 1px solid #d8dede;
	display: inline-block;
	padding: 1px 8px;
	margin-top: 1px;
}

.textwidget {
	background-color: #ededed;
	padding: 8px 8px 8px 0.6em;
}

h2#comments {
	padding: 10px;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: 0;
	border-top-style: solid;
	border-top-color: white;
	border-right-style: dotted;
	border-right-color: #fff;
	border-left-style: dotted;
	border-left-color: #fff;
}

h3#respond {
	margin-bottom: 0;
	padding-right: 3px;
	padding-bottom: 5px;
	margin-top: 15px;
	border-top: 5px dotted white;
	padding-top: 8px;
}

/* End Headers */



/* Begin Images */


p img {
	max-width: 100%;
	margin: 0;
	padding: 0;
}

.avatar {
	padding-right: 5px;
	padding-left: 20px;
}

#smart404_suggestions{
	text-align: left;
	font-size: 14px;
}

#smart404_suggestions a{
	background-color: #fff;
	margin-bottom: 6px;
	display: inline-block;
	padding: 5px 12px 3px 15px;
	margin-top: 5px;
}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	} 

html>body .entry li {
	margin: 7px 0 8px 10px;
	}

.entry ul li:before {
	content: "\00BB \0020";
	}

.entry ol {
	padding: 0 0 0 5px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

/* End Entry Lists */



/* Begin Comments*/

#comments {
	margin-left: 280px;
}



.commentlist li {
	margin: 15px 0 3px;
	list-style: none;
	padding-top: 15px;
	padding-bottom: 15px;
	border-style: solid;
	border-color: #fff;
}

.commentlist li p {
	padding-left: 15px;
	padding-right: 15px;
}

.commentlist {
	padding: 0;
	margin: 0;
}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}
	
#commentform input {
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	padding: 7px;
	border-color: #cdcdcd;
	border-width: 1px;
	font-size: 1em;
	color: #073456;
	width: 100%;
}

#commentform #submit {
	width: 18%;
	text-align: center;
	margin: 0;
}

/* End Comments */



/* Begin Sidebar */


#sidebar {
	float: right;
	width: 175px;
	margin-top: 42px;
}

#sidebar a {
	text-decoration: none;
	text-decoration: none;
	border-radius: 0.7em;
	display: inline-block;
	padding: 1px 8px;
}

.navigation {
	text-align: center;
	font-size: 9pt;
	width: 100%;
	margin-top: 40px;
}
.navigation a{
	border-radius: 0.7em;
	text-decoration: none;
	background-color: white;
	padding: 6px 12px;
}

#subscribe h2{
	float: left;
	color: #d03c26;
}

#subscribe img{
	margin-left: 4px;
	padding-top: 5px;
}

#sidebar ul, #sidebar ul ol, #sidebar_single ul, #sidebar_single ul ol {
	margin: 0;
	padding: 0;
}

#sidebar ul li{
	list-style-type: none;
	margin-bottom: 4px;

}	


#recent-posts {
	background-color: #fff;
	padding: 5px 12px;
	border-bottom-right-radius: 0.4em;
	border-bottom-left-radius: 0.4em;
}


#tags_cloud {
	border-radius: 0.4em;
	padding: 12px 12px 8px;
	background-color: #fff;
	margin-top: 5px;
}	


#twitter_gelo {
	padding: 12px 12px 8px;
	border-radius: 0.4em;
	margin-top: 10px;
	border-style: dashed;
	border-width: 1px;
	margin-bottom: 10px;
	font-size: 0.9em;
}

#twitter_gelo a{
	display: inline;
	padding: 0px 5px;
}

a#twit {
	padding: 0px 5px;
	margin-right: 2px;
}

.mtn {
	margin-left: 40%;
}

a.mtn {
	background-color: white;
	text-decoration: none;
	border-radius: 0.7em;
	border-bottom:1px solid #d8dede;
	border-right: 1px solid #d8dede;
	padding: 10px;
	text-decoration: none;
}


#tags_cloud ul li {
	margin-bottom: 0;
}

#tags_cloud .wp-tag-cloud{
	border-bottom: 1px solid #c2c2c2;
	padding-bottom: 5px;
	margin-bottom: 5px;
}	

#cat.postform{
	color: #ff310c;
}


/* Begin Form Elements */
#busqueda {
	padding: 0;
	height: 32px;
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
}

#searchform {
	padding: 0;
	margin: 0 0 1px;
	width: 151px;
}

#searchform input {
	font-size: 9pt;
	text-align: right;
	text-transform: uppercase;
	color: #838383;
	width: 100%;
	padding: 6px 10px 4px;
	border-top-right-radius: 0.4em;
	border-top-left-radius: 0.4em;
	border: 2px inset #f1f7f7;
}


.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}
/* End Form Elements */

/* End Sidebar */

/* Begin Various Tags & Classes */

acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	padding-left: 28px;
    background-image: url(images/quote.gif);
    background-repeat: no-repeat;
    background-position: left top;
	font-style: italic;
	color: #221d0b;
	margin-left: 20px;
}

blockquote cite {
	display: block;
	margin-bottom: 0;
	margin-top: 5px;
	margin-right: 0;
}

.center {
	text-align: center;
	}
	
.car-container ul li {
	list-style-type: none;
	margin-top: 12px;
	text-transform: uppercase;
}

.car-container ul li li {
	margin-top: 1px;
	text-transform: none;
	font-weight: normal;
	font-style: normal;
}

hr {
	display: none;
	}
/* End Various Tags & Classes*/