/* 
Theme Name: Luis Sancho Blog
Theme URI: http://www.luissancho.com
Description: Tema para Luis Sancho Blog.
Version: 1.0
Author: Luis Sancho
Author URI: http://www.luissancho.com
*/

*
{
	margin: 0;
	padding: 0;
	border-width: 0;
}
body
{
	background: #DDD url(img/bg.gif) top left repeat-x;
	font-family: Verdana, sans-serif;
    font-size: 11px;
    color: #333;
}
p
{
	margin-bottom: 10px;
}
a
{
    color: #3B5998;
    text-decoration: underline;
}
a:hover
{
	color: #3B5998;
    text-decoration: underline;
}

/* Layout */
#wrapper
{
	position: absolute;
	left: 50%;
	width: 970px;
	margin-left: -485px;
}
#box
{
	background-color: #FFF;
	border: 3px double #C0C0C0;
	width: 970px;
	margin-top: 10px;
}
#header
{
    height: 100px;
    width: 970px;
    margin-bottom: 20px;
}
#main
{
    width: 970px;
    margin-top: 10px;
}
#footer
{
    margin: 10px 0 10px 180px;
    width: 520px;
    text-align: center;
    font-size: 10px;
    line-height: 17px;
}

/* SubLayout */
#mainmenu
{
    width: 970px;
    height: 30px;
    background: transparent url(img/grad-menu.gif) bottom left repeat-x;
}
#homeleftcol
{
    float: left;
    width: 510px;
    margin-left: 10px;
}
#homecentercol
{
    float: left;
    width: 250px;
    margin-left: 10px;
}
#homerightcol
{
    float: left;
    width: 180px;
    margin-left: 10px;
}

/* General */
.center
{
    text-align: center;
}
.left
{
    float: left;
}
.right
{
    float: right;
}
.bordered
{
    border: 1px solid #CCC;
}
.imgleft
{
    float: left;
    margin-right: 10px;
}
.imgright
{
    float: right;
    margin-left: 10px;
}
.imgdesc
{
    text-align: center;
    font-style: italic;
    margin-bottom: 10px;
}
.clear
{
  clear: both;
}
hr
{
    width: 450px;
    border-bottom: 1px solid #CCC;
    margin: 0 auto 10px auto;
}
input, select, textarea
{
    border: 1px solid #CCC;
}
input.button
{
    border: 3px double #999;
    border-left-color: #CCC;
    border-top-color: #CCC;
    color: #333;
    font-size: 13px;
    font-weight: bold;
    padding: 3px 10px 3px 10px;
    outline: 0;
}
input.text, textarea
{
    padding: 2px 4px;
    font-size: 11px;
    color: #333;
}
input.check
{
    border-width: 0;
}

