/*  
Theme Name: OceanBech
Theme URI: http://www.askgraphics.com/
Description: Widget ready theme with two sidebars.
Version: 1.0
Author: AskGraphics.com
Author URI: http://www.askgraphics.com/

*/

body{
	padding:0px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background:#f0f0f0 url(http://images.insite.com.br/blogs/inblog/bg.jpg) repeat-x top;
	color:#333333;
}

img{
	border:0px;
}

a{
       color:#0066ff; 
       text-decoration:underline;
}

form, table, ul, li{
	padding:0px;
	margin:0px;;
}

.sub{
	border:0px;
}

input {
	font-size:14px;
}

textarea{
	border:1px solid #cecece;
	font-size:14px;
}

div#page{
	width:958px;
	height:225px;
}

/*header*/
div#page #header{
	width:958;
}

div#header #header_top{
	width:958px;
	background:#f0f0f0;
	background-image:url(http://images.insite.com.br/blogs/inblog/topo.gif);
	background-repeat:repeat-x;
	background-position:top;
}

div#header #header_top #header_top_left{
	width:70%;
	float:left;
	text-align:left;
}

div#header #header_top #header_top_left #header_title{
	font-size:43px;
	position:relative;
	top:20px;
	left:30px;
}

div#header #header_top #header_top_right{
	width:30%;
	float:left;
	text-align:left;
}

div#header #header_top #header_top_right #header_searc_box{
	position:relative;
	top:40px;
	left:20px;
	background:url(images/search_bg.png) no-repeat top;
	width:271px;
	height:42px;
}

div#header #header_top #header_top_right #header_searc_box #header_searc_box_data{
	padding-left:10px;
	padding-top:0px;
	color:#737373;
	font-size:13px;
}

div#header #header_end{
	width:958px;
	height:100px;
	background:#f0f0f0 url(http://images.insite.com.br/blogs/inblog/bg_topo.gif) no-repeat top center;
}

div#header #header_text li{
	display:inline;
}

/* end header */

/*menu*/
div#page #menu{
	width:958px;
	height:29px;
	background:#f0f0f0 url(http://images.insite.com.br/blogs/inblog/bg_nav.gif) no-repeat top right;
}

div#menu #menu_items{
	text-align:left;
	padding-left:620px;
}

div#menu #menu_items li{
	display:inline;
	list-style-type:none;
	color:#ffffff;
}

div#menu #menu_items li a{
	color:#ffffff;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
}

div#menu #menu_items li a:hover{
	color:#70cdf4;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
}
/* end menu */

/*blog*/
div#page #blog{
	width:100%;
	background:#ffffff;
}

div#blog #blog_left{
	width:570px;
	float:left;
	text-align:left;
	background:#FFFFFF;
	padding:15px;
	min-height:600px;
}

div#blog #blog_left #blog_left_top{
	width:100%;
	display:none;
}
div#blog #blog_left #blog_left_top
div#blog #blog_left #blog_left_pad{
	padding-left:10px;
	padding-top:2px;
}

div#blog .blog_item{
}

div#blog .blog_item .blog_item_title{
	background:url(images/item_title_bg.png) repeat-y top;
	width:574px;
	text-align:left;
}

div#blog .blog_item .blog_item_title_top{
	background:url(images/item_title_bg2.png) no-repeat top;
	width:574px;
	height:12px;
}

div#blog .blog_item .blog_item_title_end{
	background:url(images/item_title_bg1.png) no-repeat bottom;
	width:574px;
	height:12px;
}

div#blog .blog_item .item_date{
	background:url(http://images.insite.com.br/blogs/inblog/data.png) no-repeat top;
	width:48px;
	height:52px;
	padding-left:20px;
	color:#333333;
	text-align:left;
	font-size:16px;
}

div#blog .blog_item .item_date .item_date_month{
	padding-bottom:6px;
	padding-top:4px;
	color:#ffffff;
	font-size:12px;
}

div#blog .blog_item .item_text1 a{
	font-size:16px;
	font-family:"Arial", Helvetica, sans-serif;
	color:#0066cc;
	font-weight:bold;
	text-align:left;
	text-decoration:none;
}

div#blog .blog_item .item_text2{
	font-size:11px;
	font-family:"Arial", Helvetica, sans-serif;
	color:#000000;
	text-align:left;
	padding-top:5px;
}

div#blog .blog_item .item_text2 a{
	font-size:11px;
	font-family:"Arial", Helvetica, sans-serif;
	color:#000000;
	text-align:left;
	padding-top:5px;
}

