/*
Theme Name: ianthem
Version: 0.1
Author: Ronald Bardalez
Author URI: http://www.ronaldpoi.net/
*/


/* BASICS */

a { color: #4089f2; text-decoration: none; }
a:hover { color: #790000; }

h2 { font-size: 108%; margin-bottom: 1em; }

p { color: #333; line-height: 1.6em; margin-bottom: 1em; text-align: justify; }
p:last-child { margin-bottom: 0; }

.clear { clear: both; }


/* GLOBAL */

#main {
	width: 960px;
	margin: 0 auto; }

#content { margin-bottom: 10px; }

#nav { position: relative; width: 960px; }

#menu {
	float: right;
	font-family: "museo-slab-1","museo-slab-2", Arial;
	font-size: 116%;
	padding-top: 90px; }

	#menu ul li { display: inline; }
	
	#menu ul li a {
		display: block;
		float: left;
		padding: 6px 14px; }
	
	#menu ul li a:hover {
		background-color: #c5dbfb;
		border: none;
		color: #33435b; }
	
	#menu ul li.current_page_item a {
		background: #4089f2;
		color: #fff; }

#dashboard {
	background-color: #c5dbfb;
	border-top: 2px solid #3d84e9;
	margin-bottom: 10px;
	padding: 10px;
	width: 940px; }

#googlesearch {
	background-color: #fff;
	border: 1px solid #4489f5;
	float: right;
	padding: 2px 2px 2px 4px;
	width: 382px; }

	#googlesearch input {
		background: transparent url("images/blank.gif") left top repeat;
		border: none;
		float: left;
		font-family: Arial;
		font-size: 116%;
		margin-top: 4px;
		outline: none;
		width: 250px; }

p.postmetadata {
	color: #666;
	font-size: 85%;
	margin-bottom: 10px; }



/* HOME */

.home-featured, .home-subfeatured, .home-promopanels { float: left; }

.articulo, .suscribirse {
	background-color: #eee;
	margin: 0 10px 10px 0;
	width: 637px; }
	
	.articulo img {
		margin: 0 0 10px 0; }
	
	.articulo h1, .suscribirse h1, .recientes h1, .descargas h1 {
		border-bottom: 1px solid #ddd;
		margin-bottom: 10px;
		padding: 30px 10px 10px 10px; }

.articulo-item {
	float: left;
	margin: 0 10px;
	width: 298px; }