h1
{
    display: inline;
    margin-left: 29px;
}
#iheader
{
    float: right;
    width: 800px;
    height: 100px;
    border-left: 3px double #C0C0C0;
    border-bottom: 3px double #C0C0C0;
}
#iheader a
{
    display: block;
    width: 800px;
    height: 100px;
    background: url(img/header-wn.jpg) top left no-repeat;
}
#iheader a span
{
    display: none;
}
#adsense_side
{
    text-align: center;
    margin-bottom: 10px;
}
#adsense_main
{
    text-align: center;
    margin: 20px 0;
}
#topic
{
    background-color: #EEE;
    font-family: Georgia, Verdana, sans-serif;
	font-size: 12px;
	font-style: italic;
}
#topic .quote
{
    background: transparent url(img/quote.gif) left top no-repeat;
    padding: 5px 0 0 25px;
}
#topic .author
{
    margin-top: 5px;
    text-align: right;
    font-weight: bold;
    font-style: normal;
}
#about
{
    background-color: #EEE;
    border: 1px solid #E0E0F9;
    padding: 10px;
    margin-bottom: 10px;
}
#about img#ls
{
    float: left;
    margin: 0 5px 5px 0;
    border: 1px solid #333;
}
#about h3
{
    font-family: Georgia, Verdana, sans-serif;
    font-size: 14px;
	color: #3B5998;
    font-weight: bold;
    margin-bottom: 2px;
}
#about h4
{
    font-family: Georgia, Verdana, sans-serif;
    font-size: 11px;
	color: #666;
    font-weight: normal;
}
#about div.content
{
    padding: 5px 0 15px 0;
}
#about div.more
{
    float: right;
}
#search
{
    margin-top: 10px;
    text-align: center;
}
#search #s
{
    background: #FFF url(img/search.png) 3px center no-repeat;
    border: 1px solid #6D84B4;
    border-right: none;
    padding: 2px 3px 0 20px;
    height: 17px;
    font-size: 11px;
    color: #AAA;
    width: 100px;
}
#search #searchsubmit
{
    outline: 0;
    margin-top: 0;
    border-width: 0;
}
#icons
{
    background-color: #FFF;
    border: 1px solid #E0E0F9;
    padding: 10px;
}
#icons table
{
    width: 100%;
}
#icons tr td
{
    width: 50%;
    text-align: center;
}
#font_size
{
    text-align: center;
    margin-bottom: 10px;
}
#font_size a
{
    font-family: Verdana, sans-serif;
	color: #333;
	padding: 3px 5px;
	text-decoration: none;
	font-weight: bold;
	border: 1px solid #E0E0F9;
	vertical-align: bottom;
	outline: 0;
}
#font_size a#font_small
{
    font-size: 12px;
    color: #3B5998;
    background-color: #FFF;
}
#font_size a#font_big
{
    font-size: 16px;
    color: #333;
    background-color: #EEE;
}
#trackback
{
    margin-top: 20px;
}
.trackback
{
	padding: 10px;
	border: 1px dotted #CCC;
}
.navigation
{
    text-align: center;
    margin-bottom: 20px;
}
#pn h2
{
    display: none;
}
#pn input
{
    padding: 1px 2px;
}

/* Rounded Box */
div.rbox div.top div
{
	background: url(img/rc-tl.gif) no-repeat top left;
}
div.rbox div.top
{
	background: url(img/rc-tr.gif) no-repeat top right;
}
div.rbox div.bottom div
{
	background: url(img/rc-bl.gif) no-repeat bottom left;
}
div.rbox div.bottom
{
	background: url(img/rc-br.gif) no-repeat bottom right;
}
div.rbox div.top div, div.rbox div.top, div.rbox div.bottom div, div.rbox div.bottom
{
	height: 12px;
}
div.rbox div.in
{
    padding: 0 10px;
}

