@charset "UTF-8";
/* CSS Document */

body {
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
line-height:1.4em;
color:#555;
text-align:center;
background:#1B1813;
position:relative;
}

p {
margin:0 0 10px 0;
}

img {
border:0;
}

a:link, a:visited {
color:#004983;
text-decoration:none;
}

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

h1 {
margin:20px 0 30px 0;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
font-size:2em;
font-weight:bold;
color:#5a4a3a;
letter-spacing:-2px;
}

h2 {
margin:5px 0 10px 0;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
font-size:1.7em;
font-weight:bold;
color:#5a4a3a;
letter-spacing:-2px;
}

h3 {
margin:0 0 10px 0;
font-weight:normal;
font-size:1.5em;
color:#004983;
}

input, select {
outline:0;
}

/* Top Bar -------------------- */

#topbar {
margin:0;
padding:0px 5px;
height:30px;
line-height:30px;
background:#5b812e url(../images/template/bg_topbar.jpg) repeat-x;
border-bottom:1px solid #6A9333;
}

#topbar p.bar {
margin:0 auto;
padding:2px 0 0 0;
width:960px;
text-align:right;
font-size:0.9em;
color:#6A9333;
}

#topbar img {
vertical-align: middle;
}

#topbar a:link, #topbar a:visited {
margin:0 5px;
color:#85b53d;
text-decoration:none;
text-shadow: 0 -1px 0px rgba(0,0,0,.3);
}

#topbar a:hover {
color:#FFFFFF;
text-decoration:none;
}

#topbar img {
margin-right:3px;
}

a#tb_login_btn:link, a#tb_login_btn:visited, a#tb_register_btn:link, a#tb_register_btn:visited {
padding:4px 7px;
background-color:#004983;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
text-decoration:none;
border-radius:6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
}

a#tb_login_btn:hover, a#tb_register_btn:hover {
background-color:#0074BD;
text-decoration:none;
}


/* Header ------------------ */

#header_w {
margin:0;
padding:0;
background:#43372B url(../images/template/bg_header.jpg) repeat-x bottom;
}

#header {
margin:0 auto;
padding:10px 0px;
width:960px;
height:90px;
position:relative;
}

#logo {
position:absolute;
top:-20px;
left:0;
z-index:2;
}

#logo h1 {
margin:0;
font-size:3em;
line-height:1.1em;
letter-spacing:-2px;
color:#FFF;
}

.tagline {
margin:0;
font-style:italic;
color:#FFF;
}

#welcome_message {
position:absolute;
top:-15px;
left:55px;
padding:0px 0px 10px 0px;
font-size:12px;
line-height:14px;
background:transparent url(../images/template/bubble_corner.gif) no-repeat;
background-position:5px bottom;
z-index:3;
}

#welcome_message p {
margin:0;
padding:5px;
font-size:1em;
color:#004983;
text-align:left;
background:#f6f3eb;
border-radius:6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
}

#banner {
float:right;
margin:0;
padding:0;
width:768px;
height:90px;
text-align:right;
}


/* Categories Nav ------------- */

#nav {
margin:0;
padding:0;
height:35px;
background:#1B1813 url(../images/template/bg_nav.gif) repeat-x;
color:#FFF;
font-size:12px;
font-weight:bold;
}

#nav ul {
margin:0 auto;
padding:0;
width:960px;
line-height:35px;
text-align:left;
}

#nav li {
display:inline;
list-style-type:none;
line-height:35px;
}

#nav a:link, #nav a:visited {
display:block;
float:left;
margin-right:0px;
padding:1px 15px 0 15px;
height:34px;
color:#FFF;
text-decoration:none;
border-right:1px solid #312d26;
}

#nav a:hover {
color:#FFF;
text-decoration:none;
background:#e1dccd;
background:rgba(225,220,205,0.1);
}

#nav a.active {
color:#5b812e;
text-decoration:none;
background-color:#e1dccd;
border-radius:6px 6px 0 0;
-webkit-border-radius:6px 6px 0 0;
-moz-border-radius:6px 6px 0 0;
border:none;
}

#nav img {
vertical-align:middle;
}


/* Wrapper ---------------- */

#page_bg {
margin:0;
padding:0;
background:#e1dccd url(../images/template/bg.jpg);
}

#wrapper {
margin:0 auto;
padding:0;
width:960px;
text-align:left;
}

