/*
Theme Name: MS2010
Theme URI: http://marceloseixas.net
Description: Versao 2010
Author: Marcelo Seixas
Author URI: http://marceloseixas.net
version: 2.0
*/

/* GERAL / ESTRUTURA
---------------------------------------------*/

html, body {
    height: 100%;
}

body{
	background:url('images/bg.png') repeat-x #408080;
	color:#FFF;
	font-family:Arial;
	font-size:12px;
}

#conteudo {
	float:left;
    margin:0 auto;
	padding-bottom: 30px;
	width:820px;
}

#geral{
    margin:0 auto;
	min-height: 90.4%;
	position: relative;
	width:820px;
}

/* hack para IE6 que trata height como min-height */
* html #geral {
    height: 100%;
}

p{
	line-height:15px;
	margin-bottom:20px!important;
}

#rodape {
    background-color:#2B5555;
    bottom: 0;
	float:left;
	height:42px;
	margin-top:15px;
	padding-top:23px;
	width:100%;
}
.titulos{
	background-image:url(images/bg_titulo.png);
	background-repeat:no-repeat;
	height:49px;
	left:-10px;
	padding-top:2px; 
	padding-left:10px;
	position:absolute;
	top:134px;
	width:610px;
	z-index:3;
}
#topo{
	float:left;
	height:113px;
}


/* CABEÇALHO
---------------------------------------------*/
#buscar{
	float:left;
	margin-left:5px;
	margin-top:20px;
}
	
.bt_ok {
	vertical-align:middle;
}

.campo_busca{
	background-color:#F36400;
	border:1px solid #F36400;
	color:#8A3700;
	width:187px;
}

#logo{
	margin-left:21px;
	margin-top:18px;
}



/* CONTEUDO
---------------------------------------------*/
.avalie{
	color:#5AADAD;
	display:block;
	margin:15px 0 5px 0;
}	
#bemvindo, #contato, #ultimas_postagens{
	float:left;
	padding:0 8px;
}
#bemvindo{
	width:315px;
}
.blog-post{
	background-color:#578989;
	padding:10px;
	margin-bottom:10px;
}
.blog-post a, #bemvindo a{
	color:#FF9900;
	text-decoration:none;
}
.blog-post a:hover, #bemvindo a:hover{
	text-decoration:underline;
}

.blog-post li {
	background:url("images/ico_seta_blog.gif") no-repeat scroll 0 4px transparent!important;
}
.botoes_portfolio{
	margin:20px 0;
}
.cliente_img{
	margin-bottom:5px;
}
.comments{
	float:left;
	margin-bottom:10px;
}
.comments_list, .comentar{
	margin-top:25px;
}
.comments_avatar{
	background-color:#ffffff;
	float:left;
	height:78px;
	margin-right:9px;
	width:78px;
}
.comments_txt cite{
	display:block;
	font-size:18px;
	font-style:normal;
	font-weight:normal;
	margin-bottom:5px;
	margin-right:6px;
}
.comments_txt{
	float:left;
	padding:12px;
	width:433px;
}
#contato{
	width:165px;
}	
#destaques{
	float:left;
	margin-top:11px;
	width:100%;
}
.destaques_tit{
	display:block;
	margin-bottom:30px;
}	
.entry img{
	border:5px solid #2F5F5F;
	height:264px;
	width:560px;
}
.hentry{
	margin-bottom:85px;
}
.posts, .comments_txt{
	background-color:#578989;
}
.posts, .comments_list, .comentar{
	float:left;
	margin-bottom:10px;
	padding:12px;
	width:544px;
}
.posts h2{
	color:#fff!important;
	margin-bottom:3px!important;
}	
.posts small{
	color:#FF8D00 !important;
	display:block;
	margin-bottom:15px !important;
}
.posts a{
	color:#FF9600;
	text-decoration:none;
}
.posts a:hover{
	text-decoration:underline;
}
.posts_comments{
	margin-bottom:15px;
}
#principal{
	float:left;
	width:799px;
}

#principal_meio{
	background-color:#2B5555;
	float:left;
	min-height:279px;
	padding:0 11px;
	width:777px;
}

#principal_topo{
	background-image:url('images/principal_topo.gif');
	background-repeat:no-repeat;
	height:12px;
}

#principal_rodape{
	background-image:url(images/principal_rodape.png);
	background-repeat:no-repeat;
	clear:both;
	height:29px;
}
#sidebar{
	left:616px;
	position:absolute;
	top:135px;
	width:196px;
	z-index:1;
}
#textos{
	background-color:#3A7474;
	float:left;
	min-height:730px;
	padding:70px 14px 14px 14px;
	width:569px;
}
#textos h2{
	color:#FF8800;
	font-size:18px;
	margin-bottom:15px;
}
#textos h3{
	margin-bottom:15px;
}
.hentry h2 {
	background-image:url("images/bg_titulo_clientes.png");
	background-repeat:no-repeat;
	color:#FFFFFF;
	float:left;
	height:49px;
	line-height:32px;
	margin-left:-35px;
	padding-left:24px;
	padding-top:6px;
	text-decoration:none;
	width:509px;
}
#textos ul{
	list-stily:none;
	margin:15px 0;
}
#textos li{
	background:transparent url(images/ico_seta.gif) no-repeat scroll 0 4px;
	margin-bottom:-4px;
	padding:0 0 15px 22px;
}
.titulos h1{
	color:#3D7B7B;
	padding-left:10px;
}
.tituloclientes{
	font-size:40px!important;
}


/* SIDEBAR*
alguns itens estão junto com últimas postagens
*/

