/*	
Theme Name: Giusaito_2010
Description: Portolio Pessoal do Giuliano Saito
Version: 1.0
Author: Giuliano Saito
Author URI: http://www.giusaito.com.br
*/

body, ul, ol, h1,h2,h3,h4,h5,h6,form,li,p{margin:0;padding:0;}
body { font: 13px Arial, Helevtica, Verdana, san-serif; line-height:23px; position:relative; color:#777; background: #fff url(images/bg.jpg) repeat-x 0 -10px; }
.wrapper { width:100% !important; position:relative !important; display:table !important;background:transparent url(images/bg_header.jpg) no-repeat top center;  }
#top{ position:relative; width:960px; margin:0 auto; }

#subpage { background: #fff url(images/bg_subpage.gif) repeat-x 0 0; }
#subpage .wrapper { background:transparent url(images/bg_header.jpg) no-repeat center -350px; }
#subpage #main { margin-top:40px; }

ul{border-top:1px solid #d6d6d6;}
blockquote{border-left:5px solid #d6d6d6;}

/*=========================================================================================
 HEADER
==========================================================================================*/
#head{height:113px;z-index: 5;}
#top .logobg a{ background: transparent url(images/logo.png) no-repeat left top; }

#featured{ background:transparent url(images/shadow.jpg) no-repeat scroll 0px 368px; }

/*LOGO*/
#top .logo, .logo a{height:43px;width:273px;display:block;position:absolute;left:0px;top:30px;border: none;padding: 0;margin:0;overflow: hidden;}
#top .logo a, #top .logo a:hover{top:0;left:0;outline:none;border: none;}
#top .logobg a{text-indent:-9999px;}

/*NAV*/
#nav li a{ border-left:1px solid #484848;color:#aaa;}
#nav .currentli_item a, #nav li a:hover{color:#fff;}
#top #nav li ul a{border:1px solid #484848;border-top:none;color:#aaa;background: #222;}
#top #nav li ul a:hover{background:#262626;color:#fff;}
#top #nav li ul { border-top:1px solid #484848; }

#nav{position: absolute;right:15px;top:20px;list-style-type: none;list-style-position: outside;margin:0;z-index: 5;}
#nav li{float: left;}
#nav li a{display:block;float:left;padding:6px 10px;width:100px;border: none;text-decoration: none;line-height: 18px;outline: none;}
#nav li a strong{display:block;font-weight: normal;font-size: 16px;}
#nav li a span{display:block;font-size: 10px;}

#nav ul{margin:0;padding:0;list-style-type:none;list-style-position:outside;position:relative;line-height:50px;z-index:5;}
#top #nav ul a{line-height:28px;font-size: 12px;cursor: pointer;}
#top #nav li{float:left;position:relative;z-index:20;margin-top:11px;}
#top #nav li li{border-left:none;margin-top:0;}
#top #nav ul {display:none;position:absolute;top:48px;width:172px;left:0;}
#top #nav li ul a{width:150px;height:auto;float:left;text-align:left;padding:0 10px;}
#top #nav ul ul{top:auto;border-top:none;}	
#top #nav li ul ul {left:171px;top:-1px;}
#top #nav li:hover ul ul, #top #nav li:hover ul ul ul,#top  #nav li:hover ul ul ul ul{display:none;}
#top #nav li:hover ul, #top #nav li li:hover ul, #top #nav li li li:hover ul, #top #nav li li li li:hover ul{display:block;}
#top #nav li ul a{border-top:none;}

/*=========================================================================================
 FEATURED
==========================================================================================*/
#featured, #featured:focus{position:relative;width:960px;height:500px;overflow: hidden;outline: none;}
#featured_image, #featured_image:focus{width:940px;height:420px;overflow: hidden;margin:0 auto;border: none;outline: none;}
#featured{background:transparent url(images/shadow.jpg) no-repeat scroll 0px 368px;}
object, object:focus{outline: none;}
#featured_image img, #featured_image a img{position:absolute;z-index: 2;visibility: hidden;}
#featured #featured_image .current_img, #featured #featured_image .current_img img{z-index: 3;visibility: visible;}
.js_active #featured #featured_image .current_img, .js_active #featured #featured_image .current_img img{visibility: hidden;}

/*=========================================================================================
 INFOTEXT
==========================================================================================*/
#infotext{width:940px; padding:0 10px;}
#infotext h1{font: 24px "Trebuchet MS", arial; padding:10px 0 12px;position:relative;top:2px; color:#444; text-shadow:1px 1px 0px #fff;}
#infotext h1 strong{color: #d64600;}
#infotext p { font:16px "Trebuchet MS", arial; color:#444; text-shadow:1px 1px 0px #fff; line-height:30px; }

/*=========================================================================================
 CONTENT
==========================================================================================*/
#main{padding-top:40px;width:940px;position: relative;margin: 0 auto;overflow: hidden; margin-bottom:40px; }
#content{width:610px;margin:0;overflow: hidden;position:relative;float:right;}
.fullwidth #content{width:940px;}
#frontpage .box1, #frontpage .box3 { width:220px !important; margin:0 !important; padding-top:70px;  }
#frontpage .box1 { background:url(images/title_latestwork.gif) no-repeat 0 30px; }
#frontpage .box3 { background:url(images/title_twitter.gif) no-repeat 0 30px; }
#frontpage .box1 p, #frontpage .box3 p { line-height:20px; font-size:14px; font-weight:bold; color:#999; }
#frontpage .box1 img { width:220px; }
#frontpage .box2 { width:340px !important; padding:20px 60px !important; margin:0 20px !important; background:url(images/center_box.jpg) no-repeat top center; }
#frontpage .box2 h4 { color:#fff; padding:5px; font-size:16px; font-weight:bold; background:#ccc; }
#frontpage .box2 h3 { font:22px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; }
#tweet_follow { text-indent:-9000px; overflow:hidden; display:block; background:url(images/follow_me.jpg) no-repeat; width:159px; height:95px; }

/*=========================================================================================
 SIDEBAR
==========================================================================================*/
#sidebar{width:280px;overflow: hidden;margin-right:50px;position:relative;float:left;}
#sidebar .box{margin:0;padding:0 0 10px 0;}
#sidebar h3{padding:20px 0 4px;}
#sidebar h3, #sidebar #searchform{border-bottom:1px solid #d6d6d6;}
#sidebar .box a{display:block;line-height:22px;padding:3px 10px;}
#sidebar .box ul ul a{padding:3px 10px 3px 25px;}
#sidebar .box ul ul ul a{padding:3px 10px 3px 40px;}
#sidebar .box ul ul ul ul a{padding:3px 10px 3px 55px;}
#sidebar .box ul ul ul ul ul a{padding:3px 10px 3px 70px;}
#sidebar .box ul ul ul ul ul ul a{padding:3px 10px 3px 85px;}
#sidebar .box ul ul ul ul ul ul ul a{padding:3px 10px 3px 100px;}
#sidebar .box ul ul ul ul ul ul ul ul a{padding:3px 10px 3px 115px;}
#sidebar .box ul ul ul ul ul ul ul ul ul a{padding:3px 10px 3px 130px;}
#sidebar .box ul ul ul ul ul ul ul ul ul ul a{padding:3px 10px 3px 145px;}
#sidebar .box a, #main #sidebar .box .recentcomments, ul li{background:transparent url(images/bullet_orange.png) no-repeat scroll 0px 10px;border-bottom:1px solid #d6d6d6;}
#sidebar .box ul ul a{background:transparent url(images/bullet_black.png) no-repeat scroll 15px center;}
#sidebar .box ul ul ul a{background:transparent url(images/bullet_black.png) no-repeat scroll 30px center;}
#sidebar .box ul ul ul ul a{background:transparent url(images/bullet_black.png) no-repeat scroll 45px center;}
#sidebar .box ul ul ul ul ul a{background:transparent url(images/bullet_black.png) no-repeat scroll 60px center;}
#sidebar .box ul ul ul ul ul ul a{background:transparent url(images/bullet_black.png) no-repeat scroll 75px center;}
#sidebar .box ul ul ul ul ul ul ul a{background:transparent url(images/bullet_black.png) no-repeat scroll 90px center;}
#sidebar .box ul ul ul ul ul ul ul ul a{background:transparent url(images/bullet_black.png) no-repeat scroll 105px center;}
#sidebar .box ul ul ul ul ul ul ul ul ul a{background:transparent url(images/bullet_black.png) no-repeat scroll 120px center;}
.sidebarmenu .current{font-weight: bold;}
.sidebarmenu ul ul, .sidebarmenu .currentli_item ul ul, .sidebarmenu .parentli_item .li_item ul{display:none;}
.sidebarmenu .currentli_item ul, .sidebarmenu .parentli_item ul{display: block;}
.box{position:relative;margin-right:50px;float:left;overflow: hidden;padding-bottom: 50px;}
#subpage .box1, #subpage .box2 {position:relative; margin-right:18px !important;float:left;overflow: hidden; }
#subpage .box1, #subpage .box2, #subpage .box3 { padding: 10px 10px 50px 10px !important; }
#subpage .box2 { border-left:1px solid #ccc; border-right:1px solid #ccc; }
.portfolio_entry { padding:0 !important; }
.wrapper .box3{margin:0;}
.wrapper .box_small{width:280px;}
.wrapper .box_small a img { border:0; }
.wrapper .box_mini{width:160px;margin-right:20px;}
.box_small h3{padding:15px 0 4px 0;}

/*sidebar widgets*/
.widget_search #s{border: none;width:219px;padding:8px 50px 8px 10px;color:#ccc;}
#sidebar .widget_search #searchsubmit{border: none;display:block;height:33px;position:absolute;right:0px;text-indent:-9999px;top:0px;width:36px;cursor: pointer;padding:0;outline: none;}
#main #sidebar .widget_tag_cloud a {display:inline;border:none;background: none;padding:3px;line-height: 1.5em;}
#main #sidebar .textwidget a{display:inline;background: none;padding: 0;margin: 0;}
#main #sidebar .rsswidget{background: none;}
#sidebar .rsswidget img{display:none;}
.rss-date, .rssSummary, .widget_rss cite{padding:3px 10px;}
#main #sidebar .box .recentcomments a{background-image: none;border: none;}
#main #sidebar .box .recentcomments{display:block;line-height:22px;padding:3px 10px;}

/*=========================================================================================
 CALENDAR
==========================================================================================*/
#wp-calendar a, #wp-calendar a:visited {display:block;text-decoration:none;padding:0;border:none;width:auto;}
#wp-calendar a:hover{display:block;}
#wp-calendar {empty-cells: show;width:100%;text-align:center;}
#wp-calendar #next a,#wp-calendar #prev a {text-decoration:none;display:block;background: none;border:none;}
#wp-calendar caption {margin-bottom:5px;}

/*=========================================================================================
 BLOG
==========================================================================================*/
.entry{position: relative;padding-bottom:30px;clear:both;float:left;width: 100%;}
.entry .box{padding-bottom:0;}
.post_data{border-left:none;border-right:none;font-size:11px;line-height:22px;padding:3px 1px;position:relative;float:left;width:608px;margin-bottom: 17px;}
.post_data .categories{float:left;}
.post_data .author{float:right;}
.blogentry h2{width:490px;padding:5px 0 0 0;}
.blogentry img{max-width:610px;}
.entry h2{padding:5px 0 0 0;}
.entry .date{height:44px;position:absolute;right:0;text-align:center;width:112px;top:8px;}
.entry .day{font-size:36px;font-weight:bold;line-height:45px;display: block;width:55px;position: absolute;top:0;left:0;height:40px;}
.entry .month{display:block;font-size:18px;left:60px;line-height:1em;position:absolute;text-transform:uppercase;top:6px;width:50px;}
.entry .year{display:block;font-size:14px;font-weight:bold;left:60px;letter-spacing:2px;line-height:1em;position:absolute;top:25px;width:53px;}
.post_data{border:1px solid #d6d6d6;border-left:none;border-right:none;}
.entry .date{color:#8D8D8D;}
.entry .day{border-right:1px solid #cacaca;}

/*=========================================================================================
 PAGINATION
==========================================================================================*/
#top .pagination {clear:both;padding:0 0 60px 0;position:relative;z-index:3;}
#top .pagination span, #top .pagination a{display:block;float:left;font-size:11px;line-height:13px;margin: 2px 2px 2px 0;padding:3px 6px;text-decoration:none;width:auto;border:1px solid #666666;}
#top .pagination .current{font-size:11px;padding:3px 6px;background: #666666;border:1px solid #222;color:#fff;}
#top .pagination a:hover{border:1px solid #FF9000;}

/*=========================================================================================
 PORTFOLIO
==========================================================================================*/
#subpage .box_small .more-link,  .box_page .more-link{position: relative;top:-13px;}

/*=========================================================================================
 FOOTER
==========================================================================================*/
#footer{width:940px;position: relative;padding-top: 80px;margin: 0 auto;color: #cbcbcb;}
.footer_widgets{float: left;width:720px;overflow: hidden;}
#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6, #footer a{color:#cbcbcb;text-decoration: none;font-size: 12px;}
#footer .box_custom_footer{width:220px;margin-right:0;float:right;overflow: hidden;}
#footer .box h4, #footer .box h4 a{text-transform: uppercase;font-size: 16px;letter-spacing:1.3px;border:none;}
#footer .box h4 { color:#ff5400; font:18px "Myriad Pro", Arial, Helvetica, sans-serif; }
#footer .box ul{list-style-type: none;list-style-position: outside;margin:0;border-top:1px solid #4a4a4a;} 
#footer .box ul ul{border:none;}
#footer .box ul li a{display:block;padding:3px 10px;line-height:22px;position: relative;}
#footer .custom_button{width:150px;padding:10px 60px 10px 10px;display: block;text-align: center;border: none;}
.rsswidget img{display: none;}
.custom_button strong{display: block;font-size: 20px;font-weight: normal;letter-spacing:1px;}
.custom_button span{display: block;font-size: 14px;font-weight: normal;letter-spacing:0.5px;}
#sitesearch_footer{position: relative;}
#sitesearch_footer h4 { font-size:14px !important; color:#3da7eb !important; margin-bottom:10px; font-weight:normal; }
.box_custom_footer p{font-size:11px;line-height: 17px;padding:20px 0;}
#searchform{position: relative;}
#footer #s{border: none;width:160px;padding:8px 47px 8px 10px;color:#ccc;}
#footer .widget #s{width:100px;}
#footer #searchsubmit{border: none;display:block;height:35px;position:absolute;right:3px;text-indent:-9999px;top:0px;width:35px;cursor: pointer;padding:0;outline: none;}
.wrapper #footer .social_bookmarks{border:none;display: block;float: left;width:100%;}
.wrapper #footer .social_bookmarks li{float:left;margin:0;width:16px;margin-right:7px;}
.wrapper #footer .social_bookmarks li a{height:16px;width:16px;display: block;float:left;text-indent: -9999px;border:none;padding:0;}
.wrapper #footer .box .recentcomments a{background-image: none;border: none;}
.widget_tag_cloud{line-height: 2.5em;}
.widget_tag_cloud a{padding:2px;}
#footerwrap, #subpage #footerwrap{ background: transparent url(images/bg_footer.jpg) repeat-x; }
#footer .box ul li { background:0 !important; }
#footer .box ul li a, .wrapper #footer .box .recentcomments{border-bottom:1px solid #4a4a4a; background: transparent url(images/bullet_grey.png) left 11px no-repeat;}
#footer .box ul li a:hover{background: #626262 url(images/bullet_grey.png) left 11px no-repeat;color:#fff;}
#footer #s{background: transparent url(images/bg_search.gif) no-repeat top left; color:#ccc;}
#footer #searchsubmit{background: transparent url(images/bt_search.jpg) no-repeat;}
#sidebar .widget_search #searchsubmit{background: transparent url(images/search.png) 2px center  no-repeat;border-left:1px solid #d6d6d6;}

.wrapper #footer .social_bookmarks li { border:0 !important; }
.wrapper #footer .social_bookmarks .rss a{background: transparent url(images/rss_16.png) 0 0  no-repeat;}
.wrapper #footer .social_bookmarks .facebook a{background: transparent url(images/facebook_16.png) 0 0  no-repeat;}
.wrapper #footer .social_bookmarks .twitter a{background: transparent url(images/twitter_16.png) 0 0  no-repeat;}
.wrapper #footer .social_bookmarks .flickr a{background: transparent url(images/flickr_16.png) 0 0  no-repeat;}

.more-link{background:#ff5400 url(images/arrow_1.gif) no-repeat scroll right 8px; color:#fff !important; font-weight:bold; font-size:11px; text-decoration:none; padding:0px 20px 0px 4px !important; display:table; margin:10px 0; float:right; }
.more-link:hover { text-decoration:none !important; background-color:#999; }
input, select, textarea{color:#777; }
.wrapper a, #main #sidebar .textwidget a{color:#3383bb;}
.wrapper a:hover{ color:#ff9000;}
h1,h2,h3,h4,h5,h6, legend{color:#222;}
#top h1 a, #top h2 a, #top h3 a, #top h4 a, #top h5 a, #top h6 a{color:#222;} 
#top h1 a:hover, #top h2 a:hover, #top h3 a:hover, #top h4 a:hover, #top h5 a:hover, #top h6 a:hover{color:#555;} 
.lightbox_video, .lightbox_image{background:transparent url(images/video.png) no-repeat center center;}
#top .lightbox_image{background:transparent url(images/magnify.png) no-repeat center center;}

.wrapper #footer .social_bookmarks{border:none;display: block;float: left;width:100%;}
.wrapper #footer .social_bookmarks li{float:left;margin:0;width:16px;margin-right:7px;}
.wrapper #footer .social_bookmarks li a{height:16px;width:16px;display: block;float:left;text-indent: -9999px;border:none;padding:0;}
.wrapper #footer .box .recentcomments a{background-image: none;border: none;}
.widget_tag_cloud{line-height: 2.5em;}
.widget_tag_cloud a{padding:2px;}
.rounded{-moz-border-radius: 4px;-webkit-border-radius:4px;border-radius:4px;}
input, select, textarea{font-size:13px;font-family: Arial, Helevtica, Verdana, san-serif;position:relative;outline: none;}
blockquote {font-size:12px;font-style:italic;margin:0 0 20px;padding:10px 20px 10px 41px;}
.wrapper a{text-decoration:none;}
.wrapper a:hover{text-decoration:none;}
a img, a:hover img{border:none;text-decoration:none;z-index: 2;position: relative;outline: none;}
#main img{float:left;margin-bottom: 5px;display: inline;}
p{ padding: 0 0 1em 0}
ul, ol{margin-bottom:10px;}
ul li{list-style-type: none;padding-left:10px;}
.lightbox_video, .lightbox_image{position: absolute;z-index: 1;top:0;left:0;}
#top .ie6_lightbox, #footerwrap .ie6_lightbox{position: relative;border:none;}	
ol li{list-style-type: decimal;list-style-position:inside;}
#sidebar ul, #sidebar ol{margin:0px;}
#sidebar li{list-style-type:none;}
h1,h2,h3,h4,h5,h6, legend{letter-spacing: 0.4px;font-weight:normal;padding-bottom:5px;line-height:1.4em;position: relative;font-family:"Trebuchet MS", Arial, Helvetica, san-serif;}
h1{clear:both; font-size:38px;font-weight:bold;}
h2{font-size:36px; clear:both;}
h3, legend{font-size:22px; clear:both;}
h4{font-size:16px; clear:both;}
h5{font-size:14px; clear:both;}
h6{font-size:13px; clear:both;}
#top h1 a, #top h2 a, #top h3 a, #top h4 a, #top h5 a, #top h6 a{text-decoration:none;border:none;} 
#top h1 a:hover, #top h2 a:hover, #top h3 a:hover, #top h4 a:hover, #top h5 a:hover, #top h6 a:hover{text-decoration:none;border:none;} 
blockquote p{padding:11px 0px;}
blockquote{margin:0 0 22px 5px;padding:0 15px;}
.floatleft{float:left;}
.floatright{float:right;}
.clearboth{clear:both;}
.alignleft{float:left;margin:0px 15px 15px 0pt;}
.alignright{float:right;margin:0px 0pt 15px 15px;}
.aligncenter{clear:both;display:block;margin:10px auto;padding: 10px 0;}
#top .extra_margin_right{margin-right:50px;}
#top .no_margin_right{margin-right:0;}
#top .wp-smiley{border:none;padding:0;}
.meta{display:block;position:relative;top:3px;font-size:11px;line-height:14px;}
.pp_details .pp_nav a.pp_arrow_previous, .pp_details .pp_nav a.pp_arrow_next {margin-top:8px;}
.pp_details .pp_nav {margin:-3px 0 0;}

/*=========================================================================================
 COMMENTS
==========================================================================================*/
.gravatar img{border:1px solid #D6D6D6;background: #fff;}
.commententry .odd{background: #f8f8f8;}
.commententry .even{background: #fff;}
#top .comment-edit-link, #top .comment-meta a{border:none;}
.commentlist{margin-bottom:20px;float:left;width:100%;}
#top .commentlist #comment{width:70%;}
.commentlist li{width:100%;clear:both;float:left;padding:0;list-style-type:none;padding:20px 0 0 0;position:relative;}
.commentlist .children, .commentlist .children li{border:none;}
.gravatar{float:left;width:60px;padding:0px 10px;text-align: center;}
.gravatar img{display:block;padding:5px;}
.comment_content{float:left;width:524px;padding-bottom:20px;}
.commentmetadata{float:right;padding-right:10px;}
.commentmetadata a, .comment-edit-link, .comment-reply-link{text-decoration: none;font-size:10px;}
#top .comment-reply-link{border:none;}
.comment-edit-link{padding-left:10px;}
.says{display:none;}
.author_name{font-weight:bold;font-style:normal;font-size:15px;float:left;}
.comment_text{clear:both;}
.comment-reply-link{text-align: center;display: block;}
.commentlist #respond{padding-left:80px;}
#cancel-comment-reply-link{text-decoration: none;margin-left:15px;font-size: 10px;}
.commentlist .children{padding:0 0 0 70px;}
.commentlist .children li .comment_content{width:454px;}
.commentlist .children .children li .comment_content{width:384px;}
.commentlist .children .children .children li .comment_content{width:314px;}
.commentlist .children .children .children .children li .comment_content{width:244px;}
.commentlist .children .children .children .children .children li .comment_content{padding:0;}
.comment_nav{position: relative;top:-13px;font-size: 10px;z-index: 4;}
.comment_nav a{text-decoration: none;}
.comment_prev{float:left;}
.comment_next{float:right;}
#top #nav, #top #nav li, #sidebar li, #sidebar ul, #footer li, #footer ul{padding:0;list-style-type: none;background: none;border:none;}

/*=========================================================================================
 CONTACT FORM
==========================================================================================*/	
.text_input, .text_area{border:1px solid #D6D6D6;}
#send, #submit{border:1px solid #D6D6D6;background: #222;color: #fff;}
#submit:hover, #send:hover{background: #eee;color: #222;}	
.valid .text_input, .valid .text_area{border:1px solid #70A41B;}
.error .text_input, .error .text_area{border:1px solid #FF9000;}
.ajax_alert .text_input, .ajax_alert .text_area{border:1px solid #ffb628;}
#searchsubmit, #send, #top #submit{cursor:pointer;}
.text_input, .text_area{padding:4px;font-family: Arial, Helevtica, Verdana, san-serif;width:200px;font-size:11.5px;}
#send, #submit{padding:4px 20px;font-family: Arial, Helevtica, Verdana, san-serif;font-size:11.5px;}
.hidden{display:none;}
#commentform{padding-bottom:20px;}
fieldset{border:none;padding:0;margin:0;overflow:hidden;}
fieldset label{padding-left:7px;}
.blocklabel{display:block;padding:10px 0 0 0;}
#top .text_area{width:600px;}	
#send, #top #submit{cursor:pointer;}