/* Post */
.post
{
    margin: 20px 0 10px 0;
}
.post .content
{
    line-height: 16px;
    margin-bottom: 15px;
}
.post h3
{
    font-family: "Lucida Grande", "Trebuchet MS", "Lucida Sans Unicode", sans-serif;
    font-size: 18px;
    color: #3B5998;
    line-height: 22px;
    padding-bottom: 5px;
    border-bottom: 1px solid #EEE;
    margin: 0 70px 10px 0;
    font-weight: bold;
}
.post h3 a
{
	text-decoration: none;
}
.post h3 a:hover
{
	text-decoration: underline;
}
.post h4
{
    font-family: "Lucida Grande", "Trebuchet MS", "Lucida Sans Unicode", sans-serif;
    font-size: 14px;
    color: #3B5998;
    margin: 20px 0 10px 0;
    font-weight: bold;
}
.post ul
{
    margin: 0 0 10px 10px;
}
.post ul li
{
    list-style-type: none;
    padding: 0 0 5px 14px;
    background: transparent url(img/li.gif) left 2px no-repeat;
}
.post ul li ul
{
    margin: 5px 0 0 0;
}
.post ul li li
{
    padding: 0 0 5px 14px;
}
.post .meta
{
    background-color: #F7F7F7;
    border-top: 1px solid #E0E0F9;
    border-bottom: 1px solid #E0E0F9;
    font-size: 10px;
    color: #677284;
    padding: 2px 5px;
}
.post .audio
{
    text-align: center;
	margin: 10px;
	padding: 10px;
	border: 1px solid #E0E0F9;
}
.post blockquote
{
    background-color: #EEE;
    color: #4D5663;
    margin: 10px;
    padding: 10px 10px 1px 10px;
}
.post .date
{
    float: right;
    width: 50px;
    height: 54px;
    background: transparent url(img/calendar.jpg) left top no-repeat;
    font-family: "Lucida Sans", "Trebuchet MS", Verdana, Arial, Serif;
    font-weight: bold;
    text-align: center;
    margin-left: 5px;
}
.post .date span
{
    display: block;
}
.post .date .month
{
    padding-top: 2px;
    font-size: 11px;
    color: #FFF;
}
.post .date .day
{
    padding-top: 3px;
    font-size: 16px;
    color: #333;
}
.post .date .year
{
    padding-top: 1px;
    font-size: 10px;
    color: #999;
}
.post .data
{
    padding-bottom: 5px;
	margin-bottom: 10px;
	color: #677284;
	font-size: 10px;
}
.extra
{
    margin-top: 10px;
    height: 30px;
}
.votio
{
	float: right;
	padding-right: 10px;
	text-align: center;
}
.votio .votes
{
    margin-top: 2px;
    font-size: 10px;
    color: #677284;
}
.post #related_posts
{
    margin-top: 20px;
}
.post table.grid
{
    background-color: #EEE;
    margin: 0 auto;
    margin-bottom: 10px;
}
.post table.grid td
{
    padding: 4px;
    background-color: #FFF;
}
.post table.grid caption
{
    margin: 0 auto;
    font-weight: bold;
    margin-bottom: 5px;
}
.post .hl
{
    color: #3B5998;
}

/* Comments */
.comments
{
    margin-top: 20px;
}
.comments h3
{
    font-family: "Lucida Grande", "Trebuchet MS", "Lucida Sans Unicode", sans-serif;
    font-size: 18px;
    border-bottom: 1px solid #EEE;
    margin: 0 70px 10px 0;
    font-weight: bold;
}
.comments h3 span
{
    color: #7A818A;
}
.comment
{
    margin-bottom: 20px;
}
.comment .head
{
    border-top: 1px solid #3B5998;
    background-color: #F7F7F7;
    border-bottom: 1px solid #D8DFEA;
    padding: 3px 5px;
}
.comment .author
{
    font-weight: bold;
}
.comment .meta
{
    font-size: 10px;
    color: #666;
    padding-top: 3px;
}
.comment .content
{
    margin: 5px;
}