div#blog .blog_item .item_text2 a:hover{
	font-size:11px;
	font-family:"Arial", Helvetica, sans-serif;
	color:#666666;
	text-align:left;
	padding-top:5px;
}



div#blog .blog_item .blog_text3{
	font-size:12px;
	font-family:"verdana",arial, Helvetica, sans-serif;
	color:#333;
	text-align:left;
	line-height:21px;
	padding-left:20px;
	padding-right:20px;
}

div#blog .blog_item .panel{
	text-align:left;
	background:url(images/item_comm_bg.png) repeat-x top;
	height:28px;
	width:560px;
}

div#page .blog_item .panel .panel_links{
	padding-left:10px;
	padding-top:8px;
}

div#page .blog_item .panel .panel_links span.comm a{
	color:#0054a6;
	font-family:"Arial", Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	background:url(images/comm.png) no-repeat left;
	padding-left:15px;
}

div#page .blog_item .panel .panel_links a.readmore{
	color:#0054a6;
	font-family:"Arial", Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	background:url(images/readmore.png) no-repeat left;
	padding-left:17px;
}

div#page .blog_item .panel .panel_links a.readmore:hover, div#page .blog_item .panel .panel_links span.comm a:hover{
	text-decoration:underline;
}

div#blog #blog_right{
	width:357px;
	float:left;
}

div#blog #blog_right #blog_right_top{
	width:100%;
	display:none;
}

div#blog #blog_right #blog_right_pad{
	background:#FFFFFF;
}

/* sidebar*/
div#blog #blog_right #blog_right_pad #sidebar{
	text-align:left;
	padding:10px;
}

div#blog #blog_right #blog_right_pad #sidebar .tags a:hover{
	color:#0066cc;
}

div#blog #blog_right #blog_right_pad #sidebar ul{
	padding:0px;
	margin:0px;
}
div#blog #blog_right #blog_right_pad #sidebar li{
	padding:0px;
	margin:0px;
	list-style-type:none;
}

div#blog #blog_right #blog_right_pad #sidebar h2{
	color:#0066cc;
	border-bottom:4px solid #eeeeee;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;
	padding-left:7px;
	padding-right:0px;
	padding-top:2px;
	padding-bottom:0px;
	height:20px;
    text-transform: uppercase;
}
div#blog #blog_right #blog_right_pad #sidebar td.td_right h2{
	color:#0066cc;
}

div#blog #blog_right #blog_right_pad #sidebar table ul li{
	color:#007efc;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	/*background:url(images/sidebar_title_bg.png) no-repeat top;*/
	padding-bottom:7px;
}
div#blog #blog_right #blog_right_pad #sidebar table td.td_right ul li{
	color:#448ccb;
}


div#blog #blog_right #blog_right_pad #sidebar li a{
	color:#333;
	font-size:12px;
	font-family:"Arial", Helvetica, sans-serif;
	text-decoration:none;
	font-weight:normal;
	line-height:19px;
}
div#blog #blog_right #blog_right_pad #sidebar td.td_right li a{
	color:#448ccb;
}
div#blog #blog_right #blog_right_pad #sidebar ul li ul li{
	font-size:12px;
	font-family:"Arial", Helvetica, sans-serif;
	font-weight:bold;
	padding-left:7px;
	/*padding-right:25px;*/
	padding-bottom:5px;
	background:none;
}
div#blog #blog_right #blog_right_pad #sidebar ul li ul li ul li{
	font-size:12px;
	font-family:"Arial", Helvetica, sans-serif;
	font-weight:bold;
	padding-left:0px;
	padding-right:0px;
	background:none;
}

div#blog #blog_right #blog_right_pad #sidebar ul li ul li{
	border-bottom:1px solid #e5e5e5;
	padding:2px;
}

div#blog #blog_right #blog_right_pad #sidebar td.td_right ul li ul li{
	border-bottom:1px solid #e5e5e5;
	padding:2px;
}
div#blog #blog_right #blog_right_pad #sidebar ul li ul li ul{
	padding-left:5px;
}
div#blog #blog_right #blog_right_pad #sidebar ul li ul li ul li {
	border:0px;
	background: none;
}
div#blog #blog_right #blog_right_pad #sidebar td.td_right ul li ul li ul li {
	border:0px;
	background: none;
}
div#blog #blog_right #blog_right_pad #sidebar li ul li ul li a{
	border-bottom:1px solid #e5e5e5;
	padding-left:7px;
}

