/*
Theme Name: Dobro
Theme URI: http://www.dobro.com.br/
Author: Dobro
Author URI: http://www.dobro.com.br
Version: 
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody,tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}

iframe {
	background:#2b1b03;
}

:focus {outline: 0;}

ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}

/* -------------------------------------- */

body {background: #2b1b03!important; font-family:arial, sans-serif; font-size:11px; color:#000; overflow:hidden; height:100%; min-height:100%; height:auto!important;}
a {text-decoration:none; color:#2b1b03;}

/* -------------------------------------- */

#close-hohoho-o-rama {position:absolute; width:45px; height:45px; top:50%; left:50%; margin-top:-216px; margin-left:129px; z-index:3000; display:none; text-indent:-9999px; cursor:pointer;}
#logo-hohoho-o-rama {position:absolute; width:544px; height:542px; top:50%; left:50%; margin-top:-271px; margin-left:-272px; z-index:2000; display:none;}
#overlay-hohoho-o-rama {position:absolute; width:100%; height:100%; height:auto; min-height:100%; background:url(images/loader.gif) center no-repeat #2b1b03; z-index:1000; opacity:0.8;filter:alpha(opacity=80); display:none;}
#overlay {position:absolute; width:100%; height:100%; height:auto; min-height:100%; background:url(images/loader.gif) center no-repeat #2b1b03; z-index:1000;}
#dobro {width:100%; height:100%; min-height:100%; height:auto!important; overflow:hidden;}

/* -------------------------------------- */

#header {position:absolute; width:100%; background:url(images/bg-header.png) center; min-width:940px; z-index:800;}
	#header-top {background:url(images/bg-header-top.png); height:2px;}
	#header-content {width:940px; margin:0 auto; min-height:138px;}
	#header h1 {position:absolute; width:71px; height:71px; display:block; text-indent:-9999px; background:url(images/db-sprite.png) no-repeat; margin:0 0 0 864px; top:33px;}
	#header-menu {float:left; width:170px; margin:106px 0 12px 0; height:14px;}
	#header-menu li {display:inline;}
	#header-menu li a {display:block; float:left; padding:3px 5px; text-indent:-9999px; cursor:pointer; height:14px;}
	#header-menu li #about-a {background:url(images/menu-about.png) center no-repeat; width:38px;}
	#header-menu li #contact-a {background:url(images/menu-contact.png) center no-repeat; width:51px;}
	#header-menu li #blog-a {background:url(images/menu-blog.png) center no-repeat; width:31px;}
	
	#header #panel {width:470px; height:160px; margin:234px 0 -10px 250px; padding:0 0 0 0; display:none;}
		#header #panel h2 {font-size:16px; color:#2b1b03; margin:0 0 20px 0;}
		#header #panel h3 {font-size:12px; color:#2b1b03; margin:12px 0 0 0;}
		#header #panel h4 a {font-size:11px; color:#f55419; margin:12px 0 0 0;}
		#header #panel p {line-height:20px; font-size:12px; color:#2b1b03; margin:0 0 14px 0;}
	#header #panel-close {width:32px; height:32px; margin:0 0 0 -60px; display:none; text-indent:-9999px; z-index:1000; position:absolute; cursor:pointer; background:url(images/db-sprite.png) -72px -67px;}
	#header #panel-close:hover {background:url(images/db-sprite.png) -105px -67px;}
	#header #about {display:none;}
	#header #contact {display:none;}

/* -------------------------------------- */

	#navigation {position:absolute; height:19px; width:100%; min-width:940px; margin:140px 0 0 0; background:#2b1b03; z-index:500;}
			#navigation-center {width:910px; margin:0 auto;}
		#navigation ul li {display:inline; height:19px;}
		#navigation a {display:block; text-indent:-9999px; cursor:pointer; float:right; height:19px; margin:0 0 0 30px;}
		#navigation a#nav-all {background:url(images/nav-all.png) no-repeat; width:72px;}
		#navigation a#nav-brand {background:url(images/nav-brand.png) no-repeat; width:185px;}
		#navigation a#nav-web {background:url(images/nav-web.png) no-repeat; width:170px;}
		#navigation a#nav-com {background:url(images/nav-com.png) no-repeat; width:182px;}
		
	#navigation-page {position:absolute; height:19px; width:100%; min-width:940px; margin:140px 0 0 0; background:#2b1b03; z-index:500;}
			#navigation-center {width:910px; margin:0 auto;}
		#navigation-page ul li {display:inline; height:19px;}
		#navigation-page a {display:block; text-indent:-9999px; cursor:pointer; float:right; height:19px; margin:0 0 0 30px;}
		#navigation-page a#nav-all {background:url(images/nav-all.png) no-repeat; width:72px;}
		#navigation-page a#nav-brand {background:url(images/nav-brand.png) no-repeat; width:185px;}
		#navigation-page a#nav-web {background:url(images/nav-web.png) no-repeat; width:170px;}
		#navigation-page a#nav-com {background:url(images/nav-com.png) no-repeat; width:182px;}

/* -------------------------------------- */

#showcase-next {display:none; position:absolute; height:30px; width:50px; top:50%; right:0; background:#000; z-index:500;}
#showcase-prev {display:none; position:absolute; height:30px; width:50px; top:50%; left:0; background:#000; z-index:500;}

#showcase-hidden {top:0; position:absolute; overflow:hidden; width:100%; height:100%; min-height:100%; height:auto!important;}
.showcase {width:1800px; height:1950px; overflow:hidden; display:inline; position:absolute; top:159px;}

.showcase-1 {left:-3600px;}
.showcase-2 {left:-1800px;}
.showcase-3 {left:0;}
.showcase-4 {left:1800px;}
.showcase-5 {left:3600px;}

	.showcase .portfolio-item {float:left; display:inline; width:180px; height:179px;}
	.showcase .portfolio-link {display:block; width:180px; height:179px; text-indent:-9999px;}
	
	#nav-close {width:32px; height:32px; display:none; text-indent:-9999px; z-index:1000; position:absolute; top:50%; left:50%; margin:-280px 0 0 -492px; cursor:pointer;}
	#nav-close:hover {background:url(images/db-sprite.png) -105px -67px;}
	
	#social-links {position:absolute; bottom:20px; left:50%; margin-left:358px; z-index:500;}
	#social-links li {display:inline;}
	#social-links a {display:block; text-indent:-9999px; float:left; width:20px; height:20px; background:url(images/db-sprite.png); margin:0 10px 0 0;}
	#social-links #twitter {background-position:-140px 0;}
	#social-links #flickr {background-position:-168px 0;}
	#social-links #vimeo {background-position:-196px 0;}
	#social-links #facebook {background-position:-224px 0;}
	
	#tooltip{position:absolute; z-index:10000; background:url(images/db-sprite.png) 0 -100px #2b1b03; margin:-50px 0 0 10px; padding:8px 10px 8px 38px; height:12px; font-size:10px; color:#e9e1d5; min-width:60px;}

/* -------------------------------------- */

#workspace {position:absolute; top:50%; margin-top:-280px; width:100%; height:560px; background:url(images/pattern-page.png) #e9e1d5;}
	#workspace h2 {font-size:16px; color:#2b1b03; margin:0 0 20px 0;}
	#workspace-center {width:920px; height:540px; margin:0 auto;}
	#workspace-info {width:260px; padding:40px 76px 60px 40px; position:absolute; background:#f7f1e4; margin:33px 0 0 0; display:none; z-index:9999;}
		#workspace-info-a {background:url(images/db-sprite.png) -72px -34px; width:32px; height:32px; display:block; text-indent:-9999px; cursor:pointer; position:absolute; margin:34px 0 0 -32px;}
		#workspace-info-a:hover {background:url(images/db-sprite.png) -105px -34px;}
		#workspace-close-a {background:url(images/db-sprite.png) -72px -67px; width:32px; height:32px; display:block; text-indent:-9999px; cursor:pointer; position:absolute; margin:0 0 0 -32px;}
		#workspace-close-a:hover {background:url(images/db-sprite.png) -105px -67px;}
		#workspace-back-a {background:url(images/db-sprite.png) -72px -1px; width:32px; height:32px; display:block; text-indent:-9999px; cursor:pointer; position:absolute; margin:34px 0 0 -32px;}
		#workspace-back-a:hover {background:url(images/db-sprite.png) -105px -1px;}
		
		#workspace-info ul {margin:20px 0 0 0;}
		#workspace-info ul li {background:#e9e1d5; color:#8a7e6c; padding:5px 5px 5px 6px; margin:0 0 3px 0;}
		#workspace-info ul li a {color:#2b1b03; width:240px; float:right; text-align:left; margin:1px 0 0 0;}
	
	#workspace-related {float:left; width:670px; height:110px;}
	#workspace-related h4 {background:url(images/db-sprite.png) -142px -33px; display:block; text-indent:-999px; width:141px; height:11px; position:absolute; margin:93px 0 0 0;}
	#workspace-related ul#related {margin:10px 0 0 0; position:absolute;}
	#workspace-related ul#related li {display:inline; width:68px; height:68px;}
	#workspace-related ul#related li a {display:block; width:68px; height:68px; margin-right:9px; float:left;}
	
	ul#workspace-nav {float:left; margin:7px 0 0 0; width:250px;}
	ul#workspace-nav li {background:#e9e1d5; color:#8a7e6c; padding:5px 5px 5px 6px; margin:0 0 3px 0;}
	ul#workspace-nav li a {color:#2b1b03; width:190px; float:right; text-align:left; margin:0;}

/* -------------------------------------- */

#category {position:absolute; top:50%; margin-top:-280px; width:100%; height:560px; background:url(images/bg-header.png) center;}
	#category h2#category-description  {padding:26px 20px 23px 20px; margin:0 9px 5px 0; font-size:16px; text-align:right;}
	#category-center {width:920px; height:540px; margin:0 auto;}
	#category-content {width:920px;}
	#category-content ul {float:left;}
	#category-content ul li {margin:0 5px 5px 0; float:left; display:inline; width:300px; height:68px;}
	#category-content ul li a {padding:22px 10px 22px 86px; display:block;}
	
	.wp-pagenavi {position:absolute; margin:456px 0 0 0; clear:both;}
	.wp-pagenavi a, .wp-pagenavi span {text-decoration:none; padding:7px 10px; margin:0 3px 0 0; background:#d4ccbf; font-weight:bold;}
	.wp-pagenavi a:hover {background:#f4eee1;}
	.wp-pagenavi span.current {background:#d4ccbf;}
	.wp-pagenavi span.current {font-weight:normal;}
	.wp-pagenavi .pages, .wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink, .wp-pagenavi .extend, .wp-pagenavi .last {display:none;}

/* -------------------------------------- */
	
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;background:url(images/loader.gif) center no-repeat #2b1b03;}
#sb-wrapper{position:absolute;visibility:hidden;}
#sb-wrapper-inner{position:relative;overflow:hidden;height:100px; width:100%;}
#sb-body{position:relative;height:100%; width:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-body,#sb-loading{}
#sb-title,#sb-info{display:none;}

/* -------------------------------------- */

.clear {clear:both;}