/*
Theme Name: Saia do Lugar (AspireMagazine based)
Author: Mauro
Author URI: http://www.saiadolugar.com.br
*/

* {
	margin: 0; padding: 0;
}
body {
	text-align: center;
	font: 12px Verdana;
	color: #000000;
	background:#c6cdd6;	
	background-image: url(images/background.gif);
	background-repeat: repeat-x;
}


a {
	color: #d60;
}
a:hover {
	text-decoration: none;
}
img {
	border: 0;
}

.break {
	font-size: 0;
	width: 0; height: 0;
	clear: both;
}

.wp-caption {
	text-align: center;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 10px;
}

p.wp-caption-text {
	margin-top: 4px;
	text-align:center;
	font-size: 10px;
}

.alignleft {
	float: left;
	margin: 4px 10px 5px 0;
}
.alignright {
	float: right;
	margin: 4px 0 5px 10px;
}
.aligncenter {
	text-align: center;
}
.hidden {
	display: none;
}


/** BEGIN wrapper **/
#wrapper {
	width: 990px;
	margin: auto auto;
	text-align: left;
	background-color: #fff;
	background:url(images/bg.gif) repeat-y;
}

.content_wrapper {
	display: block;
	clear: both;
	width: 600px;
	padding: 22px;
	overflow: hidden;
	background-image:url(images/post_bg.gif);
	background-repeat: no-repeat;
	background-position: top right;
}
/** END wrapper **/

/** BEGIN header **/
#header {
	position: relative;
	padding:0px;
	margin:0px;
	height: 142px;
	background:url(images/header.jpg) no-repeat;
	width: 990px;
}

#header .logo {
margin:0 0 0 0;
padding:0px;
border:0px;
float:left;
text-align:left;
width:250px;
height:100px;
text-transform:inherit;
font-size:20px;
margin-top:0;
margin-left:0;
background-image: url(images/logo.gif);
background-repeat: no-repeat;
}

	#header ul {
		list-style-type: none;
		clear: both;
	}
		#header ul li {
			float: left;
		}

	#header .pages {
		margin:0px;
		padding:0px;
		float: left;
		margin-top:20px;
		margin-left:20px;
	}
		#header .pages li {
			float: left;
			font-weight: bold;
			font-size: 0.9em;
			text-transform: uppercase;
		}
		#header .pages li a {
			color: #ffffff;
			text-decoration: none;
			display: block;
			padding: 8px 10px;
			float: left;
		}
		#header .pages li a:hover {			
			background: #ffffff;
			color:#a30327;
			
		}

		
		
#menu {
	position: absolute;
	top: 100px;
}
ul.menu{list-style:none;margin:0px;padding:0;}
ul.menu li{float: left;
			font-family: Arial, Helvetica, sans-serif;
			font-weight: bolder;
}
ul.menu li a {color: #ffffff;
			text-decoration: none;
			display: block;
			padding: 8px 10px;
			font-size: 14px;
			text-shadow: 1px 1px 1px #234;
			float: left;}
ul.menu li a:hover {
			text-shadow: 1px 1px 1px #234;
			color: #FA0;
			}

	#header .links {
		float: right;
		color: #ffffff;
		font-size: 0.9em;
		background: url(images/rss.gif) no-repeat 0 6px;
		padding: 8px 0 8px 18px;
	}
		#header .links a {
			color: #ffffff;
			text-decoration: none;
			margin: 0 5px;
		}
		#header .links a:hover {
			text-decoration: underline;
		}
	#header h1 {
		float: left;
		padding: 35px 0 40px;
		clear: both;
	}
		#header h1 a {
			display: block;
			outline: none;
			text-indent: -9999px;
			width: 344px; height: 53px;
		}
	#header .ad {
		position: absolute;
		top: 4px;
		left: 250px;
		height:90px;
		width:728px;
	}

	#header .categories {
		overflow: hidden;
		width: 100%;
		margin-left:10px;
	}
		#header .categories li {
			font-family: Arial;
			font-size: 0.9em;
			text-transform: uppercase;
			padding-left: 1px;		
			margin-left: -1px;
		}
		#header .categories li a {
			color: #a30327;
			text-decoration: none;
			display: block;
			padding: 13px 10px 12px;
			font-weight:bold;
		}
		#header .categories li a:hover {
			text-decoration: underline;
			padding: 13px 10px 12px;
		}
		
	#search {
		position: absolute;
		top: 102px;
		right: 16px;
	}
	#search input {
		padding: 2px;
		width: 200px;
	}
	#search button {
		padding: 1px;
	}	