div#blog #blog_right #blog_right_pad #sidebar td.td_border{
	width:1px;
	background:url(images/pix.png) repeat-y top;
}

/* end sidebar*/

/* blog comm*/
div#blog #blog_left #blog_left_pad .blog_comm{
	padding-left:80px;
	padding-right:25px;
	text-align:left;
}

div#blog #blog_left #blog_left_pad .blog_comm .comm_title{
	color:#000000;
	font-family:"Arial", Helvetica, sans-serif;
	font-size:17px;
	font-weight:bold;
	padding-bottom:15px;
}

div#blog #blog_left #blog_left_pad .blog_comm .comm_count{
	color:#000000;
	font-family:"Arial", Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	padding-bottom:3px;
}

div#blog #blog_left #blog_left_pad .blog_comm .comm_data{
	background:#f0f6fe;
	height:25px;
}

div#blog #blog_left #blog_left_pad .blog_comm .comm_data_pad{
	color:#000000;
	font-family:"Arial", Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	padding-top:5px;
	padding-left:5px;
}

div#blog #blog_left #blog_left_pad .blog_comm .comm_text{
	color:#4d4d4d;
	font-family:"Arial", Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	line-height:20px;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
}

div#blog #blog_left #blog_left_pad .blog_comm .bl_line{
	background:url(images/line_bl.png) repeat-x bottom;
	width:100%;
	height:1px;
	padding-top:5px;
}

div#blog #blog_left #blog_left_pad #comm_form
{
	padding-left:60px;
	padding-top:20px;
	padding-bottom:20px;
	padding-right:10px;
	text-align:left;
}

div#blog #blog_left #blog_left_pad #comm_form #form_title{
	background:url(images/form_comm_top_bg.png) no-repeat top;
	height:51px;
}

div#blog #blog_left #blog_left_pad #comm_form #form_title #form_title_text{
	color:#000000;
	font-family:"Arial", Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	padding-left:20px;
	padding-top:10px;
}

div#blog #blog_left #blog_left_pad #comm_form .form_table{
	background:url(images/form_comm_bg.png) repeat-y top;
	width:473px;
	font-family:"Arial", Helvetica, sans-serif;
	font-size:11px;
	padding-left:0px;
	padding-top:0px;
}

div#blog #blog_left #blog_left_pad #comm_form .form_comm_end{
	background:url(images/form_comm_end_bg.png) no-repeat top;
	width:473px;
	height:15px;
	padding-left:0px;
	padding-bottom:0px;
}
/* blog comm end*/


/* end blog */

/*footer*/
div#page #footer{
	float:left;
	width:958;
	height:189px;
	background:#fff;
	padding:0px;
}

div#footer #footer_menu{
	width:288px;
	height:164px;
	background:#fff url(images/menu_bg.gif) no-repeat top center;
}

div#footer_menu #footer_items{
	text-align:right;
	padding-left:20px;
	padding-top:12px;
}

div#footer_menu #footer_items li{
	display:inline;
	list-style-type:none;
	color:#bdbdbd;
}

div#footer_menu #footer_items li a{
	color:#bdbdbd;
	text-decoration:none;
	font-size:14px;
}

div#footer_menu #footer_items li a:hover{
	color:#FFFFFF;
	text-decoration:none;
	font-size:14px;
}

div#footer #footer_end{
	width:958px;
	height:189px;
	background:#fff url(http://images.insite.com.br/blogs/inblog/bg_rodape.gif) no-repeat bottom center;
}

div#footer #footer_end #footer_text{
	color:#003471;
	font-size:11px;
	font-family:"Arial", Helvetica, sans-serif;
}

div#footer #footer_end #footer_text a{
	font-weight:bold;
	color:#003471;
}
/* end footer */


.blog_item blockquote{
	background:url(images/block_bg.png) repeat-y left top;
	padding-left:10px;
}

.blog_item ol{
	background:url(images/ol_bg.png) repeat-y left top;
}

.blog_item ul{
	padding-left:30px;
}

.blog_item img{
	float: left;
	margin:5px;
}

.tdtopoblog {
	background:#fefefe;
	padding:4px;
	color:#494949; 
	font-size:12px;
	width:200px;
	font-weight:bold;
}

.tdtopoblogpequeno {
	background:#000000;
	padding:4px;
	color:#494949; 
	font-size:12px;
	width:300px;
	font-weight:bold;
}



