/* @group Elementos principales */
body { background: url('a1.gif') 50% 41px repeat-x #F9F9F7 ; font-size: 11px; font-family: "Trebuchet ms", helvetica, sans-serif; color: #8C8C73; line-height: 18px; }
p, ul, dl { margin:18px 0; }
a { color: #FF7800; text-decoration: underline; }
a:hover { text-decoration: none; }
h1, h1 a { color:#656551; text-decoration:none; font-size:1.5em; line-height:1.4em; }
h1, h2 { background: url('a22.gif') bottom repeat-x; }
/* @end */

/* @group Main containers */
#wrapper { background: url('abg.gif') 0 0 repeat-y #fff; width: 687px; padding:0 30px; margin:0 auto; position:relative; }
#header { position:relative; height:244px; margin:0 -30px; padding:1px; background: url('upbg.gif') repeat-y #fff; }
#title { width:225px; line-height:92px; background:url( 'a8.gif') 0 0 repeat-x; text-align:center; margin: 13px 10px 0 30px; float:left; position:relative; z-index:2; }
#title a { color:#fff; font-size:1.5em; font-weight:bold; text-decoration:none; }
#searchbox { position:absolute; top:75px; right:45px; }
#searchbox label { display:none; }
#subtitle { background:url( 'a10.jpg') 0 0 repeat-x; margin: 13px 30px 0 269px; height:92px; padding-right:10px; color:#fff; text-align:right; }
#sections { margin-top:-145px; height:67px; line-height:52px; background: #46461F url('a16.gif') repeat-x; position:relative; z-index:4; }
#sections ul { padding-left:30px; }
#sections li { display:inline; list-style-type:none; }
#sections li { padding-right:5px; border-right: 1px solid; }
#sections li:last-child { border:0; }
#sections a { font-size:1.2em; font-weight:bold; text-decoration:none; color:white; }
#footer { text-align: center; background: url('a50.gif') 0 0 repeat-x #FAFAF8; color: #A8A88D; padding:10px; }
#footer ul { margin-bottom:20px; }
#footer li { display:inline; font-size:1.3em; }
#footer a { color: #8C8C73; }

#body { padding:0 220px 0 5px; position:relative; z-index:1; }
#mainbar { position:relative; float:left; width:100%; }
#firstbar { position:relative; float:left; width:200px; padding-left:20px; margin-right:-220px; padding-top:10px; }
/* @end */

/* @group Post contents */
#post_navigation .prev { float: left; }
#post_navigation .next { float: right; }
.post { padding-top:1.5em; padding-bottom:20px; margin-bottom:20px; position:relative; }
.post .date { position:absolute; top:0; right:0; }
.post .tags { margin-top:10px; }
.post_body { color:#5F5F47; font-size:1.2em; line-height:1.4em; }
.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: url('a33.gif') repeat-x; height: 64px; line-height: 64px; text-align:right; padding-right:15px; }
.opciones_msg li { display:inline; }
.opciones_msg li a { font-weight:bold; font-size:1.2em; }
#related_posts { margin:20px 30px; }
#related_posts a { font-size:1.2em; font-weight:bold; }
/* @end */

/* @group Comments */
.comment { margin: 18px 0; }
.comment .author img { vertical-align:middle }
.comment .date { text-align:right; margin-top:18px; }
.comment_body { margin-top:-20px; text-indent:20px; margin-left:25px; background:#F9F9F7; padding:10px 20px; }
#comments_form .fieldrow { margin:9px 0; }
#comments_form .fieldrow label { font-weight:bold; padding-left:9px; text-transform: uppercase; }
/* @end */

/* @group Modules */
.module { margin-bottom:15px; padding-bottom:15px; }
.module h2 { margin-bottom:15px; padding-bottom:15px; color:#5F5F47; }
.module dd { margin-bottom:10px; }
.module ul { margin:20px 0; }
.module li { list-style-type:none; }
#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 { border:1px solid #8C8C73; padding:4px; background:#F9F9F7; -moz-border-radius:5px; }
.thumbnail { background: #F9F9F7; 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: #F9F9F7; margin: 2%; padding: 1%; }
.fotoalbum img, .thumbnail img { padding:5px; margin: 5px; background: #fff; }