body{
	padding:0px;
	margin:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif ;
	font-size:11px;
	background-color: #000000;
	/*background: url(images/bg.jpg) repeat scroll top left;*/
	width:100%;}

img{border:0px;}

a{
	color: #0000FF;
	text-decoration:none;}
a:visited{
	color: #800080;}

form, table, ul, li{
	margin:0px;}

.sub{border:0px;
	width:56px;
	height:20px;}

.sub2{border:0px;
	width:65px;
	height:25px;}
	
input, textarea{
	_width:280px;
	border:1px solid #cecece;
	font-size:12px;}
	
/*largura total do blog*/
div#page{
	margin: 0 auto;
	width:1007px;
	_width:1003px;
	text-align:left;}

/*header*/
#header{
	width:100%;
	height:215px;
	text-align:left;}

#header_top{
	width:100%;
	height:149px;
	background:url(images/header_top_bg.gif) no-repeat top left;}

#header_center{
	width:100%;
	height:175px;
	background:url(images/header_center_bg8.jpg) no-repeat top left;}

#header_end{
	width:100%;
	height:40px;
	background:url(images/header_end_bg3.gif) no-repeat top left;}

#header_title{
	display:none;
	padding:47px 0 0 11px;
	font-size:38px;
	color:#fbf9f4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align: left;}

/*menu*/

#menu_items{
	width:61%;
	float:left;
	padding-top:8px;}
	
#rss_menu{
	float:right;
	padding: 0 25px 0 0;
	text-align:right;
	width:12%;
	color:#533;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif}
	
#menu_search_box{
	color:#000;
	font-size:12px;
	float:right;
	width:300px;}

#menu_search_box input.s{
	width:161px;
	font-size:12px;
	color:#000;
	border:0px;
	background:none;
	padding:0 0 0 60px}

#menu_search_box #go{
	position:relative;
	top:6px;}

#menu{
	padding-left:20px;
	font-size:13px;
	color:#ffffff;}

div#menu_items div{
	color:#ffffff;
	background:url(images/menu_sep.gif) no-repeat right top;
	padding-left:16px;
	padding-right:20px;
	height:32px;
	float:left;}

div#menu a{
	color:#553;
	position:relative;
	top:4px;}

div#menu a:hover{
	color:#ccc;}

/* end menu */

/* end header */

/* blog*/

div#page #blog{
	float:left;
	width:100%;}
	/*cor do corpo do blog*/
div#page #blog_top{
	background-color:#fff;
	float:left;
	width:100%;}
div#blog #blog_center{
	background:#efede8;
	/*background:url(images/main.gif) right top repeat-y;*/
	width:600px;
	_width:595px;
	float:left;
	padding-top:20px;}
#blog_right_sidebar{
	width:400px;
	float:left;}
div#blog #blog_left{
	float:left;
	width:145px;
	padding-left:20px;}
div#blog #blog_right{
	float:left;
	width:210px;
	padding-left:16px;}
#content{width:575px;}
.center{width:575px;}
#sidebar_bg{
	/*background:url(images/sidebar_bg.gif) no-repeat top left;*/
	float:left;
	width:400px;
	min-height:934px;
	_height:934px;}

/* sidebar*/
#blog .sidebar{
	width:100%;
	float:left;
	padding-top:12px;}

#blog .sidebar #sidebar_left{
	float:left;
	width:150px;}

#blog .sidebar #sidebar_right{
	float:left;
	width:210px;}

#blog .sidebar ul{
	padding:0px;
	margin:0px;}

#blog .sidebar ul li ul{
	padding-bottom:10px;}

#blog .sidebar ul li ul li ul{
	padding-left:0px;
	padding-bottom:0px;}

#blog .sidebar li{
	padding:0px;
	margin:0px;
	list-style-type:none;}
	
						/*titulo do sidebar*/
#blog .sidebar h2{
	color:#442;
	font-size:1.7em;
	margin:0px;
	padding:5px 0 8px 0;
	font-weight:normal;
	font-style:normal;
	/*background:url(images/h2_li.gif) no-repeat center left;*/
	}