/** END header **/

/** BEGIN body **/
#body {
	padding: 0;
}
/** END body **/

/** BEGIN content **/
#content {
	display: table-cell;
	clear: both;
	width: 644px;
	float: left;	
	font-family: Arial;
	margin-left:40px;
}


	#content .head { background: url(images/contenthead.gif) no-repeat 0 0; }
	#content .foot { 
		background: url(images/contentfoot.gif) no-repeat 0 bottom;
		padding: 25px 8px;
	}
	#content .atitle {
		float: left;
		font-size: 14px;
		color: #666;
		padding: 5px 8px;
		font-weight: normal;
		margin: 10px 30px;
	}

#content .featured {
	position: relative;
	padding: 0 0 10px 20px;
}
	#content .featured h2.title {
		float: left;
		font-size: 12px;
		text-transform: uppercase;
		color: #ffffff;
		background-color: #212121;
		padding: 5px 8px;
		font-weight: normal;
		margin-bottom: 10px;
	}
	
	#content .featured .featnav {
		position: absolute;
		bottom: 20px;
		right: 25px;
		color: #fa0;
	}
		#content .featured .featnav a {
			color: #fa0;
			font-weight: bold;
			text-decoration: none;
		}
	
	#content .featured .thumb {
		width: 600px;
		height: 160px;
		padding: 5px;
		background-color: #ccc;
		clear: both;
		background-image: url(images/featured.gif);
		background-repeat: no-repeat;
		background-position: 5px 5px;
	}
		#content .featured .b {
			clear: both;
			width: 600px;
			height: 160px;
			overflow: hidden;
			position: relative;
		}
		#content .featured .photo {
			list-style-type: none;
		}
			#content .photo  {
				float: left;
			}
			#content .photo img {
				width: 160px;
				height: 160px;
			}
		#content .featured .text {
			list-style-type: none;
		}
			#content .featured .text  {
				width: 402px;
				height: 160px;
				float: right;
				top: 0;
				right: 0;
				padding: 15px;
				color: #fff;
				font-family: Verdana;
				background-color: #666;
				z-index: 4;
			}
			#content .featured .first .text {
				right: 0;
			}
				#content .featured .text h2 {
					font-size: 1.6em;
					margin-bottom: 15px;
				}
				#content .featured .text p {
					line-height: 1.6em;
					margin-bottom: 15px;
				}
				#content .featured .text a {
					color: #ffffff;
					text-decoration: none;
				}
				#content .featured .text .readmore {
					font-size: 0.9em;
					font-weight: bold;
					text-transform: uppercase;
				}
			
#content .post {
	clear: both;
	width: 600px;
	padding: 22px;
	float: left;			
	margin: 0;	
	background-image:url(images/post_bg.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
	
	#content .post  p {
		font-size: 12px;
		text-align: justify;
		font-family: Verdana, Geneva, sans-serif;
		line-height: 1.6em;
		margin-bottom: 15px;
	}
	
	#content .post .first {
		border-top: 0;
	}
		#content .post .l {
			float: left;
			padding: 10px 10px 10px 0;
		}
			#content .post  img {
			width: 125px;
			height: 125px;				
			border: 4px solid #ddd;
			}
		#content .post  .r {
			float: right;
			width: 440px;
			padding: 15px 0;
		}
		#content .post  .r .more{
			float: right;
			width:100px;
			height:26px;
			background:url(images/more.gif) no-repeat right;	
		}
	