#java_warning {
position:absolute;
width:100%;
height:100%;
background-color:#000;
text-align:center;
z-index:999;
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity:0.8;
opacity:0.8;
}

#j_message {
position:absolute;
z-index:1000;
top:30%;
width:100%;
padding:100px 0;
background-color:#FF0000;
color:#FFF;
}

#j_message h1 {
margin:0 0 20px 0;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
font-size:3em;
color:#FFF;
}

#j_message p {
margin:0;
font-size:1.2em;
}


/* Side Bar --------------- */

#sidebar {
float:right;
margin:0;
padding:15px 10px 60px 10px;
width:300px;
text-align:center;
background:url(../images/template/bg_sidebar.jpg) no-repeat bottom right;
}

#sidebar h3 {
font-size:12px;
font-weight:normal;
text-align:center;
color:#5a4a3a;
}

#sidebar div {
margin:0 0 10px 0;
}

#clearfix {
clear:both;
margin:0;
height:1px;
}

/* Main --------------------- */

#main {
float:left;
margin:0;
padding:10px 0px 10px 0;
width:620px;
min-height:400px;
text-align:left;
}

#show_entry_form {
display:block;
margin:0 auto 20px auto;
padding:7px 20px;
width:215px;
height:36px;
font-size:1.2em;
font-weight:bold;
text-decoration:none;
color:#FFF;
background:transparent url(../images/template/bg_show_form_btn.png) no-repeat;
text-align:center;
text-shadow: 0 -1px 1px rgba(0,0,0,.6);
}

#show_entry_form span {
display:none;
}

#show_entry_form:hover {
color:#FFF;
background:transparent url(../images/template/bg_show_form_over.png) no-repeat;
text-decoration:none;
}

.post {
margin:15px 0px;
padding:0;
position:relative;
}

.post h3 {
position:absolute;
bottom:0px;
*bottom:3px; /* IE Bug */
left:10px;
margin:0;
padding:10px 0 0 10px;
font-size:12px;
line-height:16px;
height:16px;
font-weight:normal;
background:transparent url(../images/template/bubble_corner.gif) no-repeat;
background-position:top left;
color:#C2BAA4;
}

.post h3 img {
vertical-align:middle;
}

.post h3 a:link, .post h3 a:visited {
color:#5a4a3a;
font-weight:bold;
font-size:1.1em;
}

.post_anecdota {
margin:0;
padding:10px;
background:#f6f3eb url(../images/template/bg_post.jpg) no-repeat;
border-radius:9px;
-webkit-border-radius:9px;
-moz-border-radius:9px;
}

.post a:link, .post a:visited {
color:#004983;
text-decoration:none;
}

.post a:hover {
color:#0074BD;
text-decoration:underline;
}

.social_tools {
text-align:right;
margin:5px 10px 0 0;
padding:0;
}

.social_tools li {
display:inline;
list-style-type:none;
margin-left:3px;
}

.post_links {
position:absolute;
bottom:0px;
*bottom:3px; /* IE Bug */
left:300px;
margin:0;
font-size:12px;
line-height:16px;
height:16px;
color:#777;
}

.fblike {
position:absolute;
bottom:-3px;
left:400px;
border:none;
overflow:hidden;
width:80px;
height:21px;
margin-left:10px;
}

.post_links img {
vertical-align:middle;
margin-right:2px;
margin-left:2px;
}

.post_links .favorites {
margin-left:5px;
}

.post_links a:hover {
text-decoration:none;
}

.tragame {
color:#000;
}

.author {
color:#333;
margin-right:3px;
}

.date {
margin-left:5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
font-style:italic;
color:#777;
}

/* ANECDOTA DETAIL PAGE ---------- */

#anecdota_detail {
margin-top:20px;
}

#anecdota_detail h1 {
margin:0 0 0 10px;
font-size:2em;
font-weight:bold;
color:#5a4a3a;
}

#comments, #post_comment {
margin-top:20px;
padding:20px 0px 10px 0px;
border-top:1px dotted #C2BAA4;
}

#comments h3, #post_comment h3 {
margin:0px 0px 0px 10px;
font-weight:normal;
font-size:1.5em;
color:#004983;
}

.comment {
margin:15px 0px;
padding:0;
}

.comment_post {
margin:0;
padding:10px 10px 20px 55px;
min-height:40px;
background-color:#E7E4D9;
border-top:1px solid #EFEFEF;
border-right:1px solid #EFEFEF;
border-radius:9px;
-webkit-border-radius:9px;
-moz-border-radius:9px;
}

