body {
color:#222222;
line-height:1.5;
font-size:75%;
}

a {color:#005792;text-decoration:none;}
a:hover {color:#0099FF;}
strong {font-weight:bold;}

#header {/*border-bottom:1px solid #eee;*/margin-top:20px;}
#header .grid_10 { margin-left:0; margin-right:20px;}
#header h1 {margin:0;}
#header h1 a {width:556px; height:72px; display:block; background-image:url(/images/logo_blogspanama.png); background-repeat:no-repeat;}
#header h1 a span {display:none;}
#header #main-nav li,
#header #sec-nav li { display:inline-block; }

#header #main-nav {float:right;}
#header #main-nav ul {margin:0;}
#header #main-nav a {color:#000;text-transform:uppercase;font-size:10px;}

#header #sec-nav {border-color:#000;border-style:solid none;border-width:1px medium;height:21px;padding:2px 0 0 5px;margin-top:5px;}
#header #sec-nav a {color:#000;padding:2px 2px 2px 4px;text-align:center;text-decoration:none;font-size:12px;line-height:18px;text-transform:uppercase;font-weight:bold;outline: none;}

#header #sec-nav a:hover {color:#444;}
#header #sec-nav li { margin-left:0; margin-right:30px;}
#header #sec-nav li.login {float:right; margin-right:0}
#header #sec-nav li.login a.account {background:url(/images/icons/languages/arrow.png) no-repeat scroll right center;padding-right:16px;}


#search {background-color:#eee; width:301px;margin-left:48px;margin-top:13px;}
#search input.field { width:190px; padding:5px; font-weight:bold; background-color:#f6f6f6; font-size:16px; color:#999; border:4px solid #eee; }
#search input.submit { text-transform: uppercase; font-size:16px; font-weight:bold; border:0; background-color:#eee; color:#333; height:36px; margin-left:-4px;}

#user-nav {background-color:#f6f6f6;margin-left:690px;margin-top:-28px;padding:10px;position:absolute;width:250px;z-index:9999;}
#user-nav li {list-style-type:none;margin:0;}
#user-nav li a {font-weight:bold;}
#user-nav .avatar {float:left;margin-right:8px;}
#user-nav .links {float:left;}
#user-nav ul {margin:0;}

#content {margin-top:10px;}
#content h2 {color:#353E34;font-size:2.4em;float:left;}

h3.feeds {font-size:1.4em;color:#666;text-align:left;margin-bottom:15px;padding-right:10px;line-height:110%;}
#feeds li.ad {margin-bottom:20px;}
#feeds li {list-style-type:none;margin:0;border-left:4px solid #eee;padding-left:6px;}
#feeds li:hover {border-left:4px solid #ccc;}
#feeds li h4 {margin:0;font-size:1.2em;}
#feeds li p {color:#555;}
#feeds li p.meta {font-size:11px;color:#888;}

#user_page #feeds li,
#home_page #feeds li,
#blog #feeds li,
#blogs_search_page #feeds li {border-right:4px solid #eee;padding-right:6px;text-align:left;border-left:0;padding-left:0;}
#user_page #feeds li:hover,
#home_page #feeds li:hover,
#blog #feeds li:hover,
#blogs_search_page #feeds li:hover {border-right:4px solid #ccc;}

a.new_blog {font-size:16px;font-weight:bold;float:right;}

#user_info {border-bottom:4px solid #eee; margin-bottom:10px; height:80px;}
#user_info .avatar{float:left;width:10%;}
#user_info .info-col {float:left;display:block;width:420px;}
#user_info .info {float:left;height:58px;float:left;width:100%;}
#user_info .info h2{line-height:120%;font-size:2em;}
#user_info .info h2,
#user_info .info p {margin:0;}
#user_info .info p {margin-bottom:10px;}
#user_info .info p.bio {color:#888;}

#user_info .actions {float:left;width:100%;}
#user_info .actions li {list-style-type:none;float:left;margin:0;margin-right:3px;}
#user_info .actions a {background-color:#333;color:#fff;padding:6px;font-weight:bold;}
#user_info .actions a:hover {background-color:#444;}
#user_info .actions a.current {background-color:#eee;color:#333;}

#user_info .user_count {float:right;height:37px;padding-top:20px;}
#user_info .user_count li {float:left;list-style-type:none;color:#888;font-size:0.8em;margin:0;margin-right:10px;text-align:center;width:60px;}
#user_info .user_count li strong {font-size:3.2em;color:#000;line-height:100%;}

#home_page #site_news li,
#site_activity #timeline li {list-style-type:none;margin:0;border-bottom:1px solid #eee;margin-bottom:4px;padding-bottom:4px; font-size:11px;color:#777;}
#site_activity #timeline li:hover {color:#222;}

h3.header {background-color:#000;color:#fff;padding:2px;padding-left:4px;font-size:12px;text-transform: uppercase;}


#blog p.screenshot {margin-top:6px;float:right;background-color:#F1F1F1;padding:10px;}
#blog #actions {position:absolute;width:310px;z-index:9999;top:20px;right:10px;}
#blog #actions li {margin-bottom:9px; list-style-type:none; margin-left:5px;text-align:right;}
#blog #actions a {background-color:#000;color:#fff;padding:4px;font-weight:bold;}
#blog #actions a:hover {background-color:#333;}

#blog .info h2 {font-size:3em;line-height:100%;}
#blog .info h3 {font-size:2em;}
#blog .info p {margin:0 0 1.5em;font-size:1.5em;}
#blog .info .meta p {margin:0 0 .4em;}
#blog .info .meta label {font-weight:bold;}
#blog ul#likes li {list-style-type:none;margin:0;float:left;margin-right:4px;}

#blogs .blog .meta,
#blog .info .meta {font-size:0.8em;}

#blog .user_info a {}
#blog .user_info .avatar,
#blog .user_info .details {float:left;display:block;margin-top:4px;margin-bottom:4px;}
#blog .user_info .details .name {font-weight:bold;font-size:16px;}
#blog .user_info .avatar {margin-right:5px;}
#blog .user_info .details {font-size:12px; color:#888;line-height:120%;}

#testimonials .comment p.poster {margin-bottom:2px;}
#testimonials .comment p.content {margin-bottom:4px;}
#testimonials .comment p.meta { font-size:11px; color:#999;}

#blogs .blog {border-bottom:1px solid #ccc; margin-bottom:20px; padding-bottom:10px;}
#blogs .blog .col2-1 {width:10%; float:left;}
#blogs .blog .col2-2 {width:90%; float:left;}
#blogs.thumbs .blog .col2-1 {width:58%;}
#blogs.thumbs .blog .col2-2 {width:42%;}
#blogs .blog .icon {margin-top:8px;}
#blogs .blog p.country_flag {position:relative;z-index:9999;width:40px;top:-45px;left:22px;}
#blogs.thumbs .blog p.country_flag {top:-240px;left:5px;}
#blogs .blog h3,
#blogs .blog p {margin:0;}
#blogs .blog p.url a {color:#777;font-size:11px;}
#blogs .blog p.url a:hover {color:#333;}
#blogs .blog div.description {margin:4px 0;}
#blogs .blog h3 a strong,
#blogs .blog div.description strong.highlight {color:#f60;}
#blogs .blog h3 span.new {background-color:#FFE28A;font-size:8px;padding:1px;margin-left:4px;font-weight:normal;}
#blogs .blog p.categories {font-size:11px;color:#777;}
#blogs .blog p.categories a {font-weight:bold;}

.pagination {margin:10px 0;text-align:center;}
.pagination a,
.pagination .disabled,
.pagination .current {padding:4px;font-weight:bold;font-size:11px;}
.pagination .current {}
.pagination a {background-color:#f1f1f1;border:1px solid #eee;color:#333;}
.pagination a:hover {background-color:#f6f6f6;}

#footer {margin-top:20px;margin-bottom:40px; border-top:1px solid #eee; padding-top:10px;}
#footer .copyright {text-align:right;}

#language_selector { text-transform: uppercase; font-size:9px; font-weight:bold; }

#language_selector .dropdown dd, #language_selector .dropdown dt, #language_selector .dropdown ul { margin:0px; padding:0px; }
#language_selector .dropdown dd { position:relative; }
#language_selector .dropdown a, #language_selector .dropdown a:visited { color:#333; text-decoration:none; outline:none;}
#language_selector .dropdown a:hover { }
#language_selector .dropdown dt a:hover {  border: 1px solid #ccc;}
#language_selector .dropdown dt a {background:#f1f1f1 url(/images/icons/languages/arrow.png) no-repeat scroll right center; display:block; padding-right:20px; border:1px solid #eee; width:90px;}
#language_selector .dropdown dt a span {cursor:pointer; display:block; padding:5px;}
#language_selector .dropdown dd ul { background:#f1f1f1 none repeat scroll 0 0; border:1px solid #eee; display:none; left:0px; padding:5px 0px; position:absolute; top:2px; width:auto; min-width:130px; list-style:none; z-index:999;}
#language_selector .dropdown span.value { display:none;}
#language_selector .dropdown dd ul li a { padding:5px; display:block;}
#language_selector .dropdown dd ul li a:hover { background-color:#ccc;}

#language_selector .dropdown img.flag { border:none; vertical-align:middle; margin-left:10px; }
#language_selector li {margin:0;padding:0;}

#login_page legend {font-size:14px; font-weight:bold; color:#666;}
label {font-size:16px;font-weight:bold;}
#login_page label[for='remember_me'] {font-size:12px;}
#login_page fieldset {margin-bottom:0;}
input.field {font-size:18px;padding:4px;border:4px solid #eee;background-color:#f6f6f6;color:#999;font-weight:bold;}
.buttons input { background-color:#000; border:0; font-size:18px; color:#fff; font-weight:bold; padding:5px; font-family: 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif; }
.buttons input:hover {background-color:#444;}
.buttons a { color:#333; font-size:16px; margin-left:10px; }
.buttons a:hover {color:#666;}

#login_page a.show_open_id_login img { margin-right:10px; vertical-align:center; }
#login_page a.show_open_id_login,
#login_page a.show_regular_login { margin-top:15px; display:block; padding-top:4px; border-top:1px solid #eee; }

#login_page label.error {color:#800; font-size:10px;}

#list_page ul li {color:#999;border-bottom:1px solid #eee;font-size:11px;}
#list_page ul li {list-style-type:none;margin:0;}
#list_page ul li a.name {margin-right:10px;}
#list_page ul li a.name,
#list_page ul li span.count {font-weight:bold;font-size:22px;}
#list_page ul li span.count { color:#666; }
#list_page ul li div.options a { color:#999; font-weight:normal;}
#list_page ul li div.options a:hover {text-decoration:underline;}
#list_page ul li div.options { float:right;}

#blogs_search_page #feeds { }
#blogs_search_page .big_flag {float:right;}
#blogs_search_page .grid_6 {margin-top:40px;}
#blogs_search_page.user .grid_6 {margin-top:0;}

#blogs_search_page.user h2 {float:left;}
#blogs_search_page.user .new_blog_container {float:right;}

p.no_results { font-size:24px; text-align:center; font-weight:bold; }

#members_page #members {margin-left:auto;margin-right:auto;width:900px;}
#members_page #members .member { margin-left:5px; margin-right:5px; margin-top:5px; float:left; }


#add_blog {margin-bottom:20px;}
#add_blog #url {width:60%;float:left;margin-right:4px;}
#add_blog .buttons input {padding:7px;}

.button {background-color:#000; border:0; font-size:14px; color:#fff; font-weight:bold; padding:5px; background-repeat:no-repeat;background-position:5px center; padding-left:20px; }
.button:hover {background-color:#333;color:#fff;}
.button_more {background-image:url(/images/icons/buttons/plus_8x8.png);}
.button_new_blog {background-image:url(/images/icons/buttons/plus_12x12.png);padding-left:22px;}

.translation_missing {color:#800;}

/* ADS */

.feeds_ad { /*float:right;*/ }
#top_ad {text-align:center;margin-top:5px;}
#sidebar_ad {text-align:center;}

