@charset "utf-8";
/*
 * @author Rafael Overdrive
 * @email rafael.overdrive@yahoo.com.br
 * @copyright 2009 August
 */

* {
margin:0;
padding:0;
text-decoration:none;
list-style:none;
border:0;
vertical-align:baseline;
outline:none }

body {
background:#121212 url(../images/bg.jpg);
font:14px "Trebuchet MS";
color:#ccc;
cursor:auto }

a:link, a:visited { color:#ccc }
a:hover {text-decoration:underline }

div#geral {
width:100%;
display:table;
overflow:hidden }

/*titulos*/
h1, h2, h3, h4, h6 {
font-family:arial ;
font-weight:bold;
color:#ccff00;
text-transform:uppercase }

h1 {
font-size:90px;
letter-spacing:-9px }

h2 {
font-size:40px;
letter-spacing:-3px }

h3 {
font-size:30px;
letter-spacing:-3px }

h4 {
font-size:15px;
letter-spacing:-1px;
color:#ccc }

h5 {
font-size:14px;
font-weight:normal;
color:#808080 }

h6 {
font-size:14px;
letter-spacing:-1px }

/*header*/
div#header {
position:relative;
width:950px;
overflow:hidden;
margin:15px auto 0 auto }

div#header h1 a {
background:url(../images/logo.png) no-repeat;
float:left;
width:234px;
height:88px;
text-indent:-9999px }

/*contato header*/
ul#infos-contato {
position:absolute;
top:0;
right:0 }

ul#infos-contato li, ul#infos-contato li a {
display:inline;
float:left;
font-size:12px }

ul#infos-contato li:first-child {
background:url(../images/ico-fone.png) left no-repeat;
padding-left:19px }

ul#infos-contato li:last-child a { 
background:url(../images/ico-email.png) left no-repeat;
color:#ccc;
padding-left:13px;
margin-left:7px }
ul#infos-contato li:last-child a:hover { text-decoration:underline }

/*menu principal*/
ul#menu-principal {
position:absolute;
right:0;
bottom:0;
height:50px }

ul#menu-principal li { display:inline }

ul#menu-principal li a { 
font:18px arial;
font-weight:bold;
text-transform:uppercase;
letter-spacing:-1px;
float:left;
margin-left:5px;
padding:27px 3px 0 }

ul#menu-principal li:last-child a { padding-right:0 }

ul#menu-principal li a:hover, ul#menu-principal li a.ativo { 
color:#ccff00;
text-decoration:none }

ul#menu-principal li a.home { background:url(../images/ico-menu-home.png) no-repeat center -50px }
ul#menu-principal li a.home:hover, ul#menu-principal li a.home.ativo { background-position:top }

ul#menu-principal li a.eu { background:url(../images/ico-menu-eu.png) no-repeat center -50px }
ul#menu-principal li a.eu:hover, ul#menu-principal li a.eu.ativo { background-position:top }

ul#menu-principal li a.web { background:url(../images/ico-menu-web.png) no-repeat center -50px }
ul#menu-principal li a.web:hover, ul#menu-principal li a.web.ativo { background-position:top }

ul#menu-principal li a.print { background:url(../images/ico-menu-print.png) no-repeat center -50px }
ul#menu-principal li a.print:hover, ul#menu-principal li a.print.ativo { background-position:top }

ul#menu-principal li a.mix { background:url(../images/ico-menu-mix.png) no-repeat center -50px }
ul#menu-principal li a.mix:hover, ul#menu-principal li a.mix.ativo { background-position:top }

ul#menu-principal li a.contato { background:url(../images/ico-menu-contato.png) no-repeat center -50px }
ul#menu-principal li a.contato:hover, ul#menu-principal li a.contato.ativo { background-position:top }

/*ultimos trabalhos*/
div.ultimos-trabalhos, div.borda-transparente {
background:url(../images/bg-transparente.png);
position:relative;
width:950px;
height:300px;
margin:20px auto 0 }

div.borda-transparente:hover { background:url(../images/bg-transparente-hover.png) }
div.slideshow { 
position:relative;
margin:0 auto;
width:930px;
height:290px }

div.slideshow a img { margin-top:10px }

/*navegacao dos ultimos trabalhos*/
.nav { 
position:absolute;
right:5px;
bottom:15px;
z-index:50000;
margin: 5px; }

.nav a { 
background:url(../images/bg-transparente.png);
margin:5px;
padding:2px 7px;
color:#ccc }

.nav a.activeSlide { 
background:#ccff00;
color:#666;
text-decoration:none }

.nav a:focus { outline:none }

/*conteudo*/
div#conteudo {
width:950px;
display:table;
margin:20px auto 0 }

/*eu - web - print*/
ul#eu, ul#web, ul#print {
background:url(../images/bg-transparente.png);
float:left;
width:285px;
padding:10px }

