/*
Theme Name: pedrobachiega - sunset theme
Theme URI: http://blog.pedrobachiega.com/
Description: The pedrobachiega.com blog theme
Version: 1.0
Author: Pedro Bachiega
Tags: pedrobachiega, sun, sunset

*/

/* clear */
html, body, div, h1, h2, h3, h4, h5, a, img, ul, ol, li, form {
	margin: 0;
	padding: 0;
	border: 0;
}
li { list-style-type: none; }

/* general */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
* { color: #222222; }
h1, h2, h3, h4, h5, a { text-decoration: none; }
a:hover { text-decoration: underline; }
p { margin: 4px 0; padding: 2px 1px; }
small * { font-size: 10px; }
blockquote {font-style: italic; margin: 12px;}

/* structure */
div#top, div#middle, div#footer, div#content, div#sidebar {
	position: relative;
}
div#top, div#middle, div#footer {
	width: 1005px;
	margin: 0 auto;
}
div#middle { margin: 15px auto 5px auto; }
div#content {
	float: left;
	width: 580px;
	padding: 0 5px;
}
div#sidebar {
	margin-left: 596px;
	*margin-left: 590px;
}

/* general classes */
.clear { clear: both; }
.left, .floatleft { float: left; margin: 1px; }
.right, .floatright { float: right; margin: 1px;}
.center, .aligncenter { text-align: center; }
.alignleft { text-align: left; }
.alignright { text-align: right; }

img.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}
img.alignleft {
   float: left;
}
img.alignright {
   float: right;
}
blockquote.left {
	margin-right: 20px;
	text-align: right;
	margin-left: 0;
	width: 33%;
	float: left;
}
blockquote.right {
	margin-left: 20px;
	text-align: left;
	margin-right: 0;
	width: 33%;
	float: right;
}

/* top */
div#top {
	background: #ffffff url('images/sunset_header.jpg') no-repeat center top;
	height: 115px;
}
div#top div#page_header {
	float: right;
	text-align: right;
	margin: 6px 5% 0 0;
	padding: 6px 25px;

	-moz-border-radius-topleft: 20px;
	-webkit-border-top-left-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-webkit-border-bottom-right-radius: 20px;
}
div#page_header #title {
	margin: 0 0 3px 0;
	font-size: 28px;
	font-weight: bold;
	color: #BE5B16;
}
div#page_header #title a {
	color: #BE5B16;
}
div#page_header #title a:hover {
	text-decoration: none;
	color: #DB8909;
}
div#page_header #description {
	color: #333333;
	margin: 2px 0 0 0;
	font-size: 16px;
	font-weight: normal;
}
div#pages_nav {
	position: absolute;
	bottom: -1px;
	left: 15px;
	width: 700px;
	background: transparent;
	font-size: 15px;
}
div#pages_nav li {
	display: inline;
}
div#pages_nav ul li a {
	color: #333333;
	text-transform: lowercase;
	font-weight: bold;
	margin: 0 3px 0 0;
	padding: 6px 10px 3px 10px;
}
div#pages_nav ul li a:hover {
	text-decoration: none;
}
#searchform {
	position: absolute;
	bottom: -4px;
	right: 15px;
	padding: 5px 8px 3px 8px;
}
#searchform input {
	background: #ffffff url('images/search.png') no-repeat 2px 2px;
	border: 1px solid #ccc;
	font-size: 13px;
	margin: 0 0 2px 0;
	padding: 0px 1px 0px 16px;
}

/* post */
div.post {
	margin: 0 0 30px 0;
}
div.post div.post_header {
	position: relative;
}
div.post div.post_header h1, div.post div.post_header h2 {
	border-bottom: 1px dashed #bbbbbb;
	margin: 2px 0 5px 0;
	padding: 2px 4px;
	font-size: 19px;
}
div.post div.post_header h1 a:hover, div.post div.post_header h2 a:hover {
	text-decoration: none;
}
div.post div.post_header span {
	margin: 2px 6px;
	font-size: 10px;
}
div.post div.post_text {
	margin: 12px 4px 5px 10px;
	line-height: 18px;
}
div.post div.post_text span.related_header {
	font-size: 14px;
	margin-top: 10px;
	font-weight: bold;
}
div.post div.post_text ul.st-related-posts {
	margin: 0 0 5px 0;
}
div.post div.post_text ul.st-related-posts li {
	margin: 0 0 0 20px;
}
div.post div.post_text ul li {
	list-style-type: square;
	list-style-position: inside;
}
div.post div.post_text a img {
	border: 1px solid transparent;
}
div.post div.post_text div.post_readmore {
	margin: 0 30px;
	padding: 1px 6px;
}
div.post div.post_metadata {
	border: 1px solid #eeeeee;
	margin: 0 5px 8px 5px;
	padding: 0 10px;
	font-size: 13px;
	clear: both;
}

