/*
Theme Name: Bruno Lage Portfolio
Theme URI: http://brunolage.com/
Description: Tema do portfolio de Bruno Lage.
Version: 1.0
Author: Bruno Lage (design) e Tiago Celestino (implementação)
Author URI:
Tags: bruno lage, design, designer baiano
*/
body {margin:0; padding:0; font-family:Georgia, Helvetica, sans-serif; font-size:14px; background:#fff;}
h1, h2, h3, h4, h5, h6 {margin:0; padding:0}
img {border:none;}
ol, ul {list-style: none; margin:0; padding:0;}
dl, dt, dd {margin:0; padding:0;}
blockquote, q {quotes: none}
ins {text-decoration: none}
del {text-decoration: line-through}
table {border-collapse: collapse; border-spacing: 0}
img {border:0;}
address {font-style: normal}
form {margin:0; padding:0;}
fieldset {border:0; margin:0; padding:0;}
legend {display:none; margin:0; padding:0;}
a {text-decoration:none;outline: none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:underline;}
p {margin:0;padding:0;}
.clear {clear:both;}
.hr {border-bottom:1px solid #e8e3d6 }
.br {margin-bottom:20px;}
/*top*/
#top { width:100%; height:243px; background:url(images/topoLogo.jpg) top center}
#content_top, #content, #content_footer {width:965px; margin:0 auto;}
#content_top {padding:28px 0 0 0}
#content_top h1 {float:left; width:800px; margin:0; padding:0;}
#content_top h1 a {text-indent: -900%;display:block; width:524px; height:139px; background:url(images/logo1.png)}
#menu {margin:133px 0 0 0;}
#menu li {float:left; margin:0; padding:0; color:#9baaba}
#menu li.space {margin-right:20px;}
#menu li a {padding:0; color:#9baaba; font-weight:bold;}
#menu li a.active {color:#9baaba;}
#menu li a:hover {text-decoration:none; color:#445771}
/*content*/
#content {margin-top:20px;}
#content h2 {margin:0 0 10px 0; font-size:25px; font-weight:normal; color:#bcc7d7;}
#content h2 .point {color:#445771}
#list-port li {float:left; width:239px; height:239px; margin:0 2px 3px 0; background:url(images/bg_listport.gif) no-repeat;}
#list-port li .img-port {position:absolute; z-index:1;}
#list-port li .img-port img {width:239px; height:239px;}
#list-port li .new-port {position:relative; z-index:3; width:50px; height:54px; margin-top:-3px;}
#list-port li .info-port {position:relative; z-index:2; width:239px; height:90px; margin-top:150px; background:#78869b; opacity:0.9; text-transform:lowercase;}
#list-port li .info-port a {float:left; display:block; width:209px; height:74px; padding:8px 15px 8px 15px; opacity:1;}
#list-port li .info-port a:hover {text-decoration:none; background:#445771; color:#606f82}
#list-port li .info-port a .category-port {font-size:18px; color:#445771; opacity:1}
#list-port li .info-port a:hover .category-port {color:#fff}
#list-port li .info-port a .title-port {font-size:22px; font-weight:bold; letter-spacing:-1px; color:#c3cad1; opacity:1}
#list-port li .info-port a:hover .title-port {color:#fff;}
/*footer*/
#footer {width:100%; height:115px; margin:10px 0 0 0; background:url(images/bg_footer.gif) repeat-x top;}
#content_footer {padding:30px 0 0 0;}
#content_footer h2 {font-size:14px; margin:0; padding:0; font-weight:600; letter-spacing:-1px; color:#bcc7d7}
#content_footer p {margin:0 0 2px 0; padding:0; text-align:right; color:#bcc7d7}
#content_footer p .copyright {color:#bcc7d7;}
#content_footer p .email-contact {color:#445771;}
#social_network {float:left; width:745px; margin-top:5px;}
#social_network li {float:left; position: relative; z-index: 100; margin:0 2px 0 0;}
#social_network li a {outline:0; display: block; text-decoration: none; text-indent: -50000px; width:37px; height:37px;}
#social_network li.behance {background:url(images/social_icon.gif) no-repeat 0 top;}
#social_network li.twitter {background:url(images/social_icon.gif) no-repeat 0 33%;}
#social_network li.flickr {background:url(images/social_icon.gif) no-repeat 0 67%;}
#social_network li.delicious {background:url(images/social_icon.gif) no-repeat 0 bottom;}
/*paginas internas*/
#internas, #talk_interna, #col_um, #col_dois, #colum_talk, #coldois_talk, #colum_profile, #coldois_profile, #profile_interna, #link {float:left;}
#internas {background:url(images/bg_interna.jpg) no-repeat 19% 0}
#talk_interna {background:url(images/bg_interna.jpg) no-repeat 27% 0}
#col_um {width:195px;}
#col_dois {width:756px;}
#col_um h2 {font-size:15px; font-weight:normal; letter-spacing:-1px; color:#bcc7db;}
#col_um ul {margin:10px 0 10px 0;}
#col_um ul li {margin:5px 0 5px 0; padding:0; text-transform:lowercase;}
#col_um ul li a {color:#445771; font-size:14px;}
#col_um ul li a.active {color:#445771 !important;}
#col_um ul li a:hover {text-decoration:none; color:#557e6c;}
#col_dois h1 {margin:0 0 2px 0; padding:0; font-size:28px; font-weight:bold; letter-spacing:-2px; text-transform:lowercase; color:#445771;}
#col_dois h2 { margin:0; padding:0; font-size:18px; font-weight:bold; letter-spacing:-1px; text-transform:lowercase; color:#557e6c;}
#col_dois p {margin:0 0 18px 0; padding:0;}
#col_dois p.tags {color:#445771;}
#col_dois p a:hover {text-decoration:none; color:#445771;}
#col_dois .list-img-port {margin:5px 0 5px 0;}
#col_dois .list-img-port li {float:left; margin:0;}
#col_dois .list-img-port li.afasta {margin-right:15px;}
.top-link {margin-top:30px !important; font-size:18px; color:#445771; text-align:right;}
.top-link a {color:#bcc7d7 !important;}
.top-link a:hover {color:#445771 !important;}
#colum_talk {width:283px;}
#colum_talk ul li {margin:0 0 5px 0; padding:0; font-size:16px; font-weight:normal;}
#colum_talk .title-talk {color:#bcc7db;}
#colum_talk .info-talk {color:#445771;}
#coldois_talk {width:682px;}
#coldois_talk h2 {margin:0 0 10px 0; padding:0; font-size:28px; font-weight:normal; letter-spacing:-2px; color:#445771;}
#coldois_talk p {margin:0 0 10px 0; line-height:13px}
#talk {margin:10px 0 0 0;}
#talk p {font-size:16px;}
#talk label {text-transform:lowercase; color:#445771}
#talk input, #talk textarea, #talk button {padding:5px; font:14px Georgia, Helvetica, sans-serif;}
#talk input, #talk textarea {width:420px; background:#d9dfeb; border:0}
#talk textarea {height:100px;}
#talk button {background:#445771; border:0; color:#fff; cursor:pointer; margin-left:382px;}
#colum_profile {width:280px;}
#colum_profile img {width:280px; height:277px;}
#coldois_profile {width:965px;}
#coldois_profile h2 {margin:0; padding:0; font-size:18px; font-weight:normal; letter-spacing:-1px; color:#445771;}
#coldois_profile h3 {margin:0 0 10px 0; padding:0; font-size:28px; font-weight:bold; letter-spacing:-2px; color:#445771}
#coldois_profile p {margin:0 0 10px 0; line-height:20px; color:#445771;}
#link {background:url(images/bg_links.jpg) no-repeat top center;}
#colum_link, #coldois_link, #coltres_link {float:left; width:320px;}
#colum_link h3, #coldois_link h3, #coltres_link h3 {font-size:28px; letter-spacing:-1px; color:#445771}
#colum_link ul, #coldois_link ul, #coltres_link ul {margin:5px 0 0 0; padding:0;}
#colum_link ul li, #coldois_link ul li, #coltres_link ul li {margin:0 0 5px 0; padding:0;}
#colum_link a, #coldois_link a, #coltres_link a {font-size:16px; color:#445771}