/*  
Theme Name: Plantilla Diario Publico
Theme URI: http://www.publico.es/
Description: Plantilla para los blogs de trincheradigital.com
Version: 1.0
Author: Rodrigo Diez
Author URI: 
*/
body { margin: 0; padding: 0; text-align: center; font-family: Georgia;}
img { border: none;}
#wrapper{ width: 980px; margin: 0 auto; text-align: left;}

/* cabecera */
#header { width: 980px; padding: 0; margin-bottom: 0px;}
h1 { padding: 0; margin: 0; height: 160px;}
h1 a span { position: absolute; top: -99999em;}

#nav { width: 970px; margin: 0 0 10px 0; background: #000; padding: 3px 5px 7px 5px;}
#nav form { float: right; width: 300px; margin: 0;}
#nav form input#s { width: 200px; margin: 0; padding: 2px; border: 1px solid #1c3d55}
#nav form input#searchsubmit { width: 80px; background: #fff; margin: 0; padding: 2px 0; border: none; color: #1c3d55; font-family: Arial, Helvetica, sans-serif; font-size: 13px; cursor: pointer;}
#nav .servicios a { color: #fff; text-decoration: none; margin-right: 50px;}
#nav .servicios a img { padding-right: 5px;}
#nav .servicios a:hover { text-decoration: underline;}

.description { display: none;}

.alignleft { float: left; margin: 0 5px 5px 0;}
.alignright { float: right; margin: 0 0 5px 5px;}

/* cuerpo */
#left{ float: left; width: 140px; display: inline;}
#content{ float: left; width: 580px; padding: 10px 15px; }
#right{ float: right; width: 220px; display: inline;}

/* generalidades */
form { margin: 0; padding: 0; }
ul { margin: 0; padding: 0; list-style: none;}
p { margin: 0; padding: 0; list-style: none; font-size: 16px;}
h3 { float: left;}
textarea#comment { width: 580px;}

#content form { width: 580px;}

blockquote {
	border-left: 4px solid #ccc;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #414141;
}



/* columna izquierda */
#left .menuBlock, #right .menuBlock { background: #1c3d55; margin: 10px 0; padding-bottom: 10px; border: 2px solid #000}
#left h3, #right h3 { margin: 0px 0 0px 0; padding: 15px 3px 5px 3px; text-transform: uppercase; color: #fff; font-weight: normal; font-size: 16px; border-bottom: 1px solid #fff;}
#left h3 { width: 130px; }
#right h3 { width: 210px; }
#left h4, #right h4 { margin: 0; padding: 0; text-transform: uppercase; color: #afdaf9; font-weight: normal; font-size: 14px;}
#left ul, #right ul { margin: 5px; font-size: 13px;  }
#left ul li, #right ul li { margin: 5px 0; padding: 0; width: 100%; }
#left ul li a, #right ul li a { color: #fff; text-decoration: none;}
#left ul li a:hover, #right ul li a:hover { text-decoration: underline;}

#right .menuBlock ul li { text-transform: uppercase; font-size: 11px;}
#right .menuBlock ul li a { color: #afdaf9; font-weight: bold;}
#right .menuBlock ul li ul.children li { text-transform: none; }
#right .menuBlock ul li ul.children li a { color: #fff;}
#right .menuBlock ul li ul.children li ul.children a { font-weight: normal;}

