/*

Theme Name: Journalized Sand

Theme URI: http://zed1.com/

Description: Sand theme from Mike Little's Journalized

Version: 1.00 Released 13 Mar 2005

Author: Mike Little

Author URI: http://zed1.com/journalized/



Credit for the original concept and core of the layout comes

courtesy of Rob Chandanais via: http://bluerobot.com/web/layouts/layout3.html



HE CAMBIADO LOS TAMAÑOS; ANTES: 
p 	:1.em/1.2em
h3 	:bold 1.3em
.leftsideSection ul li : 	11px
.rightsideSection ul li, .sideSection2 ul li :	11px

*/



body {

    color: #000000;

    background: #FFFFFF;

    margin: 20px;

    padding: 0px;

    font: 12px verdana, arial, helvetica, sans-serif;

}



h1 {

    /*  Cabecera   */

   font-weight: bold;

    font-size: 150%;    

    color: #000000;

    text-align: left;

 

}



img {

	position:relative;
    border-style: none;

    float:left;

    padding-right:1em;
	
/*	width: 100px;  */

}


#wrap  {
	position:relative;
}



#banner {
    position: absolute;
    min-width: 130px;
    width: 168px;
    top: 100px;
    left: 2%;
    padding: 5px;
    background: #ffffff;
/*    z-index: 1;
    voice-family: "\"}\"";
    voice-family: inherit;    */
}

#banner a img {
	width: 168px;
}

.images {

    padding: 2px;

    background: transparent;

    border: none;

}

h2 {

    /* Linea de la fecha */

    margin: 12px 210px 10px 190px;

    padding: 1px 4px 1px 4px;

    font-size: 1em;

    color: #eeeeee;

    position: relative; /* Position is declared "relative" to gain control of stacking order (z-index). */

    width: auto;

    min-width: 120px;

    background: #7c3a44;

 /*   z-index: 3;*/ /* This allows the content to overlap the right menu in narrow windows in good browsers. */

    border: 1px solid #000;

}



h3 {
	font: bold 1.5em verdana, arial, helvetica, sans-serif;    /*  font: bold 16px...  */
	margin: 0px 0px 5px 0px;
	padding: 0px;


}



h4 {

    /*  Titulos de los apartados de las columnas  */

    font-size: 12px;

    border: 1px solid #000;

    border-bottom: none;

    margin: 0px 0px 0px 0px;

    color: #e9f2fc;

    background: #7c3a44;

    padding: 2px 4px 2px 4px;

}



h5 {

    color: #000000;

    background: #FEF1BC;

    font:12px verdana, arial, helvetica, sans-serif;

}





#barra   {

    background-color:#ff0033;

    margin: 12px 210px 10px 190px;

    padding: 1px 4px 1px 4px;

    font-size: 12px;

    color: #eeeeee;

    width: auto;

    min-width: 120px;

    line-height:30px;

        font-weight: bold;

}



abbr {

    cursor: help;

}



.storyTitle {

    font: bold 14px verdana, arial, helvetica, sans-serif;

    margin: 0px 0px 5px 0px;
	color: #66FF00;
    padding: 0px;

}


.storyCategory {

    font-weight: 400;

    margin: 0px 0px 5px 0px;

    padding: 0px;

}

.storyAuthor {

    font-weight: 600;

    margin: 0px 0px 5px 0px;

    padding: 0px;

}

p {

    /*  TAMAÑO LETRA TEXTO    */

    font: 1.1em/1.3em verdana, arial, helvetica, serif;

    margin: 0px 0px 0px 0px;

    padding: 6px;

}

.autor {     /*  Añadido por mi  */
	font-size: 0.8em;
	font-style: italic;
}

#headerMessage {

    font: 9px verdana, arial, helvetica, sans-serif;

    margin: 0px 0px 0px 0px;

    padding: 2px;

}



pre {

    font: 10px/11px fixed;

}

a {

    color: #3e0705;

    /*  font-size: 1em;   le he quitado esta linea para manejar los tipos de letra */

    font-family: verdana, arial, helvetica, sans-serif;

    text-decoration: none;

    /* background : transparent; */

}