.gravatar, .thumb {
float:left;
margin:10px;
width:50px;
height:50px;
}

.profile_thumb {
float:left;
margin:0 10px 0 0;
width:50px;
height:50px;
}

.comment_by {
margin:0 0 0 10px;
padding:10px 0 0 10px;
font-size:12px;
line-height:16px;
height:16px;
color:#333;
background:transparent url(../images/template/comment_corner.gif) no-repeat;
background-position:top left;
}

#comment_form {
margin:10px;
position:relative;
}

#comment_form .button {
margin-top:20px;
}

dl {
margin:0px 0px 10px 0px;
}

dd {
margin-left:0px;
}

fieldset {
border:0;
padding:0;
margin:0;
}

.input_txt {
padding:3px 5px;
width:400px;
font-size:1.2em;
border-top: 1px solid #FFF;
border-left:none;
border-right: 1px solid #FFF;
border-bottom: 1px solid #f6f3eb;
background:#fff;
background:rgba(255,255,255,0.7);
position:relative;
}

.input_txt:focus {
background: #fff;
background:rgba(255,255,255,1);
}

p.success {
margin:10px;
padding:5px 10px;
width:380px;
font-size:1.2em;
text-align:center;
color:#FFF;
background-color:#5b812e;
}

p.error {
margin:10px;
padding:5px 10px;
width:380px;
font-size:1.2em;
text-align:center;
color:#FFF;
background-color:#CC0000;
}

.black {
color:#000;
}

/* POST ENTRY FORM ------- */

#post_entry {
margin:0;
padding:20px 0px 20px 0px;
color:#FFFFFF;
background:#85B53D url(../images/template/bg_post_form.jpg) repeat-x;
display:none;
}

#post_entry h2 {
margin-top:0;
margin-bottom:10px;
font-size:2.5em;
line-height:1em;
letter-spacing:-1px;
text-shadow: 2px 3px 5px rgba(0,0,0,.2);
}

#post_entry a:link, #post_entry a:visited {
margin-left:10px;
color:#FFFFFF;
text-decoration:none;
font-size:1.2em;
}

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

#post_entry_form {
margin:0px auto;
padding:0;
width:960px;
text-align:left;
position:relative;
}

#post_entry_form label {
font-size:1.1em;
}

#post_entry_form .small {
font-size:0.9em;
color:rgba(0,0,0,0.7);
}

#post_entry_form .col1 {
float:left;
margin-right:20px;
width:240px;
height:60px;
}

#post_entry_form .col2 {
float:left;
margin:0;
width:220px;
height:60px;
}

#step2 {
padding:15px 0 5px 0;
width:480px;
border-top:1px solid #6A9333;
border-bottom:1px solid #6A9333;
}

.input_w {
padding:3px 5px;
width:470px;
font-size:1.2em;
border-top: 1px solid #6A9333;
border-left:none;
border-right: 1px solid #85B53D;
border-bottom: 1px solid #85B53D;
background:#fff;
background:rgba(255,255,255,0.7);
position:relative;
}

.input_w200 {
padding:3px 5px;
width:220px;
font-size:1.2em;
border-top: 1px solid #6A9333;
border-left:none;
border-right: 1px solid #85B53D;
border-bottom: 1px solid #85B53D;
background:#fff;
background:rgba(255,255,255,0.7);
position:relative;
}

.drop_w {
padding:4px 5px;
font-size:1.2em;
width:210px;
border-top: 1px solid #6A9333;
border-left:none;
border-right: 1px solid #85B53D;
border-bottom: 1px solid #85B53D;
background:#fff;
background:rgba(255,255,255,0.7);
}

.input_w:focus, .drop_w:focus {
background: #fff;
background:rgba(255,255,255,1);
}

.button, .button:link, a.button {
padding:7px 20px;
border:0;
background-color:#004983;
color:#FFFFFF;
font-size:1.2em;
font-weight:bold;
cursor:pointer;
text-decoration:none;
text-shadow: 0 -1px 0px rgba(0,0,0,.3);
-webkit-transition: -webkit-transform .3s linear;
border-radius:9px;
-webkit-border-radius:9px;
-moz-border-radius:9px;
}

.button:hover, a.button:hover {
background-color:#0074BD;
text-decoration:none;
}

