/*
Theme Name: PORTFOLIO FRED BOSCH
Theme URI: http://www.fredbosch.com
Description: Theme para el portfolio de Fred Bosch. Desarrollado por Fred Bosch para uso exclusivo. Copyright 2009. No utilices sin previa autorizaci&oacute;n.
Version: 1.0
Author: Fred Bosch
Author URI: http://www.fredbosch.com
*/

/* GENERALES */
*{margin:0;padding:0;border:0;}
html,body{height:100%;}
body{background:url(img/fundo.jpg) repeat top left #FFF fixed;color:#555; font-family:Georgia, "Times New Roman", Times, serif; font-size:11px;}
a:link, a:visited, a:active{color:#000;text-decoration:none;outline:none;}
a:hover{color:#555;}
a img {border:0; outline:none;}
.hidden{display:none;}
input, textarea{border:1px solid #d9d9d9;color:#000; background-color:#FFF;font-family:Georgia, "Times New Roman", Times, serif;font-size:12px; padding:2px;}
.floatleft{float:left;}
.floatright{float:right;}
.clearBoth{clear:both;}
.alignCenter{text-align:center;}
.alignRight{text-align:right;}
.alignLeft{text-align:left;}
li{list-style:none;}
p{margin-bottom:10px; font-family:Arial, Helvetica, sans-serif;}
.colorGris{color:#bbb;}
.noMargin{margin:0 !important; vertical-align:middle;}

/* CORPO */
div#corpo{width:900px; min-height:100%; background-color:#FFF;margin:0 auto 0 auto;border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9;}

/* CABECEIRA */
div#cabeceira{width:840px;padding:30px; border-bottom:1px solid #d9d9d9;}
div#cabeceira #homeBtn{display:block; width:390px; height:93px; background:url(img/logoSite.jpg) top left no-repeat;}
div#cabeceira p{margin-bottom:0 !important;}
/* menu */
ul#menu a{display:block; height:13px; width:52px;}
ul#menu a#menu_about{background:url(img/btn_menu_about.jpg) top left no-repeat;}
ul#menu a#menu_info{background:url(img/btn_menu_info.jpg) top left no-repeat;}
ul#menu a#menu_work{background:url(img/btn_menu_work.jpg) top left no-repeat;}
ul#menu a#menu_awards{background:url(img/btn_menu_awards.jpg) top left no-repeat;}
ul#menu a#menu_blog{background:url(img/btn_menu_blog.jpg) top left no-repeat;}
ul#menu a#menu_contacto{background:url(img/btn_menu_contacto.jpg) top left no-repeat;}

/* CONTEUDO */
div#conteudo{width:870px;padding:30px 0 30px 30px; min-height:430px;}
div#areaConteudos{width:840px;}
/* home */
div.extractoPost{width:240px;float:left; margin:0 30px 30px 0;border:1px solid #d9d9d9; padding:8px; font-size:11px; color:#bbb; text-transform:lowercase;}
div.extractoPost p{margin-bottom:0;}
/* seccoes */
div.titularSec{margin-bottom:20px; border-bottom:10px solid #f4f4f4;}
/* tabela post */
table.tableWork img{margin-bottom:15px;}
table.tableWork h3{font-size:13px; margin-bottom:20px;}
table.tableWork h3 span{font-size:9px;font-family:Arial, Helvetica, sans-serif; font-weight:lighter;}
table.tableWork h3 span a{color:#555;}
table.tableWork h6{font-size:11px; margin:17px 0 7px 0;}
table.tableAward td{height:140px;}
div.addthis_container{margin:10px 0 5px 0;}
table.tableWork h3 span{background:url(img/icon_cliente.jpg) top left no-repeat; display:block;margin-top:7px !important;padding:1px 0 0 15px;}
table.tableWork h3 span a{background:url(img/icon_link.jpg) top left no-repeat; display:block;margin-left:-15px;margin-top:4px;padding:0 0 0 15px;}

/* FOOTER */
div#footer{width:840px;padding:30px; font-size:10px; color:#999;border-top:1px solid #d9d9d9; }
div#footer a{ display:inline-block; width:18px; height:18px; margin-right:3px;}

div#footer a#twitter{background:url(img/icon_social_twitter_bn.jpg) top left no-repeat;}
div#footer a#facebook{background:url(img/icon_social_facebook_bn.jpg) top left no-repeat;}
div#footer a#linkedin{background:url(img/icon_social_linkedin_bn.jpg) top left no-repeat;}
div#footer a#delicious{background:url(img/icon_social_delicious_bn.jpg) top left no-repeat;}

div#footer a:hover#twitter{background:url(img/icon_social_twitter.jpg) top left no-repeat;}
div#footer a:hover#facebook{background:url(img/icon_social_facebook.jpg) top left no-repeat;}
div#footer a:hover#linkedin{background:url(img/icon_social_linkedin.jpg) top left no-repeat;}
div#footer a:hover#delicious{background:url(img/icon_social_delicious.jpg) top left no-repeat;}