/* Sidebar */
.sidebar h3
{
	font-family: "Lucida Grande", "Trebuchet MS", "Lucida Sans Unicode", sans-serif;
    font-size: 15px;
    font-weight: bold;
    border-bottom: 1px solid #E0E0F9;
	padding-bottom: 2px;
    margin-bottom: 8px;
}
.sidebar h4
{
	font-family: "Lucida Grande", "Trebuchet MS", "Lucida Sans Unicode", sans-serif;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 5px;
    padding-left: 4px;
    margin-top: 5px;
}
.sidebar li
{
    list-style-type: none;
    margin-bottom: 20px;
}
.sidebar li li
{
    list-style-type: none;
    margin: 0;
    padding: 3px 0 3px 14px;
    background: transparent url(img/li.gif) left 4px no-repeat;
}
.sidebar ul.nobullet li
{
    list-style-type: none;
    padding: 3px 0 3px 14px;
    background: none;
}
.sidebar ul.inline li
{
    list-style-type: none;
    float: left;
    background: none;
}
.sidebar ul.noborder li
{
    border-bottom: none;
}
.sidebar ul.feeds li a
{
    display: block;
    height: 16px;
    line-height: 16px;
    background-repeat: no-repeat;
	background-position: left center;
    padding-left: 22px;
}
.sidebar ul.feeds li.rss a
{
    background-image: url(img/rss.png);
}
.sidebar ul.feeds li.greader a
{
    background-image: url(img/greader.png);
}
.sidebar ul.feeds li.netvibes a
{
    background-image: url(img/netvibes.png);
}
.sidebar ul.feeds li.bloglines a
{
    background-image: url(img/bloglines.png);
}
.sidebar ul.feeds li.yahoo a
{
    background-image: url(img/yahoo.png);
}
.sidebar ul.logos li
{
    padding-left: 0;
    margin: 0 2px;
}
.sidebar ul.logos li span
{
    display: none;
}
.sidebar ul.logos li a
{
    display: block;
    width: 75px;
    height: 75px;
    background-repeat: no-repeat;
	background-position: left center;
	border: 1px solid #CCC;
}
.sidebar ul.logos li.tenders a
{
    background-image: url(img/logo-tenders.jpg);
}
.sidebar ul.logos li.manythings a
{
    background-image: url(img/logo-manythings.jpg);
}
.sidebar ul.logos li.iglu a
{
    background-image: url(img/logo-iglu.jpg);
}
.sidebar ul.logos li.dejaboo a
{
    background-image: url(img/logo-dejaboo.jpg);
}
.sidebar ul.logos li.ec a
{
    background-image: url(img/logo-ec.jpg);
}
.sidebar ul.logos li.zima a
{
    background-image: url(img/logo-zima.jpg);
}
.sidebar ul.postutils li a
{
    display: block;
    height: 16px;
    line-height: 16px;
    background-repeat: no-repeat;
	background-position: left center;
    padding-left: 22px;
}
.sidebar ul.postutils li.utilcomment a
{
    background-image: url(img/comment.png);
}
.sidebar ul.postutils li.utiltrackback a
{
    background-image: url(img/trackback.png);
}
.sidebar ul.postutils li.utilprint a
{
    background-image: url(img/print.png);
}
.sidebar ul.postutils li.utilsend a
{
    background-image: url(img/send.png);
}
.sidebar ul.postutils li.utilmeneame a
{
    background-image: url(img/menefante.gif);
}
.sidebar ul.postutils li.utiltwitter a
{
    background-image: url(img/twitter.png);
}
.sidebar .lastcomment
{
    margin: 3px 0 0 10px;
}
.sidebar .leyend
{
    margin: 10px 0 0 10px;
}
.sidebar #feedburner
{
    margin: 10px 0 0 10px;
}
.sidebar #stats
{
    font-size: 10px;
}
.sidebar #stats li strong
{
    color: #3B5998;
}
.sidebar ul.ui-tabs-nav li
{
    list-style-type: none;
    padding: 0;
    margin-right: 3px;
    background: none;
    border-bottom: none;
}
.sidebar ul.collapsed
{
    display: none;
}
.sidebar .slide_but
{
    margin-top: 20px;
    background-color: #EEE;
    padding: 4px;
}
.sidebar .slide_but a
{
    display: block;
    height: 12px;
    line-height: 12px;
    background-repeat: no-repeat;
	background-position: left top;
    padding-left: 11px;
    font-size: 10px;
    color: #666;
    font-weight: bold;
    outline: 0;
    
}
.sidebar .slide_but a.up
{
    background-image: url(img/slide-up.gif);
}
.sidebar .slide_but a.down
{
    background-image: url(img/slide-down.gif);
}

/* Flickr */
#flickr
{
    text-align: center;
}
.flickr_badge_image
{
    float:left;
    margin: 2px;
}
.flickr_badge_image img
{
    width: 75px;
    height: 75px;
    border: 1px solid #CCC;
}
