/*  
Theme Name:About Guatemala
Theme URI:http://alexsancho.name/
Description:Custom Theme for aboutguatemala.com.
Version:1.0
Author:Alex Sancho
Author URI:http://alexsancho.name/
*/

* {
    margin:0;
    padding:0;
}
html {
    font:normal .9em/1.4em "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
}
body {
    color:#565555;
    background:#047 url("img/bodybg.png") 0 0 repeat-x fixed;
    font:normal .9em/1.4em "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
}
h1,h2,h3,h4 {
    font:normal .9em/110% "Helvetica Neue", Helvetica, Arial, Tahoma, sans-serif;
    text-shadow:2px 2px 2px #ccc;
    letter-spacing:-.5px;
    margin-bottom:10px;
}
h1 {
    font-size:1.4em;
    font-weight:normal;
    margin-bottom:10px;
}
h2 {
    font-size:1.2em;
    margin-bottom:4px;
}
h3 {
    font-size:.9em;
    margin-top:20px;
}
h4 {
    font-size:.75em;
    margin-bottom:5px;
    margin-top:10px;
}
a, a:link, a:visited {
    color:#26C;
    outline:none;
    text-decoration:none;
}
a:hover {
    text-decoration:underline;
}
a img {
    border:none;
}
p {
    font-size:1em;
    line-height:1.4em;
    margin-bottom:15px;
}
ul {
    list-style-type:none;
}
.clear {
    clear:both;
}
.right {
    text-align:right;
}
.center {
    text-align:center;
}
.alignleft {
    float:left;
}
.alignright {
    float:right;
}
.hide {
    display:none;
}
#topbar {
    color:#FC0;
    background-color:#06C;
    text-align:right;
    font-weight:bold;
    margin-bottom:20px;
    padding:6px 0;
}
#topbar li {
    display:inline;
    margin-right:3px;
}
#topbar a:link, #topbar a:visited {
    color:#FFF;
}
#logo {
    height:265px;
    width:520px;
    color:#555;
    position:relative;
    overflow:auto;
    text-align:center;
    background:#EEE url('img/headers/header.php') 0 0 no-repeat;
    vertical-align:bottom;
}
#logo h1 a {
    position:absolute;
    display:block;
    width:280px;
    height:35px;
    left:0;
    bottom:30px;
}
.replaced {
    position:absolute;
    text-indent:-9999em;
}
.intro {
    float:left;
    display:block;
    width:265px;
    margin:5px auto;
    position:relative;
    background:transparent url('img/intro.png') 0 0 no-repeat;
}
.intro dt {
    text-align:right;
    font-weight:bold;
    color:#A1A1A1;
    margin:22px 15px 8px 0;
}
.intro dd img {
    float:left;
    margin:0 8px 5px 8px;
    border:1px solid #A1A1A1;
}
#mainmenu {
    width:90%;
    margin:240px auto 0 auto;
}
#mainmenu li {
    float:left;
    margin-right:3px;
}
#mainmenu li a:link, #mainmenu li a:visited {
    display:block;
    padding:2px;
    font-size:.8em;
    font-weight:bold;
    color:#808080;
}
#mainmenu li a:hover {
    text-decoration:none;
    background-color:#FF9;
}
#container {
    background:#FFF url('img/contbg.png') 0 0 no-repeat;
    width:720px;
    margin:0 auto;
    padding:20px;
}
#main {
    float:left;
    width:530px;
    margin-right:20px;
}
#main p, #sidebar p {
    padding-left:10px;
}
.entry {
    font-size:.95em;
}
.entry img {
    margin:5px;
    float:right;
}
.entry-title {
    display:block;
    clear:both;
    margin:30px 0 10px 0;
    padding:5px 0 5px 8px;
    font-size:1.4em;
    border-top:1px solid #DDD;
    border-right:1px solid #BBB;
    border-bottom:1px solid #BBB;
    border-left:1px solid #DDD;
    background:#EEE url('img/gradient2.png') 0 0 repeat-x;
}
.entry-title a:link, .entry-title a:visited {
    background:#EEE url('img/gradient2.png') 0 0 repeat-x;
}
.entry-meta {
    display:block;
    position:relative;
    padding:0 0 15px 0;
    font-size:85%;
    padding-left:10px;
}
.entry-comments {
    position:absolute;
    top:0;
    right:8px;
    padding-left:20px;
    background:transparent url('img/comments.png') 0 0 no-repeat;
}
#c-rss-link {
    padding-left:20px;
    background:transparent url('img/feed.png') 0 0 no-repeat;
}
#t-link {
    padding-left:20px;
    background:transparent url('img/arrow_switch.png') 0 0 no-repeat;
}
#respond h3 {
    font-size:1.4em;
}
#commentlist li {
    background:#F1F1F1;
    position:relative;
    overflow:auto;
    margin:8px auto;
    border:1px solid #DDD;
}
#commentlist li.alt {
    background:#FAFBFC;
}
#commentlist li.by-postauthor {
    background:#F6F6F6;
}
#commentlist li .arrow {
    position:absolute;
    top:-1px;
    right:3px;
}
#commentlist li .arrow:hover {
    color:#A1A1A1;
    text-decoration:none;
}
#commentlist #nocomment {
    text-align:center;                                                                                      
    margin:30px 0 20px;                                                                                     
    color:#333;                                                                                             
    background:none;                                                                                        
    border:0;                                                                                               
    font-size:2em;                                                                                          
    letter-spacing:-2px;                                                                                    
}
#sidebar {
    float:left;
    font-size:1em;
    line-height:1.2em;
    margin:10px 0 0 5px;
    width:165px;
}
#sidebar p {
    font-size:.9em;
}
#sidebar .widget {
    clear:both;
    margin:15px auto;
}
#tagline {
    font-size:1.2em;
    text-align:center;
}
#facts {
    border:2px solid #FC0;
    background-color:#FF9;
    margin:10px 0;
    padding:3px;
}
#sitecats li a, #live-results li a, .linklist li a {
    width:100%;
    color:#A1A1A1;
    display:block;
    padding:4px 2px;
    background:#F6F6F6 url('img/arrow_right.gif') 2px 3px no-repeat;
    text-indent:16px;
    border-bottom:1px dotted #DDD;
}
#sitecats li.odd a, #live-results li.odd a, .linklist li.odd a {
    background-color:#FFF;
}
#sitecats li a:hover, #live-results li a:hover {
    color:#333;
    text-decoration:none;
}
#facts h2 {
    color:#8C6526;
    font-size:1em;
}
#pics li {
    display:inline;
}
#pics img {
    margin:2px 1px;
    padding:1px;
    border:1px solid #999;
    background-color:#06C;
}
#pics img:hover {
    margin:2px 1px;
    padding:1px;
    border:1px solid #999;
    background-color:#09C;
}
#feeds li {
    background:transparent url('img/feed.png') 0 60% no-repeat;
    vertical-align:bottom;
    margin-top:0px;
    padding:5px 20px 0;
    padding-right:0;
    border-bottom:1px dotted #DDD;
    margin-bottom:3px;
}
#footer {
    color:#888;
    font-size:.9em;
    text-align:center;
    background:#FFF url('img/footerbg.png') 0 100% no-repeat;
    width:760px;
    margin:0 auto 20px auto;
