/*
THEME NAME: Fundatics
THEME URI: http://www.jepserbernardino.com/2009/08fundatics
DESCRIPTION: Tema para sitio web de Fundatics Guatemala
VERSION: 1.0
AUTHOR: <a href="http://jepserbernardino.com/">Jepser Bernardino</a>
AUTHOR URI:
TAGS: fundatics, guatemala
*/

@import url('styles/reset.css');
@import url('styles/960.css');
@import url('styles/text.css');

body{
background:url(images/backeground.gif) left repeat-y #89c9e1;
color:#052936;
}
#all{
margin:0;
position:relative;
}
#mainheader{
position:fixed;
right:0;
z-index:2;
padding-top:20px;
width:270px;
}
img#logo{
float:right;
margin-bottom:20px;
}
#blog-description{
text-align:right;
font-style:italic;
padding:0 10px 10px 0;
border-bottom:5px solid #FFFFFF;
}
#sidebar{
display:none;
background:#FFFFFF;
margin:0;
width:250px;
padding:10px 0;
position:relative;
}
#sidebar #abajo{
width:210px;
height:15px;
position:absolute;
left:0;
bottom:-15px;
background:url(images/rayas-blancas.png);
}
#toggle{
position:absolute;
text-transform:uppercase;
font-weight:bolder;
font-size:16px;
letter-spacing:-1px;
background:#052936;
color:#FFFFFF;
padding:5px;
top:0;
right:0;
z-index:2;
cursor:pointer;
}
#toggle:hover{
background:url(images/rayas-blancas.png);
color:#052936;
}
#contenido{
position:relative;
min-height:600px;
padding-top:50px;
}
#footer{
background:url(images/ciudad.gif) repeat-x left;
position:absolute;
width:100%;
overflow:hidden;
height:192px;
}
#supertitulo{
letter-spacing:-5px;
font-size:70px;
text-transform:uppercase;
color:#FFFFFF;
line-height:70px;
border-bottom:5px solid #FFFFFF;
margin-bottom:40px;
}
#supertitulo a{
color:#FFFFFF;
text-decoration:none;
}
#mainmenu{
border-top:5px solid #89c9e1;
list-style:none;
margin:0 0 30px 0;
padding:30px 0 0;
text-align:right;
font-weight:bold;
}
#mainmenu li{
font-size:22px;
letter-spacing:-1px;
margin:0 0 10px 0;
position:relative;
}
#mainmenu li a{
background:#052936;
text-decoration:none;
color:#FFFFFF;
padding:5px 5px 5px 15px;
}
#mainmenu li a:hover{
color:#89c9e1;
}
#mainmenu li.current_page_item a{
background:#FFFFFF;
color:#89c9e1;
}
.widget{
position:relative;
margin-bottom:30px;
text-align:right;
}
.widget h4{
font-weight:normal;
text-transform:uppercase;
font-size:18px;
}
.widget .texto{
padding:10px 20px 10px 10px;
}
.widget .derecho{
width:15px;
position:absolute;
right:-15px;
top:0;
height:100%;
background:url(images/rayas-blancas.png);
}
.widget ul{
list-style:none;
}
.widget ul li{
margin-bottom:10px;
padding-bottom:10px;
background:url(images/sidebar-separador.gif) repeat-x bottom;
}
.widget a{
color:#052936;
text-decoration:none;
}
.widget a:hover{
text-decoration:underline;
}
#rss{
background:url(images/icono-rss.gif) no-repeat right center;
text-transform:uppercase;
text-decoration:none;
font-size:18px;
text-align:right;
color:#052936;
padding:10px 50px 10px 0;
display:block;
}
/*contenido*/
.post{
background:url(images/borde-abajo.gif) repeat-x bottom;
padding-bottom:20px;
margin-bottom:50px;
}
.post a{
color:#065c7b;
}
.post a:hover{
color:#052936;
}
.head{
background:url(images/rayas-azules.png);
letter-spacing:-2px;
padding:0 50px 0 20px;
line-height:24px;
margin-bottom:30px;
}
.head .titulo{
background:#89c9e1;
color:#052936;
padding:0 5px;
}
.head .titulo a{
color:#052936;
text-decoration:none;
}
.fecha{
color:#FFFFFF;
text-align:center;
float:left;
margin:0 10px 20px 0;
}
.fecha .day{
font-size:30px;
display:block;
line-height:30px;
}
.fecha .month{
display:block;
text-transform:uppercase;
font-size:16px;
line-height:15px;
}
.fecha .year{
display:block;
line-height:15px;
}
.meta{
float:left;
padding-top:5px;
}
.meta p{
margin-bottom:10px;
}
.meta .autor{
background:url(images/autor-icon.gif) no-repeat left top;
padding:0 0 0 30px;
}
.meta .tag{
background:url(images/tag-icon.gif) no-repeat left top;
padding:2px 0 0 30px;
}
.meta a{
text-decoration:none;
color:#052936;
}
.comentarios{
float:right;
}
.comentarios a{
color:#FFFFFF;
font-weight:bold;
letter-spacing:-1px;
text-transform:uppercase;
font-size:15px;
text-decoration:none;
}
.comentarios a:hover{
background:url(images/rayas-blancas.png);
color:#052936;
}
/*footer*/
#footinfo{
background:url(images/fundatics-index_26.gif);
font-size:24px;
font-weight:bold;
letter-spacing:-2px;
position:fixed;
right:0;
z-index:2;
padding:0 10px;
bottom:20px;
}
/*search widget*/
#searchsubmit{
border:1px solid #FFFFFF;
background:#a6d1e0;
color:#FFFFFF;
padding:3px;
text-transform:uppercase;
}
#searchsubmit:hover{
border-color:#052936;
}
#searchform input#s{
background:#89c9e1;
border:1px solid #052936;
margin-bottom:10px;
padding:3px;
}
#searchform label.screen-reader-text{
display:none;
}
/*navegacion*/
#nav-below{
font-size:18px;
padding-bottom:30px;
}
#nav-below a{
color:#FFFFFF;
text-decoration:none;
display:block;
}
.nav-previous{
float:left;
}
.nav-next{
float:right;
}
/*single*/
.page-link, .entry-meta{
background:#c3e7f4;
padding:5px;
border:#4594b2 1px solid;
margin-bottom:30px;
}
.entry-meta a{
text-decoration:none;
}
/*comentarios*/
.comment-title{
background:url(images/borde-abajo.gif) repeat-x bottom;
padding-bottom:10px;
}
#comments{
}
#comments a{
color:#065c7b;
}
#comments a:hover{
color:#052936;
}
#comments ul{
list-style:none;
}
#comments ul li{
margin-left:0;
}
.comment-author{
border-bottom:3px solid #FFFFFF;
}
.comment-author a{
text-decoration:none;
color:#FFFFFF;
}
.comment-author span{
position:relative;
float:right;
right:10px;
bottom:-10px;
font-size:18px;
text-transform:uppercase;
text-align:right;
}
.comment-author a{
color:#FFFFFF!important;
}
.comment-author img{
border:3px solid #FFFFFF;
position:relative;
bottom:-3px;
left:10px;
}
.comment-meta{
margin-bottom:10px;
font-size:11px;
}
.comment-content{
padding:10px;
}
#commentform input, #commentform textarea{
border:1px solid #052936;
padding:3px;
margin-bottom:5px;
}
#commentform input:focus, #commentform textarea:focus{
border-color:#c6e9f6;
}
#commentform #submit{
margin:10px 0;
background:#052936;
color:#FFFFFF;
cursor:pointer;
}
/*general*/
h3.entry-title a{
text-decoration:none;
color:#065C7B;
}
h3.entry-title a:hover{
color:#052936;
}
blockquote{
margin-left:20px;
font-style:italic;
padding-left:5px;
border-left:5px solid #abdef1;
}
/*wordpress default*/
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.alignleft {
float: left;
}

.alignright {
float: right;
}

.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
}

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

.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}