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

/**
* General Style
*/
body { background-color:#444; background-image:url(../img/bgBody.jpg); background-repeat:no-repeat; background-position: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:#ccc; text-shadow:0 1px 0 #000; font-size:110%; }
#footer a { font-weight:400; color:#eee; }
#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; }
ul.module li.fullname { display:none; }
#about-webcard { color:#ccc; background-color:#494949; margin-top:5px; text-align:center; border-radius:5px; padding:10px; margin-bottom:10px; }
#about-webcard a { font-weight: 700; }
#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; }