/*  
Theme Name: juanpi
Theme URI: http://www.alturabit.com
Description: Fundación Juan Pablito.
Version: 2.0
Author: Lidia Gana
Author URI: http://www.alturabit.com*/



ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{
	margin:0;
	padding:0;
}
ul{
	list-style:none;
}
a{
	color:#956c9e;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
a img{
	border:0;
}
.clear{
	clear:both;
}

html{
	background:url(images/bgr_html.png) repeat-x;
        background-color:#eef7fa;
}

body{
	margin:0px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#136185;
}

#page{
	width:100%;
	margin:0px auto;
	/*background:url(images/bgr_page.png) center top no-repeat;*/
}

/* menu */
#menu{
	width:972px;
	height:48px;
        margin-left:auto;
        margin-right:auto;
        margin-top:-100px;
        float:none;
}
#top_rss{
	float:right;
}
#top_rss img{
        display:none;
	float:right;
}
#mainmenu{
	padding:14px 0 0 0;
        float:left;
        text-align:center;
}
#mainmenu ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	z-index:1000;
}
/*Top level list items*/
#mainmenu ul li{
	position: relative;
	display: inline;
	float: left;
	z-index:1000;
	color:#ffffff;
	padding:0 0 0 10px;
	font-family:"Times New Roman", Times, Georgia, serif;
	text-transform:none;
	font-size:14px;
	font-weight:normal;
        text-transform:uppercase;
        text-shadow:#0184a4 0px 1px 0px;

}
#mainmenu ul li.first{
	padding:0;
	background:none;
}
/*Top level menu link items style*/
#mainmenu ul li a{
	display:block;
	color:#ffffff;
	z-index:1000;
	height:20px;
	padding:5px 10px 0 10px;
}
* html #mainmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
	float:left;
}
* html #mainmenu ul li ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
	float:none;
}
#mainmenu ul li a:link, #mainmenucat ul li a:visited{
	text-decoration:none;
}
#mainmenu ul li a:hover, #mainmenu .current_page_item a, #mainmenu .select a{
	color:#ffffff;
	background:#91c9d7;
	text-decoration:none;
}
/*1st sub level menu*/
#mainmenu ul li ul{
	position: absolute;
	left: 0;
	display: block;
	visibility: hidden;
	margin:0 0 0 17px;
}
/*Sub level menu list items (undo style from Top level List Items)*/
#mainmenu ul li ul li{
	display: list-item;
	float: none;
	font-size:1.0em;
	background:none;
	padding:0;
}
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
#mainmenu ul li ul li ul{
	top: 0;
	margin:0;
}
/* Sub level menu links style */
#mainmenu ul li ul li a, #mainmenu ul li.current_page_item ul a, #mainmenu ul li.select ul a{
	width: 160px; /*width of sub menus*/
	height:auto;
	padding: 7px 5px 7px 10px;
	margin: 0;
	background:#9d0d12;
	border-top-width: 0;
	text-align:left;
	text-decoration:none;
	color:#d89ea0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-transform:capitalize;
	font-weight:normal;
}
#mainmenu ul li ul li a:hover{ /*sub menus hover style*/
	text-decoration:none;
	color:#fff;
}
/* ######### CSS classes applied to down and right arrow images  ######### */
/* HEADER */

#header{
	width:972px;
	height:295px;
	overflow:hidden;
        top: 0px;
        margin-left:auto;
        margin-right:auto;
	background:url(images/bgr_page.png) center top no-repeat;

}

#header #logo{
	color:#fff;
	font-size:60px;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	letter-spacing:-4px;
	padding:0;
        padding-top:0px;
        padding-left:0px;
	float:left;
	/*position:relative;*/
}

#header_title{
	float:left;
}
#header_right{
	float:right;
	padding:43px 21px 0 0;
        display:none;
}
#header_title h1{
	color:#fff;
	font-size:48px;
	font-family:Tahoma, Geneva, sans-serif;
	padding:30px 0 0 36px;
	letter-spacing:-5px;
	font-weight:normal;
	text-transform:uppercase;
}
#header_title h1 a{
	color:#fff;
}
#header_title h1 a:hover{
	text-decoration:none;
}
#main_search{
	width:307px;
	height:46px;
	background:url(images/bgr_main_search.png) no-repeat;
	float:right;
        display:none;
}