.fb-button:link, .fb-button:visited, a.fb-button {
padding:3px 10px 3px 28px;
height:18px;
font-size:12px;
font-weight:bold;
line-height:18px;
color:#FFF;
text-decoration:none;
background:#6179b0 url(../images/template/bg_fb_btn.gif) no-repeat;
border:1px solid #29447e;
}

input#submit_btn {
border:0;
color:#FFFFFF;
font-size:1.2em;
font-weight:bold;
cursor:pointer;
-webkit-transition: -webkit-transform .3s linear;
vertical-align:middle;
}

.button_bar, p.button_bar {
margin-top:20px;
}

.error {
position:absolute;
left:430px;
color:#FFF;
padding:5px 10px;
background:#CC0000;
}

.error_a {
position:absolute;
left:420px;
color:#FFF;
padding:5px 10px 5px 15px;
background:#CC0000 url(../images/template/red_arrow_left.gif) no-repeat;
background-position:0px center;
}

.login_post {
clear:right;
float:right;
margin:20px 0 0 0;
padding:20px 20px 10px 20px;
width:380px;
background-color:#5b812e;
border-radius:9px;
-webkit-border-radius:9px;
-moz-border-radius:9px;
}

.login_post h3 {
margin:0px 0 10px 0;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:bold;
color:#FFF;
}


/* Pop Up --------- */

#popup {
margin:0;
padding:25px 15px 15px 15px;
position:relative;
font-size:12px;
}

#popup h1 {
margin:0 0 10px 0;
font-size:2em;
font-weight:bold;
color:#5a4a3a;
}

#popup h2 {
margin-top:10px;
font-weight:normal;
font-size:1.6em;
letter-spacing:-1px;
color:#004983;
}

#tt_guy {
position:absolute;
bottom:30px;
right:20px;
}

#send_anecdota_form dl {
clear:left;
margin:0 0 3px 0;
}

#send_anecdota_form dt {
float:left;
margin:5px 0 0 0;
width:140px;
} 

#send_anecdota_form dd {
float:left;
margin:0;
width:200px;
} 

#send_anecdota_form .input_txt {
width:210px;
}

#send_anecdota_form .error_a {
left:400px;
}

/* LOGIN & REGISTRATION PAGES ---------------- */

#main_wide {
margin:0;
padding:20px 0px 30px 0px;
position:relative;
}

#main_wide h1 {
margin:0 0 10px 0;
font-size:2.2em;
font-weight:bold;
color:#5a4a3a;
}

#main_wide h2 {
margin:20px 0 5px 0;
font-weight:normal;
font-size:1.6em;
line-height:1em;
color:#004983;
}

#main_wide ul {
margin:15px 0 20px 10px;
padding-left:10px;
list-style-type:square;
}

#main_wide ul li {
font-size:1.1em;
color:#004983;
margin-bottom:10px;
}

#fb_login {
float:right;
margin:30px 50px 0 0;
padding:50px 0;
width:300px;
}

#fb_login h3 {
margin:15px 0 0 0;
font-size:13px;
color:#000;
}

#fb_login_p {
position:absolute;
right:10px;
bottom:0px;
padding:5px 0 5px 10px;
border-left:1px solid #CCC;
}

#form_area {
margin:0;
padding:30px 30px 15px 30px;
width:500px;
color:#333;
background-color:#FFF;
border-radius:9px;
-webkit-border-radius:9px;
-moz-border-radius:9px;
}

#form_area.wide {
width:700px;
}

#form_area a {
font-weight:bold;
}

#form_area form {
margin-top:20px;
position:relative;
}

#form_area label {
padding-left:5px;
color:#000;
}

#form_area .input_w {
padding:7px 10px;
width:440px;
font-size:16px;
color:#004983;
background:#e0ecce;
border:0;
border-radius:6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
}

#form_area .drop_w {
padding:0;
height:28px;
font-size:16px;
color:#004983;
background:#e0ecce;
border:0;
border-radius:6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
}

#form_area .input_w:focus, #form_area .drop_w:focus {
background:#cee1b1;
}

#form_area div.col1 {
float:left;
margin:0;
padding:0;
width:220px;
}

#form_area div.col2 {
margin:0 0 0 240px;
padding:0;
width:220px;
}

#form_area.wide div.col1 {
margin:20px 0 0 0;
width:300px;
}

#form_area.wide div.col2 {
margin:40px 0 0 320px;
padding:0 0 0 30px;
width:300px;
border-left:1px solid #CCC;
}

