/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

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

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

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

/* #Media Queries
================================================== */
 
	@media only screen and (min-width: 1200px)  {
		.landing-page .intro { margin-top: 200px; }
		.feed .product .time { font-size: 13px !important; top: 15px !important; right: 15px !important; }
		.feed .product .user span { font-size: 13px !important; }
	}

	@media only screen and (min-width: 960px) and (max-width: 1199px)  {
		.feed .four.columns { width: 303px !important; }
		.feed .product.msnry { width: 293px !important; margin-right: 10px !important; }
		.feed .product .time { font-size: 13px !important; top: 15px !important; right: 15px !important; }
	}

	/* 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) {
		.landing-page .intro { margin: 120px 20px 0 20px; }
		.landing-page .intro p { font-size: 15px; }
		.feed .four.columns { width: 364px !important; }
		.feed .product.msnry { width: 354px !important; margin-right: 10px !important; }
		.feed .product .caption { display: inline-block; padding-top: 0; width: 100% }
		.feed .product .time { font-size: 13px !important; top: 15px !important; right: 15px !important; }
		.feed .product .user { font-size: 16px; padding-top: 0; line-height: 16px; }
		.feed .product .user span { padding-top: 5px !important; }
		.feed .product table.share td a { margin-left: 10px; }
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		.desktop-only { display: none !important; }
		tr.mobile-only { display: table-row !important; }
		.mobile-only { display:block !important; }
		.landing-page .intro { margin: 0; }
		.product .titlebar .user { padding-top: 5px; }
		.product .titlebar .user span { font-size: 13px !important; line-height: 13px !important }
		.product .titlebar .time { font-size: 13px !important; top: 15px !important; right: 15px !important; }
		.product .tags { text-align: left; font-size: 13px !important; }
		h1 { font-size: 21px; padding: 0 25px; }
		h1 span em { display: none !important; }
		.filters ul li { margin-bottom: 20px; }
		.filters { width: 100% !important; box-sizing: border-box; }
		.filters ul li, .filters ul li a { font-size: 13px !important; }
		.filters ul li strong { width: 70px !important; }
		.filters ul li a { padding: 0 3px; }
		.filters ul li label { margin-bottom: 10px; font-size: 14px; line-height:16px; }
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.feed .four.columns { width: 420px !important; }
		.feed .product.msnry { width: 420px !important; margin: 0 0px 20px 0 !important; }
		.feed .product table.share td a { margin-left: 35px; }
		.filters .trigger { bottom: -90px !important;  }
		#images .four.columns { width: 120px !important; margin: 0 10px !important; }
		.filters ul li strong { width: 135px !important; }
		.filters ul li a { padding: 0 18px; }
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		.product .rating { padding-top: 20px !important; }
		.product .titlebar .user span { display:none !important; }
		.single .container, .single .container .twelve.columns, .single .container .sixteen.columns { width: 260px !important; }
		.avatar img { width: 30px !important; height: 30px !important; }
		.product .rating .flop, .product .rating .cop { background-image: url(../img/cop-flop-sprite-mobile.png) !important; width: 96px !important; height: 96px !important; }
		.product .rating .cop { background-position: 0 0 !important; }
		.product .rating .cop:hover, .product .rating .cop.active { background-position: 0px -96px !important; }
		.product .rating .flop { background-position: -116px 0 !important; }
		.product .rating .flop:hover, .product .rating .flop.active { background-position: -116px -96px !important; }
		.product .rating table { width: 222px !important; }
		.product .rating table td { padding: 10px 5px !important; }
		td.share a { margin-left: 4px !important; }
		.feed .four.columns { width: 300px !important; }
		.feed .product.msnry { width: 300px !important; margin-right: 10px !important; }
		.feed .product table.share td a { margin-left: 18px; }
		#images .four.columns { width: 130px !important; margin: 0 10px !important; }
		h1 { font-size: 21px; padding: 0 10px !important; }

		header { height: 45px !important; background: #FFFFFF url(../img/header-logo-mobile.png) center center no-repeat !important; }
		.menu .trigger { right: -30px !important; }
		.filters .trigger { bottom: -50px !important; }
		.menu .trigger img, .filters .trigger img { height: 45px !important; }
	}