/* @group Elementos principales */
body { background:url(bg.gif) #333; color: #333; font: normal 62.5% "Lucida Sans Unicode",sans-serif; }
p, ul, dl { margin:18px 0; }
a {color: #682;}
a:hover {color: #9A6;}
h1 { font-size: 1.3em; }
h1 a { text-decoration: none; }
/* @end */

/* @group Main containers */
#wrapper { font-size: 1.2em; background:#222; width: 840px; border: 12px solid #222; margin: 3% auto; position: relative; }
#header{ position:relative; height: 150px; background: url(header.jpg) 50% 50% no-repeat #eee; margin-right: 246px; margin-top: 20px; }
#title { text-align: center; }
#title a { font: 2.4em Verdana,sans-serif; line-height: 150px; color:#222; text-decoration: none; }
#searchbox { position:absolute; top:-37px; right:15px; }
#searchbox label { display:none; }
#subtitle { display: block; color: #222; margin-top: -2.5em; text-align: right; padding: 1em; }
#sections { position: absolute; z-index: 1; top: -22px; left: 5px; font-size: 1.4em; }
#sections li { display: inline; }
#sections li { padding-right:5px; border-right: 1px solid; }
#sections li:last-child { border:0; }
#sections a { text-decoration: none; }
#footer { background: url(bgfooter.gif) 0 0 repeat-x #5d5d49; color: #CCC; font-size: 0.9em; text-align: center; padding: 20px; }
#footer ul { margin-bottom: 20px; font-size: 1.3em; }
#footer li { display: inline; padding-right: 3px; }

#body { padding:0 245px 10px 0; }
#mainbar { position:relative; float:left; min-width: 554px; padding: 20px; background: #fcfcfc; margin: 1px 1px 0 0; }
#firstbar { float:left; width:245px; margin-right:-245px; margin-top: -179px; background:#89866F; padding-bottom: 20px; }
/* @end */

/* @group Post contents */
#post_navigation .prev { float: left; }
#post_navigation .next { float: right; }
.post .author { float: left; margin-right: 10px; padding-right: 10px; border-right: 2px solid #888; font-size: 0.85em; color: #888; }
.post .date { font-size: 0.85em; color: #888; margin-bottom: 10px; }
.post .tags { margin-bottom: 20px; font-size: 0.85em;}
.post { margin-bottom: 20px; }
.post_body { line-height: 1.4em; font-size: 1.1em; }
.post_body ul, .post_body ol, #related_posts { margin: 18px; }
.post_body ul li, #related_posts li { list-style-type: disc; }
.post_body ol li { list-style-type: decimal; }
.opciones_msg { background: white; border-bottom: 1px solid #ccc; padding:6px; margin: 0 -20px 20px; list-style-type: none; text-align: right; font-size: 1.2em; }
.opciones_msg a  { font-weight: bold; }
#related_posts { margin: 20px 30px; line-height: 1.5em; }
#related_posts a { font-weight: bold; font-size: 1.2em; }
/* @end */

/* @group Comments */
.comment { margin: 18px 0; }
.comment .author img { vertical-align:middle }
.comment .date { text-align:right; margin-top:18px; }
.comment .comment_body { margin-left: 52px; padding: 10px 20px; background: #fff; border: 1px solid #ccc; border-width: 1px 0; line-height: 1.4em; }
.comment .comment_body  p { margin: 5px 0; }
#comments_form .fieldrow { margin:9px 0; }
#comments_form .fieldrow label { font-weight:bold; padding-left:9px; text-transform: uppercase; }
/* @end */

/* @group Modules */
.module { padding: 0 20px 20px; }
.module h2 { background: #222; padding: 4px 10px; margin: 0 -20px 20px; color: #fff; }
#firstbar a { color: white; }
.module dt, .module li { margin-top: 10px; }
.module dt a { font-weight: bold; }
.module dd { font-size: 0.85em; text-indent: -0.6em; padding-left: 1em; }
#loginbox .fieldrow, #contact_form .fieldrow { padding: 2px 0; }
#loginbox .fieldrow label, #contact_form .fieldrow label { display:block; width:70px; float:left; font-weight:bold; text-align:right; padding-right:5px; margin-right:5px; }
#loginbox .submitrow, #contact_form .submitrow { padding:2px 0 2px 80px; }
/* @end */

.fotobonita { padding: 4px; border:1px solid #888; background: #eee; -moz-border-radius:5px; }
.thumbnail { background: #efefef; padding: 1%; margin: 2%; width: 18%; text-align: center; float: left; overflow: hidden; }
.fotoalbum, .album_complete .thumbnail { width: 44%; float: left; height: 200px; text-align: center; background: #efefef; margin: 2%; padding: 1%; }
.fotoalbum img, .thumbnail img { padding:5px; margin: 5px; background: #fff; }