/*
Theme Name: Portfolio Rafael Marques
Description: Wordpress Theme of the Web Developer Rafael Marques.
Version: 2.0
Author: Rafael Marques
Author URI: http://rafaelmarques.com.br/
Tags: portfolio, web developer, white, fixed width
*/
* {margin:0; padding:0; border:0}
.reset-margin {margin:0 !important}
.reset-padding, #col-left ul li {padding:0 !important}
.reset-border {border:0 !important}
.left, .alignleft {float:left} img.alignleft {float:left; margin-right:15px}
.right, .alignright {float:right} img.alignright {float:right; margin-left:15px}
.relative, #col-left, .container {position:relative}
.clear, h2 {clear:both}
.absolute {position:absolute}
.container {width:980px; margin:0 auto}
.h2 {font-size:15px; text-transform:uppercase; font-weight:normal;}
.teste {width:204px; border-top:1px solid #ccc; padding:20px 20px 20px 43px; margin-top:472px; position:absolute; right:0}
.height-70 {height:70px; width:100%}

/* tags */
body {background:url(images/bg.jpg) top center repeat-x; font:12px Arial, Helvetica, sans-serif; line-height:16px;}
header, section, footer, article, nav {display:block}
a:link, a:active, a:visited {text-decoration:none; color:#2a2a2a;}
a:hover {color:#fff; background:#2a2a2a;}
ul, ol, p {margin-top:15px}
li {list-style:inside;}

/* article */
article h2 {font-size:15px; margin-top:15px;}
article #comments {margin-top:30px; font-weight:normal; border-top:1px solid #ccc; position:relative; width:420px; padding:25px 15px 25px 25px; background:#e5e5e5}
article.no-padding {padding:0 15px 25px 8px !important;}

/* header */
header {padding:30px 0 24px 235px; position:relative;}
header a {background:none !important;}
header .twitter {background:url(images/twitter-window.jpg) no-repeat; display:block; width:103px; height:113px; position:absolute; top:0; right:0; z-index:50}
header .twitter a {display:block; width:103px; height:113px;}
header .border {position:absolute; left:-9999px; right:-9999px; border-bottom:1px solid #ca9c7b; height:40px; z-index:50; display:block}
.title-nav {background:url(images/bg-nav-title.jpg) repeat-x; position:absolute; left:-9999px; right:0; height:33px; border-right:1px solid #c98650; color:#fff; font-size:20px; text-align:right; padding:46px 25px 0 0;}
.rafael {position:absolute; left:-15px; top:25px; z-index:80}
nav {float:right; background:url(images/bg-nav.jpg) no-repeat; width:165px; height:196px; padding:7px 0; margin-top:89px}
nav ul {margin:0; padding:0 !important}
nav li {list-style-type:none; list-style-position:outside; line-height:26px; font-size:13px; color:#fff;}
nav li a {color:#fffefe !important; padding:5px 25px 5px 0; display:block; width:138px;}
nav li a:hover {color:#aaa !important; background:#1a1a1a !important;}
nav li a.current {color:#ffa200 !important; background:#1a1a1a !important;}
a.peixegrande {background:url(images/concurso-peixe-grande.jpg) no-repeat top center; position:absolute; top:18px; right:0; width:170px; height:300px; display:block;}

/* home */
#content {position:relative;}
.feature-a {position:relative; float:left; height:340px;}
.feature-a .frame, .feature-b .frame {position:absolute; top:0; z-index:25;}
.feature-a a:hover, .feature-b a:hover {background:none !important}
.feature-a a .title {background:url(images/bg-title-box-01.png) no-repeat 0 0; width:462px; height:68px; display:block; padding:25px 0 0 25px;}
.feature-a a:hover .title {background:url(images/bg-title-box-01.png) no-repeat 0 -93px; text-decoration:none !important}
.feature-a .title strong {font-size:22px; text-transform:uppercase; display:block; margin-bottom:8px; font-weight:normal}
.feature-a .title span {font-size:16px}
.feature-b {position:relative; float:right; width:266px; height:285px; color:#fff;}
.feature-b a .title {background:url(images/bg-title-box-02.png) no-repeat 0 0; width:225px; height:54px; display:block; padding:18px 0 0 25px;}
.feature-b a:hover .title {background:url(images/bg-title-box-02.png) no-repeat 0 -72px; text-decoration:none !important}
.feature-b .title strong {font-size:18px; text-transform:uppercase; display:block; margin-bottom:8px; font-weight:normal}
.feature-b .title span {font-size:14px}
.feature-b h1 {font-size:18px; text-transform:uppercase; line-height:24px; font-weight:normal; background:url("images/bg-nav-title.jpg") repeat-x; padding:15px}
.feature-b p {padding:0 15px; margin-top:20px}

/* col-left */
#col-left {width:209px; float:left; text-align:right; line-height:18px;}
#col-left .border {border-right:1px solid #ccc; padding:0 0 15px;}
#col-left h2 {font-size:15px; text-transform:uppercase; font-weight:normal; margin-top:25px; border-top:1px solid #ccc; padding-top:15px; left:-9999px; right:0; position:absolute;}
#col-left h2, #col-left ul, #col-left p, #col-left footer {padding-right:25px;}
#col-left ul, #col-left p {margin:0}
#col-left li {padding-top:0}
#col-left .border-close {border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding-top:15px; display:block; left:-9999px; right:0; position:absolute;}
.skills li {display:block; float:right; background:#bdbdbd; color:#fff; margin:0 0 2px 2px; width:85px; text-align:center; font-size:11px; padding:3px 0;}
.skills li:hover {background:#959595}

/* col-right */
#col-right {float:right; width:752px}

/* blog */
.top {height:315px; width:750px;}
.topo-blog {background:url(images/topo-blog.jpg) no-repeat 0 0;}
.topo-sobre {background:url(images/topo-sobre.jpg) no-repeat 0 0;}
.topo-portfolio {background:url(images/topo-portfolio.jpg) no-repeat 0 0;}
.blog {margin-top:25px; position:relative; width:485px; float:left}
.blog article {border-right:1px solid #ccc; padding:0 24px 50px 24px;}
.blog h3 a, h1.single-title {font-size:22px; font-weight:normal; width:435px; display:block; line-height:normal; position:relative; border-left:1px solid #ccc; border-bottom:1px solid #ccc; padding:5px 24px 4px; left:-24px;}
.blog h3 a:hover {padding:5px 43px 5px 24px; background:url(images/blog-bg-title.png) no-repeat top right #2a2a2a; border:none}
.blog p {font-size:12px; line-height:22px}
.blog .post-categories {background:url(images/bg-tags.png) no-repeat 100% -100px #fff; padding-right:15px; height:25px; float:left}
.blog .post-categories li {float:left; list-style:none; background:url(images/bg-tags.png) no-repeat 0 0; z-index:30}
.blog .post-categories li a {background:url(images/bg-tags.png) no-repeat 100% -75px #595959; height:20px; padding:5px 25px 0 10px; display:block; color:#fff;}
.blog .post-categories li a:hover {text-decoration:underline}
.blog .published {float:left; display:block; padding:5px 25px 0 10px; height:20px; margin-top:15px; background:url(images/bg-tags.png) no-repeat 100% -25px #bdbdbd; color:#fff}

/* scripts */
ul.sdt_menu {list-style: none; font-family:"Myriad Pro", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; width:730px; background:#2a2a2a; width:485px}
ul.sdt_menu a {text-decoration:none; outline:none;}
ul.sdt_menu li {list-style-type:none; list-style-position:outside; border-bottom:1px solid #fff}
ul.sdt_menu .sdt_teste {display:block; height:82px; width:753px; position:relative; cursor:pointer; list-style:none}
ul.sdt_menu .sdt_teste > a {position:absolute; padding:25px 0 0 0; width:485px; height:60px; z-index:12; background:#2a2a2a}
ul.sdt_menu .sdt_teste a img {border:none; position:absolute; width:0; height:0; bottom:0; left:85px; z-index:100;}
ul.sdt_menu .sdt_teste span.sdt_wrap {position:absolute; z-index:25;}
ul.sdt_menu .sdt_teste span.sdt_active {position:absolute; top:0; width:269px; height:0px; left:484px; z-index:14; background:#2a2a2a;}
ul.sdt_menu .sdt_teste span span.sdt_link, ul.sdt_menu li span span.sdt_descr, ul.sdt_menu li span.sdt_box a {margin-left:15px; text-transform:uppercase;}
ul.sdt_menu .sdt_teste span span.sdt_link {color:#fff; font-size:18px; float:left; clear:both;}
ul.sdt_menu .sdt_teste span span.sdt_descr {color:#b55; float:left; clear:both; width:255px; /*For dumbass IE7*/ font-size:10px; letter-spacing:1px;}
ul.sdt_menu .sdt_teste span.sdt_box {display:block; position:absolute; width:249px; overflow:hidden; top:55px; padding-left:30px; height:85px; background:url(images/bg-sdt-box.png) no-repeat 0 0; display:none; z-index:20}
ul.sdt_menu .sdt_teste span.sdt_box a {float:left; clear:both; color:#ccc; text-transform:lowercase}
ul.sdt_menu .sdt_teste span.sdt_box a:first-child {margin-top:15px;}
ul.sdt_menu .sdt_teste span.sdt_box a:hover {color:#fff;}
ul.sdt_menu .sdt_teste span.sdt_box a.service { margin-top:15px; font-size:10px; text-transform:uppercase; color:#C60}
#facebox .b {background:url(images/b.png);}
#facebox .tl {background:url(images/tl.png);}
#facebox .tr {background:url(images/tr.png);}
#facebox .bl {background:url(images/bl.png);}
#facebox .br {background:url(images/br.png);}
#facebox {position: absolute; top: 0; left: 0; z-index: 100; text-align: left;}
#facebox .popup {position: relative;}
#facebox table {border-collapse: collapse;}
#facebox td {border-bottom: 0; padding: 0;}
#facebox .body {padding: 10px; background: #fff; width: 370px;}
#facebox .loading {text-align: center;}
#facebox .image {text-align: center;}
#facebox img {border: 0; margin: 0;}
#facebox .footer {border-top: 1px solid #ddd; padding-top: 5px; margin-top: 10px; text-align: right;}
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {height: 10px; width: 10px; overflow: hidden; padding: 0;}
#facebox_overlay {position: fixed; top: 0px; left: 0px; height:100%; width:100%;}
.facebox_hide {z-index:-100;}
.facebox_overlayBG {background-color: #000; z-index: 99;}

/* aside */
aside {float:right; margin-top:25px; width:245px;}
aside div, .bg-gray {background:#e5e5e5; margin-bottom:1px; padding:15px !important;}
aside h2 {font-size:15px; text-transform:uppercase; font-weight:normal; margin:0 0 10px;}
.single-title {font-size:15px; font-weight:normal; margin:0 0 10px;}

/* orçamentos */
.orcamentos {display:block; left:0; position:absolute; width:200px; color:#ccc; margin-top:0}
.orcamentos .selecione {margin-bottom:30px; display:block; text-transform:uppercase; color:#fff}
.orcamentos li {list-style:none; margin-bottom:1px;}
.orcamentos li a {color:#a2a2a2 !important; background:#000; padding:15px 20px; display:block;}
.orcamentos li a.selected {color:#f90 !important;}
.tabs div p { font-size:14px; line-height:20px;}
.tabs div {right:0; background:#000; color:#ccc; padding:20px; width:510px; position:absolute; height:241px;}
.tabs div ul {margin-top:3px}
.tabs div ul li {background:#333; padding:5px 10px; margin:0 4px 4px 0; float:left; list-style:none}
.wpcf7 input, .wpcf7 textarea, .wpcf7 select {border:1px solid #bbb; padding:5px 10px;}

/* icon-map */
.list-icons li{list-style:none !important; float:left; margin:0 3px 5px 0; text-indent:-9999px;}
.twitter32x32 a, .facebook32x32 a, .flickr32x32 a, .orkut32x32 a, .linkedin32x32 a, .wp32x32 a{display:block; width:32px; height:32px; background-image:url(images/icon-map-32x32.jpg); background-repeat:no-repeat; background-position:0 0;}
.twitter32x32 a {background-position:0 0;}
.twitter32x32 a:hover {background-position:0 -32px;}
.facebook32x32 a {background-position:0 -64px;}
.facebook32x32 a:hover {background-position:0 -96px;}
.orkut32x32 a {background-position:0 -128px;}
.orkut32x32 a:hover {background-position:0 -160px;}
.flickr32x32 a {background-position:0 -192px;}
.flickr32x32 a:hover {background-position:0 -224px;}
.linkedin32x32 a {background-position:0 -256px;}
.linkedin32x32 a:hover {background-position:0 -288px;}
.wp32x32 a {background-position:0 -320px;}
.wp32x32 a:hover {background-position:0 -352px;}

/* #comment-wrapper form input, #comment-wrapper form textarea {border:1px solid #bdbdbd; padding:5px}*/

/* comments */
#comment-wrapper {background:#f5f5f5; padding:15px; margin-left:25px; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
#comments p { line-height:18px}
#comments .comment-body, #comments .comment { background:url(images/bg-comment.jpg) no-repeat 48px 0; min-height:60px}
#comments ol li {list-style:none outside; margin-bottom:30px;}
#comments ol li .comment-author {display:block; float:left; margin-right:30px; padding-bottom:20px; width:46px; height:60px; text-align:center}
#comments ol li .comment-author img {width:40px; height:40px; padding:2px; border:1px solid #ccc}
#comments .comment-body {margin-bottom:20px; clear:both;}
#comments .comment-meta {padding-top:15px;}
#comments p {margin:0 0 10px 76px}
#comments .says, #comments br {display:none}
#comments em {margin:0; padding-top:15px; display:block}
#commentform .comment-title {padding-left:5px}
#commentform {margin:0 0 20px 70px}
#commentform input {padding:12px 0 12px 10px; background:url(images/bg-input.jpg) no-repeat; width:237px}
#commentform textarea {padding:12px 10px; background:url(images/bg-textarea.jpg) no-repeat; width:227px; height:116px; font:12px/16px Arial,Helvetica,sans-serif}
#commentform .button {background:url(images/bg-submit.jpg) no-repeat; text-align:center !important; width:257px; padding:10px 0 15px !important; color:#fff; font-size:14px; cursor:pointer}

/* footer */
footer {background:#2a2a2a; color:#aaa; text-align:center; padding:10px 0; margin-top:30px}