#content .title{
	position: relative;
	padding:0px;
	margin:0px;	
	}

#content .meta{
	position: relative;
	clear:both;
	padding:0px;
	margin:0px;
	height:40px;
	border-top: 2px solid #ccc;	
	font-size: 12px;	
	color:#888;
	margin-bottom: 40px;
}
	#content .meta a{
		text-decoration: none;
		color: #d60;
	}
	
	#content .meta a:hover {
		text-decoration: underline;
	}
	
	#content .meta .sharethis {
		margin-top: 10px;
		margin-bottom: 10px;
		font-weight: bold;
	}
	#content .meta .tags {
		width: 530px;
	}
	
	#content .meta .avatar {
		position: absolute;
		right: 0;
		top: 1px;
	}
	
	#content .meta .author {
		position: absolute;
		right: 70px;
		top: 4px;
		text-align: right;
	}
	
		#content .title h2 {
			font-weight: normal;
			font-size: 24px;
			margin-bottom:0px;
			font-family: Arial, Helvetica, sans-serif;
			font-weight:bold;
			padding-top:5px;							
			
		}
			#content .title h2 a {
				text-decoration: none;
				color: #708299;										
			}
		#content .title .details {
			position: absolute;
			left: -62px;
			top: -20px;
			background-color: #FFF;
			width: 40px;
			height: 105px;
			background-image: url(images/date_tab.gif);
			text-align: center;
			color: #888;
			font-family: Arial, Helvetica, sans-serif;
		}
		
			#content .title .details .weekDay {
				margin-top: 12px;
				font-size: 10px;
			}
		
			#content .title .details .monthDay {
				margin-top: 2px;
				font-size: 20px;
				font-weight: bold;
			}
		
			#content .title .details .month {
				margin-top: 2px;
				font-size: 10px;
			}
		
			#content .title .details .year {
				font-size: 10px;
			}
			
			#content .title .details .comments {
				position: absolute;
				padding-top: 3px;
				width: 34px;
				height: 25px;
				background-image: url(images/comments_balloon.gif);
				background-repeat: no-repeat;
				top: 88px;
				left: 12px;
				color: 0;
			}
		
			#content .title .details a {
				text-decoration: none;
				width: 31px;
				font-size: 12px;
				font-weight: bold;
				text-shadow: 1px 1px 1px #620;
				text-align: center;
				display: block;
				color: #fff;
			}
			#content .details a:hover {
				text-decoration: underline;
			}
			
	#content .undercat {
		font-size: 12px;
		color: #888;
	}
		#content .undercat a {
			text-decoration: none;
			color: #d60;
		}
		#content .undercat a:hover {
			text-decoration: underline;
		}
				
#content .entry {
	clear: both;
	display: block;
	margin-top: 40px;
	margin-bottom: 40px;
}	

	#content .entry p, #content .entry div {
		font-size: 12px;
		font-family: Verdana, Geneva, sans-serif;
		line-height: 1.6em;
		margin-bottom: 15px;
		text-align: justify;
	}		
	
	#content .entry .wp-caption p, #content .entry .wp-caption  {
		font-size: 10px;
		font-family: Verdana, Geneva, sans-serif;
		text-align: center;
	}			

	#content .entry a {
		color: #50719A;
		text-decoration: none;
	}
		#content .entry a:hover {
			color: #26a;
			text-decoration: underline;
		}

		#content .entry a:visited {
			color: #50719A;
		}

	#content .entry ul, #content .entry ol {
		font-family: Verdana, Geneva, sans-serif;
		line-height: 1.6em;
		margin-top: 1.5em;
		margin-bottom: 1.5em;
		padding-left: 32px;
		font-size: 12px;
	}


	#content .postnav {	
		float: right;
		padding: 0 0px;
		margin-right: 8px;
	}
		#content .postnav ul {
			list-style-type: none;
		}
			#content .postnav ul li {
				float: left;
				padding: 0 4px;
				font-family: Arial;
			}
			#content .postnav ul li a {
				display: block;
				padding: 4px 8px;
				border: 1px solid #E1E1E1;
				text-decoration: none;
				color: #4F4F4F;
			}
			#content .postnav ul li a:hover {
				border-color: #ffffff;
			}
	#wp_page_numbers ul {
		border-top: 0 !important;
	}
	#wp_page_numbers .page_info {
		padding: 4px 8px !important;
		border: 1px solid #E1E1E1 !important;
		margin-right: 2px;
	}
	#wp_page_numbers .active_page a {
		border-color: #ffffff !important;
		background-color: #ffffff !important;
	}
	#content .single {		
		clear: both;
		width: 600px;
		padding: 22px;
		float: left;			
		margin: 0;	
		background-image:url(images/post_bg.gif);
		background-repeat: no-repeat;
		background-position: right top;
	}
	
	
