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

/* 2.1 Header */

.logo { padding: 10px 0 5px; float:left; }
.logo .site-title, .logo .site-description { display: block;}
.logo .site-title { font: 36px/42px "Helvetica Neue", Helvetica, Arial, sans-serif; }
.logo .site-title a { text-decoration: none; }
.logo .site-description { font-size: 11px; }

#mob-logo{display: none;}

/* 2.6 Footer */
#footer-wrap { padding:40px 0px; }
#footer-bottom { padding: 10px 0 10px; }
footer p { font-size: 12px; }

	/* 2.6.1 Footer Widgets 1-4 Columns */
	#footer-widgets .block.footer-widget-1 { padding-left: 0px; }
	#footer-widgets .block.footer-widget-4 { padding-right: 0px; }
	#footer-widgets .widget h4 { margin-bottom: 10px; }
	#footer-widgets .widget h4 span { background: #fff; }

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

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

	/* 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) {
	
		.summary .products .thumbnail-container .button { text-indent: 20px; }
		.shop-columns-5 .products .product .thumbnail_container .button{ text-indent: 20px; }
	
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		
		.main-menu { background: none; border-radius: 0; width: 100%; box-shadow: none; border:none; }
	
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {}
@media only screen and (max-width: 480px) {
		
	#mob-logo{display: block;}
	#logo{display: none;}	
	}

/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/