#blog .sidebar ul li{
	color:#b3b3b3;
	font-size:1.1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-bottom:10px;
	background:url(images/sd_end_bg.gif) no-repeat bottom left;}
#blog .sidebar li a{
	color:#553;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:normal;
	line-height:19px;}
#blog .sidebar li a:hover{
	color:#b3b3b3;}
#blog .sidebar ul li ul li{
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-right:5px;
	padding-bottom:5px;
	background:none;}
#blog .sidebar ul li ul li ul li{
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#b3b3b3;
	padding-bottom:0px;}
#blog .sidebar ul li ul li ul li a{
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#b3b3b3;}
#blog .sidebar ul li ul li{
	border-bottom:0;
	background: url(images/solid_li.gif) left bottom no-repeat;}
#blog .sidebar ul li.widget_categories ul li ul li{
	border-bottom:0;
	background: none;}
#blog .sidebar ul li ul li ul{
	padding-left:10px;}
#blog .sidebar ul li ul li a{
	background: url(images/bl_li.gif) left top no-repeat;
	padding-left:9px;}
#blog .sidebar ul li.widget_categories ul li a{
	background: url(images/bl_li.gif) left top no-repeat;
	padding-left:9px;}
#blog .sidebar ul li.widget_archives ul li a{
	background: url(images/ar_li.gif) left top no-repeat;
	padding-left:9px;}
#blog .sidebar ul li.widget_meta ul li a{
	background: url(images/meta_li.gif) left top no-repeat;
	padding-left:10px;}
#blog .sidebar ul li.widget_categories li ul.children li a{
	background: url(images/line_li.gif) left top no-repeat;
	padding-left:9px;}

/*inside*/

#blog #blog_comm{
	margin-left:40px;
	_margin-left:20px;
	float:left;
	width:520px;
}

#blog #blog_comm h2{
	border-bottom: #642 solid 1px;
	padding: 0 0 3px 5px;
	font-size:2em;
	font-weight:normal;
	color:#642;
	position:relative;
	top:-10px;
}

#blog #blog_comm .comm_panel{
	height:16px;
	padding: 0 0 0 5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:500px;
	color:#939393;
}

#blog #blog_comm .comm_panel a{
	font-weight:bold;
	color:#00f;}
#blog #blog_comm .comm_panel a:hover{
	font-weight:bold;
	color:#b3b3b3;}
#blog #blog_comm .comm_text{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:18px;
	padding-top:5px;
	padding-bottom:25px;
	padding-left:5px;
	padding-right:5px;
	color:#666666;
	background:url(images/comm_text.gif) no-repeat bottom left;
	width:516px;
}

#blog #blog_comm .comm_text p{
	padding:0px;
	margin:0px;
	margin-top:5px;
	color:#442}

#blog #comments_from_bg{
	background-color:#ebeae7;
	/*background:url(images/blog_form_bg.gif) no-repeat top left;*/
	width:524px;
}

#blog #blog_comm #comm_post_title{
	width:457px;
	height:57px;
	font-size:23px;
	padding-left:15px;
	padding-top:10px;
	color:#442;
}

#blog #blog_comm #comm_post_form{
	padding-left:65px;
}

#blog #blog_comm #comm_post_form input.text{
	font-size:14px;
}

#blog #blog_comm #comm_post_form td{
	list-style:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-bottom:10px;
	padding-right:10px;
	color:#553;
}

#blog #blog_comm #comm_post_form td.right{
	_font-size:1em;
	text-align:right;
	vertical-align:top;
}


/* end sidebar*/

/* blod item*/

#blog .item_class{
	margin-left:20px;
	_margin-left:10px;
	padding-bottom:30px;
	width:570px;
	float:left;
}
								/*title*/
#blog .item_class .item_class_title{width:100%;}

#blog .item_class .item_class_title_text{}

#blog .item_class .item_class_title_text .titles{
	float:left;
	width:98%;
	padding-bottom:10px; }
									/*texto acima do title "posted on"*/