ul#eu a, ul#web a, ul#print a {
float:left;
color:#ccff00;
text-transform:uppercase;
margin-top:10px }

ul#eu a:hover, ul#web a:hover, ul#print a:hover { 
font-weight:bold;
text-decoration:none }

ul#web { margin:0 17px }

/*footer*/
div#footer {
background:#0c0c0c url(../images/bg-footer.png) top repeat-x;
width:100%;
overflow:hidden;
padding:20px 0 10px 0;
margin-top:20px }

div#footer-container {
width:950px;
margin:0 auto }

span#footer-sombra {
background:url(../images/footer-sombra.png) repeat-x;
width:100%;
float:left;
height:20px; }

ul#contato, ul#menu-secundario, ul#amigos {
float:left;
text-transform:lowercase;
width:300px }

/*contato footer*/
ul#contato li, ul#contato li a, ul#menu-secundario li a, ul#amigos li a {
float:left;
width:100%;
padding:5px 0;
border-bottom:1px solid #060606;
border-top:1px solid #161616 }

ul#contato li:first-child, ul#menu-secundario li:first-child a, ul#amigos li:first-child a, ul#contato li:last-child a { border-top:none }
ul#contato li:last-child, ul#menu-secundario li:last-child a, ul#amigos li:last-child a, ul#contato li:last-child a { border-bottom:none }
ul#menu-secundario li a:hover, ul#amigos li a:hover, ul#contato li a:hover { 
background:#060606; 
text-decoration:none }

ul#menu-secundario li a span, ul#amigos li a span { color:#808080 }

/*menu-secundario*/
ul#menu-secundario { margin:0 23px }

/*direitos - desenvolvido*/
div#container-direitos-validacao {
background:#000;
width:100% }

ul#direitos-desenvolvido {
position:relative;
background:#000;
width:950px;
margin:0 auto;
padding:10px 0 5px 0 }

ul#direitos-desenvolvido li { font-size:12px }
ul#direitos-desenvolvido li:last-child {
position:absolute;
right:0;
top:10px }

ul#xhtml-css-valido {
position:relative;
width:950px;
padding-bottom:20px;
text-align:right;
margin:0 auto }

ul#xhtml-css-valido li  { display:inline }
ul#xhtml-css-valido li  a { font-size:12px }
ul#xhtml-css-valido li  a span { color:#ccff00 }

/*internas*/

/*sobre mim*/
body#eu div#conteudo img {
float:left;
border:10px solid #fff;
margin:0 10px 10px 0;
box-shadow:10px 10px 5px #888 }

body#eu div#conteudo p span { color:#ccff00 }

ul#skills li { margin:5px 0 0 0 }

ul#skills li.photoshop { background:url(../images/skills/photoshop.png)  no-repeat 80px 3px }
ul#skills li.illustrator { background:url(../images/skills/illustrator.png)  no-repeat 73px 3px }
ul#skills li.corel-draw { background:url(../images/skills/corel-draw.png)  no-repeat 80px 3px }
ul#skills li.dreamweaver { background:url(../images/skills/dreamweaver.png)  no-repeat 98px 3px }
ul#skills li.xhtml { background:url(../images/skills/xhtml.png)  no-repeat 68px 3px }
ul#skills li.css { background:url(../images/skills/css.png)  no-repeat 34px 3px }
ul#skills li.seo { background:url(../images/skills/seo.png)  no-repeat 34px 3px }
ul#skills li.webstandards { background:url(../images/skills/webstandards.png)  no-repeat 100px 3px }
ul#skills li.jquery { background:url(../images/skills/jquery.png)  no-repeat 54px 3px }
ul#skills li.wordpress { background:url(../images/skills/wordpress.png)  no-repeat 78px 3px }
ul#skills li.joomla { background:url(../images/skills/joomla.png)  no-repeat 57px 3px }

/*trabalhos web / print / mix*/
h6 span, h6 a {
color:#ccc;
font-weight:normal;
text-transform:none;
letter-spacing:0;
font-family:"Trebuchet MS" }

/*contato*/
form#entre-em-contato { width:500px }
form#entre-em-contato legend { display:none }
form#entre-em-contato label {display:table }

form#entre-em-contato label input, form#entre-em-contato label textarea {
background:url(../images/bg-transparente.png);
width:500px;
margin:5px 0 0 0;
font:14px "Trebuchet MS";
padding:10px;
overflow:hidden;
color:#ccc }

form#entre-em-contato label input:focus, form#entre-em-contato label textarea:focus, form#entre-em-contato input[type=submit]:hover { background:url(../images/bg-transparente-hover.png) }

form#entre-em-contato input[type=submit] {
background:url(../images/bg-transparente.png);
float:right;
cursor:pointer;
color:#666;
margin-top:10px;
padding:10px;
font:14px "Trebuchet MS" }

label.error { 
float:none; 
color:#ccff00; 
font-size:12px }

/*obrigado*/
body#obrigado div#conteudo { height:450px }