/*

@style   theme for "OP Blog".
@media   screen
@site    openpopuli.com
@version 0.2
@date    2008-09-15
@author  sebastian.garcia@openpopuli.com
@author  www.openpopuli.com

*/


/*  algunos css genéricos   */
.clear-all{clear:all;}

.resaltado{color:orange;}

#content-blog a:link{color: #18a1f7;}
#content-blog a:visited{color:#7c6798;}
#content-blog a:hover{color:orange;}
#content-blog a:active{color:#717171;}


/*  #content-blog de la aplicacion */
#content-blog {
background-color:#f3f3f3;
text-align:center;
font-family: verdana, georgia, tahoma, verdana, arial;
}

/*  cabecera    */
#content-blog #cabecera{
width:300px;
min-height:100px;
margin:auto;
}

#content-blog #cabecera h1{
background-image: url(../img/logo.gif);
background-repeat: no-repeat;
text-indent: -3000px;
overflow: hidden;
width:280px;
height:118px;
min-height:118px;
}

#content-blog #cabecera h2{
color:#5abefd;
font-family: georgia, Verdana, Tahoma;
font-style: italic;
margin-bottom:0.5em;
}


/*  blog    */
#content-blog #blog{
width:920px;
margin:auto;
text-align:left;
background-color:#f3f3f3;
margin-top:1em;
padding-top:1em;
}


/*  buscador    */
#content-blog #search{
width:100%;
background-color: #f3f3f3;
font-size:0.8em;
margin:1em auto 0 auto;
text-align:center;
}

#content-blog #search input{
font-size:0.9em;
background-color:#ffffff;
border: solid 1px #5ABEFD;
color:#2b81b8;
margin-right:1em;
}

#content-blog #search .campos input{
width:300px;
}

#content-blog #search .send input:hover{
background-color:#F2F2F2;
}

#content-blog #search .label-search{
display:none;
color:red;
}

/*  opcion add-post */
#content-blog #add-post{
width:100px;
height:50px;
min-height:50px;
background-image: url(../img/newpost.gif);
background-repeat: no-repeat;
padding-left: 35px;
padding-top:10px;
float:right;
font-size:1.1em;
}

#content-blog #add-post a{text-decoration:none;}

/*  ordenar resultados  */
#content-blog #sort{
background-image: url(../img/ordenarby.gif);
background-repeat: no-repeat;
padding:0 0 0 100px;
height:24px;
min-height:24px;
width:350px;
margin-bottom:1em;
}


#content-blog #sort a:link, #sort a:visited, #sort a:hover, #sort a:active
{
background-image: url(../img/ordenar.gif);
background-repeat: no-repeat;
padding:0 0 0 14px;
font-size:0.7em;
text-decoration:none;
margin-left:1em;
font-weight:bold;
}

/*  contenedor de los posts */
#content-blog #posts{
margin-top:1em;
}

/*  estilos para los .post individuales 
con sus secciones y estilos para cada una de las entradas del blog  */
#content-blog .post{
margin-bottom:1em;
border-bottom: 1px solid #5ABEFD;
background-color: #F3F3F3;
padding: 0.2em 10px 0.5em 10px;
}

#content-blog .post .info-post{
font-size:0.9em;
color:#727272;
font-style:italic;
margin-bottom:1em;
}

#content-blog .post .info-post .id-post{}

#content-blog .post .info-post .date{
font-size:0.8em;}

#content-blog .post .content-post{
margin-bottom:1em;
font-size:0.8em;
}

#content-blog .post .content-post .titulo{
color:#727272;
font-style:italic;
}

#content-blog .post .content-post h1{
font-weight:bold;
color:#378dc3;
}

#content-blog .post .content-post p{
color:#464646;
font-style:normal;
text-align:justify;
margin-top:0.5em;
}

#content-blog .post .actions{
font-size:0.9em;
text-align:right;
}
#content-blog .post .actions span{
width:50px;
padding-left:17px;
border: solid 1px #bdbdbd;
margin-right: 1em;
background-color: #ffffff;
}

#content-blog .post .actions span.button-edit{
background-image: url(../img/edit-post.gif);
background-repeat: no-repeat;
}

#content-blog .post .actions span.button-delete{
background-image: url(../img/delete-post.gif);
background-repeat: no-repeat;
}

.actions a:link, .actions a:visited, .actions a:hover, .actions a:active{
color:#bdbdbd;;
font-size: 0.9em;
text-decoration:none;
margin-right:1em;
padding: 1px 3px;
} 


/*  contenedor del  paginator */
#content-blog #pagination{
font-family: verdana;
font-size:0.8em;
font-weight:normal;
margin-top:3em;
margin-bottom:1em;
}

#content-blog #pagination ul{}

#content-blog #pagination ul li{}

#content-blog #pagination ul li a{
border-bottom: 1px solid #a8a8a8;
border-right: 1px solid #a8a8a8;
border-top: 1px solid #b1b1b1;
border-left: 1px solid #b1b1b1;
padding: 1px 4px;
text-decoration:none;
}

#content-blog #pagination ul li a:hover{
background-color:#e5e5e5;
text-decoration:none;
color:#5ABEFD;
}

#content-blog span.resultados{
color:#727272;
font-size:0.7em;
font-weight:normal;
margin-left:3em;
}

#content-blog span.paginas{
display:inline;
font-weight:bold;
color:#727272;
}

#content-blog span.paginas ul{
display:inline;
}

#content-blog span.paginas ul li{
display:inline;
margin-right: 0.1em;
}

#content-blog span.paginas ul li a{
font-weight:bold;
}


/*  contenedor del pie de pagina: powered by... */

#content-blog #powered{
margin-top:2em;
margin: 1em auto 0 auto;
}
#content-blog #powered p{
font-family:verdana;
font-size:11px;
color: #0084a8;
font-weight: bold;
border: none;
text-align:center;
}

#content-blog #powered p a{
display:block;
border: solid 1px #ffffff;
width:920px;
text-decoration:none;
background-color:#5ABEFD;
color:#ffffff;
margin:auto;
padding:1px 2px;
}
#content-blog #powered p a:hover{color:#fafafa;}


/*  css para las acciones "edit" y "add"    */
#content-blog #form-edit{
color:#464646;
}

#content-blog #form-edit form{}
#content-blog #form-edit input, #content-blog #form-edit textarea {
font-size:0.9em;
background-color:#fafafa;
border: solid 1px #5ABEFD;
color:#2b81b8;
margin-right:1em;
width:600px;
}

#content-blog #form-edit textarea {
min-height:300px;
height:300px;
}

#content-blog #form-edit input#submit{
width:70px;
}
#content-blog #form-edit input#submit:hover{
background-color:#ffdcbf;
}