#blog .item_class .item_class_title_text .top_title_top{
	font-size:1.1em;
	padding-right:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#737373;}
										/*title post*/
#blog .item_class .item_class_title_text .top_title{
	padding-right:10px;
	padding-left:0px;
	/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
	padding-bottom:5px; }
#blog .item_class .item_class_title_text .top_title a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:2.5em;
	color:#642;
}
#blog .item_class .item_class_title_text .top_title a:hover{border-bottom:1px solid #dadada; }
								
								/*texto abaixo do title "by author"*/
#blog .item_class .item_class_title_text .end_title{
	font-size:1em;
	padding-right:10px;
	padding-left:0px;
	color: #642;
	font-family:Verdana, Arial, Helvetica, sans-serif;}
#blog .item_class .item_class_title_text .end_title a{
	font-weight:bold;
	color:#553;}
										
										/*texto do post*/
#blog .item_class .item_class_text{
	color: #222;
	font-size:1.1em;
	line-height:20px;
	padding-left:5px;
	padding-right:0px;
	padding-bottom:10px;
	padding-top:0px;
	background:url(images/title_line.gif) no-repeat left top;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:555px;}
#blog .item_class .item_class_text p{
	padding:0px;
	margin:0px;
	margin-top:10px;}
#blog .item_class .item_class_text a:hover{text-decoration:underline}
								/*rodape do post "coments"*/
#blog .item_class .item_class_panel{
	background:url(images/item_class_panel.gif) repeat-x bottom left;
	margin-left:0px;
	padding-right:10px;
	padding-left:10px;
	padding-top:7px;
	padding-bottom:7px;
	width:540px;
	float:left;}
	
.item_class_panel .links_left{float:left;}
.item_class_panel .links_right{float:right;}

#blog .item_class .item_class_panel a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
	color:#818181;
}

#blog .item_class .item_class_panel a:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
	text-decoration:underline;
}

#blog .item_class .item_class_panel a.panel_read{
	padding-left:13px;
}

#blog .item_class .item_class_panel span.panel_comm a{
	font-size:1.1em;
	background:url(images/comment.gif) top left no-repeat;
	padding-left:22px;
	padding-right:20px;
	color:#553;
}
#blog .item_class .item_class_panel span.panel_comm a:hover{
	font-size:1.1em;
	background:url(images/comment.gif) top left no-repeat;
	padding-left:22px;
	padding-right:20px;
	color:#553;
}
/* end blog */

/* footer */

#footer{
	background-color:#141413;
	width:100%;
	height:109px;
	text-align:right;
	float:left;
	color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

div#footer #footer_text{
	padding-top:30px;
	padding-right:40px;
}

div#footer #footer_text img{
	position:relative;
	top:3px;
}

/* end footer */



/*espaço para os posts*/
#blog .navigation{
	padding-bottom:20px;
	text-align:center;}
#blog .navigation ul{}
#blog .navigation ul li{
	list-style:none;
	display:inline;
	padding-right:20px;}
/*previous e next*/
#blog .navigation .alignright a{
	font-weight:bold;
	font-size:11px;
	padding-right:15px;
	color:#999999;}
#blog .navigation .alignleft a{
	font-weight:bold;
	font-size:11px;
	padding-left:8px;
	color:#999999;}

						/*h2*/
div#blog h2{
	margin:0px;
	padding:0px;
	padding-left:30px;
	font-size:2.4em;
	color:#642;
	font-weight:normal;
	margin-bottom:5px;}
	
/*sublinhado do título do Sobre
div#blog h2 span{
	border-bottom:1px dotted #dadada;}
*/

div#blog .entry{
	font-size: 12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-left:30px;
	padding-right:5px;
	color:#4d4d4d;
	width:555px;
}

div#blog .entry a{
	font-weight:bold;
}

div#blog .entry p{
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:18px;
	color:#222;
	padding-bottom:10px;
}
						/*blockquote*/
.item_class blockquote, #blog_comm blockquote{
	background:url(images/block_bg.gif) no-repeat left top;
	padding-left:32px;
	margin:0px;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:20px;
	padding-top:8px;
	font-style:italic;
	width:450px;
}