a:link    { color: #339900; text-decoration: none; }     

a:visited { color: #336600; text-decoration: none; }     

a:hover   { color: #339900; text-decoration: underline; }





#header {

    position: relative; /* Position is declared "relative" to gain control of stacking order (z-index). */

    width: 100%;

    height:70px;

   /* min-width: 120px;   */

    margin: 0px 0px 20px 0px;

    border: 0px solid #000;

    color: #222;

    background: #ffffff;

    padding: 0px;

    z-index: 3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */

    font-size: 3em;

    font-weight: bold;

}



#header a:link, #header a:visited  {

        color: #7c3a44;

    font-family:Courier New,Courier,mono;

}



#header a:hover   {

        color: #ac3a44;

        text-decoration: none;

    font-family:Courier New,Courier,mono;

} 



.primeraletra  {

        color:#FFffff;

        background:#80FF00;

        padding:0px 0px 0px 30px;  

}



.commentHeader {

    position: relative; /* Position is declared "relative" to gain control of stacking order (z-index). */

    width: auto;

    margin: 10px 10px 10px 10px;

    border: 1px solid #000000;

    background: #cccccc;

    color: #000000;

    padding: 10px;

    z-index: 3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */

    font-size: 1.1em;

    font-weight: 600;

}

.centreblock3 {
  	position: relative;
	background-color: #ddd;
	color: #222;
	margin-top: 20px;
	margin-right: 230px;
	text-align: center;
	border: 1px dotted #fff;
	padding: 10px 0px 10px 0px;
	font-size: 1.5em;
	font-weight: bolder;
	margin-left: 190px;
	width: 330px;
}

/* Anadido por Borja para la noticia de cabecera. */

.centreblock2 {

    position: relative; /* Position is declared "relative" to gain control of stacking order (z-index). */

 /*   width: auto;   */

    min-width: 120px;

 /*   height: 60px;   */

    margin: 24px 210px 0px 190px;

    border: 1px solid #fff;

    color: #222;

    background: #FFFFFF;

    padding: 10px 0px 5% 0px;

    z-index: 3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */

}


.centreblock2 img {

    position:relative;

    border-style: none;

    float:left;

    padding-right:1em;

    width: 95%;

}





/* All the content boxes belong to the content class. */

.centreblock, .navigation {

    position: relative; /* Position is declared "relative" to gain control of stacking order (z-index). */

    width: auto;

    min-width: 120px;

    margin: 12px 210px 10px 190px;

    border: 1px solid #CCC;

    color: #222;

    background: #FFFFFF;   /* EAFFD4;  */

    padding: 10px;

    z-index: 3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */

}

.centreblock>p {margin: 0px;}

.centreblock>p+p {text-indent: 50px;}



.meta ul {

  display: inline;

}



.meta li  {

    display: inline;

	list-style-type: none;

}



.centreblock ul, .leftsideSection ul, .rightsideSection ul, .sideSection2 ul {

	list-style-type: none;

	margin: 0;

	padding-left: 3px;

}



.centreblock ul li {

}



.storyContent ul li {

	list-style-type: disc;

	margin-left: 10px;

	padding-left: 5px;

}



.centreblock h4 {

    border: 1px solid #000;

    margin: 14px 0px 2px 0px;

}



.navigation {

    position: relative; /* Position is declared "relative" to gain control of stacking order (z-index). */

    width: auto;

    min-width: 120px;

    margin: 0px 210px 10px 190px;

    border: 1px solid #000;

    color: #222;

    background: #ded6c6;

    padding: 2px;

    z-index: 3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */

}



.storyContent {

    color: #222;

    background: #FFFFFF;   /* #EAFFD4;  */

}



.storyCommentContent {

    border: 1px solid #000;

    color: #222;

    background: #eee;

    width: auto;

    margin: 10px 10px 10px 10px;

    padding: 10px;

}



.storyLinks {

    text-align: right;

    margin: 8px;

}