.recent_posts, .tips {
}
.recent_posts .date, .recent_posts .category, .tips .date, .tips .category {
	font-size: 10px;
	color: #666;
}
	.recent_posts .category a, .tips .category a {
		color: #d60;
	}

	.recent_posts h2, .tips h2 {
		margin-top: 8px;
		margin-bottom: 8px;
		padding-bottom: 8px;
		font-size: 14px;
		color: #888;
		border-bottom: 1px solid #888;
	}

.recent_posts {
	width: 380px;
	float: left;
}
	
	.recent_posts .mini_post {
		border-bottom: 1px solid #ccc;
		padding: 12px 10px 12px 10px;
	}
	
	.recent_posts .mini_post h3  {
		margin-bottom: 2px;
		font-size: 14px;
	}
		
		.recent_posts .mini_post h3 a  {
			text-decoration: none;
			color: #52759D;
		}
		.recent_posts .mini_post h3 a:hover  {
			text-decoration: underline;
		}
		
		.recent_posts .mini_post .image_thumb {
			float: right;
		}
		.recent_posts .mini_post .image_thumb img {
			width: 42px;
			height: 42px;
			margin-left: 8px;
			margin-bottom: 8px;
		}

.tips {
	width: 200px;	
	float: right;
	overflow: hidden;
}

	.tips .tip_post {
		margin-bottom: 16px;	
	}

	.tips .tip_post img  {
		width: 200px;
	}

	.tips .tip_post h3  {
		margin-bottom: 2px;
		font-size: 14px;
	}
		.tips .tip_post h3 a  {
			text-decoration: none;
			color: #d60;
		}
		.tips .tip_post h3 a:hover  {
			text-decoration: underline;
		}
	
		.tips .tip_post .tip_entry p, .tips .tip_post .tip_entry div {
			font-size: 12px;
			margin-top: 0.8em;
			margin-top: 0.8em;
			line-height: 1.4em;
		}

.last_comic h3 a{
	text-decoration: none;
}
		.last_comic  p, last_comic div {
			font-size: 12px;
			margin-top: 0.8em;
			margin-top: 0.8em;
			line-height: 1.4em;
		}
		
.related {
	border-top: 1px dotted #ccc;
	padding-top: 20px;
	color: #888;
}
/** END content **/


