@charset "UTF-8";
/* Blog Entries
================================================== */

.blog-isotope {
	margin-right: -30px;
	margin-bottom: -30px;
}


/*for a wrap of 960px */
.blog-entry{
	overflow: hidden;
	background: #f9fafb;
	float: left;
	width: 300px;
	margin-bottom: 30px;
	margin-right: 30px;
	font-size: 1em;
}





/* =============================================== */
/* IPHONE *** IPHONE *** IPHONE *** IPHONE *** IPHONE
================================================== */


/* iPhone 2G-4S in landscape */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : landscape) { 

.blog-isotope {
	margin-right: 0px;
}


.blog-entry{
	width: 400px;
	margin-right: 0px;
	margin-left: 0px;
}



}

/* iPhone 2G-4S in portrait */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : portrait) { 


.blog-isotope {
	margin-right: 0px;
}


.blog-entry{
	width: 300px;
	margin-right: 0px;
	margin-left: 0px;
}

.blog-entry img{
	max-width: 100%;
}

.post-entry-text header h1 {
line-height: 0.9em;
font-size: 2.30em;
letter-spacing: 4px;
line-height: 40px;
}

}



/* iPhone 5 in portrait */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) { 

.blog-isotope {
	margin-right: 0px;
}


.blog-entry{
	margin-right: 0px;
	margin-left: 0px;
}


/* iPhone 5 in landscape */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape ) { 

.blog-isotope {
	margin-right: 0px;
}


.blog-entry{
	width: 400px;
	margin-right: 0px;
	margin-left: 0px;
}


}

/* =============================================== */
/* IPAD *** IPAD *** IPAD *** IPAD *** IPAD *** IPAD 
================================================== */


/* ipad retina only landscape
================================================== */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
 {
	
	.blog-entry{
		width: 293px;
	}

	
}

/* ipad retina only portrait
================================================== */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
 {
	
	.blog-entry{
		width: 326px;
	}

	
}



/* 10" Netbook = Design for a width of 1024px
================================================== */
@media all and (min-width: 768px) and (max-width: 1024px) {


}

/* 
================================================== */
@media all and (min-width: 1025px) {


}


.blog-entry .entry-text {
	padding: 20px;
}

.blog-entry p {
	font-size: 1em;
}

.blog-entry p:last-child {
	margin: 0;
}



.blog-entry h2 {
	margin: 0 0 15px;
	font-size: 1.143em;
}

.blog-entry img{
	box-shadow: #000 0em 0em 0em;
}
.blog-entry img:hover{
	opacity: 0.9;
}

.blog-entry .entry-meta {
	margin-top: 20px;
	padding-top: 10px;
	border-top: 1px solid #fff;
	font-size: 0.857em;
	margin-left: 20px;
margin-right: 20px;
}
.blog-entry .entry-meta .posted-on {
	font-size: 0.557em;
}
.blog-entry .entry-meta strong{
	font-weight: 600;
	color: #000;
	margin-right: 2px;
}


/*Blog entry % Post formats */

.blog-entry h1.single-title {
padding-bottom: 5px;
}

.blog-entry .entry-categories {
margin-bottom: 0px;
}
.blog-entry. .entry-categories a{
color: #000;
}
.blog-entry. .entry-categories a:active{
color: #000;
}

.blog-entry. .entry-categories a:visited{
color: #000;
}



.blog-entry.format-quote {
	display: block;
	background: #000;
	font-family: Georgia, Times New Roman, Times, "serif";
	color: #fff;
	font-size: 2.000em;
	font-weight: 300;
	letter-spacing: -0.2px;
	line-height:28px;

}

.blog-entry.format-quote .quote-content {
	position: relative;
	display: block;
	color: #fff;
}
.blog-entry.format-quote .quote-content p{
	font-size: 0.643em;
}


.blog-entry.format-gallery {
	background: #f2f2f2;
}
.blog-entry.format-gallery h1 a{
}
.blog-entry.format-gallery h1 a:hover{
}


.blog-entry.format-video {
	background: #f2f2f2;
}
.blog-entry.format-video h1.single-title a:hover{
}


.blog-entry.format-video h1 a{
}
.blog-entry.format-video h1 a:hover{
}

.blog-entry.format-standard {
	background: #f2f2f2;
}
.blog-entry.format-standard h1.single-title a:hover{
}


.blog-entry.format-link {
	background: #f2f2f2;
}
.blog-entry.format-link h1 a{
}
.blog-entry.format-link h1 a:hover{
}



.blog-entry.format-image {
	background: #f2f2f2;
}


.blog-entry.format-audio {
	background: #f2f2f2;
}
.blog-entry.format-audio h1 a{
}
.blog-entry.format-audio h1 a:hover{
}





.quote-author{
	margin-top: 20px;
	font-size: 0.464em;
	font-style: italic;
}

/*thumbnail*/
.blog-entry-thumbnail img, .blog-entry img,
.blog-entry-video {
	display: block;
	max-width: 100%;
}

.blog-entry-thumbnail a,
.blog-entry-thumbnail img {
	display: block;
}

.blog-entry .entry-content {
padding: 10px;
}





/**** Isotope filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

.blogFilter a {
	display: inline;
	width: 50px;
    margin-right: 10px;
    text-decoration:none;
    padding-bottom: 3px;	
}

.blogFilter a:hover{
	color:#000;
	border-bottom: 1px solid black;
}


.blogFilter a.current {
    color:#000;
    border-bottom: 1px solid black; 
}


.blog-entry-thumbnail {
    position: relative;
}

#play {
    background: url('../img/play.png') center center no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 64px;
    height: 64px;
    margin: -32px 0 0 -32px;
    z-index: 10;
    filter: alpha(opacity=80); /* This works in IE 8 & 9 too */ /* ... but also 5, 6, 7 */
    -moz-opacity:0.8; 	/* Older than Firefox 0.9 */
    -khtml-opacity: 0.8; /* Safari 1.x (pre WebKit!) */
    opacity: 0.8; /* Modern! Firefox 0.9+, Safari 2?, Chrome any? Opera 9+, IE 9+ */
}

#gallery-icon {
    /* background: url('../img/gallery.png') center center no-repeat; */
    position: absolute;
    top: 50%;
    left: 50%;
    width: 64px;
    height: 64px;
    margin: -32px 0 0 -32px;
    z-index: 10;
    filter: alpha(opacity=80); /* This works in IE 8 & 9 too */ /* ... but also 5, 6, 7 */
    -moz-opacity:0.8; 	/* Older than Firefox 0.9 */
    -khtml-opacity: 0.8; /* Safari 1.x (pre WebKit!) */
    opacity: 0.8; /* Modern! Firefox 0.9+, Safari 2?, Chrome any? Opera 9+, IE 9+ */
}