#searchform_top{
	padding:8px 0 0 8px;
	float:left;
	position:relative;
}

#searchform_top_text{
	width:222px;
	border:0px;
	background:#fff;
	padding:6px;
	color:#4c4c4c;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	margin:1px 8px 0 0;
}

#gosearch{
	float:left;
}
/*board*/
#board{
	width:100%;
	height:280px;
	/*background:url(images/bgr_board.png) no-repeat;*/
	overflow:hidden;
        display:none;
}
#board_post{
	float:left;
	width:624px;
	padding:30px 0 0 60px;
}
#board_twitter{
	float:right;
}
#board_post h3{
	color:#848382;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:23px;
	font-weight:normal;
	margin:0 0 5px 0;
}
#board_post h2{
	color:#fff;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:34px;
	line-height:32px;
	font-weight:normal;
	margin:0 0 5px 0;
}
#board_post p{
	color:#808080;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	line-height:20px;
	margin:0 0 10px 0;
}
#board_post p a{
	color:#808080;
	text-decoration:underline;
}
#board_post p a:hover{
	text-decoration:none;
}
/* BODY */

#body{
	width:972px;
	background:url(images/bgr_body.png) repeat-y center;
	overflow:hidden;
	padding:0 0 0 0;
        margin-top:52px;
        margin-left:auto;
        margin-right:auto;
}

#body_left{
	width:710px;
	float:right;
}

#body_right{
	width:230px;
	float:left;
}

/* left contact */

#body_left_content{
	width:660px;
	padding:0 0 0 0px;
}

.post{
	width:100%;
	margin:0 0 40px 0;
}

.post-top{
	width:100%;
	overflow:hidden;
	padding:0 0 5px 0;
	border-bottom:1px solid #96c7e5;
}

.post-title{
	float:left;
	width:555px;
}

.post-title h2{
	font-size:27px;
	color:#136185;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:0 0 6px 0;
}

.post-title h2 a{
	color:#136185;
}
.post-top h4{
	display:none;
        width:77px;
	height:58px;
	padding:15px 0 0 0;
	color:#000;
	text-align:center;
	font-size:30px;
	font-weight:normal;
	font-family:Tahoma, Geneva, sans-serif;
	float:left;
	background:url(images/bgr_post_comment.png) no-repeat;
	margin:0 0 5px 0;
}

.post-top h3{
	font-weight:normal;
	color:#99aab3;
	font-size:11px;
	padding:0 0 8px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.post-top h3 a, .post-top h3 span{
	color:#81bbd9;
	font-weight:normal;
	text-transform:capitalize;
	text-decoration:underline;
}

.post-top h3 a:hover, .post-top h3 span{
	text-decoration:none;
}

.entry{
	line-height:18px;
	font-size:13px;
	font-family:Arial, Helvetica, Tahoma, verdana, sans-serif;
	margin:0px 0 0 5px;
}
.entry .banner{
	text-align:center;
	padding:0 0 10px 0;
}
.entry .banner img{
	border:0;
}

.banner_left{
	float:left;
	padding:0 20px 10px 0;
}
.entry .banner_left img{
	border:0;
}
.entry p{
	padding-bottom:15px;
}

.entry p a{
	text-decoration:underline;
	color:#956c9e;
	font-weight:normal;
}

.entry p a:hover{
	text-decoration:none;
}

.postmetadata{
	/*display:none;*/
        width:100%;
	overflow:hidden;
}

.postmetadata a{
	color:#ffffff;
	font-size:12px;
	background:#77b7db;
	font-weight:bold;
	display:block;
	padding:5px 10px 5px 10px;
	float:left;
}

.post-page{
	width:100%;
}

h2.page_title{
	font-size:27px;
	color:#04577f;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	/*border-bottom:1px solid #72b5d0;*/
	padding:0 0 7px 5px;
	margin:0 0 10px 0;
}

.post-page .entry{
}

.post-page .entry a{
	text-decoration:underline;
	color:#956c9e;
	font-weight:normal;
}

.post-page .entry a:hover{
	text-decoration:none;
}

.entry strong{
}

.post-page .entry em, .entry h1, .post-page .entry h2, .post-page .entry h3, .post-page .entry h4, .post-page .entry h5, .post-page .entry h6{
	color:#156185;
	display:block;
	font-weight:normal;
        font-family: Georgia, "Times New Roman", Times, serif;
}

.post-page .entry strong{
}

.post-page .entry h1{
	font-size:26px;
	padding:0 0 14px 0;
}

.post-page .entry h2{
	font-size:24px;
	padding:0 0 14px 0;
}

.post-page .entry h3{
	font-size:22px;
	padding:0 0 12px 0;
}

.post-page .entry h4{
	font-size:20px;
	padding:0 0 10px 0;
}

.post-page .entry h5{
	font-size:18px;
	padding:0 0 8px 0;
}

.post-page .entry h6{
	font-size:16px;
	padding:0 0 6px 0;
} 

/* right content */

#body_right_content{
}
/* ADS */
#sidebar_ads{
	width:100%;
	overflow:hidden;
        display:none;
}
#sidebar_ads div{
	float:left;
	padding:0 0 8px 8px;
}
#sidebar_ads div img{
	float:left;
}
.adv_here{
	text-align:center;
	font-weight:bold;
	font-size:13px;
        display:none;
}
.adv_here a{
	text-decoration:underline;
	color:#7f1507;
}
.adv_here a:hover{
	text-decoration:none;
}

