/*
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ó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;}
.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 li{text-align:right;}
ul#menu a{text-transform:lowercase; color:#000; font-size:13px; font-weight:lighter; font-family: 'Arvo', arial, serif;}
ul#menu a:hover{color:#999;}

/* 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 */
h3.titularSec{margin-bottom:20px; border-bottom:10px solid #f4f4f4; padding-bottom:10px;text-transform:lowercase; color:#000; font-size:15px; font-weight:lighter; font-family: 'Arvo', arial, serif;}
h3.titularSec a{font-family:Arial, Helvetica, sans-serif; font-size:12px;  background-color:#f4f4f4;color: #888888;    margin-left: 5px;   padding: 2px 6px;}
/* 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;} */
table.tableAward{margin-bottom:40px;}
table.tableAward td{padding-bottom:20px;}
/* banner content */
div#bannercontent{width:840px;padding:25px 0 20px 0; background-color:#f3f3f3; text-align:center;overflow: hidden;}
/* extra images */
div#extra_images{width:840px; margin-bottom:20px;}
div#extra_images img{margin-bottom:20px;}

/* work credits */
table.work_credits{width:840px; margin:20px 0 20px 0;}
table.work_credits td{ border-right: 1px solid #D9D9D9; padding:15px;}
table.work_credits #titulo{width:190px; padding-left:0; padding-top:25px;}
table.work_credits #titulo h3{font-family: 'Arvo', arial, serif; font-size:20px; font-weight:lighter !important; margin-bottom:5px;}
table.work_credits #titulo p{ margin:0;}
table.work_credits #descriptivo{padding-top:25px;}
table.work_credits #ficha{ width:30px;text-align:center;}
table.work_credits #awards{ width:30px; text-align:center;}
table.work_credits #share{ width:30px;text-align:center; border:0; padding-right:0;}
small {text-transform:uppercase; font-size:7px; margin-bottom:2px;}

/* credit buttons */
a.credits{display:block; width:30px; height:30px; background-position: top left; background-repeat:no-repeat;}
a.credits:hover{background-position:bottom !important;}
a#art{background:url(img/credit_icon_art.jpg);}

/* share buttons */
a.share{display:block; width:30px; height:30px; background-position: top left; background-repeat:no-repeat;}
a.share:hover{background-position:bottom !important;}
a#twitter{background:url(img/social_icons_twitter.jpg);}
a#facebook{background:url(img/social_icons_facebook.jpg);}

/* NAVEGACION */
div#seta_izq{ position:fixed; top:50%; height:35px; left:50%; width:35px; margin:-25px 0 0 -486px;}
div#seta_dir{position:fixed; top:50%; height:35px; left:50%; width:35px; margin:-25px 0 0 451px;}

/* FOOTER */
div#footer{width:840px;padding:30px; font-size:10px; color:#999;border-top:1px solid #d9d9d9; }
div#footer a{display:inline-block; width:30px; height:30px; background-position:top left; background-repeat:no-repeat;}

div#footer a#twitter{background:url(img/social_icons_twitter.jpg);}
div#footer a#facebook{background:url(img/social_icons_facebook.jpg);}
div#footer a#linkedin{background:url(img/social_icons_linkedin.jpg);}
div#footer a#blog{background:url(img/social_icons_blog.jpg);}

div#footer a:hover#twitter{background-position:bottom;}
div#footer a:hover#facebook{background-position:bottom;}
div#footer a:hover#linkedin{background-position:bottom;}
div#footer a:hover#blog{background-position:bottom;}

/* edit buttom */
span.editarpost a{background-color:#900; color:#FFF !important; padding:2px; font-size:9px;}

/* digital producer */
div.conteudohome{ padding-bottom:0 !important;}
div#digitalproducer{background-color:#F4F4F4;margin-left: -30px;padding: 30px 0 0 30px;}
div#digitalproducer div.extractoPost{background-color:#FFF;}
div#digitalproducer h3.titularSec{border-bottom-color:#ddd; margin-right:35px;}