.menuBlock p { margin: 20px 0;  padding: 0; }
.menuBlock p a { color: #afdaf9; font-weight: bold;}

#left .menuBlock ul li { text-transform: uppercase;  font-size: 11px; }
#left .menuBlock ul li a { color: #afdaf9; }
#left .menuBlock ul li ul li a { font-weight: normal;}
#left .menuBlock ul li ul li { text-transform: none;}
#left .menuBlock ul li ul li a { color: #fff; }

#right .menuBlock div { margin-bottom: 20px; padding: 0 4px;}
#right .menuBlock div h4 { margin: 15px 0 0 0; padding: 0; text-transform: uppercase; color: #afdaf9; font-weight: normal; font-size: 13px;}
#right .menuBlock div h4 a { color: #afdaf9; }
#right .menuBlock div p { margin: 0; padding: 0; color: #fff; font-size: 11px;}
#right .menuBlock div p.postlink { margin: 5px 0; padding: 0; font-size: 12px;}
#right .menuBlock div p a { color: #fff; }

/* columna central */
#content form { width: 580px; float: left;}
ul#postsList li { margin: 0; padding: 0; background: #fff; float: left;}
ul#postsList li .date { float: left; width: 48px; height: 70px; margin-right: 10px; display: inline; text-transform: uppercase; text-align: center; color: #a9a9a9; border: 1px solid #ccc}
ul#postsList li .date .dia { display:block; font-size:26px; line-height:20px; margin:10px 0 0 0; padding:0; width:50px; }
ul#postsList li .date .mes { display:block; font-size:12px; line-height:16px; margin:0; padding:0; text-transform:uppercase; width:50px;}
ul#postsList li .date .orto { display:block; font-size:12px; line-height:14px; margin:0; padding:0; text-transform:uppercase; width:50px; }
ul#postsList li .info h3 { font-size: 24px; margin: 15px 0 0 0; padding: 0; font-weight: bold; float: left; width: 510px;}
ul#postsList li .info h3 a { color: #2a54b2; text-decoration: none; }
ul#postsList li .info h4 { font-size: 13px; margin: 0; padding: 0;  text-transform: uppercase; color: #58585a; }
ul#postsList li .info ul li { float: none; width: auto; margin-right: 10px; text-transform: uppercase; font-size: 12px; }
ul#postsList li .entry { margin: 15px 0 0 0; padding: 0; float: left; width: 520px;}
ul#postsList li .entry p { margin: 0 0 15px 0; padding: 0; font-size: 16px; line-height: 22px; }

ul#postsList li .entry h3 { font-size: 24px; margin: 15px 0 5px 0; padding: 0; font-weight: bold; float: left; width: 100%;}

ul#postsList li .info .tags, ul#postsList li .info .cats, .comments-info { float: left; width: 580px; margin: 15px 0 0 0; }
ul#postsList li .info .tags p, ul#postsList li .info .cats p { float: left; width: 90px; margin: 0 10px 0 0; padding: 0; text-transform: uppercase; font-size: 11px;  color: #58585a;}
ul#postsList li .info .tags ul, ul#postsList li .info .cats ul { float: left; margin: 0; padding: 0; width: 450px; }
ul#postsList li .info .tags ul li, ul#postsList li .info .cats ul li { float: left; width: auto; margin: 0 10px 0 0; padding: 0; font-size: 10px;}
ul#postsList li a {color: #1b48ad; text-decoration: underline; }


ul#postsList li .info .cats { margin: 5px 0 0 0; }
ul#postsList li .info .cats p { margin-top: 3px; }

ul#postsList li .comments-info { width: 550px; margin: 15px 0 50px 0; padding-left: 30px; background: url(images/comments.gif) left no-repeat; }



/* columna derecha */
#right form { width: 210px; padding: 3px}
#right form#searchform { width: 210px;}
#right form#searchform input#s { width: 200px; padding: 2px; border: 1px solid #ccc; margin: 0 2px 2px 2px;}
#right form#searchform input#searchsubmit { float: right; width: 75px; border: 1px solid #ccc; background: #fff; color: #58585a; font-variant: small-caps; cursor: pointer;}

form#commentform { margin: 0; padding: 0;}
form#commentform input { border: 1px solid #1c3d55; margin: 2px 0; padding: 1px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; }
form#commentform textarea { border: 1px solid #1c3d55;  margin: 2px 0; padding: 1px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; }
form#commentform input#submit { background: #1c3d55; color: #fff; font-family: Arial, Helvetica, sans-serif; cursor: pointer; }

#content ol.commentlist li  { padding: 25px 0;}
#content ol.commentlist li cite { color: #1c3d55; font-weight: bold;}
#content ol.commentlist li .commentmetadata { margin: 2px 5px 0 0px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align: right; }
#content ol.commentlist li .commentmetadata a { color: #999; text-decoration: none;}
#content ol.commentlist li .commentmetadata a:hover { text-decoration: underline;}
#content ol.commentlist li .texto { width: 520px; padding: 10px; display: block; color: #000;}
#content ol.commentlist li .texto p { margin: 10px 0;}


ul#postsList li .comments-info { float: left; width: 270px; margin: 0px 0 40px 0; }
.compartir { float: right; margin: 0px 0 40px 0; padding: 0; width: 270px;}

/* pie */
#footer{ clear: both; text-align: center; border-top: 1px dashed #ccc; padding: 5px;}
#footer p { font-size: 0.8em; }