.item_class blockquote blockquote, #blog_comm blockquote blockquote{
	background:url(images/block2_bg.gif) no-repeat left top;
	padding-left:32px;
	margin:0px;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:20px;}
							/*detalhes do post*/
.item_class ol, #blog_comm ol{}
.item_class ol li, #blog_comm ol li{}
.item_class ul, #blog_comm ul{padding-left:30px;}
.item_class img, #blog_comm img{margin:5px; padding-left:20px;}
.item_class strong, #blog_comm strong{color:#000;}

/* Archives page */
div#blog .page_archives_div{width:534px;}

.ar_panel{
	background:url(images/page_archives_div.gif) no-repeat top left;
	padding-left:5px;
	padding-top:7px;}

div#blog .page_archives_div h2{
	padding-left:5px;
	margin:0px;
	font-size:20px;
	font-weight:normal;
	color:#ffb50d;
	position:relative;
	padding-bottom:10px;
}

div#blog .page_archives_div ul h2{
	border:0px;
}

div#blog .page_archives_div ul{
	margin:0px;
	padding:0px;
	padding-top:5px;
	margin-bottom:40px;
}

div#blog .page_archives_div ul li{
	margin:0px;
	padding:0px;
	list-style:none;
	padding-left:5px;
}

div#blog .page_archives_div ul li ul{
	margin:0px;
	padding:0px;
	padding-left:0px;
}

div#blog .page_archives_div ul li a{
	padding-left:9px;
	font-weight:normal;
	color:#808080;
	font-size:13px;
}

div#blog .page_archives_div ul li a:hover{
	color:#666666;
}

div#blog .page_archives_div ul li{
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:1px solid #1a1a1a;
}

div#blog .page_archives_div ul li ul li{
	border-bottom:0px;
}

/*plus*/
#infnet a{
	background: url(images/logo_infnet.gif) top center no-repeat;
	width: 160px;
	height:101px;
	display:block;}
#infnet span{
	display:none;}
#submarino a{
	background: url(images/logo-submarino.gif) top center no-repeat;
	width: 160px;
	height:76px;
	display:block;}
#submarino span{
	display:none;}
#livro{	padding-top:5px;
color:#642}
#livro a{
	background: url(images/usabilidade.jpg) top center no-repeat;
	width: 160px;
	height:230px;
	display:block;}
#livro span{
	display:none;}
#designer1{	padding-top:5px;
color:#553}
#designer1 a{
	background: url(images/charis.jpg) top center no-repeat;
	width: 170px;
	height:80px;
	display:block;}
#designer1 span{
	display:none;}
#designer2{	padding-top:5px;
color:#553}
#designer2 a{
	background: url(images/olly.jpg) top center no-repeat;
	width: 170px;
	height:80px;
	display:block;}
#designer2 span{
	display:none;}
#designer3{	padding-top:5px;
color:#553}
#designer3 a{
	background: url(images/jack.jpg) top center no-repeat;
	width: 170px;
	height:80px;
	display:block;}
#designer3 span{
	display:none;}
	
#rss {
	background:url(images/rss_base.jpg) top left no-repeat;
	width:205px;
	height:80px;	}
div#rss #rss_text{
	padding:14px 0 0 78px;}
div#rss #rss_text a{
	color:#ffffff;
	font-size:1.5em;
	font:Verdana, Arial, Helvetica, sans-serif;}
div#rss #rss_text a:hover{
	color: #f1942a;}
	
				/*buscape*/
				
.buscapeads_bp3_cont{ background:url(form_img4_pt.gif) no-repeat; width:141 ; height:41; }
.buscapeads_bp3_ba1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	width: 100px;;
	height: 18px;
    border: 1px solid #A2A2A2;
	font-size: 11px;
	top: 0px;
	left: 8px;	
	position: absolute;
}
.buscapeads_bp3_bot{ height: 18px; width: 22px; position: absolute; left: 112px; }
#buscapeads_bp3_content{ text-align:center; height: 30px; position:relative;}
