/*
Theme Name: Blog Mário Pardo
Theme URI: http://www.leandrocp.com.br
Description: Tema padrão para o blog Mário Pardo
Version: 1.0
Author: Leandro Cesquini Pereira
Author URI: http://www.leandrocp.com.br
*/


/*
*	Reset
*-----------------------------------------------------------------------------*/
* {
	margin:0;
	padding:0;
	list-style:none;
	vertical-align:baseline;
}


/*
*	Global
*-----------------------------------------------------------------------------*/
body {
	font-family: "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
}

img {
	vertical-align: middle;
}

.clear {
	clear: both;
	overflow: hidden;
}

a {
	/*color: #6893A2;*/
    color: #226177;
	text-decoration: none;
}

a:hover {
	border-bottom: 1px solid #6893A2;
}

.rounded,
.rounded:hover {
	border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
}

ul {
	list-style-type: none;
	padding: 0;
	margin-left: 0;
}

/*
*	Wordpress
*-----------------------------------------------------------------------------*/
img.aligncenter {
    display: block;
    margin: 5px auto;
}

img.alignleft {
    float: left;
    display: inline;
    margin-right: 5px;
}

img.alignright {
    float: right;
    display: inline;
    margin-left: 5px;
}

/*
*	Layout
*-----------------------------------------------------------------------------*/
#container {
	width: 100%;
	min-width: 960px;
	margin: 0 auto;
	background: transparent url(images/main_top.gif) repeat-x scroll center top;
	border-bottom: 1px solid #64A8B1;
}

#content {
	width: 960px;
	margin: 0 auto;
}

#main {
	float: left;
	padding: 20px 0;
	width: 670px;
	min-height: 400px;
	text-align: left;
}

#header {
	position: relative;
	padding: 20px 0;
	min-width: 960px;
	height: 80px;
	background: url(images/header_bg_blue.jpg) repeat-x top left;
}

#sidebar {
	position: relative;
	margin-top: 20px;
	width: 290px;
	float: left;
	background: #FFF;
}

#footer {
	width: 100%;
	min-width: 960px;
	min-height: 50px;
	border-top: 1px solid #8ADAE4;
	/*background: #00AEC5;*/
	background: #DDF6FD;
}


/*
*	Forms
*-----------------------------------------------------------------------------*/
input {
	display: inline;
	color: #476D75;
	padding: 2px;
}


/*
*	Header
*-----------------------------------------------------------------------------*/
#header-content {
	position: relative;
	width: 960px;
	height: 115px;
	margin: 0 auto;
}

#header #logo {
	position: relative;
	top: -5px;
	left: 270px;
	width: 400px;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:50px;
	font-weight: normal;
	color: #FFF;
}

#search,
#user {
	position: absolute;
	width: 190px;
	right: 0;
	color: #FFF;
}

#search {
	top: -20px;
}

#search input.text {
	background: #FFF url(images/input_bg.png) repeat-x top;
	color: #3e3e3e;
	width: 145px;
}

#search input#searchsubmit {
    position: relative;
    top: 10px;
}

#user p {
	margin: 0;
	line-height: 15px;
}

#user a {
	color: #d3ffd7;
	text-shadow: 0px 2px 3px #1C607B;
	text-decoration: none;
}

#user a:hover {
	border-bottom: 1px solid #FFF;
}

#user {
	top: 20px;
}

#navigation-bg {
	position: absolute;
	background: #165977 url(images/bg_navigation.png) no-repeat center center;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 35px;
}

#navigation {
	position: absolute;
	z-index: 2;
	left: 270px;
	bottom: 0;
	height: 35px;
}

#navlinks {
	position: relative;
}

#navlinks li {
	display: inline;
	left: 320px;
}

#navlinks a,
#navlinks a:hover {
	padding: 10px 5px;
	border: none;
	text-decoration: none;
}

#navlinks a {
	color: #FFF;
	text-shadow: 0px 2px 3px #000;
}

#navlinks a:hover,
#navlinks li.current_page_item,
#navlinks li.current_page_item a {
	color: #000;
	text-shadow: 0px 2px 3px #FFF;
	background: #7AC142;
}


/*
*	Sidebar
*-----------------------------------------------------------------------------*/
#photo {
	position: absolute;
	z-index: 999;
	width: 290px;
	height: 450px;
	left: -20px;
	top: -130px;
	padding: 10px 0 0 0;
	background: url(images/photo_bg_right_2.png) no-repeat top right;
}

#photo img {
	position: relative;
	left: 32px;
}

#photo-bg-side {
	position: absolute;
	left: 0;
	top: 0;
	width: 32px;
	height: 356px;
	background: url(images/photo_bg_left.png) no-repeat top left;
}

#sidebar-content {
	padding: 340px 0 20px 10px;
}

#categories h2 {
    margin-bottom: 10px;
}

#categories ul li {
    padding: 5px 0 5px 10px;
    
}

/*
*	Footer
*-----------------------------------------------------------------------------*/
#footer-content {
    position: relative;
    width: 960px;
    min-height: 80px;
    margin: 0 auto;
    padding: 20px 0;
}

.footer-box {
	float: left;
	width: 300px;
	padding: 0 10px;
	color: #061319;
}

.footer-box p {
	line-height: 20px;
	text-align: justify;
}

.footer-box li {
	margin: 10px 0;
}

.footer-box a {
	color: #007a2e;
}

.footer-box a:hover {
	color: #3F7589;
}

.footer-box h3 {
	color: #0B0F12;
	border-bottom: 1px solid #A4BFC6;
	padding-bottom: 2px;
}


/*
*	Post
*-----------------------------------------------------------------------------*/
.post {
	padding: 0 0 3px 3px;
	margin-bottom: 20px;
	border-bottom: 1px dotted #6CAD3A;
	line-height: 20px;
}

.post-header h2 {
	display: inline;
}

.post-content {
    margin-top: 10px;
}

a.title {
	color: #57902B;
	font-size: 20px;
	text-decoration: none;
}

a.title:hover {
	border-bottom: 1px solid #6CAD3A;
}

.details span {
	color: #988E8D;
}

.details a,
a.excerpt {
	color: #226177;
	text-decoration: none;
}

.details a:hover,
a.excerpt:hover {
	border-bottom: 1px solid #226177;
}


/*
*	Comments
*-----------------------------------------------------------------------------*/
#comments li {
  position: relative;
	margin: 20px 0;
	padding: 20px;
	background: #F0F0F0;
	border: 1px solid #DDD;
}

.comment-avatar {
	display: inline;
	float: left;
	width: 60px;
}

.comment-author {
	color: #57902B;
	font-size: 25px;
}

.comment-date {
	color: #9D9392;
}

.comment-text {
	display: inline;
	float: left;
}

#comments li p {
	line-height: 25px;
}

#comments a {
	color: #397185;
	text-decoration: none;
}

#comments a:hover {
	border-bottom: 1px solid #397185;
}

.comment-form {
	border-top: 1px solid #6CAD3A;
	margin-top: 10px;
	padding-top: 10px;
}