/*
* Site Author: Vasterad
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/

/* ======================================================= */
/* Import Section
/* ======================================================= */
@import url("base.css");				/* Default Reset, Typography, Forms, etc. */ 
@import url("skeleton.css");			/* 960 Grid + Media Query Layouts */ 
@import url("imagebox.css");			/* Responsive Lightbox */ 


/*================================================= */
/* Image Overlay
================================================== */
.item-img, .post-thumb, .slides {position: relative;}

.overlay {
	height: 100%;
    left: 0;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 1;
	z-index: 40;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
	-webkit-transition: opacity 150ms ease-in-out;
	-moz-transition: opacity 150ms ease-in-out;
	-o-transition: opacity 150ms ease-in-out;
	transition: opacity 150ms ease-in-out;
}

.overlay.link {background: url(../images/overlay_link.png) no-repeat center center, url(../images/overlay_bg.png) center center;}
.overlay.zoom {background: url(../images/overlay_zoom.png) no-repeat center center, url(../images/overlay_bg.png) center center;}

.overlay:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter:alpha(opacity=100);
}

.item {margin: 0 0 35px 0;}

.item-meta h4 {
	font-size: 12px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	line-height: 16px;
	padding: 16px 0 0 0;

}

.meta-blog p {color: #676767;}
.item-meta {color: #888;}
.item-meta h4 a:hover{color:#6f9c00;}
.item-meta span {color: #a0a0a0; display: block; line-height: 18px;}
.item-meta p {line-height: 18px; margin-top: 7px;}


/*================================================= */
/* #Media Queries
================================================== */
	/* Desktop 960 */
	@media only screen and (min-width: 960px) {
		.flexslider.home {height: 390px;}
		.flexslider {min-height: 1px;}
		.flexslider.blog {height: auto;}
		#portfolio-wrapper {min-height: 600px;}
	} 
	
	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		#tagline {font-size: 20px}
		#navigation ul li a {font-size: 11px;}
		#navigation ul ul li a {font-size: 12px;}
		.testimonials_author {display: none;}
		.flickr-widget a {height: 45px; width: 45px;}
		.flickr-widget-blog a {height: 59px; width: 59px;}
		.avatar {height: 40px; width: 40px;}
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		#navigation {float: left; width: 100%}
		#navigation select {display: block; float: left;}
		#navigation ul {display: none;}
		.slider-caption {display: none;}
		.slider-caption-2 {display: none;}
		#tagline {font-size: 20px}
		.author-info {display: none}
		.copyright {font-size: 11px;}
		.mr-rotato-prev, .mr-rotato-next, .mr-rotato-disabled {margin-right: -10px;}
		.flickr-widget {margin-bottom: 25px;}
		.meta-blog h4 {padding-top: 0;margin-top: 0;}
		#blog_widget_container {display: none;}
		.portfolio-item-meta {margin: 0 0 25px 0}
		#backtotop a {display: none;}
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.flickr-widget a {height: 39px; width: 39px;}
		.img-blog {float: left; width: 30%; margin: 0 15px 15px 0;}
		.avatar {height: 35px; width: 35px;}
		.contact_textarea {width: 94%; max-width: 94%;}
		}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		.flickr-widget a {height: 47px; width: 47px;}
		.img-blog {float: left; width: 30%; margin: 0 15px 15px 0;}
		.meta-blog span, .meta-blog p {font-size: 11px; padding:0; line-height: 18px; margin: 0;}
		.post-meta {display: none;}
		.post h2 a {margin-bottom: 10px;}
		.avatar {height: 25px; width: 25px;}
		.contact_textarea {width: 92%; max-width: 92%;}
	}