/* SIDE BAR */

#sidebar{
	width:190px;
	margin:20px 0 0 27px;
}

.sidebars h2{
	font-size:16px;
	color:#055880;
	text-transform:uppercase;
	font-family:"Times New Roman", Times, Georgia, serif;
	font-weight:bold;
	padding:0 0 5px 15px;
}

.sidebars ul{
	color:#055880;
	font-size:13px;
	font-family:Arial, Helvetica, Tahoma, Geneva, sans-serif;
}

.sidebars ul li{
	padding:0 0 20px 10px;
}

.sidebars ul li ul li{
	margin-bottom:0;
	width:auto;
	font-weight:normal;
	background:url(images/ico_cat.gif) no-repeat left 5px;
	padding:3px 0 3px 16px;
}

.sidebars ul li ul li ul li{
	margin-left:0;
}

.sidebars li ul{
	margin:0 0 10px 0;
}

.sidebars li ul li ul{
	padding-bottom:0px;
	padding-left:10px;
	background:none;
	width:auto;
}

.sidebars li ul li ul li ul{
}

.sidebars li{
	margin-bottom:0px;
	background:none;
}

.sidebars li li{
	margin-bottom:0px;
	border-bottom:1px solid #b4e0e8;
	padding:4px 0 4px 10px;
}

.sidebars li li li{
	background:none;
	border:0;
	padding-bottom:3px;
}

.sidebars li a{
	color:#055880;
}

.sidebars li.widget_categories ul li{
}

.sidebars li.widget_categories ul li a{

}

.sidebars li.pagenav ul li a{

}

.sidebars li.widget_archives ul li a{

}

.sidebars li.linkcat ul li a{

}

.sidebars .widget_tags p{
	padding:0px 10px 10px 15px;
}

.sidebars .widget_tags a{
	color:#055880;
}

.sidebars .textwidget{
	padding:0px;
}

/* FOOTER */

#footer{
	width:972px;
	height:160px;
	background:url(images/bgr_footer.png) top center no-repeat;
	overflow:hidden;
        margin-left:auto;
        margin-right:auto;
}

#footer_title{
	float:left;
        display:none;
}

#footer_text{
	/*float:right;*/
        width:972px;
        margin-left:auto;
        margin-right:auto;
	padding:60px 0 0 0;
	font-family:Verdana, Geneva, sans-serif;
}

#footer_title h2{
	color:#343434;
	font-size:38px;
	font-family:Tahoma, Geneva, sans-serif;
	padding:60px 0 0 26px;
	letter-spacing:-2px;
	font-weight:normal;
	text-transform:uppercase;
}
#footer_title h2 a{
	color:#343434;
}
#footer_title h2 a:hover{
	text-decoration:none;
}
#footer_text p{
	font-size:12px;
	text-align:right;
	padding:0 20px 8px 0;
	color:#479dce;
}
#footer_text a{
	color:#479dce;
}
#footer_text span a{
	color:#ff0000;
	text-decoration:underline;
	font-weight:bold;
}
#footer_text span a:hover{
	text-decoration:none;
}




