/*
Theme Name: MGBRAS
Theme URI: http://www.mgbras.com.br
Description: Thema do site da MGBRAS em 2010.
Version: 1.0
Author: MGBRAS
Author URI: http://www.mgbras.com.br
Tags: clean, dinamico, cores.
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

/*********** GENERAL STYLES *************/
body {
	background:transparent url(images/hbg.gif) repeat-x 0 0;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
}

#wrap {
	width:863px;
	margin:0 auto;
}

#header{
	width:863px;
	margin:0 auto;
}

#navigation {
	width:863px;
	height:74px;
	background:transparent url(images/hbg.gif) repeat-x;
}

#menu {
	float:right;
}

ul#nav {
	line-height:50px;
	font-size:14px;
	text-transform:uppercase;
	font-weight:bold;
}

ul#nav li {
	float:right;
	display:inline;
	margin:0 20px 0 0;
}

ul#nav li.current_page_item a {
	border-bottom:2px solid #fff;
}

ul#nav li a {
	color:#fff;
	text-decoration:none;
}

ul#nav li a:hover {
	border-bottom:2px solid #fff;
}

#relacionamento {
	width:210px;
}

#procurar {
	float:left;
	width:70px;
}

#sites {
	float:left;
	clear:left;
	margin-top: 10px;
}

ul#sites_rel li {
	float:left;
	
}

ul#sites_rel .twitter {
	text-indent:-20000px;
	height:37px;
	width:39px;
	display:inline-block;
	margin-right:11px;
	background:transparent url(images/twitter.gif) no-repeat 0 0;
}

ul#sites_rel .orkut {
	text-indent:-20000px;
	height:37px;
	width:39px;
	display:inline-block;
	margin-right:11px;
	background:transparent url(images/orkut.gif) no-repeat 0 0;
}

ul#sites_rel .rss {
	text-indent:-20000px;
	height:37px;
	width:39px;
	display:inline-block;
	margin-right:11px;
	background:transparent url(images/feed.gif) no-repeat 0 0;
}

ul#sites_rel .facebook {
	text-indent:-20000px;
	height:37px;
	width:39px;
	display:inline-block;
	margin-right:11px;
	background:transparent url(images/facebook.gif) no-repeat;
}

ul#sites_rel li a:hover {
	background-position:100% 0;
}

.text_box{
	background:transparent url(images/search.gif) no-repeat 0 0;
	height:25px;
	width:165px;
	border:0;
	padding:5px 35px 0 10px;
	margin:0 0 0 0;
	color:#0070B4;
}

#twitt_message {
	float:left;
	clear:left;
	width:357px;
	height:170px;
	margin-top:20px;
}

#twitt_left {
	float:left;
	height:159px;
	width:55px;
	background:transparent url(images/ultimo_twitt.gif) no-repeat 0 30%;
}

#twitt_top {
	float:right;
	height:43px;
	width:298px;
	background:transparent url(images/aspas1.gif) no-repeat 0 0;
}

#twitt_content {
	float:left;
	font:italic 14px Arial, Helvetica, sans-serif;
	width:270px;
	margin-left:10px;
	color:#FFFFFF;
}

#twitt_content ul{
}

#twitt_content a{
	color:#fff;
}

#twitt_content li{
	background-color:#0099FF;
	display:inline;
	padding:5px 0 5px 0;
	line-height:20px;
}

#twitt_content p{
	display:inline;
}

.logo {
	float:right;
	background:transparent url(images/marca_mgbras.gif) no-repeat 0 0;
	width:471px;
	height:130px;
	text-indent:-20000px;
	display:inline-block;
	margin-top:20px;
}

.imagem {
	float:right;
}

/***** HOME CONTENT *****/
#home_content{
	margin:40px 0 0 45px;
}

#chamada {
	float:left;
	clear:both;
	margin:40px 30px 30px 20px;
}

span a {
	color:#0070B4;
	text-decoration:none;
}

span a:hover {
	text-decoration:underline;
}

.front_columns_blog p {
	margin: 0;
	padding: 0;
}

/***** CONTENT *****/
#content_wrap {
	float:left;
	width:850px;
}

#content {
	float:right;
	width:660px;
	margin-bottom:20px;
}

#content h2 {
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#0070B4;
	margin-bottom:10px;
	margin-top:20px;
}

#content h2 a {
	color:#0070B4;
	text-decoration:none;
}

#content h2 a:hover {
	text-decoration:underline;
}

#content p.time {
	font:11px Arial, Helvetica, sans-serif;
	color:#99cc33;
	margin-top:-10px;
}

#content p {
	font:12px Arial, Helvetica, sans-serif;
	line-height:15px;
	margin:15px 0 15px 0;
}

.comente {
	font:12px Arial, Helvetica, sans-serif;
	background:transparent url(images/coment_icon.gif) no-repeat 100% 0;
	padding:10px 30px 10px 0;
}

#content a {
	color:#0070B4;
	text-decoration:none;
}

