
/*		Default Layout: 992px. 
		Gutters: 24px.
		Outer margins: 48px.
		Leftover space for scrollbars @1024px: 32px.
-------------------------------------------------------------------------------
cols    1     2      3      4      5      6      7      8      9      10
px      68    160    252    344    436    528    620    712    804    896    */

@media only screen and (min-width: 992px) and (max-width: 1176px) {

		
}


/*		Wide Layout: 1176px. 
		Gutters: 24px.
		Outer margins: 48px.
----------------------------------------------------------------------------------------------
cols    1     2      3      4      5      6      7      8      9      10     11     12
px      68    160    252    344    436    528    620    712    804    896    988    1080    */
	
@media only screen and (min-width: 1176px) {	
	
	div#feature_list, ul#output, ul#output li, ul#output li img {
		width: 1080px;
		height: 320px;
	}
	
	.home_featured {
		float			:	left;
		margin			:	15px;
		width			:	240px;
	}
	
	.home_featured_image img {
		border			:	0;
		width			:	240px;
	}

	#category_page #products {
		width			: 	240px;
		padding			:	15px;
	}

	#content-blog {
		width			:	790px;
	}

	#sidebar {
		width			:	260px;
	}
	
	
}



/*		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */

@media only screen and (min-width: 768px) and (max-width: 991px) {
	
	#menu a {
		padding				: 	6px 10px 6px 10px;
	}
	
	div#feature_list, ul#output, ul#output li, ul#output li img {
		width: 712px;
		height: 211px;
	}

	ul#output li a {
		padding			: 	4px 5px 5px 5px;
	}

	ul#output li a h1 {
		font-size			: 	19px;
	}

	ul#output li a span {
		display: none;
	}
	
	.home_featured {
		float			:	left;
		margin			:	15px;
		width			:	326px;
	}
	
	.home_featured_image img {
		border			:	0;
		width			:	326px;
	}

	#category_page #products {
		width			: 	296px;
		padding			:	30px;
	}

	#content-blog {
		width			:	452px;
	}

	#sidebar {
		width			:	220px;
		padding			:	15px 0 15px 20px;
	}
	
	#footer .widget-footer {
		width			:	46%;
	}

	#footer .blamster_search input#s {
		width			:	75%;
	}
	
}



/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */

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

	#header h1 {
		font-size		: 	22px;
	}
	
	#menu { display: none; }
	
	#menu_mobile { display: table; }
	
	div#feature_list {
		display			:	none;
	}
	
	.home_featured {
		float			:	left;
		margin			:	15px;
		width			:	222px;
	}
	
	.home_featured_image img {
		border			:	0;
		width			:	222px;
	}
	
	.featured_thumbnail {
		display			:	none;
	}
	
	.featured_content {
		width			:	100%;
	}

	#category_page #products {
		width			: 	212px;
		padding			:	20px;
	}

	#content-blog {
		width			:	252px;
	}

	#sidebar {
		width			:	100%;
		clear			:	both;
		padding-left	:	0;
	}
	
	#footer .widget-footer {
		width			:	96%;
		clear			:	both;
	}

	#footer .blamster_search input#s {
		width			:	70%;
	}
	
}



/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	#menu { display: none; }
	
	#menu_mobile { display: table; }
	
	div#feature_list {
		display			:	none;
	}

	ul#output li a {
		padding			: 	4px 5px 5px 5px;
	}

	ul#output li a h1 {
		font-size			: 	16px;
	}

	ul#output li a span {
		display: none;
	}

	ul#tabs {
		display: none;
	}

	#header h1 {
		font-size			: 	28px;
	}
	
	.home_featured {
		float			:	left;
		margin			:	15px;
		width			:	406px;
	}
	
	.home_featured_image {
		width			:	406px;
		float			:	left;
	}
	
	.home_featured_image img {
		border			:	0;
		width			:	406px;
	}
	
	.home_featured_content {
		width			:	406px;
		float			:	left;
		clear			:	both;
	}
	
	.home_featured_content h1 {
		font-size			: 	19px;
	}
	
	.featured_thumbnail {
		display			:	none;
	}
	
	.featured_content {
		width			:	100%;
	}

	#category_page #products {
		width			: 	356px;
		padding			:	40px;
	}

	#content-blog {
		width			:	436px;
	}

	#sidebar {
		width			:	100%;
		clear			:	both;
		padding-left	:	0;
	}
	
	#footer .widget-footer {
		width			:	96%;
		clear			:	both;
	}

}
