*{border:none; font:11px/16px Tahoma; letter-spacing:.5px; list-style:none; margin:0; outline:none; padding:0; text-decoration:none}
html, body{height:100%}
body{background:#301E0C url(../img/bg.jpg) repeat-x; height:100%}
article, aside, dialog, figure, footer, header, hgroup, nav, section, blockquote{display:block}

p, h2{color:#413423}
p{line-height:15px}
del{text-decoration:line-through}
#content >header a, .title, .stitle, .subtitle, .social-media li a, .box .bt-job, #searchform label{overflow:hidden; text-indent:-9999px}
header h1, header h1 a, 
#nav, 
#nav a, 
#content .title, 
.stitle, 
.subtitle, 
.hr, 
#portfolio h2{background:url(../img/jrgarou.png) no-repeat}

#container{height:150px; margin:0 auto; width:450px}
.division{background:url(../img/division.png) no-repeat; float:left; height:140px; width:450px}
.dt{margin-top:-80px}
#content{background:#E7D7A6; border-left:1px solid #fff; border-right:1px solid #fff; float:left; padding-left:14px; width:434px}
#content >header{background:#E1CE93; float:left; width:420px}
#content >header span{background:url(../img/headersamurai.jpg); float:left; height:149px; width:256px}
header h1, header h1 a{background-position:-256px 0; border:none; float:left; height:149px; width:164px}

#nav{background-position:0 -174px; float:left; height:45px; width:420px}
#nav li, #nav li a{border:none; float:left; height:25px}
#nav-perfil, #nav-perfil a{background-position:0 -149px; width:99px}
#nav-portfolio, #nav-portfolio a{background-position:-99px -149px; width:123px}
#nav-contato, #nav-contato a{background-position:-222px -149px; width:108px}
#nav-blog, #nav-blog a{background-position:-330px -149px; width:90px}

#content .title{float:left; height:65px; left:0; position:absolute; top:0; width:420px}
#content .tperf{background-position:0 -219px; z-index:1}
#content .tport{background-position:0 -284px}
#content .tcont{background-position:0 -349px}
#content .tblog{background-position:0 -414px}
.stitle{float:left; height:17px; margin:0 0 10px; width:400px}
.st1{background-position:0 -495px}
.st2{background-position:0 -512px}
.st3{background-position:0 -529px}
.st4{background-position:0 -546px}
.st5{background-position:0 0}
.subtitle{background-position:0 -564px; height:16px; margin:2px 0 20px; width:356px}
.bf .subtitle{background-position:0 -578px}

.hr{background-position:0 -635px; float:left; height:14px; margin:30px 0; width:100%}
.box{background:#DAC27A; border:1px solid #E7D7A6; color:#413423; float:left; margin:10px 0; padding:20px; width:356px}
.box li{background:url(../img/bullet-perfil.gif) no-repeat left 6px; float:left; margin:0 0 7px; padding:0 0 0 12px; width:164px}
#perfil .box li{width:346px}
.bf li{background:url(../img/list-friends.gif) no-repeat 0 2px; padding:0 0 0 18px; width:159px}
#contents, #mask{float:left; overflow:hidden; width:420px}
#contents{position:relative}
#sections{background:#E1CE93; float:left}
#sections section{float:left; padding:100px 10px 20px; width:400px}

#perfil p, #pg-blog p{float:left; margin:0; text-align:justify; width:400px}

#portfolio h2{background-position:0 -596px; float:left; font-size:18px; font-weight:400; height:28px; line-height:28px; padding:0 0 0 40px; width:360px}
#portfolio li{float:left; *padding:0 0 30px; width:100%}
#blog-content img, #portfolio img{background:#F1EAD0; border:1px solid #D7BF79; float:left; margin:10px 0; overflow:hidden; padding:4px}
#portfolio .box{float:left; margin:0; padding:21px 23px}
.box .bt-job, .box a.bt-job:hover{background:url(../img/bt-job.png); border:none; float:right; height:16px; margin-top:5px; width:86px}
.box a.bt-job:hover{background-position:0 -16px}

#contact, #searchform{background:url(../img/bg-form.gif); border:1px dashed #C09F3A; float:left; margin:10px 0 0; padding:20px}
#contact fieldset{border-right:1px dashed #C09F3A; float:left; width:175px}
#contact fieldset.form_contatos{border:none; padding-left:18px; width:158px}
#contact label{float:left; font-weight:700; width:152px}
input, textarea{background:#E1CE93; border:1px dashed #C09F3A; float:left; margin-bottom:5px; padding:3px; width:148px}
textarea{overflow:auto}
input:focus, textarea:focus{background:#D7BF79; border:1px dashed #C57E16}
.link-deviant a, #submit, #searchsubmit{background:#C57E16; border:1px solid #EADBAE; color:#E1CE93; float:left; padding:10px 0; text-align:center; width:400px}
#submit, #searchsubmit{cursor:pointer; font-weight:700; margin:5px 0 0; padding:3px 0; width:156px}
#contact h3{background:url(../img/bullet-perfil.gif) no-repeat left 6px; font-weight:700; padding:0 0 0 12px}
#contact p{margin:0 0 10px}
.social-media{float:left; padding:10px 0 0 20px}
.social-media li a{background:url(../img/social.jpg) no-repeat 0 0; float:left; height:57px; margin:0 10px 10px 0; width:50px}
.deviantart{background-position:0 -57px !important}
.facebook{background-position:0 -114px !important}
.flickr{background-position:0 -171px !important}
.forvo{background-position:0 -228px !important}
.grooveshark{background-position:0 -285px !important}
.lastfm{background-position:0 -342px !important}
.netvibes{background-position:0 -399px !important}
.orkut{background-position:0 -456px !important}
.twitter{background-position:0 -513px !important}
.tweet li{background:url(../img/bg-form.gif); border:1px dashed #C09F3A; float:left; margin:10px 0 0; padding:10px; width:378px}
.box a, .tweet li a{border-bottom:1px dashed #300B06; color:#300B06}
.box a:hover, .tweet li a:hover{background:#E7D7A6; border:none}
#about{border:none; color:#CA991C; font-weight:700}
#about:hover{background:none}
#blog-content, #paginate{float:left; width:100%}
#blog-content h1{color:#54360A; float:left; font-size:16px; font-weight:700; line-height:19px; padding:0 0 10px; width:100%}
#blog-content p{padding:0 0 10px}
#paginate ul{float:right; padding:30px 0 0; width:317px}
#paginate a, #paginate a:visited, #paginate a:active{background:#C57E16; border:1px solid #EADBAE; color:#E1CE93; padding:3px 5px}
#paginate a:hover{background-color:#54360A}
#paginate a.currentpage{background:#54360A; color:#E1CE93; cursor:default}
#paginate a.disabled, #paginate a.disabled:hover{background:#D5BB6D; color:#F1EAD0; cursor:default}
.load{display:block; text-align:center}
strong, strong *, #paginate a.prevnext{font-weight:700}
.dn, #gubadge{display:none}
.social-media li, #paginate li{float:left}

#pg-blog{background:#E1CE93 url(../img/menu.png) no-repeat 0 -50px; float:left; padding:100px 10px 20px; position:relative; width:400px}
#sblog{float:left}
#sblog .tblog{top:20px}
#searchform{margin:0 0 20px; padding:15px; width:auto}
#searchform label{background:url(../img/title-searchblog.gif) no-repeat 0px 3px; float:left; height:21px; width:145px}
#searchform input{margin:0 6px 0 0; width:140px}
#searchsubmit{margin:-1px 0 0; width:69px}
article p{padding:0 0 15px}
#sblog h2{font-size:18px; font-weight:700; line-height:22px; padding:0 0 15px; width:400px}

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden}
#cboxOverlay{position:fixed; width:100%; height:100%}
#cboxMiddleLeft, #cboxBottomLeft{clear:left}
#cboxContent{position:relative; overflow:hidden}
#cboxLoadedContent{overflow:auto}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0}
#cboxTitle{margin:0}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer}
#cboxOverlay{background:url(../img/colorbox/overlay.png) 0 0 repeat}
#colorbox{}
#cboxTopLeft{width:21px; height:21px; background:url(../img/colorbox/controls.png) -100px 0 no-repeat}
#cboxTopRight{width:21px; height:21px; background:url(../img/colorbox/controls.png) -129px 0 no-repeat}
#cboxBottomLeft{width:21px; height:21px; background:url(../img/colorbox/controls.png) -100px -29px no-repeat}
#cboxBottomRight{width:21px; height:21px; background:url(../img/colorbox/controls.png) -129px -29px no-repeat}
#cboxMiddleLeft{width:21px; background:url(../img/colorbox/controls.png) left top repeat-y}
#cboxMiddleRight{width:21px; background:url(../img/colorbox/controls.png) right top repeat-y}
#cboxTopCenter{height:21px; background:url(../img/colorbox/border.png) 0 0 repeat-x}
#cboxBottomCenter{height:21px; background:url(../img/colorbox/border.png) 0 -29px repeat-x}
#cboxContent{background:#fff}
#cboxLoadedContent{margin-bottom:28px}
#cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#949494}
#cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494}
#cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef}
#cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../img/colorbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px}
#cboxPrevious.hover{background-position:-75px -25px}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(../img/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px}
#cboxNext.hover{background-position:-50px -25px}
#cboxLoadingOverlay{background:url(../img/colorbox/loading_background.png) center center no-repeat}
#cboxLoadingGraphic{background:url(../img/colorbox/loading.gif) center center no-repeat}
#cboxClose{position:absolute; bottom:0; right:0; background:url(../img/colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px}
#cboxClose.hover{background-position:-25px -25px}