/* Begin Typography & Colors */

#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
/* End Typography & Colors */




/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	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 Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 98%;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
}	
.navigation {
	text-align: right;
	margin:10px auto 0 auto;
	width:97%;
	border-top:1px solid #ECF7F8;
	padding:10px;
	overflow:hidden;
	font-size:13px;
        font-weight:bold;
	color:#000;
	}

#body_left .navigation {
	text-align: center;
	width:96%;
	padding:10px 0 10px 0;
	margin:30px 0 0 25px;
	}

.navigation a{
	}

.wp-pagenavi{
	line-height:1.8em;
	padding:0 15px 0 15px;
}

.wp-pagenavi a {
	padding: 4px; 
	margin: 2px;
}
.wp-pagenavi span.pages {
	padding: 4px; 
	margin: 2px;
	background:#636363;
	color:#fff;
}
.wp-pagenavi span.current {
	padding: 4px; 
	margin: 2px;
	background:#636363;
	color:#fff;
}
.wp-pagenavi span.extend {
	padding: 4px; 
	margin: 2px;
	background:#636363;
	color:#fff;
}

/* Begin Comments*/

h2#comments{
	font-size:22px;
	color:#215974;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
        font-style:italic;
	border-bottom:1px solid #C1EBF1;
	padding:0 0 7px 5px;
	margin:0 0 10px 25px;
}

.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	margin:0 0 0 25px;
	}

.commentlist .comment {
	margin: 15px 0 0 0;
	padding: 5px 5px 5px 5px;
	list-style: none;
	background:#f2fbfe;
	border:1px solid #b4e4f8;
	}

.commentlist .alt {
	background:#f2fbfe;
	border:1px solid #b4e4f8;
	}

.commentlist .comment .comment {
	margin: 5px 5px 5px 5px;
	padding: 5px 15px 10px 5px;
	width:auto;
	}

.commentlist p {
	margin: 5px 5px 10px 0;
	line-height:18px;
	}
.commentmet_data{
	width:100%;
	overflow:hidden;
}
.commentmet_data td{
	vertical-align:top;
	text-align:left;
        width:5px;
}
.commentmet_avatar{
	width:5px;
	padding:5px 0 0 0;
        display:none;
}
.commentmet_text{
}
.commentmet_avatar img{
	border:1px solid #333;
}

#commentform p {
	margin: 1px 0;
	}

.commentmet_replay{
	width:100%;
	overflow:hidden;
        display:none;
}
.commentmet_replay a{
	width:79px;
	height:20px;
	float:right;
	display:block;
	background:url(images/button_commentmet_replay.gif) no-repeat;
	text-indent:-9999px;
}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	padding:0 0 5px 0;
	color:#333;
	font-size:12px;
	font-family:Tahoma, Geneva, sans-serif;
	}
.commentmetadata a{
	color:#0C83BB;
}
.commentmetadata span{
	color:#636363;
}
.commentmetadata span.commentmetadata_title{
	color:#0C83BB;
}

.commentmet_text{
	font-size:12px;
}

#respond{
	margin:10px 15px 0 30px;
	padding-bottom:10px;
}
.cancel-comment-reply small{
	font-size:12px;
}

h3#respond_title{
	font-size:22px;
	color:#215974;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
        font-style:italic;
	border-bottom:1px solid #C1EBF1;
	padding:0 0 7px 5px;
	margin:0 0 20px 0;
}

#commentform{
	margin-left:30px;
	color:#000000;
	font-size:12px;
	width:80%;
	font-family:Arial, Helvetica, sans-serif;
        text-align:right;
}

#commentform small{
	position:relative;
	top:1px;
	font-size:12px;
        padding-right:10px;
}

#commentform a{
	color:#0C83BB;
}

#commentform input{
	background:#fff;
	border:2px solid #c9c9c9;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:7px;
	color:#000000;
        width:200px;
        text-align:rigth;
}

#commentform textarea{
        width:450px;
	background:#fff;
	border:2px solid #c9c9c9;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:7px;
	margin:5px 0 0 0;
	color:#000000;
}

#commentform input#submit{
	background:none;
	border:0px;
        text-align:rigth;
}

/* End Comments */