/*
Theme Name:		No place like here
Theme URI:		http://www.noplacelikehere.com
Description:	a theme for our blog
Version:		1.1
Author:			Felipe Skroski
Author URI:		http://www.felipesk.com/
*/
body{font-family: 'PT Serif', Georgia, serif; line-height: 1.4em; padding: 0; margin: 0; background: #F7F5F2; width:100%; height:100%;}

/* HELPERS */
a {text-decoration: none; color:#7A4D1B ; outline: none; border: none;}
.content p a, .comment-body p a{text-decoration: underline; }
a:hover{text-decoration: underline; }
ul, ol{padding: 0; margin: 0;}
hr{border: none; border-top: 1px solid #ccc; margin: 20px 0;}
body .button a, body button, body input[type="submit"]{background: #EBDDC3; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #603C13; padding: 2px 6px 2px; text-transform: uppercase; font-size: 10px; font-weight: bold; border: 1px solid #DBBC81; cursor: pointer; font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif; text-decoration: none;}
input[type="submit"].form_submit{font-size: 14px; padding: 10px; }


.clear{clear: both;}
.align-left, .alignleft{float: left; margin: 2px 20px 10px 0;}

.post-nav{ font-size: 14px; border-bottom: 1px solid #ccc; border-bottom:1px solid rgba(0,0,0,0.1); margin: 0; padding: 0px 0; line-height: 16px; font-style: italic; height:36px; position: relative;}
	.post-nav .prev{position: absolute; top: 10px; left: 0;}
	.post-nav .next{position: absolute; top: 10px; right: 0;}
	.post-nav.bottom{border-bottom: none; border-top: 1px solid #ccc;}
	.post-nav .more{padding: 20px 0; text-align: center; font-style: normal;}
		.post-nav .more a{padding: 5px 10px !important;}
	
.latest-comments{border-bottom: 1px solid #ccc; border-bottom:1px solid rgba(0,0,0,0.1); overflow: hidden; height: 40px; position: relative;}
	.comments-mask{background:  url(img/comments_mask.png) no-repeat right top; height: 40px; width: 40px; position: absolute; z-index: 10; right: 0;}
	.latest-comments h3{margin: 9px 0 0 0;  font-size: 12px; text-transform: uppercase;}
	.latest-comments ul{list-style: none; padding: 0px; margin: 0px; position: absolute; width: 1200px; top: 0; left: 170px;}
		.latest-comments li{ padding:0 ; margin: 0px; height: 40px; display: block;}
			.latest-comments li p{ margin:0; padding:  8px 0 8px 0; font-size: 14px;}
			.latest-comments li .comment{ color: #666; font-style: italic;}
	.comments-nav{position: absolute; left: 130px; top: 5px; font-weight: bold; }
	

/* HEADER */

	#header{border-bottom: 1px solid rgb(0,0,0); border-bottom: 1px solid rgba(0,0,0,0.1); position: relative; height: 100px;margin: 0 auto; width: 940px;}
		#logo{position: absolute; background: url(img/logo.png) no-repeat top left; width: 136px; height: 66px; left: 0; text-indent: -9999px; top:15px; margin: 0; padding: 0;}
		#nav{position: absolute; right: 0; bottom:20px;}
			#nav ul{padding: 0; margin: 0; list-style: none; text-align: right;}
				#nav li {float: left; margin: 0 10px; font-size: 18px; list-style: none;}
					#nav li a {color: black; font-style: italic; text-transform: lowercase;}
					#nav li.rss{margin-right: 0;}
					#nav li.rss a {display: block; text-indent: -9999px; background: url(img/rss.png) no-repeat; width: 20px; height: 20px; margin-right: 0;}
					#nav .language{font-size: 13px;}
						#nav .language.en{background: url(img/br.gif) no-repeat left 4px; padding-left: 22px; }
						#nav .language.pt{background: url(img/gb.gif) no-repeat left 4px; padding-left: 22px; }
		
						
/*Posts & pages*/
#main{font-size: 16px;}						
	#container{}
	#main.map iframe{margin-left: -300px;}
	#container{margin: 0 auto; width: 940px;}
		.big-post .content, .mini-post .content{width: 640px; float: left; }
		.big-post, .mini-post{padding-bottom: 20px;}
		
		.content .large-image{margin-left:-300px; max-width: 940px; height: auto;}
		
		.big-post{padding: 40px 0; position:relative;}
		.big-post.single{padding: 40px 0 0 ; position:relative;}
			.big-post h2{font-size: 36px; font-weight: 700; font-style: normal; margin: 0px 0 20px 0px;  line-height: 1.2em; }
				.big-post.single h1{margin: 0px 0 20px 300px; font-size: 48px; font-weight: 700; font-style: normal; line-height: 1.2em; }
			h1{font-size: 60px; line-height: 1.2em;}
			.side{width: 280px; margin-right: 20px; padding-top: 0px; float: left; position: relative;}
			
		.meta-data{position: relative; font-size: 14px;}
			.meta-data .author-thumb{position: absolute; left: 0; top:3px; z-index: 5; display: block; }			
				.meta-data .author-thumb img{-moz-border-radius: 5px; -webkit-border-radius: 5px;}
			
			.meta-data ul{padding: 0; list-style: none; margin: 0 0 0 60px; }
				.meta-data ul.no-avatar{padding: 0; list-style: none; margin: 0 0 0 0px; }
			
			.meta-data ul li{padding: 0px 0;}
				.meta-data ul li iframe{margin: 5px 0;}
				.by{color: #999; font-style: italic;}
				.author{font-weight: bold;}
				.date{font-size:16px; font-style: italic;}
				.meta-data .share-this{padding-top: 18px;}
				.meta-data .comments-num{padding-left: 20px; background: url(img/comment-icon.png) no-repeat left center;}
			
		#related{position: absolute; width: 280px; bottom: 20px; left: -300px;}
			#related .related-posts{margin: 0 0 0 0px; list-style: none;}
				#related .related-posts li{font-size: 14px; font-style: italic; line-height: 1.3em;  margin: 5px 20px 0 0;}
				#related h4{margin: 0;}
		
		.single .meta-data {width: 280px; top:50px; position: absolute; z-index: 10; left:0;}
		.page .meta-data {top:116px;}
			#main.map .page .meta-data {top:656px;}
		
		.single .content{margin-left: 300px; float:none;}
		#main.photos .single .content{margin-left: 0px; width: 940px; float:none;}
		.mini-post, .page-block{border-top: 1px solid #ccc; padding: 20px 0;}
		.page-block{display:none;}
		#main .mini-post:first-child{border-top: none;}
		
		#main.archive .mini-post:first-child{border-top:none; }
			.mini-post .align-left, .mini-post .content img{margin: 18px 18px 18px 0; float:left;}
			.mini-post .meta-data{border: none; margin-top:18px; position: relative;}
				.mini-post h2{font-size: 24px; font-weight: bold; font-style: normal; margin: 15px 0 15px 0px; line-height: 1.2em;}	
				
		.wp-caption{background: black; color: white; text-align: center; padding: 5px 0; margin: 10px 0;}
			.wp-caption-text{margin: 5px;}
			
			
		.content{position: relative;}
			.content li{margin: .5em 0;}
			.content p:first-child{margin-top: 0;}
			.content img{ -webkit-border-radius: 5px;}
			.content img.alignleft{-moz-border-radius: 5px; -webkit-border-radius: 5px; }
			.content img[width="1024"], .content img[width="940"]{margin-left: -300px; width: 940px; height: auto;}
			.content a{border:0 none; outline: none;}
				.content a img{border:0 none;}
			.flickr-mini-gallery img{margin: 0 5px;}
		
		.social{margin: 20px 0 0 300px  ;}	
			
/*--------------------------
archives
---------------------------*/			
	#main.archives .third{width: 280px; border-left: 1px solid #ccc; float: left; padding: 0 20px ;}		
	#main.archives .third.first{padding: 0 20px 0 0; width: 286px; border-left: none;}
	#main.archives .third.last{padding: 0 0 0 20px; width: 286px;}	
		#main.archives .third h3{margin: 0 0 20px 0;}		
		#main.archives .third ul{list-style: none; padding:0  0 30px 15px;  }
			#main.archives .third ul li{ margin: 5px 0;}
			#main.archives .all{
				width: 940px;
				-moz-column-count: 3;
				-moz-column-gap: 20px;
				-webkit-column-count: 3;
				-webkit-column-gap: 20px;
				column-count: 3;
				column-gap: 20px;
			}

/*--------------------------
links
---------------------------*/
#main.archives .linkList h3{margin-bottom: 10px; }
#main.archives .third .blogroll{list-style: none; margin: 0px 0 30px 15px; padding: 0;}


/*--------------------------				
comments
---------------------------*/
.comments-intro{border-top: 2px solid #333; padding: 20px 0; margin: 0px 0 0 0;}
	.comments-intro h3 {margin: 0;}
#comments{margin: 0px 0 40px 0px; }
	#main #comments p:first-child{font-size:16px;}
	.commentlist{padding: 0; margin: 0; list-style: none;}
	.commentlist ul{list-style: none;}
		.commentlist li.comment, .commentlist li.pingback{border-top: 1px solid rgb(0,0,0); border-top: 1px solid rgba(0,0,0,0.2); padding: 5px 0; position: relative;}
			.commentlist li.comment p {margin: 10px 0 10px 300px; }
			.comment-meta{margin-left: 60px;}
				.commentlist .children {padding: 20px 0 0 60px ; margin-top: 20px; list-style: none;}
			#comments .vcard{margin-left: 60px;}
			#comments .avatar{position: absolute; top: 0px; left: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#respond{border-top: 1px solid #ccc; padding: 20px 0 0 300px; }
	li #respond{border-top: none; padding: 20px 0 0 300px; }
		li #respond p{border-top: none; margin: 10px 0; }
			li #respond a{text-decoration: none;}
			#respond input[type="text"] {border: 1px solid #737373; padding: 5px; width: 300px; margin-right: 20px; font-size: 14px;}
	#comment{width: 640px;}
	.leave-link{padding-left: 20px; background: url(img/comment-icon.png) no-repeat left center;}
	
/*footer*/
#footer{background: black;color: #ccc; margin-top: 40px;}
#footer hr{  border-top: 1px solid #333;}
#footer a{color: #DBBC81; text-decoration: none;}	
	#footer .footer-container{width: 940px; margin: 0 auto; padding: 40px 0;}
		.footer-container .third{width: 280px; border-left: 1px solid #333; float: left; padding: 0 20px ; min-height: 200px;}
			.footer-container .third:first-child{padding: 0 20px 0 0; width: 286px;  border: none;}
			.footer-container .third.last{padding: 0 0 0 20px; width: 286px;}
			.footer-container ul{list-style: none;}
				
			.footer-container ul li{font-size: 14px; margin: .5em 0; line-height: 1.3em;}
			.footer-container h3{text-transform: uppercase; letter-spacing: 2px; font-size: 12px; color: white;}
			
		.twitter-title{background: url(img/twitter-icon.png) no-repeat left top;  padding-left: 20px;}	
		.twitter-timestamp{display: block; font-style: italic; color: white; font-size: 14px}
		.typekit-badge{display: none !important;}
		
		#footer .twitter li{margin: 20px 0;}
		
		.icon-rss{margin: 4px 0;}
			.icon-rss a {display: block; background: url(img/rss.png) no-repeat left center;  padding-left: 24px;}
		
		.subscribe-label{display: block;}
			.subscribe{padding: 6px; width: 180px; border: 1px solid #333; background: #fefefe; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
			.subscribe-button{padding: 5px !important;}