@import url("http://static.tumblr.com/fn5oirl/vXamtgx6m/reset.css");
@import url("http://static.tumblr.com/fn5oirl/54ymwyosi/text.css");

body{
	background-color: #f9f9f9;
	color: #888;	
}
body *{
	position: relative;
}
a:link, a:visited{
	color: #ff6666;
	text-decoration: none;
	-moz-transition: all 0.7s;
	-webkit-transition: all 0.7s;
	transition: all 0.7s;
}
a:hover{
	text-decoration: underline;
}
a.box-link, a.share-link{
	display:inline-block;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 5px;
}
a.box-link{	
	background-color: #ccc;
	color: #fff;
}
a.box-link span{
	vertical-align: middle;
}
a.box-link:hover{
	background-color: #ff6666;
	text-decoration: none;
}

a.box-link img, a.share-link img{
	max-width:20px;
	max-height: 20px;
}
a.box-link *{
	vertical-align: middle;
}
a.box-link span.text{
	margin-right:3px;
}
/*
** Layout styles
*/
div.sidebar{
	position: relative;
	height: 25%;
}
div.main{
	position: relative;
}

div.sidebar .inner{
		height: 100%;
		padding: 40px;
	}
img, iframe{
	width: 100%;
	max-width: 100%;
}

/**
* Vertical middle box styles
*/
.vertical-middle-box .helper .content{
	padding: 10px 10px 0px 10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.vertical-middle-box .helper .content>div{
	margin: 0px 0px 20px 0px;
}
/****************************************/
div.site-logo{
	vertical-align: middle;
	display: inline-block;
	width: 125px;
	overflow: hidden;
	border-radius: 75px;
}
div.site-logo img{
	max-width: auto;
	min-height: 125px;
}
div.site-title{
	font-size: 30px;
	line-height: 40px;
	color: #ff6666;
}

div.sidebar a.to-top-link{
	display:none;
}
.align-center{text-align: center;}
.align-left{text-align: left;}
.align-right{text-align: right;}

a#to-top-link img{
	width: 24px;
	height: 24px;	
	max-width: 24px;
	max-height: 24px;
}

input[type=text].search{

	width: 100%;
	padding: 7px;
	font-size: 15px;	
	border: none;
	border-bottom: 4px solid #eee;
	background-color: transparent;
	color: #999;
		-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	
}
div.social-icons{
	margin: 20px 0px;
}
div.social-icons a{
	display: inline-block;
	
}
div.social-icons a img{
	max-width: 40px;
	
}

#disqus_thread{
	margin: 40px 0px;	
}
/**
** Menu Styles
*/

ul.menu{
	margin: 0px;
	padding: 0px;
}
ul.menu li{
	list-style: none;
	display: inline-block;
	margin: 0px 5px 10px 0px;
}
ul.menu li a{
	display: block;
	padding: 7px 15px;
	background-color: #fff;
	border: 1px solid #eaeaea;
	text-transform: uppercase;
	font-size:12px;
}
ul.menu li a:hover{
	background-color: #ff6666;
	color: #fff;
}

/**
** Articles Styles
*/
article img{
	opacity: 1;
}
article img:hover{
	opacity: 0.9;
}

div.articles{
	margin: 10px;
}


div.articles.teaser{
			position:relative;
		}		
div.articles.teaser>*{
	position: absolute;			
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}




footer{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-box-sizing: border-box;
	padding: 40px;
}

footer .inner>div{
	margin-bottom: 10px;
}

article .inner{
	
	padding: 40px 10px 10px 10px;
	background-color: #fff;
	border: 1px solid #ddd;
	
}
article .inner>div{
	margin-top: 10px;
}
article.teaser .inner div.content{
	margin-top: 0px;
}