.editorial {
	background-color: #33435b;
	margin-bottom: 10px;
	width: 313px; }
	
	.editorial h1 {
		background: transparent url(images/editorial-juanjosegarrido.jpg) right center no-repeat;
		border-bottom: 1px solid #4a5d79;
		color: #fff;
		margin-bottom: 10px;
		padding: 30px 10px 10px 10px; }
	
	.editorial img {
		margin: 0 0 10px 10px; }

	.editorial p {
		color: #fff;
		padding: 0 10px; }
	
	.editorial a { color: #a6c3ec; }
	.editorial a:hover { color: #fff; }

.articulo h2, .editorial h2 {
	font-family: "museo-slab-1","museo-slab-2", Arial;
	font-size: 131%; }
	
	.editorial h2 {
		padding: 0 10px; }



.suscribirse {
	background-color: #eee;
	margin: 0 10px 10px 0;
	width: 637px; }

	.suscribirse-entrada {
		-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
		float: left;
		border: 1px solid #999;
		font-family: Arial, serif;
		font-size: 13px;
		padding: 4px;
		outline: none;
		margin: 0 0 10px 10px;
		width: 273px; }
	
	.suscribirse-button {
		-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
		background-color: #ececec;
		float: left;
		border: 1px solid #999;
		font-family: Arial, serif;
		font-size: 13px;
		padding: 4px;
		margin-left: 10px;
		width: 120px; }



.ad-trujillo {
	background: #641515 url(images/back-trujillo.png) right top no-repeat;
	float: left;
	height: 100px;
	margin: 0 10px 10px 0;
	padding: 10px;
	width: 455px; }

.ad-elperuquepudoser {
	background: #333 url(images/back-elperuquepudoser.png) right top no-repeat;
	float: left;
	height: 100px;
	margin: 0 0 10px 0;
	padding: 10px;
	width: 455px; }
	
	.ad-trujillo h1, .ad-elperuquepudoser h1 {
		font-family: "museo-slab-1","museo-slab-2", Arial;
		font-size: 116%;
		padding-top: 10px; }
	
	.ad-trujillo p, .ad-elperuquepudoser p {
		color: #b0b0b0;
		font-size: 93%; }
	
	.ad-trujillo a, .ad-elperuquepudoser a { color: #a6c3ec; }
	.ad-trujillo a:hover, .ad-elperuquepudoser a:hover { color: #fff; }
	
.gapminder {
	background: #eee url(images/gapminder.jpg) center 10px no-repeat;
	padding: 10px;
	margin-bottom: 10px;
	width: 293px; }
	
	.gapminder h1 {
		font-family: "museo-slab-1","museo-slab-2", Arial;
		font-size: 116%;
		margin-bottom: 20px;
		padding-top: 60px; }







.recientes {
	background-color: #dce9fd;
	margin: 0 10px 10px 0;
	width: 637px; }
	
	.recientes-item {
		float: left;
		margin: 0 10px 10px 10px;
		width: 298px; }
	
	.recientes-item img {
		float: left;
		margin-right: 10px; }
	
	.recientes-cont {
		float: left;
		width: 262px; }
	
	.recientes-item-cont h3 {
		font-size: 93%; }
	
.descargas {
	background-color: #eee;
	margin-bottom: 10px;
	width: 313px; }
	
	ul.lecturas, ul.presentaciones { padding: 0 10px; }
	
	ul.lecturas li {
		background: transparent url(images/icons/page_white_acrobat.png) 6px left no-repeat;
		line-height: 1.2em;
		padding: 4px 4px 4px 22px; }
	
	ul.presentaciones li {
		background: transparent url(images/icons/page_white_powerpoint.png) 6px left no-repeat;
		line-height: 1.2em;
		padding: 4px 4px 4px 22px; }



.estudios {
	background-color: #222;
	float: left;
	margin-right: 10px;
	width: 637px; }
	
	.estudios h1 {
		border-bottom: 1px solid #ddd;
		color: #fff;
		margin: 0 10px 10px 10px;
		padding: 30px 10px 10px 10px; }
	
	.estudios h2 {
		font-family: "museo-slab-1","museo-slab-2", Arial; }
	
	.estudios p {
		color: #666;
		font-size: 85%;
		margin-bottom: 0; }
	
	.estudios-item {
		float: left;
		margin: 0 10px 10px 10px;
		width: 298px; }
	
	.estudios-item img {
		float: left;
		margin-right: 10px; }
	
	.estudios-cont {
		float: left;
		width: 224px; }
	
	.estudios a { color: #a6c3ec; }
	.estudios a:hover { color: #fff; }



/* FOOTER */

#footer {
	border-top: 2px solid #3d84e9;
	padding-top: 10px; }
	
	#footer span {
		font-family: "museo-slab-1","museo-slab-2", Arial;
		font-size: 131%; }



/* SINGLE PAGE */

#page-single {
	float: left;
	width: 540px; }
	
	#page-single img {
		margin: 0 10px 10px 0; }
	
	#page-single h2 {
		font-family: "museo-slab-1","museo-slab-2", Arial;
		font-size: 131%; }
	
	#page-single ul li {
		background: transparent url(images/ul-bullet.gif) 10px 4px no-repeat;
		margin-bottom: 1em;
		padding: 0 20px; }
	
	#page-single ul li:last-child { padding-bottom: 0; }
	
.page-single-title { margin-bottom: 2em; }

	.page-single-title h1 {
		font-family: "museo-slab-1","museo-slab-2", Arial;
		font-size: 182%; }

	

/* SIDEBAR */

#sidebar {
	float: right;
	width: 400px; }

.sidebar-panel {
	background-color: #eee;
	margin-bottom: 10px;
	padding: 10px;
	width: 380px; }

	.sidebar-panel h1 {
		border-bottom: 1px solid #ddd;
		margin-bottom: 10px;
		padding: 20px 0 10px 0; }
	
	.sidebar-panel li {
		background: url("images/ico-list.gif") left top no-repeat;
		margin: 6px 0;
		padding-left: 16px; }
	
	.sidebar-panel-item {
		margin-bottom: 10px;
		width: 380px; }
	
	.sidebar-panel-item img {
		float: left;
		margin-right: 10px; }
	
	.sidebar-panel-cont {
		float: left;
		width: 344px; }

.panel-editorial {
	background: #eee url(images/sidebar-editorial-back.jpg) left top repeat-x;
	padding-top: 0 }

.panel-editorial h1 {
	background: transparent url(images/sidebar-editorial-juanjose.png) left bottom no-repeat;
	padding-top: 60px;
	text-align: right; }

.panel-editorial span {
	font-family: "museo-slab-1","museo-slab-2", Arial;
	font-size: 182%; }


	
	
	
	





/* ----------
FORMS
---------- */

#formsubscription {
	margin: 10px auto 0;
	width: 240px; }