padding-bottom:5px;
}
#growl {
    background:transparent url('img/growl.png') top left no-repeat;
    display:none;
    width:336px;
    height:154px;
    position:absolute;
}
#growlmsg {
    display:none;
    position:absolute;
    padding-top:50px;
    line-height:25px;
    width:336px;
    font-size:18px;
    color:#FFF;
    text-align:center;
    text-shadow:#111 0 1px 2px;
    z-index:1000;
}
#loading {
    display:block;
    width:37px;
    height:37px;
    margin:auto;
    background:transparent url('img/load.gif') top left no-repeat;
}
form input, form textarea {
    padding:2px;
    color:#A1A1A1;
    border:1px solid #CCC;
    background-color:#F1F1F1
}
form textarea {
    width:500px;
    margin:3px auto;
}
@media projection, screen {
    .tabs-hide {
        display: none;
    }
}
@media print {
    .fragment {
        display: block !important;
        height: auto !important;
        opacity: 1 !important;
    }
    .anchors {
        display: none;
    }
}
.anchors {
    margin-top:12px;
}
.anchors:after {
    display:block;
    clear:both;
    content:" ";
}
.anchors li {
    float:left;
    margin:0 1px 0 0;
}
.anchors a {
    display:block;
    position:relative;
    top:1px;
    border:1px solid #eaeaea;
    border-bottom:0;
    z-index:2;
    padding:2px 9px 1px;
    color:#000;
    text-decoration:none;
}
.fragment {
    margin-bottom:12px;
    padding:10px;
}
.fragment h3 {
    margin-top:0;
}
.anchors .tabs-selected a {
    padding-bottom:2px;
    font-weight:bold;
}
.anchors a:focus, .anchors a:active {
    outline:none;
}
.anchors .tabs-selected a, .anchors a:hover, .anchors a:focus, .anchors a:active, .fragment {
    background:#eaeaea;
}
.anchors .tabs-selected a:link, .anchors .tabs-selected a:visited, .anchors .tabs-disabled a:link, .anchors .tabs-disabled a:visited {
    cursor:text;
}
.anchors a:hover, .anchors a:focus, .anchors a:active, .over {
    cursor:pointer;
}
.anchors .tabs-disabled {
    opacity:.4;
}
.anchors .tabs-disabled a:hover, .anchors .tabs-disabled a:focus, .anchors .tabs-disabled a:active {
    background: transparent;
}
.contacterror {
    border: 1px solid #f00;
}
#subcontent{
    width:760px;
    margin:0 auto;
    color:#2960B4;
    background-color:#E6F0F8;
    border-top:1px solid #C5E5FB;
    border-bottom:1px solid #C5E5FB;
}
#subcontent .tile {
    width:350px;
    float:left;
    margin:34px 15px;
}
#subcontent .tile h2 {
    font-size:1.4em;
    text-indent:2em;
}
#subcontent ul li {
    margin-left:19px;
    list-style-type:square;
}
#subcontent ul li a {
    display:block;
    padding:1.5px 0;
}
#subcontent #most-popular {
    border-right:1px solid #C5E5FB;
}