#content a:hover {
	text-decoration:underline;
}

.compartilhe {
	font:12px Arial, Helvetica, sans-serif;
	background:transparent url(images/shout_icon.gif) no-repeat 100% 0;
	padding:10px 30px 10px 0;
}
.post {
	background:transparent url(images/dot.gif) repeat-x 0 100%;
	padding:0 0 20px 0;
}

.post_page {
	padding:0 0 20px 0;
}

#content ul.posts_antigos_link li {
	margin-top:10px;
	float:left;
	color:#0070B4;
}

h3#comments {
	color:#ff9900;
	margin-bottom:10px;
}

h3#respond {
	color:#ff9900;
	margin-bottom:10px;
}

.linklove {
	display:none;
}

.piclenselink {
	display:none;
}

/***** COMENTARIO *****/
#content .comment_form {
	float:left;
	width:660px;
}

#content .comment_form label {
	font:12px Arial, Helvetica, sans-serif;
}

#content .comment_form textarea {
	background:#DFDFDF;
	border:1px #999999 solid;
	font:12px Geneva, Arial, Helvetica, sans-serif;
	padding:10px;
	width:600px;
	color:#005cab;
}

#content .comment_form input {
	background:#DFDFDF;
	border:1px #999999 solid;
	font:12px Geneva, Arial, Helvetica, sans-serif;
	padding:3px;
	color:#005cab;
	margin-bottom:15px;
}

#content .comment_form .botao {
	background:#DFDFDF;
	border:1px #999999 solid;
	font:12x Geneva, Arial, Helvetica, sans-serif;
	padding:5px;
	margin-top:15px;
	color:#005cab;
}

#content .comment_form .importante {
	font:italic 10px Geneva, Arial, Helvetica, sans-serif;
	color:#990000;
}

/***** NAVBAR *****/

#navbar {
	float:left;
	width:140px;
	text-align:right;
	background:transparent url(images/dot.gif) repeat-y 100% 0;
	margin:0 0 0 0;
	padding:0 30px 0 0;
}

#navbar h2 {
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#0070B4;
	text-transform:uppercase; 
	margin-bottom:10px;
	margin-top:20px;
}

#navbar li {
	font:14px Arial, Helvetica, sans-serif;
	text-transform:lowercase;
	line-height:25px;
}

#navbar li a{
	color:#99cc33;
	text-decoration:none;
}

#navbar li a:hover{
	text-decoration:underline;
}


/***** FRONT COLUMNS *****/
.front_columns {
	width:220px;
	float:left;
	font:12px Arial, Helvetica, sans-serif;
	background:transparent url(images/dot.gif) repeat-y 100% 0;
	margin:0 0 0 20px;
	padding:0 20px 0 0;
}

.front_columns_blog {
	width:220px;
	float:left;
	font:12px Arial, Helvetica, sans-serif;
	margin:0 0 0 20px;

}

.front_columns p {
	margin:10px 0 10px 0;
}

.front_columns_blog p {
	margin:10px 0 0 0;
}


.front_columns_blog span {
	margin:0 0 10px 0;
}

h3 a.port {
	font:bold 20px Arial, Helvetica, sans-serif;
	color:#99cc33; 
	text-transform:uppercase;
	text-decoration:none;
}

h3 a.serv {
	font:bold 20px Arial, Helvetica, sans-serif;
	color:#0070B4; 
	text-transform:uppercase;
	text-decoration:none;
}

h3 a.blog {
	font:bold 20px Arial, Helvetica, sans-serif;
	color:#ff9900; 
	text-transform:uppercase;
	text-decoration:none;
}

h3 a:hover.port {
	text-decoration:underline;
}

h3 a:hover.serv {
	text-decoration:underline;
}

h3 a:hover.blog {
	text-decoration:underline;
}

/***** PORTIFOLIO *****/
h3.folio_mi {
	background:transparent url(images/mi_title.gif) no-repeat 0 0;
	width:674px;
	height:16px;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#fff;
	text-transform:uppercase;
	padding:10px 0 10px 20px;
	cursor:pointer;
}

h3.folio_md {
	background:transparent url(images/md_title.gif) no-repeat 0 0;
	width:674px;
	height:16px;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#fff;
	text-transform:uppercase;
	padding:10px 0 10px 20px;
	cursor:pointer;
}

h3.folio_d {
	background:transparent url(images/d_title.gif) no-repeat 0 0;
	width:674px;
	height:16px;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#fff;
	text-transform:uppercase;
	padding:10px 0 10px 20px;
	cursor:pointer;
}

h3.folio_wd {
	background:transparent url(images/wd_title.gif) no-repeat 0 0;
	width:674px;
	height:16px;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#fff;
	text-transform:uppercase;
	padding:10px 0 10px 20px;
	cursor:pointer;
}

/****** FOOTER ******/

#footer {
	text-align:center;
	color:#0070B4;
	font:12px Arial, Helvetica, sans-serif;
	margin:10px 0 0 0;
	padding:20px;
	clear:both;
}