/* navigation */
div.navigation {
	text-align: center;
	padding: 5px 0;
}
div.navigation p a {
	text-decoration: none;
	padding: 3px 8px;
	margin: 0 40px;
}
div.navigation p a:last-child {
	-moz-border-radius-topright: 7px;
	-webkit-border-top-right-radius: 7px;
	-moz-border-radius-bottomright: 7px;
	-webkit-border-bottom-right-radius: 7px;
}
div.navigation p a:first-child {
	-moz-border-radius-topleft: 7px;
	-webkit-border-top-left-radius: 7px;
	-moz-border-radius-bottomleft: 7px;
	-webkit-border-bottom-left-radius: 7px;
}
div.posts_navigation {
	display: block;
	text-align: center;
	margin: 20px 15px 50px 15px;
}

/* comments */
.comments h3 {
	border-bottom: 1px dashed #cccccc;
	font-size: 16px;
	margin: 0px 7px 3px 7px;
	padding: 3px 0px;
}
ol.commentlist {
	margin: 0 0 1px;
}
ol.commentlist li {
	padding: 13px 13px 1px;
}
ol.commentlist li div.bobcomment_head {
	height: 36px;
}
ol.commentlist li div.bobcomment_head img.avatar {
	float: left;
	margin: 0 4px 0 0;
	border: 1px solid #ffffff;
}

ol.commentlist li.oddcomment, ol.commentlist li.oddcomment2 {
	margin: 10px;
}
form#commentform {
	margin: 0 20px 10px 16px;
}
form#commentform textarea, form#commentform input#url, form#commentform input#author, form#commentform input#email {
	background: #fcfcfc;
	border: 1px solid #DB8909;
	width: 50%;
	padding: 3px;
	margin-bottom: 0.6em;
	margin-top: 2px;
}
form#commentform textarea {
	width: 80%;
}

/* sidebar */
div#sidebar {
	font-size: 12px;
}
div#sidebar1, div#sidebar2 {
	top: 0px;
	margin-top: 0px;
}
div#sidebar1 {
	width: 210px;
	*width: 196px;
}
div#sidebar2 {
	width: 190px;
	*width: 184px;
}
div.sidebar_widget {
	border: 1px dotted #ccc;
	margin: 0px 1px 9px 2px;
	padding: 3px 4px;
}
div.sidebar_widget ul, div.sidebar_widget ol, div.sidebar_widget p, div.sidebar_widget div, div.sidebar_widget form {
	margin: 2px 4px;
}
div.sidebar_widget h4 {
	background-color: #eeeeee;
	color: #666666;
	padding: 2px 6px;
	font-size: 13px;
}
div.sidebar_widget ul, div.sidebar_widget ol {
	padding: 1px 0 1px 1px;
}
div.sidebar_widget ul li, div.sidebar_widget ol li {
	list-style-type: square;
	list-style-position: inside;
	padding: 2px 0;
}

/* sidebar widgets */
#w_subscribe div { margin: 20px 30px; }
#w_subscribe form { margin: 8px 10px; }

/* footer */
div#footer {
	background: #ffffff url('images/sunset_footer.jpg') no-repeat center top;
	height: 50px;
	text-align: center;
}
div#footer * {
	color: #fff;
	text-decoration: none;
}
div#footer p.credits {
	padding-top: 18px;
}

/* colours */
/*   branco         #FFFFFF   */
div#top div#page_header,
	div#top div#page_extra,
	div#pages_nav ul li a,
	#searchform,
	div#sidebar, div.sidebar_widget form {
		background-color: #FFFFFF;
}
div#top div#page_header,
	div#top div#page_extra {
		border: 1px solid #FFFFFF;
}
div#pages_nav a:hover,
	div#pages_nav .current_page_item a, div#pages_nav .current_page_item a:hover,
	div.post div.post_header div.post_date span.month,
	div.navigation p a {
		color: #FFFFFF;
}

/*   amarelo        #EACB00   */
div#pages_nav .current_page_item a, div#pages_nav .current_page_item a:hover,
	div.post div.post_header div.post_date span.month,
	div.navigation p a:hover,
	ol.commentlist li.oddcomment {
		background: #EACB00;
}
div.post div.post_header div.post_date span.month {
		border: 1px solid #EACB00;
}

/*   marrom         #DB8909   */
div#pages_nav a:hover,
	div.navigation p a,
	ol.commentlist li.oddcomment2 {
		background-color: #DB8909;
}
div.post div.post_header a:hover, div.post div.post_text a:hover, div.post div.post_metadata a:hover,
	div.posts_navigation a:hover,
	div#sidebar .current_page_item a:hover,
	div.sidebar_widget a:hover {
		color: #DB8909;
}
div.post div.post_text a:hover img {
		border: 1px dotted #DB8909;
}

/*   marrom escuro  #BE5B16   */
div.post div.post_header div.alt span.month {
		background-color: #BE5B16;
}
div.post div.post_header div.alt span.month {
		border: 1px solid #BE5B16;
}
div.post div.post_header a, div.post div.post_text a, div.post div.post_metadata a,
	div.posts_navigation *,
	.comments h3,
	div#sidebar .current_page_item a,
	div.sidebar_widget a {
		color: #BE5B16;
}

/* CSS 3 */
div#pages_nav ul li a, #searchform {
	-moz-border-radius-topleft: 7px;
	-webkit-border-top-left-radius: 7px;
	-moz-border-radius-topright: 7px;
	-webkit-border-top-right-radius: 7px;
}
ol.commentlist li {
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}