/* @group Elementos principales */
body { background: #ada79b url(bg_page.jpg) repeat-x fixed 50% 0; color:#ccc; font-family: "Lucida Grande", Lucida, Verdana, sans-serif; font-size:80%; }
p { margin:18px 0; }
a { color:#912d32; text-decoration:none; }
a:hover { color:#9b8614; }
h1 { color:#fff; font: normal 2.4em Georgia, "Times New Roman", Times, serif; }
h1 a { color:#fff; text-decoration:none; }
h2 { font: bold 1.2em Georgia, "Times New Roman", Times, serif; color: #fff; }
/* @end */

/* @group Main containers */
#wrapper { width:960px; margin: 0 auto; border-left:5px solid #121212; border-right:5px solid #121212; background:url(bg_content.png) 0 0 no-repeat #0c0c0c; position: relative; }
#header{ height: 180px; }
#title a { display: block; text-indent: -1000em; width: 334px; margin-left: 35px; height: 140px; }
#subtitle { text-indent: -1000em; }
#searchbox { position:absolute; top:15px; right:15px; }
#searchbox label { display:none; }
#sections { font-family: "Courier New", Courier, mono; position: absolute; top: 115px; right: 10px; text-transform: uppercase; }
#sections a { font-weight: bold; }
#sections .cont_secciones { font-size:18px; text-align:right; padding-right:10px; }
#sections ul{ padding:0; margin:0 auto; list-style-type:none; }
#sections li { display:inline; margin-left: -10px; }
#footer { background: url(bg_content.png) 0 -150px no-repeat; border-top: 4px solid #121212; text-align:center; padding-bottom: 20px; }
#footer ul { margin-bottom: 20px; padding-top: 5px; }
#footer ul li { list-style: none; display: inline; font-size: 1.4em; }

#body { padding:10px 315px 10px 15px; }
#mainbar { position:relative; float:left; width:100%; }
#firstbar { float:left; width:300px; padding:0 0 0 15px; margin-right:-315px; }
/* @end */

/* @group Post contents */
#post_navigation .prev { float: left; }
#post_navigation .next { float: right; }
.post .author { margin-left: -15px; margin-bottom: 10px; padding-left: 15px; padding-bottom: 5px; border-bottom: 4px solid #121212; }
.post .date { position: absolute; top: 5px; color: #456702; }
.post .tags { margin-bottom:10px; font-size: 0.8em; color: #333; }
.post { margin-bottom:20px; padding-top:25px; position: relative; }
.post_body { line-height: 1.6em; }
.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 { text-align:right; }
.opciones_msg li { display:inline; padding: 2px 0 2px 22px; background:url(/img/icons/comment_add.png) 0 2px no-repeat; }
.opciones_msg li a { font-weight:bold; font-size: 1.3em; }
#related_posts { margin: 10px 30px 20px; font-size: 0.8em; }
#related_posts a { font-size: 1.4em; }
/* @end */

/* @group Comments */
.comment { margin: 20px 0; color: #666; }
.comment .author img { vertical-align:middle }
.comment .date { text-align:right; margin-top:18px; }
.comment .comment_body { background: #161616; padding: 5px 20px; margin-left: 50px; border-bottom: 4px solid #121212; color: #ccc; }
#comments_form .fieldrow { margin:9px 0; }
#comments_form .fieldrow label { font-weight:bold; padding-left:9px; text-transform: uppercase; }
/* @end */

/* @group Modules */
.module { background: #191919; padding: 0 15px 15px; border-left: 5px solid #121212; border-bottom: 5px solid #121212; margin-bottom: 20px; font-family: Verdana, sans-serif; }
.module h2 { margin: 0 -15px 0 -20px; background: url(bg_separator.jpg) -2px 50% repeat-x; text-transform: uppercase; height: 40px; line-height: 40px; padding-left: 10px; border-left: 5px solid #420304; }
#firstbar ul, #firstbar dl { margin: 18px 0; }
#firstbar li { list-style: none; }
#firstbar dd { font-size: 0.85em; margin-bottom:5px; margin-left:1.3em; text-indent:-1.3em; }
#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:5px; background:#161616; }
.fotoalbum, .thumbnail { float: left; width: 44%; text-align: center; height: 240px; margin: 1%; padding: 2%; background: #121212; }
.fotoalbum img, .thumbnail img { margin: 5px; padding: 5px; background: #161616; }
.album_resume .thumbnail { width: 21%; margin: 1%; padding: 1%; height: 130px; overflow: hidden; }