body { background: #2d2d2d url(../img/bg_grunge.png) center top repeat-x; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 100%;}
a {text-decoration: none;}
img.center { display: block; margin-left: auto; margin-right: auto;}
.italic{font-style: italic;}
.bold{font-weight: bold;}

/*added stuff*/

.sep_line {
    height: 2px;
    min-height: 2px;
    height: auto !important;
    background: url(../img/line.png) center no-repeat;
    margin-top: 14px;
}
#hello { text-indent: -99999px; background: url(../img/hello.png) no-repeat; margin-left: 5px;}
#welcome { text-indent: -99999px; background: url(../img/welcome.png) no-repeat;}
#contact_title {text-indent: -99999px; background: url(../img/drop.png) no-repeat; margin-left: 10px;}
#logo:hover{opacity: 0.8;}


/*TWEETS*/
#tweets{ text-indent: -99999px; background: url(../img/latest.png) no-repeat;}
#posts { color: #ccc; font-size: 14px;}
#posts .tweet_list .awesome, .tweet .tweet_list .epic, .query .tweet_list .awesome, .query .tweet_list .epic {
text-transform: uppercase; }
#posts .tweet_list li, .query .tweet_list li {
overflow-y: auto;
overflow-x: hidden;
padding: .5em; }
#posts .tweet_list .tweet_avatar, .query .tweet_list .tweet_avatar {
padding-right: .5em;
float: left; }
#posts .tweet_list .tweet_avatar img, .query .tweet_list .tweet_avatar img {
vertical-align: middle; }
.loading_text { margin-left: 65px; margin-top: 10px;}
.tweet_list li { list-style-type: none; margin-left: 0px; background-color: #222; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 5px; margin-bottom: 5px; }
.tweet_list li:hover { background-color: #0084C8; color: #fff;}
.tweet_list li a { color: #fff; text-decoration: underline;}
.tweet_list li p {margin: 0;}
/*
 HEADER
*/
#header{ margin-top: 25px;}
/*
 MENU
*/
#navigation { height: 35px; margin: 65px auto 0 50px;}
#navigation ul { list-style: none; margin: 0 0 0 20px;}
#navigation li { float: left; display: inline; height: 30px; margin-left: 10px;}
#navigation li a { float: left; display: inline; height: 30px; line-height: 30px;  background: url(../img/menu.png) no-repeat; text-indent: -99999px;}
#navigation li.home a {background-position: 0px -62px; width: 75px;} /*normal*/
#navigation li.home a:hover {background-position: 0px 0px; width: 75px;}/*hover*/
#home li.home a{background-position: 0px -31px; width: 75px;}/*active*/
#navigation li.portfolio a {background-position: -80px -62px; width: 109px;}/*normal*/
#navigation li.portfolio a:hover {background-position: -80px 0px; width: 109px;}/*hover*/
#portfolio li.portfolio a{background-position: -80px -31px; width: 109px;}/*active*/
#navigation li.about a {background-position: -192px -62px; width: 75px;}/*normal*/
#navigation li.about a:hover {background-position: -192px 0px; width: 75px;}/*hover*/
#about li.about a {background-position: -192px -31px; width: 75px;}/*active*/
#navigation li.contact a {background-position: -272px -62px; width: 98px;}/*normal*/
#navigation li.contact a:hover {background-position: -272px 0px; width: 98px;}/*hover*/
#contact li.contact a {background-position: -272px -31px; width: 98px;}/*active*/
/*
 CONTENT
*/  
#content{ margin-top: 40px; }
#content_portfolio { margin-top: 10px;}

/*
 TEXTO_HOME
*/
#home_text, .about_text { color: #ccc; font-size:14px; }
#home_text p {padding-right: 20px;}
#home_text a{ color: #fff; text-decoration: underline; padding: 1px 3px; }
#home_text a:hover{ background-color: #0084C8; -moz-border-radius: 2px; -webkit-border-radius: 2px; padding: 1px 3px; color: #2d2d2d; text-decoration: none;}

/*
 PORTFOLIO---------------------------------------------------------------------
*/
#paper_top, #paper_bottom{height: 130px;min-height: 130px; height: auto !important; background: url(../img/paper.png) no-repeat; background-position: 0px 0px; width: 940px;}
#paper_bottom{background-position: 0px -131px; width: 940px;}
#gallery_portfolio{background: #fff; height: 600px; min-height: 600px; height: auto !important;}  
/*
 Tabs
*/
div.wrap {width:900px; height: 500px; margin-bottom:40px;}
/*main--*/
.wrap .pane  {display:none; margin: 15px 10px;}
/*nested--*/
.wrap .pane > .pane{ background-color: #fff; height: 420px; min-height: 420px; height: auto !important; margin-top: 10px;}

/*
 MAIN MENU PORTFOLIO
*/
#portfolio_main_menu { height: 35px; margin: 20px auto 0px 30px; width: 880px;}
#portfolio_main_menu ul {  list-style: none;  margin: 0 0 0 20px;}
/* single tab */
#portfolio_main_menu li { float: left; display: inline;  height: 30px;  margin-left: 10px;}
#portfolio_main_menu li a { float: left;  display: inline;  height: 30px; text-align: center; line-height: 30px;  color: #fff; background: url(../img/menu_portfolio.png) no-repeat; text-indent: -99999px;}
#portfolio_main_menu a:active {outline:none;}
#portfolio_main_menu li.digital a {background-position: 0px -70px; width: 119px;}/*normal*/
#portfolio_main_menu li.digital a:hover {background-position: 0px -35px; width: 119px;}/*hover*/
#portfolio_main_menu li.digital a.current {background-position: 0px 0px; width: 119px;}/*active*/
#portfolio_main_menu li.tresd a {background-position: -122px -70px; width: 101px;}/*normal*/
#portfolio_main_menu li.tresd a:hover {background-position: -122px -35px; width: 101px;}/*hover*/
#portfolio_main_menu li.tresd a.current {background-position: -122px 0px; width: 101px;}/*active*/
#portfolio_main_menu li.web a {background-position: -230px -70px; width: 122px;}/*normal*/
#portfolio_main_menu li.web a:hover {background-position: -230px -35px; width: 122px;}/*hover*/
#portfolio_main_menu li.web a.current {background-position: -230px 0px; width: 122px;}/*active*/
#portfolio_main_menu li.pencil a {background-position: -355px -70px; width: 155px;}/*normal*/
#portfolio_main_menu li.pencil a:hover {background-position: -355px -35px; width: 155px;}/*hover*/
#portfolio_main_menu li.pencil a.current {background-position: -355px 0px; width: 155px;}/*active*/
#portfolio_main_menu li.foto a {background-position: -520px -70px; width: 141px;}/*normal*/
#portfolio_main_menu li.foto a:hover {background-position: -520px -35px; width: 141px;}/*hover*/
#portfolio_main_menu li.foto a.current {background-position: -520px 0px; width: 141px;}/*active*/
#portfolio_main_menu li.other a {background-position: -665px -70px; width: 136px;}/*normal*/
#portfolio_main_menu li.other a:hover {background-position: -665px -35px; width: 136px;}/*hover*/
#portfolio_main_menu li.other a.current {background-position: -665px 0px; width: 136px;}/*active*/
/*
 END_MAIN MENU
*/

/*
 NESTED MENUS
*/
#thumbs, #thumbs2, #thumbs3, #thumbs4, #thumbs5 { height: 45px; margin: 0px auto 0px 20px; width: 880px;}
#thumbs ul, #thumbs2 ul, #thumbs3 ul, #thumbs4 ul, #thumbs5 ul { list-style: none; margin: 0 0 0 20px;}
/* single tab */
#thumbs li, #thumbs2 li, #thumbs3 li, #thumbs4 li, #thumbs5 li  { float: left;  display: inline; height: 40px; margin-left: 10px; margin-top: 5px;}
#thumbs li a, #thumbs2 li a, #thumbs3 li a, #thumbs4 li a, #thumbs5 li a { float: left; display: inline; height: 40px; text-align: center; line-height: 30px; color: #000; border: 1px solid #000;}
#thumbs li a:hover, #thumbs2 li a:hover, #thumbs3 li a:hover, #thumbs4 li a:hover, #thumbs5 li a:hover{ color: #ff8000;}
#thumbs a.current, #thumbs2 li a.current, #thumbs3 li a.current, #thumbs4 li a.current, #thumbs5 li a.current{ color:#ffff00 !important; border: 1px solid #FF4141; }
#thumbs li:hover, #thumbs2 li:hover, #thumbs3 li:hover, #thumbs4 li:hover, #thumbs5 li:hover{ opacity: 0.8;}
/*
 END_NESTED MENUS
*/

/*
 TEXTO E IMAGENS
*/
.description_text{ display: inline; float: left; position:relative; margin: 110px 10px auto 0px; width: 359px; height: 189px; min-height: 189px; height: auto !important; background: url(../img/portfolio_bg_1.jpg) no-repeat; font-size: 14px;}
.text_wrap{margin-top: 60px;}
.text_wrap .bold { color: #555; font-family: Verdana, Arial, sans-serif;}
.client, .tools, .title, .people{ background:transparent url(../img/icons/star_2.png) center left no-repeat; padding-left: 20px; padding-top: 0px; margin-bottom: 0px; margin-left: 40px; }
.tools{ background:transparent url(../img/icons/cog_2.png) center left no-repeat;}
.title{ background:transparent url(../img/icons/tag_2.png) center left no-repeat;margin-top: 40px;}
.people{background:transparent url(../img/icons/comment_2.png) center left no-repeat;}
.client a, .tools a, .title a, .people a{color: #000; padding: 3px; text-decoration: underline;}
.client a:hover, .tools a:hover, .title a:hover, .people a:hover{ background-color: #ff4141; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 3px; color: #ffffff; }
/*
 imagens
*/
.remix{margin-top: 90px;}
.bs{margin-top: 85px;}
.vert_full{margin-left: 75px;}
.medium{margin-left: 25px;}
.monsters{margin-top: 15px;}
.picto{margin-left: 15px;}
.cd_large{margin-left: 35px;}
.cd_small{margin-left: 55px; margin-top: 15px;}
.tresd_full{margin-top: 20px;}
.tresd_small{margin-top: 70px;}
.tresd_burner{margin-left: 15px; }
.tresd_pipa{margin-left: 35px;}
.web_img{margin-top: 40px;}
.desenho{margin-left: 95px;}
.foto_normal{margin-top: 30px;}
.foto_vertical{margin-left: 95px;}
.panorama{margin-top: 135px;}
/*
 END_TEXTO E IMAGENS
*/

/*
 ABOUT-------------------------------------------------------------------------
*/
.about_text a{ color: #fff; text-decoration: underline; padding: 1px 3px;}
.about_text a:hover{ background-color: #9ade00; -moz-border-radius: 2px; -webkit-border-radius: 2px; padding: 1px 3px; color: #2d2d2d; text-decoration: none;}
/*
 CONTACTO----------------------------------------------------------------------
*/
.hide { display: none; color: #fff; font-style: italic;}
label { display:block; color: #ccc; font-size: 14px; margin-top: 10px;}
input {display:block;}

#contact_form input, #contact_form textarea { padding: 5px; width: 500px; font-family: Helvetica, sans-serif; font-size: 14px; margin: 0px 0px 10px 0px; border: 2px solid #808080;}
#contact_form textarea {height: 90px;}
#contact_form textarea:focus, #contact_form input:focus {border: 2px solid #FF9900;}
#contact_form input.form_submit {width: 100px; float: right; margin-right: 5px;}
/*
 contact side bar
*/
#contact_info{ margin-top: 25px; margin-left: 30px; color: #ccc; font-size:14px;}
.mail a{ color: #fff; padding: 3px; text-decoration: underline;}
.mail a:hover{ background-color: #ff9900; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 3px; color: #2d2d2d;}
.social li{list-style-type: none; margin-left: 10px;}
.deviantart a, .vimeo a, .ff a, .twitter a, .facebook a{ color: #fff; padding-left: 25px; background: transparent url(../img/icons/flags_social_2.png) center left no-repeat; background-position: 0px -48px; width: 16px; font-size: 14px;}
.deviantart a:hover {background-position: 0px -65px; width: 16px; color:#ff9900;}
.vimeo a{background-position: 0px -82px; width: 16px;}
.vimeo a:hover {background-position: 0px -99px; width: 16px; color:#ff9900;}
.ff a{background-position: 0px -116px; width: 16px;}
.ff a:hover {background-position: 0px -133px; width: 16px; color:#ff9900;}
.facebook a         {background-position: 0px -150px; width: 16px;}
.facebook a:hover   {background-position: 0px -167px; width: 16px; color:#ff9900;}
.twitter a          { background-position: 0px -184px; width: 16px;}
.twitter a:hover    { background-position: 0px -202px; width: 16px; color:#ff9900;}
/*
 FOOTER------------------------------------------------------------------------
*/
#footer { height: 80px; min-height: 80px; height: auto !important; margin-top: 30px; }
.copy   { padding: 10px; padding-left: 0px; color: #666666; font-size: 14px; line-height: 15px; } 
.cc     { vertical-align:middle; margin-left: 10px;}

#nav_footer_about, #nav_footer_home, #nav_footer_portfolio, #nav_footer_contact { height: 21px; margin: 10px 0px auto 0px; float: right;}
#nav_footer_about ul, #nav_footer_home ul, #nav_footer_portfolio ul, #nav_footer_contact  ul { list-style: none; margin: 0 0 0 20px;}
#nav_footer_about li, #nav_footer_home li, #nav_footer_portfolio li, #nav_footer_contact li { float: left; display: inline; height: 30px; margin-left: 10px;}
#nav_footer_about li a, #nav_footer_home li a, #nav_footer_portfolio li a, #nav_footer_contact li a,
#nav_footer_home li.build, #nav_footer_portfolio li.build, #nav_footer_about li.build, #nav_footer_contact li.build { float: left; display: inline; height: 17px; line-height: 17px; background: url(../img/menu_footer_smaller.png) no-repeat; text-indent: -99999px;}

#nav_footer_home li.build, #nav_footer_portfolio li.build, #nav_footer_about li.build, #nav_footer_contact li.build {background-position: 0px -335px; width: 71px; height: 15px;}

#nav_footer_home li.xhtml a, #nav_footer_portfolio li.xhtml a, #nav_footer_about li.xhtml a, #nav_footer_contact li.xhtml a {background-position: 0px 0px; width: 41px; height: 15px;}
#nav_footer_home li.css a, #nav_footer_portfolio li.css a, #nav_footer_about li.css a, #nav_footer_contact li.css a {background-position: 0px -80px; width: 16px; height: 17px;}
#nav_footer_home li.jquery a, #nav_footer_portfolio li.jquery a, #nav_footer_about li.jquery a, #nav_footer_contact li.jquery a  {background-position: 0px -165px; width: 44px; height: 15px;}
#nav_footer_home li.grid a, #nav_footer_portfolio li.grid a, #nav_footer_about li.grid a, #nav_footer_contact li.grid a {background-position: 0px -245px; width: 39px; height: 17px;}

#nav_footer_home li.xhtml a:hover {background-position: 0px -16px; width: 41px; height: 15px;}
#nav_footer_portfolio li.xhtml a:hover {background-position: 0px -32px; width: 41px; height: 15px;}
#nav_footer_about li.xhtml a:hover {background-position: 0px -48px; width: 41px; height: 15px;}
#nav_footer_contact li.xhtml a:hover {background-position: 0px -64px; width: 41px; height: 15px;}

#nav_footer_home li.css a:hover {background-position: 0px -97px; width: 16px; height: 17px;}
#nav_footer_portfolio li.css a:hover {background-position: 0px -114px; width: 16px; height: 17px;}
#nav_footer_about li.css a:hover {background-position: 0px -131px; width: 16px; height: 17px;}
#nav_footer_contact li.css a:hover {background-position: 0px -148px; width: 16px; height: 17px;}

#nav_footer_home li.jquery a:hover {background-position: 0px -181px; width: 44px; height: 15px;}
#nav_footer_portfolio li.jquery a:hover {background-position: 0px -197px; width: 44px; height: 15px;}
#nav_footer_about li.jquery a:hover {background-position: 0px -213px; width: 44px; height: 15px;}
#nav_footer_contact li.jquery a:hover {background-position: 0px -229px; width: 44px; height: 15px;}

#nav_footer_home li.grid a:hover {background-position: 0px -263px; width: 39px; height: 17px;}
#nav_footer_portfolio li.grid a:hover {background-position: 0px -281px; width: 39px; height: 17px;}
#nav_footer_about li.grid a:hover {background-position: 0px -299px; width: 39px; height: 17px;}
#nav_footer_contact li.grid a:hover {background-position: 0px -317px; width: 39px; height: 17px;}
/*
   __     ______     __         ______     ______     ______     ______   ______    
  /\ \   /\  __ \   /\ \       /\  == \   /\  ___\   /\  == \   /\__  _\ /\  __ \   
 _\_\ \  \ \  __ \  \ \ \____  \ \  __<   \ \  __\   \ \  __<   \/_/\ \/ \ \ \/\ \  
/\_____\  \ \_\ \_\  \ \_____\  \ \_____\  \ \_____\  \ \_\ \_\    \ \_\  \ \_____\ 
\/_____/   \/_/\/_/   \/_____/   \/_____/   \/_____/   \/_/ /_/     \/_/   \/_____/ 
####################################################################################
#############################THANKS FOR VISITING :)#################################
#################################################################################### 

*/