.storyLinks a:link {    font-size: 0.9em; color: #000; text-decoration: underline;}      /*  font-size: 10px  */

.storyLinks a:visited { font-size: 0.9em; color: #000; text-decoration: underline;}      /*  font-size: 10px  */

.storyLinks a:hover {   font-size: 0.9em; color: #00d; text-decoration: underline;}      /*  font-size: 10px  */





blockquote {

    margin: 0.5em;

    color: #333333;

    padding: 4px;

    /*border: 1px solid #000000;*/

    background: #ded6c6;

}



q {

    color: #333333;

    background: #ded6c6;

}



#leftside {

    position: absolute;

    min-width: 130px;

    width: 168px;

    top: 100px;

    left: 2%;

    padding: 5px;

/*

    border: 1px solid #b5a58c;

    color: #464c64;

*/

    background: #ffffff;

    z-index: 1;

    voice-family: "\"}\"";

    voice-family: inherit;

}

body>#leftside {width: 168px;}



#leftside a:link { color: #000; text-decoration: none;}

#leftside a:visited { color: #000; text-decoration: none;}

#leftside a:hover { color: #0000dd; text-decoration: underline;}


.anuncio {
    border:4px solid #000;
    color: #000;
    background:  #ff6347 ;
    padding: 4px;
    margin: 0px 0px 15px 0px;
}


.leftsideSection {

    border: 1px solid #000;

    color: #222;

    background: #E0FFC1;

    padding: 4px;

    margin: 0px 0px 15px 0px;

}



.leftsideSection ul li {

    padding-top: 2px;

    font-size: 12px;    /*  font-size:  0.95em   */

    list-style-type: circle;

    margin-left: 10px;

}





#rightside {

    position: absolute;

    min-width: 130px;

    width: 188px;

    top: 100px;

    right: 2%;

    padding: 5px;

/*

    border: 1px solid #b5a58c;

    color: #464c64;

*/

    background: #ffffff;

    z-index: 1;

    voice-family: "\"}\"";

    voice-family: inherit;

}

body>#rightside {width: 188px;}



#rightside a:link { color: #000; text-decoration: none;}

#rightside a:visited { color: #000; text-decoration: none;}

#rightside a:hover { color: #0000dd; text-decoration: underline;}





.rightsideSection {

    border:1px solid #000;

    color: #222;

    background: #E0FFC1;

    padding: 4px;

    margin: 0px 0px 15px 0px;

}

.sideSection2{
    border:1px solid #000;
    color: #222;
	background:  #FFE79D;
    padding: 4px;
    margin: 0px 0px 15px 0px;
}

.destacar{
	
	background:  #FFE79D;
}


.rightsideSection ul li, .sideSection2 ul li {

    padding-top: 2px;

    font-size: 12px;    /*  font-size:  0.95em   */

    list-style-type: disc;

    margin-left: 10px;

}



#chaff {

    text-align: right;

}

#chaff a {

   color: #000000;

   font-size: 0.9em;    /* font-size: 8px;   */

}

#chaff a:link { color: #000000; }

#chaff a:visited { color: #000000; }

#chaff a:hover { background: #fff; }



.centerP {

    text-align: center;

}



#contentcomments input, #centreblock input, #menu input {

    margin: 1px;

    padding: 1px 1px 4px 1px;

    border: 1px solid #000000;

    font: 11px/14px verdana, arial, helvetica, sans-serif;

    background: #ffffff;

}

#contentcomments textarea, #centreblock textarea, #menu textarea {

    margin: 1px;

    padding: 1px;

    border: 1px solid #000000;

    background: #ffffff;

    font: 11px/14px verdana, arial, helvetica, sans-serif;

}

.commentfield {

    margin-bottom: 4px;





}



.b2calendartable { background: #ded6c6; border: 1px solid #000; font: 11px verdana, arial, helvetica, sans-serif; }

.b2calendarmonth { }

.b2calendarrow   { }

.b2calendarheadercell { color: #e9f2fc; background: #b5a58c; }

.b2calendarcell { color: #222; }

.b2calendartoday { color: #dd0000; }

.b2calendaremptycell { }

.b2calendarlinkpost { color: #354463; text-decoration: none; }



.blogrollmain {

    margin-bottom: 4px;

}



div.NOCSS {display: none;}



.buttonarea {

    background: #cccccc;

}



span.searchword {

    background-color: yellow;

}