#formsubscription input {
	border: 1px solid #c0c0c0;
	padding: 3px;
	width: 222px; }


















/* ----------
PAGE & CONTENT
---------- */


	#page-content {
		display: block;
		margin-bottom: 10px;
		width: 550px; }
	
	#page-content h1 {
		color: #4089f2;
		font-size: 138.5%; }
	
	#page-content p:last-child { margin-bottom: 0; }
		
	#page-content ul li {
		background: transparent url(images/ul-bullet.gif) 10px 4px no-repeat;
		margin-bottom: 1em;
		padding: 0 20px; }
	
	#page-content ul li:last-child { padding-bottom: 0; }

#comments {
	background-color: #eeeeee;
	margin-bottom: 10px;
	padding: 10px;
	width: 530px; }

	#comments h1 {
		border-bottom: 1px solid #ddd;
		margin-bottom: 10px;
		padding: 20px 0 10px 0; }







hr {
	border: none;
	height: 0;
	line-height: 0;
	margin-top: 20px; }











/* ----------
PUBLICACIONES
---------- */

.videothumb {
	float: left;
	width: 100px; }

.videodescript {
	float: left;
	width: 400px; }



/* ----------------------------------------------------------------------------------------------------------

Z) Others

---------------------------------------------------------------------------------------------------------- */



ul.ul-list {margin:15px 0; padding:0; list-style:none;}

ul.ul-list li {margin:0; margin-bottom:6px; padding:0; padding-left:20px; background:url("images/ico-list.gif") 0 4px no-repeat;}











.hx-style01 {
	/*clear:both; */
	background: url("images/dot.gif") 0 50% repeat-x; }

.hx-style01 span {
	margin-left: 15px;
	padding: 0 5px;
	font-weight: bold;
	text-transform: uppercase; }



a.ico-more {padding:5px 7px; border:0 !important;}



.alignright {float:right;}

.alignleft {float:left;}



#commentform input {

	width: 170px;

	padding: 2px;

	margin: 5px 5px 1px 0;

	}



#commentform textarea {

	width: 100%;

	padding: 2px;

	}



#commentform #submit {

	margin: 0;

	float: right;

	}



.documentthumb {
	float: left;
	margin: 0 10px 0 0;
	width: 62px; }

.presentacionthumb {
	float: left;
	margin: 0 10px 0 0;
	width: 16px; }

.documentdescript {
	float: left;
	width: 386px; }





/* End Form Elements */







/* Begin Comments*/



.nocomments {

	text-align: center;

	margin: 0;

	padding: 0;

	}



.commentmetadata {

	margin: 0;

	display: block;

	}



img.avatar {float:left; margin-right:5px;}

/* End Comments */




.row { clear: both; }
.hol1 { width: 470px; float: left;}
.hol2 { width: 470px; float: left; margin-left: 10px; }

.lectura {
	background-color: #eee;
	display: inline;
	float: left;
	margin-right: 10px;
	min-height: 90px;
	padding: 8px;
	width: 294px; }

.lectura:hover {
	background-color: #e1ebfa;



/* BLUE CSS */


fieldset {border:1px solid #DFDFDF;}

legend {background:#FFF; color:#4089F2;}



.low, .low a {color:#7F7F7F;}

.low a:hover {color:#000;}



/* ----------------------------------------------------------------------------------------------------------

Layout

---------------------------------------------------------------------------------------------------------- */



#logo {color:#000;}

        

#slogan {color:#7F7F7F;}



#search #search-input {border:1px solid #AFAFAF;}

#search #search-input:focus {border:1px solid #5F5F5F;}

#search #search-submit {border:1px solid #4089F2; background:#4089F2; color:#FFF;}



/* ----------------------------------------------------------------------------------------------------------

Page: Home

---------------------------------------------------------------------------------------------------------- */



#topstory-perex {background:#000; color:#AFAFAF;}

#topstory-perex a {border-bottom:1px solid #5F5F5F; color:#FFF;}

#topstory-perex a:hover {border-bottom:1px solid #FFF; color:#FFF;}



.col30 h4 a {color:#4089F2;}

.col30 h4 a:hover {color:#000;}

.col30 p.date {color:#7F7F7F;}

.col30 p.date a {color:#7F7F7F;}

.col30 p.date a:hover {color:#000;}



/* ----------------------------------------------------------------------------------------------------------

Others

---------------------------------------------------------------------------------------------------------- */



.hx-style01 span {background:#FFF; color:#4089F2;}



a.ico-more {background:#F5F5F5; color:#5F5F5F;}

a:hover.ico-more {background:#4089F2; color:#FFF;}