/*   
Theme Name: Typesense Child
Theme URI: http://matmm.me/typesense
Description: Typesense Child
Template: Typesense
Author: Daniel Schweikardt
Version: 1.0
Note: Used HTML5 Reset Theme to reset most of the CSS properties. This great project comes with little extra features that I decided to keep here in case you need them (https://github.com/murtaugh/HTML5-Reset-WordPress-Theme);
*/


@import url("../Typesense/style.css");
@import url(http://fonts.googleapis.com/css?family=Open+Sans);
/*
 * Merriweather+Sans
 */

body {
	font-family: Georgia, Serif;
}

h1, #header a {
	font-family: 'Open Sans', Arial, sans-serif;
}

h2, .entry-title {
	font-family: Georgia, Serif; 
}

.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5  {
	font-family: Georgia, Serif; 
}


#header {
    margin: 0 auto 0;
}

#s {
	font-family: Georgia, Serif; 
}

#box_cat {
	margin: 0 auto;
	max-width: 450pt;
}



#box_posts {
	margin-bottom: 30pt;
	-webkit-transition: height 0.8s;
	   -moz-transition: height 0.8s;
	     -o-transition: height 0.8s;
	        transition: height 0.8s;
	/*
	-webkit-column-fill: auto;
	   -moz-column-fill: auto;
	     -o-column-fill: auto;
	        column-fill: auto;
    */
}





.div_post, #btn_load_more {
	position: relative;
	border: 1pt solid #aaa;
	margin: 0 2px 15px;
	text-align: left;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	
	display: inline-block;
	-webkit-column-break-inside: avoid;
	   -moz-column-break-inside: avoid;
	     -o-column-break-inside: avoid;
	        column-break-inside: avoid;
}


/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
	#box_posts {
		-webkit-column-count: 1;
		   -moz-column-count: 1;
		     -o-column-count: 1;
		        column-count: 1;
	       }
	
	#posts_wrapper {
		margin: 20pt auto;
		width: 230pt;
	}
	
	.div_post, #btn_load_more {
		padding: 15pt;
		width: 180pt;
	}
}

/* bigger */
@media only screen 
and (min-width : 321px) {
	#box_posts {
		-webkit-column-count: 2;
		   -moz-column-count: 2;
		     -o-column-count: 2;
		        column-count: 2;
		-webkit-column-gap: 10pt;
		   -moz-column-gap: 10pt;
		     -o-column-gap: 10pt;
		        column-gap: 10pt;
    }
	
	#posts_wrapper {
		margin: 20pt auto;
		width: 460pt;
	}
	
	.div_post, #btn_load_more {
		padding: 15pt 20pt 20pt;
		width: 220pt;
	}
}


#box_posts_title {
}


.header-slim {
	margin-bottom: 0;
}

.div_post, .div_cat , #btn_load_more{
	cursor: pointer;
	-webkit-transition: opacity 0.25s ease-in-out;  
	   -moz-transition: opacity 0.25s ease-in-out;  
	     -o-transition: opacity 0.25s ease-in-out;  
	        transition: opacity 0.25s ease-in-out;
	 -webkit-transform: translateZ(0);			
}
.div_post:hover, .div_cat:hover, #btn_load_more:hover {
	opacity: 0.75;
}
.div_post[sel="1"], .div_cat[sel="1"] {
	opacity: 0.5;
}

.div_cat {
	margin: 10pt;
	width: 120pt;
	height: 120pt;
	padding: 10pt;
	
	display: inline-block;
	text-align: center;
	font-family: 'Open Sans', Arial, sans-serif;
	
	font-size: 12pt;
	/*
	background-image: url(./cat_icons/book.png);
	background-repeat: no-repeat;
	background-position: center center;
	*/
}

.div_cat_img {
	width: 90pt;
	height: 90pt;
}

.div_post_date {
	font-size: 10pt;
	text-align: right;
	position: relative;
	top: -5pt;
}
.div_post_cat {
	position: absolute;
	height: 15pt;
	width: 15pt;
	right: 10pt;
	top: 7pt;
}
.div_post_title {
    font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	font-size: 130%;
	display: inline;
	width: 100%;
}
.div_post_excerpt {
	display: inline;
}



.div_fbpost_title {
    font-family: 'Open Sans', sans-serif;
	font-size: 280%;
	margin: 0 30pt;
}
.div_fbpost_date {
	text-align: right;
}
.div_fbpost_entry {
	margin: 30pt 25pt 0;
}
.div_fbpost_catpic {
	margin: 2em auto;
	width: 40pt;
	height: 40pt;
}




#box_loading {
	height: 20px;
	text-align: center;	
	margin: 10pt;
}

#totop {
    display: block;
    margin-bottom: 15pt;
}

#btn_load_more {
	position: relative;
	margin: 0 auto;
}