body, html { background: #fff; margin:0px; padding:0px; border:0px; font-family: Georgia, 'Times New Roman', Times; font-size:16px; line-height:150%; color:#333; }
pre { font-size: 10px; }
a { color:#333; text-decoration: none; padding: 1px 2px; background: #f9fc7e; }
a:hover { color: #666; background: none; }
h1 { color:#666; font-weight: normal; margin-bottom:0px; }
h2 { color:#666; font-weight: normal; margin-bottom:0px; }
h3 { color:#666; font-weight: normal !important; margin-bottom:0px; }
h4 { color:#666; font-weight: normal; margin-bottom:0px; }
img { /* background: #fff !important; border: 1px solid #999; padding: 5px;*/  margin: 0px; }
img a { text-decoration: none !important; background: #fff !important; margin: 0px; }
input { border: 1px solid #999; }
.photo a,
.disqus a {
	/* text-decoration: none !important; background: #fff !important; */
}
.header {
	margin: 0 auto 60px auto;
	width: 360px;
}
.main { margin: 50px 0px; }
.datetime { font-size: 12px; line-height: 150%; color: #666; position:relative; float:left; margin-left:-250px; padding-right: 25px; border-right: 1px solid #999; width: 200px; text-align: right; clear: both; }
.navleft { font-size: 12px; position: relative; float: left; }
.navright { font-size: 12px; position: relative; float: right; }
.navcenter { font-size: 12px; text-align:center; width: 500px; }
.datetime a { color: #666; }


.short_quote { margin: 0px; padding: 0px; font-size:62px; line-height: 110%; color: #666; } 
.medium_quote { margin: 0px; padding: 0px; font-size:36px; line-height: 115%; color: #666; } 
.long_quote { margin: 0px; padding: 0px; font-size:24px; line-height: 130%; color: #666; } 
a .notes { text-decoration: none !important; background: none; } 
.notes a { text-decoration: none !important; background: none; } 
img .notes { margin: 0px; padding: 3px; border: 1px solid #999; } 
.notes img { margin: 0px; padding: 3px; border: 1px solid #999; } 
.disqus { font-family: Georgia, 'Times New Roman', Times !important; size: 16px; line-height:150% !important; color:#333 !important; }

.regular_post_body img {
	max-width: 100%;
}

.search_query {
    font-style: italic;
}

.single-page{
	max-width: 600px;
	margin: 0 auto 0 auto;
}

html{
	background-color: #FFEDC1; 
	background-image: url(https://s3-eu-west-1.amazonaws.com/featly/sirpa/img/tausta.jpg?a1); 
	background-repeat: repeat;
	background-position: top center;
}
body{
	background-color: transparent;
	font-family: 'PT Sans', Arial, sans-serif;
	color: #131F68;
	margin: 0; padding: 0;		
}
.theposts{
	margin: 0 auto 0 auto;
}

.navleft a,
.navright a{
	/*background: #fff;
	text-align: center; 
	display: inline-block;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;*/
}

.permalinkpage .photo{
	display: block; 
	text-align: center;
}

a{background: none; text-decoration: underline; color: #131F68;}
a:hover{color: #222;}

p{margin: 0 0 20px 0;}
img, a img{border: 0; }

h1, h2, h3, h4, h5{font-family: 'Forum', cursive; color: #131F68; margin: 30px 0 10px 0;}
h1 a{display: block; text-shadow: -2px -2px 3px #420; color: #ffe; text-decoration: none;}
h1 a:hover{text-decoration: none; color: #ffe;}
h2{color: #223355; font-size: 30px; }
h3{font-size: 24px; }
.header{position: relative; padding-bottom: 20px;}
.header p{color: #666; }
.header h1, .header h1 a{font-size: 55px; line-height: 1em; margin-bottom: -14px;}
.navi{margin: 0; position: absolute; bottom: 0; font-size: 21px; border-top: 1px solid #999; padding-top: 6px; }
.navi a{color: #666; text-decoration: none; letter-spacing: 2px; text-transform: lowercase;}
.navi a:hover{color: #222; }
body .wrapper{
	padding: 30px 15px 80px 15px; 
}

.datetime{display: none;}

.post:last-child:after{
	display: block; 
	content: ' ';
	clear: both;
	min-height: 80px; 
}

#index-top > img{
	margin: 0 auto 40px auto;
	min-width: 860px;
}
.post ul{list-style: none; margin-top: -44px; padding-left: 150px; }
.post li{}
.wrapper{
}

.post p{

}

/*
.main .photopost{background: #fff; width: 100px; height: 100px; margin: 0 10px 10px 0; padding: 0; overflow: hidden; float: left; position: relative; }
.main .post .photo{position: relative; }
.main .post .photo a{display: block; margin: 0; padding: 0; text-align: center; }
.main .post .photo img{max-width: 90px; max-height: 90px; margin: 0 auto; }
.main .photopost p{display: none;}
*/
.navleft{
	width: 150px; clear: both; font-size: 26px; padding-left: 15px;
	text-align: right;
}
.navcenter{clear: both;  display: none;}
.navright{
	width: 150px; clear: both; font-size: 26px; padding-right: 15px;	
}

.navleft a, 
.navright a{
	text-decoration: none;
}

.navleft a:hover, 
.navright a:hover{
	text-decoration: underline;
}

/*
.caption{
	background: #fff; 
	padding: 20px 20px 5px 20px;
}
*/

/*
body .main .post-open{position: absolute; top: 20px; width: auto; height: auto; z-index:2; }
body .main .post-open .photo img{max-height: none; max-width: none; }
body .main .post-open p{display: block; padding: 0 20px; line-height: 1.3em; }
*/
#shade{
	display: none; position: absolute; top: 0; left: 0; min-width: 100%; min-height: 100%; 
	background: rgba(0,0,0,0.7); z-index: 1; 
}

/*
.photo a img.close{display: none; background: none !important; }
.post-open .photo a:hover img.close{display: block; position: absolute; top: 5px; right: 5px; }
*/

.permalinkpage .theposts{
	max-width: 650px; 
	margin: 0 auto 0 auto; 
}


.indexpage .main{
	margin: 0 -15px;
}
.indexpage .post {
	min-width: 200px;
	max-width: 250px;
	margin: 15px;
	float: left;
}

.indexpage .post.has_photoset{
	/* max-width: 630px;*/ 
}

.indexpage .caption{
	display: none; 
}

.indexpage .post img{
	max-width: 100%;
	height: auto;
}

.indexpage .post iframe{
	/* max-width: 630px;*/
}

.indexpage .theposts{
	margin: 0 auto 0 auto; 
}

.post.lonely{
	float: none;
	margin: 0 auto 0 auto;
}


@media screen and (min-width: 280px){
	.indexpage .theposts{
		max-width: 280px; 
	}
}
@media screen and (min-width: 560px){
	.indexpage .theposts{
		max-width: 560px; 
	}
}

@media screen and (min-width: 840px){
	.indexpage .theposts{
		max-width: 840px; 
	}
}
@media screen and (min-width: 1120px){
	.indexpage .theposts{
		max-width: 1120px; 
	}
}
@media screen and (min-width: 1400px){
	.indexpage .theposts{
		max-width: 1400px; 
	}
}
@media screen and (min-width: 1680px){
	.indexpage .theposts{
		max-width: 1680px; 
	}
}
@media screen and (min-width: 1960px){
	.indexpage .theposts{
		max-width: 1960px; 
	}
}
@media screen and (min-width: 2240px){
	.indexpage .theposts{
		max-width: 2240px; 
	}
}
@media screen and (min-width: 2520px){
	.indexpage .theposts{
		max-width: 2520px; 
	}
}