#bloco{
	margin-bottom:10px;
	padding:0 10px;
	width:155px;
}
.categorias li{
	background:transparent url(images/ico_seta_interna.gif) no-repeat scroll 0 4px;
	margin-bottom:-4px;
	padding:0 0 15px 22px;
}
.sidebar_posts li{
	background:transparent url(images/ico_post.gif) no-repeat scroll 0 4px;
	padding:0 0 15px 22px;
}

#sidebar h3{
	background-image:url(images/bg_projeto_label.png);
	background-repeat:no-repeat;
	height:48px;
	padding-left:6px;
	padding-top:6px;
}
.categorias {
	padding:10px;
}
.categorias li {
	background:url("images/ico_seta_interna.gif") no-repeat scroll 0 4px transparent;
	padding:0 0 15px 22px;
}
.categorias li a{
	color:#FFFFFF;
	line-height:15px;
	text-decoration:none;
}

/* MENU */
	
#menu{
	background:url('images/bg_menu.gif') no-repeat;
	float:left;
	height:29px;
	margin-left:14px;
	margin-top:17px;
	width:526px;
}

#menu ul{
	list-style:none;
	margin-left:5px;
}

#menu li{
	display:inline;
	float:left;
}

#menu li, #menu a {
	display:block;
}	

#menu a {
	background-image:url('images/sprite_menu.png');
	background-repeat:no-repeat;
	height:29px;
}

#menu01 a{
	background-position:0 0px;
	width:65px;
}

#menu01 a:hover{
	background-position:0 -160px;
}

#menu02 a{
	background-position:0 -28px;
	width:82px;
}

#menu02 a:hover{
	background-position:0 -188px;
}

#menu03 a{
	background-position:0 -58px;
	width:90px;
}

#menu03 a:hover{
	background-position:0 -218px;
}

#menu04 a{
	background-position:0 -87px;
	width:59px;
}

#menu04 a:hover{
	background-position:0 -247px;
}

#menu05 a{
	background-position:0 -115px;
	width:80px;
}

#menu05 a:hover{
	background-position:0 -275px;
}

#menu span, .projeto_titulo span{
	display:none;
}
/* MENU */



/* RODAPÉ
---------------------------------------------*/

#rodape_logo{
	margin:0 auto;
	width:820px;
}

.rodape_logo{
	float:right;
	margin-right:17px;
}	



	
/* ULTIMAS POSTAGENS
---------------------------------------------*/
	
#ultimas_postagens{
	width:271px;
}

#ultimas_postagens small, .sidebar_posts small{
	color:#FF8D00;
	display:block;
	margin-top:3px;
}	

#ultimas_postagens li{
	background:transparent url(images/ico_post.gif) no-repeat scroll 0 4px;
	border-bottom:1px solid #397171;
	margin-bottom:7px;
	padding:0 0 10px 22px;
}

#ultimas_postagens li a, .sidebar_posts li a, .categorias li a{
	color:#fff;
	line-height:15px;
	text-decoration:none;
}

#ultimas_postagens li a:hover, .sidebar_posts li a:hover, .categorias li a:hover{
	color:#9BCECE;
}
	
#ultimas_postagens ul, .sidebar_posts ul{
	list-style:none;
}	




/* CAROUSEL
---------------------------------------------*/

.stepcarousel{
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 800px; /*Width of Carousel Viewer itself*/
	height: 281px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left:0;
	top: 0;
	z-index:2;
}

.stepcarousel .panel{
	d
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	width: 800px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	height:281px;
	position:relative;
}

.stepcarousel .panel .projectDetails {
	float:right;
	margin-top:20px;
	width:195px;
}

.stepcarousel .panel .projectDetails .title {
	font-size:16px;
	font-weight:bold;
	margin-left:5px;
}

.stepcarousel .panel .ribbonType {
	position:absolute;
	top:14px;
	left:224px;
	width:45px;
	height:43px;
}

.stepcarousel .panel .projectImg{
	position:absolute;
}

.stepcarousel .panel .projectImg img {
	border:none;
}

.web {
	background:url(images/ribbon_web.png) 0 0 no-repeat;
}

.logo {
	background:url(images/ribbon_logo.png) 0 0 no-repeat;
}

.print {
	background:url(images/ribbon_print.png) 0 0 no-repeat;
}

.projeto_descricao{
	left:603px;
	margin-left:15px;
	margin-top:30px;
	position:absolute;
	width:155px;
	z-index:1;
}
.projeto_titulo{
	background-image:url(images/bg_projeto_label.png);
	background-repeat:no-repeat;
	height:49px;
	left:615px;
	position:absolute;
	top:137px;
	width:196px;
	z-index:1;
}
.ultimos_trabalhos{
	background-image:url(images/bg_ultimos_trabalhos.png);
	background-repeat:no-repeat;
	height:49px;
	left:-10px;
	padding-top:2px; 
	padding-left:10px;
	position:absolute;
	top:357px;
	width:378px;
	z-index:3;
}

/*Navegaçao páginas*/
#textos .wp-paginate li{
	background:none;
	padding:0;
}
.navigation{
	text-align:center;
}
.title-nav{
	color:#FFF!important;
}
.wp-paginate a{
	background:none repeat scroll 0 0 #408080!important;
	border:none!important;
	color:#FFF!important;
}
.wp-paginate a:hover{
	background:none repeat scroll 0 0 #2B5555!important;
	border:none!important;
	color:#FFF!important;
}
.wp-paginate .current{
	background:none repeat scroll 0 0 #FF7C00!important;
	border:none!important;
	color:#FFF!important;
}