/**
* David Anguita Webcard
* Author: David Anguita
* http://davidanguita.name
* Created: Sept 2009
*/

/**
* The following CSS Reset was written by Dejan Cancarevic
* http://stylizedweb.com/2008/02/14/10-best-css-hacks/
*/

html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:400;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
* {margin:0;padding:0;}

/**
* General Style
*/

body {
background:#444 url(../img/bgBody.jpg) no-repeat top;
color:#ccc;
font-family:'lucida grande',verdana,helvetica,arial,sans-serif;
font-size:62.5%;
margin:0;
}

a {
color:#eee;
text-decoration:none;
font-weight:700;
outline:none;
}

a:hover {
color:#fff;
}

a img {
border:none;
}

h1 {
font-size:200%;
font-weight:700;
}

h2 {
font-size:160%;
}

h3 {
font-size:140%;
}

/**
* Layout: Header
*/

#header {
padding:0;
}

#header .about {
font-size:120%;
text-shadow:0 1px 0 #000;
margin-bottom:10px;
}

#header .about h1 {
font-size:240%;
letter-spacing:-2px;
color:#fff;
margin:0;
padding:0;
}

#header .about .author {
float:right;
width:304px;
padding-left:10px;
}

#header .about a {
font-weight:400;
}

#header .about .gravatar {
border:1px solid #666;
float:left;
}

#header ul.nav {
list-style-type:none;
margin:0;
padding:0;
height:35px;
overflow:hidden;
}

#header ul.nav li {
display:inline;
}

#header ul.nav li a {
display:block;
width:122px;
height:35px;
line-height:35px;
text-align:center;
float:left;
background-image:url(../img/bgTab-inactive.png);
background-position:center top;
background-repeat:no-repeat;
color:#333;
margin-right:7px;
font-size:120%;
text-shadow:0 1px 0 #fff;
}

#header ul.nav li a:hover {
color:#666;
}

#header ul.nav li a:active {
line-height:37px;
}

#header ul.nav li a.current {
background-image:url(../img/bgTab-current.png);
cursor:default;
}

#header ul.nav li a.current:hover {
color:#333;
}

#header ul.nav li a.current:active {
line-height:35px;
}

#header ul.nav li a.last-child {
margin:0 !important;
}

/**
* Layout: Container/Wrapper
*/

#container {
width:380px;
margin:60px auto 20px;
padding:0 10px 10px;
}

#wrapper {
background:#d0d0d0;
border:1px solid #252525;
border-left:1px solid #343434;
border-top:none;
padding:10px;
overflow:hidden;
}

#wrapper .module {
display:none;
color:#333;
font-size:130%;
text-shadow:0 1px 0 #fff;
}

/**
* Layout: Footer
*/

#footer {
margin-top:10px;
text-align:right;
color:#666;
text-shadow:0 1px 0 #333;
font-size:110%;
}

#footer a {
font-weight:400;
}


#info {
font-family:Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
font-size:120%;
font-style:italic;
}

#credits {
text-align:center;
font-size:210%;
line-height:40px;
padding-top:200px;
text-shadow:2px 2px 0 #000;
}

#credits a {
border-bottom:1px solid #333;
}

#credits a:hover {
border-bottom:1px solid #fff;
}

/**
* Module
*/

ul.module {
list-style-type: none;
}

ul.module li {
overflow:hidden;
padding:10px 0;
border-bottom:1px solid #ddd;
border-radius:5px;
}

ul.module li:hover {
background-color:#ddd;
border-color:#ccc;
}

ul.module li:hover > a {
color:#333;
}

ul.module li:last-child {
border:none;
}

ul.module li a {
display:block;
color:#999;
font-size:90%;
font-weight:400;
}

ul.module li p {
padding:0 10px 10px;
}

ul.module li p:last-child {
padding-bottom:0;
}

ul.module li.description,ul.module li.description:hover {
background-color:#ddd;
border-color:#ccc;
}

ul.module li a img {
float:left;
margin:0 10px;
}

ul.module li a strong {
font-size:110%;
display:block;
color:#333;
}

#twitter-switcher {
float:left;
display:block;
position:relative;
width:27px;
height:15px;
background-color:#444;
background-image:url(../img/icnTwitter.jpg);
background-repeat:no-repeat;
background-position:top;
cursor:pointer;
}

#twitter-switcher:hover {
background-position:bottom;
}

#twitter {
display:none;
}

#twitter .last-entries {
background:#555;
margin-top:5px;
color:#fff;

text-align:left;
font-size:110%;
border-radius:5px;
padding:10px;
margin-bottom:10px;
}

#twitter .last-entries a {
color:#bbdff1 !important;
text-decoration:none !important;
}

#twitter .last-entries a:hover {
color:#fff !important;
}

#twitter .refresh {
padding-left:10px;
}

#twitter .refresh a {
color:#666;
text-shadow:0 1px 0 #333;
float:left;
}

#twitter .refresh a:hover {
color:#999;
}

#twitter .follow {
padding-right:10px;
}

#twitter .follow a {
color:#6cabca;
text-shadow:0 1px 0 #000;
font-weight:700;
float:right;
font-size:120%;
letter-spacing:-1px;
}

#twitter .follow a:hover {
color:#79c3e7;
}

#twitter ul.tweet_list {
list-style-type:none;
margin:0;
padding:0;
}

#twitter .last-entries a {
color:#eee;
}

#twitter .last-entries a:hover {
color:#fff;
text-decoration:underline;
}

#twitter .last-entries ul.tweet_list li {
padding-bottom:5px;
margin-bottom:5px;
border-bottom:1px solid #666;
}

#twitter .last-entries ul.tweet_list li:last-child {
border:none;
margin:0;
padding:0;
}

/**
* Util classes
*/

.clear {
clear:both;
float:none;
}

/**
* Info
*/

.bgTransparent {
position:fixed;
left:0;
top:0;
background:#000;
opacity:0.7;
display:none;
}

/**
* No-IE6
*/

#usuarios-ie {
text-align:center;
font-size:200%;
width:500px;
margin:20px auto;
}