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


/* #Tablet (Portrait)
================================================== */

/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 959px) {

	#backsketch {
		max-width: 100%;
	}

	#footer1 {
		display: none;
	}
	#footer2 {
		margin-left: 20px;
	}

	#main {
		margin-bottom: 40px;
	}

	#header.navbar {
		width: 100%;
	}

	body #header.navbar #logo {
		width: 23%;
	}

	#header.navbar #menu {
		width: 75%;
	}

	.jt-menu li {
		margin-bottom: 5px;
	}

	#header.navbar {
		z-index: 1;
	}

	#header.navbar #search, #header.navbar #social_icons {
		margin-top: 40px;
	}

	#social_sharing, #live_comments, #featured_boxes .boxes span.description {
		display: none;
	}

	.featured_boxes_carousel .viewport {
		width: 100%;
	}
	.featured_boxes_carousel .overview li {
		width: 187px;
		height: 187px;
	}
	.featured_boxes .boxes {
		width: 127px;
		height: 127px;
	}
	#front_centered {
		position: inherit;
		margin-left: 0;
	}
	#footer {
		position: relative;
	}
	.featured_boxes_carousel {
		height: auto;
		margin-bottom: 10px;
	}
	.hg-portfolio-sortable #sorting {
		margin-bottom: 25px;
	}

}

/*  #Mobile (Portrait)
================================================== */

/* Note: Design for a width of 320px */

@media only screen and (max-width: 767px) {
	.jt-menu {
		display: none;
	}

	.core_team {
		width: 100%;
	}

	#header.navbar #search {
		display: none;
	}

	#tinynav1 {
	    display: block;
	    width: 90%;
	    margin: 15px auto -20px;
	}
	img, #backsketch {
		max-width: 100%;
	}

	#footer1 {
		display: none;
	}
	#footer2 {
		margin-left: 20px;
		width: auto;
	}

	#main {
		margin-bottom: 40px;
	}

	#header.navbar {
		width: 100%;
	}

	body #header.navbar #logo {
		width: 100%;
		position: inherit !important;
	}

	#header.navbar #menu {
		width: 100%;
	}

	#header.navbar {
		z-index: 1;
	}

	#header.navbar #search, #header.navbar #social_icons {
		margin-top: 40px;
	}

	#social_sharing, #live_comments, #mainboxes, #footer3, #footer4, .supersized_slider, .thumbContainer, #arrow_indicator,
	.sq_controls, .mb_YTVPBar .buttonBar, #social_icons {
		display: none !important;
	}

	#front_centered {
		position: inherit;
		margin-left: 0;
	}
	#footer {
		position: relative;
	}

	.noSidebars #mainbody {
		padding-right: 10px;
	}
	.hg-portfolio-sortable #sorting {
		margin-bottom: 25px;
	}
}


/* #Mobile (Landscape)
================================================== */

/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {

	img, #backsketch {
		max-width: 100%;
	}

	#footer2 {
		width: 205px;
	}

	.jt-menu {
		display: none;
	}

	#tinynav1 {
	    display: block;
	    margin-top: 25px;
	    width: 90%;
	}

	#footer1 {
		display: none;
	}
	#footer2 {
		margin-left: 20px;
		width: auto;
	}

	#main {
		margin-bottom: 40px;
	}

	#header.navbar {
		width: 100%;
	}

	#logo {
		width: 100%;
	}

	#header.navbar #search, #header.navbar #social_icons {
		margin-top: 40px;
	}

	#social_sharing, #live_comments, #mainboxes, #footer3, #footer4, .supersized_slider, .thumbContainer, #arrow_indicator,
	.sq_controls, .mb_YTVPBar .buttonBar , #social_icons {
		display: none !important;
	}

	#front_centered {
		position: inherit;
		margin-left: 0;
	}
	#footer {
		position: relative;
	}
	.featured_boxes_carousel {
		height: auto;
		margin-bottom: 10px;
	}
	.noSidebars #mainbody {
		padding-right: 10px;
	}
	.hg-portfolio-sortable #sorting {
		margin-bottom: 25px;
	}
}