#form_area div.col1 .input_w, #form_area div.col2 .input_w {
width:200px;
}

#form_area.wide div.col2 .input_w {
width:300px;
}

#form_area div.col1 .drop_w, #form_area div.col2 .drop_w {
width:220px;
}

select#bmonth {
width:220px;
}

select#bday {
margin-left:10px;
width:60px;
}

select#byear {
margin-left:10px;
width:150px;
}

#form_area .error {
position:relative;
left:0;
margin:0 0 10px 0;
padding:0;
font-size:1em;
background:none;
color:#CC0000;
text-align:left;
}

#form_area .verificar_terminos {
margin:20px 0;
width:420px;
color:#666;
}

#form_area.wide .verificar_terminos {
width:320px;
}

/* Footer --------- */

#footer_w {
margin:0;
padding:0;
width:100%;
color:#43372B;
background:#1B1813 url(../images/template/bg_footer.jpg) repeat-x;
border-top:2px solid #43372B;
}

#footer {
margin:0 auto;
padding:10px 0px 30px 0px;
width:960px;
text-align:left;
}

#footer p {
margin:0;
}

.social_media_links {
float:right;
padding-top:5px;
}

.copyright {
padding:40px 0px 0px 5px;
background:transparent url(../images/template/copyright_logo.png) no-repeat;
}

.browser_support {
padding:20px 0 0 5px;
}

#footer a:link, #footer a:visited {
color:#5a4a3a;
text-decoration:none;
}

#footer a:hover {
color:#FFF;
text-decoration:none;
}

#error_page {
margin:10px auto;
width:600px;
background-color:#FFFFFF;
padding:20px;
}

#error_page h1 {
font-size:2em;
}


/* Message Box ---------------- */

#message_box {
margin:200px auto 0px auto;
padding:20px 30px 30px 30px;
width:600px;
font-size:1.2em;
background-color:#FFF;
box-shadow: 0px 0px 5px rgba(0,0,0,.4);
-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.4);
-moz-box-shadow:0px 0px 5px rgba(0,0,0,.4);
}

#message_box h1 {
padding-top:15px;
margin-bottom:10px;
}

.floatLeft {
float:left;
margin-right:20px;
}

/* AK Modal ---------------- */

#ak_modal_div {
padding:0px;
background-color:#FFF;
position: absolute;
z-index:1000;
display:none;
box-shadow: 0px 0px 5px rgba(0,0,0,.4);
-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.4);
-moz-box-shadow:0px 0px 5px rgba(0,0,0,.4);
}

#ak_close_btn {
position:absolute;
top:-10px;
right:-10px;
width:36px;
height:36px;
background:url(../images/template/close_btn.png) no-repeat;
cursor:pointer;
}

/* Load more button ----------- */

#load-more {
margin:5px 0px;
padding:10px;
font-weight:bold;
text-align:center;
cursor:pointer;
color:#FFFFFF;
background-color:#004983;
border-radius:9px;
-webkit-border-radius:9px;
-moz-border-radius:9px;

}

#load-more:hover {
background-color:#0074BD;
}

.loading {
background:#0074BD url(../images/template/spinner.gif) no-repeat;
background-position:100px 10px;
}


/* Headers --------------------- */

.h1_cuentanos_tu_tt {
background:transparent url(../images/headers/h1_cuentanos_tu_tt.png) no-repeat;
height:40px;
}

.h1_cuentanos_tu_tt span {
display:none;
}

.h1_tragame_tierra_n {
background:transparent url(../images/headers/h1_tragame_tierra_n.png) no-repeat;
height:40px;
}

.h1_tragame_tierra_n span.tt {
display:none;
}

.h1_tt_n {
margin-left:243px;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
font-size:34px;
letter-spacing:-2px;
line-height:34px;
}

.h1_comparte_esta_anecdota {
background:transparent url(../images/headers/h1_comparte_esta_anecdota.png) no-repeat;
height:40px;
}

.h1_comparte_esta_anecdota span {
display:none;
}

.h1_anecdota_enviada {
background:transparent url(../images/headers/h1_anecdota_enviada.png) no-repeat;
height:40px;
}

.h1_anecdota_enviada span {
display:none;
}

#preferences {
display:none;
}

a.edit_profile {
float:right;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-style:normal;
font-size:12px;
letter-spacing:-1px;
}