/* GENERAL
----------------------------------------------------------------------------- */

* {margin:0; padding:0;}
a{ text-decoration:none; outline-style:none;}
a:hover{ text-decoration:none;}
a img {border: 0;}
ul, ol {list-style:none;}
.img_left img{float:left;}
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.over {overflow:hidden;}
.over1 {overflow:hidden; height:1px;}
.over0 {overflow:hidden; height:0px;}
.block {display:block;}
.del{display:none;}
.null{visibility:hidden;}

/* BASE
----------------------------------------------------------------------------- */

body { margin:0; background:#2e200e url(../images/bg.gif); font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:1.3em; color:#655b43; }
.main { position:relative; min-height:600px; background:url(../images/bg_top.jpg) top center no-repeat;}

/* modules
----------------------------------------------------------------------------- */
.mod220 {width:220px;}
.mod460 {width:460px;}
.mod700 {width:700px;}
.mod940 {width:940px;}

/* HEADER
----------------------------------------------------------------------------- */
.header {margin:0 auto; width:940px; padding:20px 0 0;}

.header h1 a {display:block; width:220px; height:216px; background:url(../images/header_logo.gif) no-repeat; text-indent:-9999px; float:left;}

.header .twitter {width:436px; height:192px; float:left; background:#fff; padding:12px; position:relative;}
.header .twitter h3 {font-weight:bold; font-size:18px; line-height:normal; padding:5px; margin:0 0 12px; background:url(../images/bg_title1.gif); color:#31b4d7;}
.header .twitter h4 {font-size:18px; font-style:italic;}
.header .twitter .tweet ul {padding:15px 0;}
.header .twitter .tweet li {padding:0; font-size:16px;}
.header .twitter .tweet a {color:#9a917b; font-weight:bold; font-size:10px;}
.header .twitter .tweet span {display:block; padding:3px 0 0; line-height:1.5em;}
.header .twitter .tweet span a {border-bottom:1px dashed #bbb7ad; font-size:16px; color:#655b43;}

.header .twitter .twtr-tweet-wrap {padding:20px 0;}
.header .twitter .twtr-hd,
.header .twitter .twtr-ft {display:none;}
.header .twitter .twtr-bd {font-size:16px;}
.header .twitter a.follow {position:absolute; bottom:12px; right:12px; padding:5px; background:#31b4d7; color:#FFF; font-size:14px;}

.header .social {width:220px; float:right;}
.header .social a {display:block; float:left; width:110px; height:108px; cursor:pointer; text-indent:-9999px;}
.header .social a.link1 {background:url(../images/header_social1.jpg) no-repeat;}
.header .social a.link2 {background:url(../images/header_social2.jpg) no-repeat;}
.header .social a.link3 {background:url(../images/header_social3.jpg) no-repeat;}
.header .social a.link4 {background:url(../images/header_social4.jpg) no-repeat;}

/* CONTENT
----------------------------------------------------------------------------- */
.content {margin:0 auto; width:940px; padding:20px 0 0;}
.content h3 {font-weight:bold; font-size:18px; line-height:normal; padding:5px; margin:0 0 12px; background:url(../images/bg_title1.gif);}

.bio {padding:12px; background:#fff;}
.bio h3 {color:#ff380a;}
.bio {}
.bio {}

.photos {padding:12px; background:#fff; margin:20px 0 0;}
.photos h3 {color:#ff380a;}
.photos ul {border-top:1px dashed #bbb7ad;}
.photos p {padding:0 0 12px;}
.photos li {padding:12px 0 0;}
.photos li a {border:0;}
.photos a {border-bottom:1px dashed #bbb7ad; color:#ff380a; font-weight:bold;}

.portfolio h3 {border:12px solid #fff; color:#ff380a; margin:0;}
.portfolio .work {padding:12px; background:#fff; margin:12px 0 0;}
.portfolio .work h3 {border:0; border-bottom:1px dashed #bbb7ad; background:none; padding:0 0 12px; color:#655b43;}
.portfolio .work img {padding:12px 0; border-bottom:1px dashed #bbb7ad;}
.portfolio .work ul {padding:7px 0 0;}
.portfolio .work li {padding:3px;}
.portfolio .work li a {border-bottom:1px dashed #bbb7ad; color:#655b43; font-weight:bold;}
.portfolio .work li a.online { color:#ff380a;}

.blog {padding:12px; background:#fff;}
.blog h3 {color:#ff380a;}
.blog {}
.blog {}

.contact {padding:12px; background:#fff;}
.contact h3 {color:#ff380a;}
.contact form {width:196px; float:left; padding:8px 0 12px; margin:12px 0 0; border-top:1px dashed #bbb7ad; border-bottom:1px dashed #bbb7ad;}
.contact form label {display:block;}
.contact #nome,
.contact #email,
.contact #mensagem {border:0; padding:2px; background:#3c362d; width:100%; margin:2px 0 4px; color:#fff;}
.contact #enviar {margin:10px 0 0 75px; border:1px solid #E1DDD0; background:url(../images/bg_title1.gif); font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#ff380a; text-align:center; cursor:pointer;}
.contact .contacts {width:196px; float: right; color:#9a917b;}
.contact .contacts h4 {padding:12px 0 0; color:#655b43; font-size:12px; font-weight:bold; line-height:normal;}
.contact .contacts strong {font-weight:normal; display:block;}

.linklist {padding:12px; background:#fff; margin:20px 0 0;}
.linklist h3 {color:#ff380a;}
.linklist p {padding:0 0 10px;}
.linklist ul {}
.linklist li {padding:3px 0;}
.linklist li a {border-bottom:1px dashed #bbb7ad; color:#9a917b; font-weight:bold;}

/* FOOTER
----------------------------------------------------------------------------- */
.footer {width:940px; margin:20px auto; background:#1a1308; color:#ccc1a6; text-align:center; padding:10px 0;}