article .media{
	margin-bottom: 20px;
}

	div.article-date{
		position: absolute;
		padding: 3px;
		left: 30px;
		width: auto;
		height: 30px;
		background-color: #ff6666;
		color: #fff;
		font-weight: bold;
		z-index:10;
		
		-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	
	}
	div.article-date p{
		display:inline-block;
		margin: 0px;
		padding: 0px;
		text-align: center;
		vertical-align: middle;
	}
	div.article-date p.date{
	}
	div.article-date p.month{
		text-transform: uppercase;
	}
	div.article-date p.year{
	}
	div.article-type-image{
		position: absolute;
		top: 0px;
		padding: 3px;
		left: 0px;
		width: 30px;
		background-color: #666;
		z-index: 10;
		
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	}

div.article-links>*{
	display:inline-block !important;
	vertical-align:middle;
	padding: 5px;
	font-size: 12px;
}
div.article-links div.like_button, div.article-links a.reblog_button{	
	max-width: 20px;
	max-height: 20px;
}
div.article-links a.box-link{
	padding: 5px 7px;
	text-transform: uppercase;
}
a.dsq-comment-count{
display:inline-block;
	margin-top: 10px;
}

article .article-tags{
	border-top: 1px dotted #ddd;
	padding: 10px 0px 0px;
}
article .article-tags .tag-block-title{
	vertical-align: top;
}
article .article-tags ul.tags{
	display:inline-block;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
}
article .article-tags ul.tags li{
	margin: 0px;
	margin-right: 3px;
	margin-bottom: 5px;
	display:inline-block;
	list-style:none;
}
article .article-tags ul.tags li a{	
	padding: 3px 7px;
}
div.load-more-wrapper{
	padding: 0px 10px;

	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
a#load-more{
	padding: 20px;
	width: 100%;
	display: inline-block;
	
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

div.footer-message{
	text-transform: uppercase;
	font-size: 16px;
	color: #888;
}
div.caption{
	margin-top: 5px;
}

@media screen and (min-width: 480px){
	
	article.teaser .inner{
		margin-left:20px;
		padding: 30px;
	}	
	div.article-date{
		top: 30px;
		padding: 5px;
		left: 0px;
		width: 40px;
		height: auto;
	}
	div.article-date p{
		display: block;
		text-align: center;
	}
	div.article-date p.date{
		font-size: 26px;
		line-height: 26px;
	}
	div.article-date p.month{
		font-size: 14px;
		line-height: 14px;
		text-transform: uppercase;
	}
	div.article-date p.year{
		font-size: 12px;
		line-height: 12px;
	}
	div.article-type-image{
		position: absolute;
		top: 92px;
		padding: 5px;
		left: 0px;
		width: 40px;
		background-color: #666;
		z-index: 10;
	}
}
@media screen and (min-width:900px){	
	
.vertical-middle-box .helper .content{
	padding: 40px 40px 0px 40px;
}
div.load-more-wrapper{
	padding: 0px 40px;
}
	/*
	*Article styles
	*/
div.articles{
	margin: 20px;
}
	article.teaser .inner{
		margin-left:20px;
		padding: 40px;
	}	
}
@media screen and (min-width:1200px){
div.sidebar a.to-top-link{
	display:inline-block;
}
div.articles{
	margin: 40px;
}
	div.sidebar{
		position: fixed;
		width: 25%;
		height: 100%;
		top: 0px;
		left: 0px;
	}
	div.main{
		left: 25%;
		width: 75%;
		position: fixed;
		bottom: 0px;
		overflow-y: auto;
		max-height: 100%;
	}	
	
	.vertical-middle-box {
		display: table;
		height: 100%;
		position: absolute;
		overflow: hidden;
		width: 100%;}
	.helper {
		#position: absolute; /*a variation of an "lte ie7" hack*/
		#top: 50%;
		display: table-cell;
		vertical-align: middle;}
	.vertical-middle-box .helper .content {
		padding: 40px;
		#position: relative;
		#top: -50%;
		margin:0 auto;
		width:100%;}

}