/** BEGIN sidebar **/
#sidebar {
	position: relative;
	padding:0px;
	margin:0px;
	width: 280px;
	float: right;
	margin-right:17px;
}


	#sidebar .feeds {
	}
	
	#sidebar #feeds {
		padding-top: 6px;
	}



		#sidebar #feeds a {
			color: #d60;
			text-decoration: none;
			font-family: Verdana, Geneva, sans-serif;
			font-size: 12px;
			font-weight: bold;
		}


	#sidebar #feediconlink {
		float: left;
		padding-right: 4px;
	}
	

	#sidebar #emailfeed {
		padding-top: 4px;
	}

		#sidebar #emailfeed .field {
			color: #888;
			font-family: Arial, Helvetica, sans-serif;
			font-style: italic;
			width: 170px;
			padding: 4px;
		}

		#sidebar #emailfeed .field:focus {
			color: #000;
			font-style: normal;
		}

		#sidebar #emailfeed .submit {
			padding: 2px;
		}
		
	#sidebar .twitter {
		margin-bottom: 2px;
		text-align: center;
	}

	#sidebar a.quemsomos {
		display: block;
		padding-top: 40px;
		height: 121px;
		width: 130px;
		padding-left: 150px;
		padding-right: 20px;
		margin-left: -8px;
		background-image: url(images/quemsomos.gif);
		color: #234;
		text-decoration: none;
	}
		#sidebar a.quemsomos:hover {
			text-decoration: underline;
		}

	#sidebar .box {
		padding:0px;
		margin-bottom: 15px;
	}
	
	#sidebar h2 {
		font-size: 12px;
		text-transform: uppercase;
		color: #708299;	
		padding: 6px;
		padding-top: 14px;
		border-top: 1px solid #ddd;
		font-weight:bold;
		margin-bottom: 10px;	
	}
	
	#sidebar ul {
		list-style-type: none;
	}
		#sidebar ul li {
			line-height: 1.1em;
			padding: 2px 0;
			margin-left:10px;	
			font-size: 10px;	
		}
		#sidebar ul li a {
			font-weight:bold;
			color: #444;
			font-weight: normal;
			text-decoration: none;
		}
		#sidebar ul li a:hover {
			color: #fff;
		}
	#sidebar .ads {
		text-align: center;
		margin-bottom: 10px;
		border: 1px solid #E9E9E9;
	}
		#sidebar .ads img {
			margin: 4px;
		}
	#sidebar .search {
		border: 1px solid #E1E1E1;
		margin-bottom: 10px;
		height: 29px;
	}
		#sidebar .search input {
			border: 0;
			float: left;
			width: 220px;
			margin: 6px 4px;
		}
		#sidebar .search button {
			border: 0;
			background-color: #a81334;
			color: #ffffff;
			font-size: 0.8em;
			font-weight: bold;
			text-transform: uppercase;
			width: 38px; height: 29px;
			float: right;
		}
	#sidebar .flickr {
		text-align: center;
	}
		#sidebar .flickr img {
			width: 75px;
			margin: 2px;
		}
	#sidebar .video {

		text-align:center;
	}
	#sidebar .tags {

		text-align:center;
	}


	#content .bottomwidgets {
		clear: both;
		display: block;
	}

/** BEGIN links **/
#links {
	clear: both;
	padding: 0px 0px;
	font-family: Verdana;
}

#links .col_1{
padding:0px;
margin:0px;
width:135px;
float:left;
}

#links .col_2{
padding:0px;
margin:0px;
float:right;
width:135px;
margin-right:5px;
}

	#links .box {	
		float: left;
		padding: 0px 0px;
		width: 135px;
	}
	
	
	#links h2 {
		font-size: 12px;
		text-transform: uppercase;
		color: #708299;	
		padding: 6px;
		padding-top: 14px;
		border-top: 1px solid #ddd;
		font-weight:bold;
		margin-bottom: 0;
	}
	#links ul {
		clear: both;
		list-style-type: none;
		margin: 0;
		padding: 6px 0 6px 0;
	}
		#links ul li {
			margin: 0;
			line-height: 1.2em;
			font-size: 10px;
			padding: 4px 0 4px 8px;
		}
		#links ul li a {
			display: block;
			color: #444;
			font-weight: normal;
			text-decoration: none;
		}
		#links ul li a:hover {
			color: #fff;
		}
/** END links **/

/** END sidebar **/

/** BEGIN footer **/
#footer {
	clear: both;
	width:990px;
	height:64px;
	color: #ffffff;
	background:url(images/footer.gif) no-repeat;
}
	#footer p {
		width: 910px;
		margin: auto auto;
		text-align: left;
		font-size: 1.1em;
		padding: 15px 0;
		font-family:Verdana;
	}
	#footer a {
		color: #ffffff;
		text-decoration: none;
	}
	#footer a:hover {
		text-decoration: underline;
		font-weight:bold;
	}
