/*
* 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
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		.nivoSlider {
			position:relative;
			width:100%;
			height:auto;
			overflow: hidden;
		}
		#slider_content {
			display: none;
		}
	}
	
	
	
	
	/* iPad landscape orientation styles */
	@media only screen and (device-width:768px)and (orientation:landscape) {
		/*
		body::before{
	        content: "iPad landscape";
	        font-weight: bold;
	        display: block;
	        text-align: center;
	        background: rgba(255,255,0, 0.9);
	        position: absolute;
	        top: 0;
	        left: 0;
	        right: 0;
	        z-index: 99;
	    }
*/
	    
	    body {
	    	background-size: cover;
	    }
	}
	
	
	
	

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		/*
		body::before{
	        content: "iPad Portrait";
	        font-weight: bold;
	        display: block;
	        text-align: center;
	        background: rgba(255,255,0, 0.9);
	        position: absolute;
	        top: 0;
	        left: 0;
	        right: 0;
	        z-index: 99;
	    }
*/
	    body { -webkit-background-size: cover; }
	    .slider #polaroid, .slider #texture { width: 768px; height: 296px; }
	    #big, #altern { height: 296px!important; background-size: 768px 296px; }
		#thumbs { width: 768px!important; left: -11px!important; }
		.toggle_content { margin-right: -2px; }
		#boxes_content img:not(#fancybox-img) { max-width: 98%; }
		#sidebar { width: 246px; }
		#sidebar .widget_ga_instagram-widget ul li, #sidebar .hb_flickr_widget .flickr_badge_image,
		#footer .widget_ga_instagram-widget ul li, #footer .hb_flickr_widget .flickr_badge_image { margin: 0 0px 11px 11px; }
		.content .twitter-tweet-rendered { max-width: 482px!important; }
		.toggle_title span { margin: 4px 7px 0 4px; }
		.gmaps { max-width: 472px; }
		.youtube, .vimeo { max-width: 482px; }
		.search { width: 83%; }
		.threecols .portfolio-item { margin-left: 48px; }
		.fourcols .portfolio-item { margin-left: 18px; }
		#header nav ul li a { padding: 15px 8px; }
		.wpcf7 textarea { width: 300px; }
		.page-template-template-contact-php .gmaps, .page-template-template-contact-php .gmaps iframe {
			max-width: 350px;
		}
		
	}





	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		#header nav ul { display: none; }
		#header nav select { display: inline-block; }
		
	}
	
	
	
	

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		/*
		body::before{
	        content: "Mobile > iPhone";
	        font-weight: bold;
	        display: block;
	        text-align: center;
	        background: rgba(255,255,0, 0.9);
	        position: absolute;
	        top: 0;
	        left: 0;
	        right: 0;
	        z-index: 99;
	    }
*/
	    body { background-size: cover; }
		.slider #polaroid, #polaroid #texture {
	    	width: 420px;
	    	height: 220px;
	    }
	    #big, #altern {
	    	height: 220px!important;
			background-size: 571px 220px;
		}
		.slider #nivo, #texture.nivo { height: 162px; }
		#texture.nivo { width: 420px; }
		#thumbs { width: 420px!important; bottom: 45px!important; left: -10px!important; }
		#thumbs img { width: 90px; height: 53px; }
		#boxes .one-third.delta { margin: 0!important;}
		#boxes_content img:not(#fancybox-img) { max-width: 106%; margin-left: -15px; }
		.box_content .one-third, .box_content .two-thirds {
			padding-left: 10px;
			padding-right: 10px;
			width: 400px!important;
			margin-bottom: 10px;
		}
		.code, .pre { margin-left: -16px; width: 420px; padding: 20px 6px; }
		table { width: 99%; }
		#boxes .one-third p { display: none; }
		#breadcrumb, #page_title h1, #post_title h1 { padding-left: 10px; }
		.meta { border-right: none; }
		#page_content, #post_content { width: 410px; overflow: visible; }
		.content { padding: 0 5px 0 0; }
		.img_styled img { max-width: 390px; }
		.gallery { margin-left: -17px; width: 108%; }
		.gallery-image, .gallery a.fancy { max-width: 142px; max-height: 142px; }
		.gallery .gallery-item img, .gallery .gallery-item img.thumbnail { margin: 0; }
		.alert { margin-left: -17px; ; width: 384px; }
		.content .twitter-tweet-rendered { max-width: 399px!important; }
		.toggle { width: 431px; margin-left: -16px; }
		.toggle_content { width: 412px; }
		.gmaps { max-width: 422px; margin-left: -16px; }
		.video { width: 434px ; margin-left: -16px; }
		.page-template-template-sidebar-left-php #breadcrumb, .page-template-template-sidebar-left-php #page_title h1 { margin-left: 0; }
		.page-template-template-sidebar-left-php #sidebar { display: none; }
		.wpcf7 textarea { width: 387px; }
		.contact .eight .four { width: 200px; margin-bottom: 10px;}
		.oups, .author { display: none; }
		.category .entry h3.title, .entry.shortcode h3.title { margin-left: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
		.category .entry .circle-thumb, .entry.shortcode .circle-thumb { width: 110px; height: 110px; top: 50px; left: -18px; }
		.category .entry .meta, .entry.shortcode .meta { padding-left: 110px; }
		.entry.shortcode .meta { width: 300px; }
		.category .entry .content, .entry.shortcode .content { padding-left: 100px; }
		.category .entry .more, .entry.shortcode .more { display: none; }
		.by { display: none; }
		.pagination { margin-top: 50px;}
		#respond textarea { width: 365px; }
		ol ul ul #respond textarea { width: 265px; }
		#comments ol ul li { padding-top: 0; }
		#comments ol { width: 420px; border-right: none; }
		#comments ol li { margin: 0; }
		#comments .image { height: 32px; margin-bottom: 10px; }
		#comments .image img { width: 32px; height: 32px; }
		#comments .details, #comments ol ul .details, #comments ol ul ul .details { width: 353px; margin-left: 10px; }
		#comments ol ul, #comments ol ul ul, #comments ol ul ul ul, #comments ol ul ul ul ul ul { width: 399px; margin-left: 0; padding-left: 0; border-left: none; }
		#comments ol ul .line { display: none; }
		#comments .author { display: inline; }
		#comments .children .image { margin-left: 0; }
		#comments .children li { padding-bottom: 0; }
		#comments ol li.depth-1 > ul.children { margin-bottom: 0!important; }
		#comments ol li { border-bottom: none; }
		.social-button.twitter { width: 100px; }
		.social-button { width: 90px; }
		.depth-2, .depth-3, .depth-4, .depth-5 { margin-bottom: 0 ; }
		.search { width: 372px; }
		#filters { margin-top: 0; }
		#portfolio.threecols { margin-left: 50px; }
		#portfolio.fourcols { margin-left: 87px; }
		#portfolio.fivecols { margin-left: 23px; }
		.portfolio-item { margin-left: 0!important; }
		.portfolio-item h3 { top: 25px; text-shadow: 0px 0px 0px white, 0px 0px 5px #282828; }
		#sidebar { padding-left: 0; width: 420px; border-left: none; }
		#footer .one-third.delta {
			margin-left: 0!important;
			margin-right: 0!important;
		}

	}





	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		/*
		body::before{
	        content: "iPhone";
	        font-weight: bold;
	        display: block;
	        text-align: center;
	        background: rgba(255,255,0, 0.9);
	        position: absolute;
	        top: 0;
	        left: 0;
	        right: 0;
	        z-index: 99;
	    }
*/
	    body { background-size: cover; }
	    .slider #polaroid, #polaroid #texture {
	    	width: 300px;
	    	height: 210px;
	    }
	    .slider #nivo, #texture.nivo { height: 116px; }
	    #texture.nivo { width: 300px; }
	    #big, #altern {
	    	height: 210px!important;
			background-size: 545px 210px;
		}
		#thumbs { width: 300px!important; bottom: 40px!important; left: -10px!important; }
		#thumbs img { width: 70px; height: 41px; }
		#boxes .one-third.delta { margin: 0!important;}
		#boxes_content img:not(#fancybox-img) { max-width: 108%; margin-left: -15px; }
		.box_content .one-third, .box_content .two-thirds {
			padding-left: 10px;
			padding-right: 10px;
			width: 280px!important;
			margin-bottom: 10px;
		}
		.code, .pre { margin-left: -15px; width: 104%; padding: 20px 6px; }
		table { width: 98%; }
		#boxes .one-third p, .comment_count { display: none; }
		#breadcrumb, #page_title h1, #post_title h1 { padding-left: 10px; }
		.meta { border-right: none; }
		#page_content, #post_content { width: 290px; overflow: visible; }
		.content { padding: 0 5px 0 0; }
		.img_styled img { max-width: 272px; }
		.gallery { margin-left: -16px; width: 110%; }
		.gallery-image, .gallery a.fancy { max-width: 100px; max-height: 100px; }
		.gallery .gallery-item img, .gallery .gallery-item img.thumbnail { margin: 0; }
		.alert { margin-left: -16px; ; width: 90%; }
		.content .twitter-tweet-rendered { max-width: 280px!important; }
		.toggle { width: 108%; margin-left: -15px; }
		.toggle_content { width: 290px; }
		.gmaps { max-width: 105%; margin-left: -15px; }
		.video { width: 310px ; margin-left: -15px; }
		.page-template-template-sidebar-left-php #breadcrumb, .page-template-template-sidebar-left-php #page_title h1 { margin-left: 0; }
		.page-template-template-sidebar-left-php #sidebar { display: none; }
		.wpcf7 textarea { width: 267px; }
		.oups, .author { display: none; }
		.category .entry h3.title, .entry.shortcode h3.title { margin-left: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
		.category .entry .circle-thumb, .entry.shortcode .circle-thumb { width: 110px; height: 110px; top: 50px; left: -18px; }
		.category .entry .meta, .entry.shortcode .meta { padding-left: 110px; }
		.entry.shortcode .meta { width: 180px; }
		.category .entry .content, .entry.shortcode .content { padding-left: 100px; }
		.category .entry .more, .entry.shortcode .more { display: none; }
		.by { display: none; }
		.pagination { margin-top: 50px; }
		#respond textarea { width: 245px; }
		ol ul ul #respond textarea { width: 265px; }
		#comments ol ul li { padding-top: 0; }
		#comments ol { width: 300px; border-right: none; }
		#comments ol li { margin: 0; }
		#comments .image { height: 32px; margin-bottom: 10px; }
		#comments .image img { width: 32px; height: 32px; }
		#comments .details, #comments ol ul .details, #comments ol ul ul .details { width: 233px; margin-left: 10px; }
		#comments ol ul, #comments ol ul ul, #comments ol ul ul ul, #comments ol ul ul ul ul ul { width: 280px; margin-left: 0; padding-left: 0; border-left: none; }
		#comments ol ul .line { display: none; }
		#comments .author { display: inline; }
		#comments .children .image { margin-left: 0; }
		#comments .children li { padding-bottom: 0; }
		#comments ol li.depth-1 > ul.children { margin-bottom: 0!important; }
		#comments ol li { border-bottom: none; }
		#respond input[type="text"] {
			width:  135px;
		}
		.social-button.twitter { width: 100px; }
		.social-button { width: 90px; }
		.depth-2, .depth-3, .depth-4, .depth-5 { margin-bottom: 0 ; }
		.search { width: 253px; }
		#filters { margin-top: 0; }
		#portfolio.threecols { margin-left: -10px; }
		#portfolio.fourcols { margin-left: 30px; }
		#portfolio.fivecols { margin-left: 50px; }
		.portfolio-item { margin-left: 0!important; }
		.portfolio-item h3 { top: 25px; text-shadow: 0px 0px 0px white, 0px 0px 5px #282828; }
		#sidebar { padding-left: 0; width: 300px; border-left: none; }
		#footer .one-third.delta {
			margin-left: 0!important;
			margin-right: 0!important;
		}
		
	}