/** END footer **/

/** BEGIN miscellaneous **/
#comments {	
	clear: both;
	padding: 10px 30px;
	background-image: url(images/post_bg.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
	#comments a {
		text-decoration: none;
		color: #708299;
	}
	#comments h2 {
		font-size: 1.4em;
		margin: 10px 0;
	}
	#comments p {
		line-height: 1.6em;
	}
	#comments form {
		
	}
	#comments form p {
		margin-bottom: 5px;
	}
		#comments form input {
			margin-right: 5px;
		}
		#comments form input, textarea {
			border: 1px solid #cccccc;
			font-size: 0.9em;
			font-family: Verdana;
			padding: 4px;
			background-position: 4px 4px;
			background-repeat: no-repeat;
		}
		#comments form input {
			width: 240px;
			border: 1px solid #cccccc;
		}
		#comments form textarea {
			width: 320px;
			padding: 4px 4px !important;
			border: 1px solid #cccccc;
		}
		#comments form button {
			border: 1px solid #a0a0a0;
			font-size: 1em;
			font-family: Verdana;
			padding: 2px 6px;
		}
		
		#comments .comment-body p{
			margin-bottom: 0.8em;
		}
	.commentdetails {
		margin-top: 25px;
	}
	.commentauthor {
		margin-bottom: 5px !important;
		font-weight: bold;
	}
	.commentdate {
		font-size: 0.8em;
		margin-bottom: 5px;
		color: #909090;
	}
	.required {
		color: #ff0000;
	}
h2.title {
	font-size: 1em !important;
	text-transform: uppercase;
	padding: 10px;
	color: #565656;
}
.notfound {
	padding: 120px;
}
	.notfound h2 {
		font-size: 24px;
		font-weight: normal;
		margin-bottom: 10px;
	}
/** END miscellaneous **/

/** BEGIN wordpress 2.7 comments **/
#comments ol {
	list-style: none;
	clear: both;
	padding: 0;
	margin: 0;
}
	#comments .buffer {
		padding: 10px;
	}
	#comments h2 {
		font-size: 0.9em;
		margin-bottom: 20px;
	}
	#comments ol li {
		padding: 20px;
		padding-bottom: 0;
		border-top: 1px solid #ccc;
	}
	#comments ol li ul li {
		border: 1px solid #e0e0e0;
		padding: 10px;
	}
	#comments ol li .avatar {
		float: right;
	}
	#comments ol li .comment-author {
		
	}
		#comments ol li .comment-author .fn {
			font-weight: bold;
			font-size: 14px;
			font-style:normal;
			color: #708299;
		}
	#comments ol li .comment-meta {
		font-size: 0.9em;
		color: #999999;
		margin: 5px 0 10px;
	}
	#comments ol li .reply {
		font-size: 0.9em;
		font-weight: bold;
		padding-bottom: 10px;
		padding-top: 10px;
	}
		#comments ol li .reply a {
			color: #d60;
		}
	#comments .children {
		list-style-type: none;
		margin-bottom: 20px;
		border: 0;
	}
	
	#comments .children li {
		border: 0;
		border-top: 1px dotted #ccc;
		background-color: #eee;
	}
	
#comments .navigation {
	padding: 0 10px 20px;
	font-size: 0.9em;
}
	#comments .navigation a {
		color: #999999;
		padding: 3px 8px;
		border: 1px solid #cccccc;
	}
	#comments .navigation a:hover {
		color: #000000;
		border-color: #000000;
		text-decoration: none;
	}
#comments .says {
	display: none;
}

#comments .trackbackList * {
	font-size: 10px;	
	color: #666;
}
/** END wordpress 2.7 comments **/
.widget_addn{
	position: absolute;
	left: -1350px;
	top: -300px;
	}
	
.fbLikeContainer {
    margin-bottom: 16px;
}

.tweetmeme_button {
    padding-left: 16px;
    padding-bottom: 16px;
}

