/*
Theme Name: Storefront Echo
Theme URI: http://storefrontthemes.com
Description: A demo theme created especially for WordCamp SLC 2011
Author: Matt Jones
Author URI: http://storefrontthemes.com
Version: 1.1.1
*/

@import url("css/columnal.css");
@import url("css/jquery.fancybox-1.3.4.css");
@import url("css/flexslider.css");
@import url("css/blueberry.css");
@import url("css/custom.css");

/* Load Google Fonts */
@import url(http://fonts.googleapis.com/css?family=Changa+One);
@import url(http://fonts.googleapis.com/css?family=Abel);

body {background-image:url('images/sand.png');background-color:#ccc;font-family: 'Abel', sans-serif;line-height:1.6;font-size:16px;}

.row {max-width: 960px;}

h1 {font-size:30px;margin-bottom:20px;}
h2 {font-size:26px;margin-bottom:15px;}
h3 {font-size:22px;margin-bottom:15px;}
h4 {font-size:18px;margin-bottom:10px;}
h5 {font-size:16px;margin-bottom:8px;}
h6 {font-size:14px;margin-bottom:5px;}

#content {background:#fff;position:relative;z-index:1;}
	#content p {margin-bottom:20px;}
	.contenthr {height:1px;background:#dedede;max-height:1px;margin-bottom:20px;}
	
	#content #entry ul {margin:30px;}
		#content #entry ul li {margin-left:10px;list-style-type:circle;}
		
	#content #entry ol {margin:30px;}
		#content #entry ol li {margin-left:10px;list-style-type: decimal;}
		
	#content #entry img.alignright {margin-left:10px;margin-bottom:5px;}
	#content #entry img.alignleft {margin-right:10px;margin-bottom:5px;}
	#content #entry img.aligncenter {margin-bottom:5px;}

blockquote {margin-left:50px;border-left:3px solid #ccc;padding:15px 30px 1px;margin-bottom:10px;}
	

#logo a {text-decoration:none;font-family: 'Changa One', sans-serif;font-size:36px;text-shadow: 0 1px 0 white;color:#555;margin:0px 10px;}
#logo a:hover {color:#333;}
#logo a img {float:left;}

a {color:#2E76CF;}
a:hover {color:#20559A;}

img {-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}

.clear {clear:both;}
.alignright {float:right;}
.alignleft {float:left;}
.aligncenter {margin-left:auto;margin-right:auto;}

/* MAIN SLIDER */
#mainslider {background:url(images/ajax-loader-circle.gif) no-repeat 50% 50%;}
#content .blueberry img {margin-top:0px!important; -moz-box-shadow: 0px 0px 0px #333; /* Firefox */ -webkit-box-shadow: 0px 0px 0px #333; /* 
Safari, Chrome */
  box-shadow: 0px 0px 0px #333; /* CSS3 */
  behavior: url(ie-css3.htc);
  max-width:100%;margin-top:3px;-webkit-border-radius: 3px 3px 0px 0px!important;-moz-border-radius: 3px 3px 0px 0px!important;border-radius: 3px 3px 0px 0px!important;}

/* CAROUSEL - FLEX SLIDER */
#productslidercontainer {background:url(images/ajax-loader-bar.gif) no-repeat 50% 50%;}
.flex-control-nav {bottom:-40px!important;}
.row.homerow {overflow:visible;height:auto;}

#productslider.flexslider a img {float:left;margin:2.5%!important;display:block;text-align: center;border-radius: 3px 3px 3px 3px !important;width:20%;}

#productslidercontainer .flex-direction-nav li a {top:45%!important;}

#productslidercontainer {margin-top:-20px;}

/* Shadows */
.box {
  -moz-box-shadow: 0px 1px 4px #333; /* Firefox */
  -webkit-box-shadow: 0px 1px 4px #333; /* Safari, Chrome */
  box-shadow: 0px 1px 4px #333; /* CSS3 */
  behavior: url(ie-css3.htc);
  -moz-border-radius: 3px; /* Firefox */
  -webkit-border-radius: 3px; /* Safari and Chrome */
  border-radius: 3px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
}

/* HEADER */

#header.row {overflow:visible;}

/* NAVIGATION */

#nav-container {background:#333;color:#eee;width:auto;float:right;padding:0 5px;
background: #333; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#333333'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#333)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #555,  #333); /* for firefox 3.6+ */
  behavior: url(ie-css3.htc);
}
ul#nav {list-style: none;font-size:1.2em;float:left;margin:0;border-left:1px solid #444;}
ul#nav li {text-align: left;float:left;display:block;}
ul#nav li a, a.navcart {padding:10px 20px;display:block;text-decoration:none;color:#ddd;border-right:1px solid #444;text-shadow: 1px 1px 0px #000;}
ul#nav li a:hover, a.navcart:hover {background:#444;}

#nav li {float:left; position:relative;}
#nav ul.sub-menu {position:absolute; width:12em;z-index:999;background:#333;display:none;-moz-border-radius: 0px 0px 3px 3px; -webkit-border-radius: 0px 0px 3px 3px; border-radius: 0px 0px 3px 3px;  -moz-box-shadow: 0px 1px 4px #333; /* Firefox */
  -webkit-box-shadow: 0px 1px 4px #333; /* Safari, Chrome */
  box-shadow: 0px 1px 4px #333; /* CSS3 */
background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#555)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #333,  #555); /* for firefox 3.6+ */
  behavior: url(ie-css3.htc);}
  
#nav li:hover ul {}
ul#nav ul.sub-menu li a {width:10em;padding-left:1em;padding-right:1em; float:none;border-right:0px;}
	#nav li ul a {position:relative;z-index:999;}

#nav ul ul {top:auto;}

#nav ul.sub-menu ul {margin-left:12em;margin-top:-50px;-moz-border-radius: 0px 3px 3px 3px; -webkit-border-radius: 0px 3px 3px 3px; border-radius: 0px 3px 3px 3px;}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul {display:none;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul {display:block;}

.navsearch {float:left;padding:10px 20px;display:block;border-right:1px solid #444;}

form.searchform {width:80px;display:inline!important;margin-top:3px;}
form.searchform input[type="text"] {color:#eee;border:1px solid #888;background:#aaa;padding:7px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;border:0px;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#777777', endColorstr='#555555'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#777), to(#555)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #777,  #555);
  behavior: url(ie-css3.htc);
}

a.navcart {float:right;font-size:1.2em;}
#nav-container li {list-style: none;padding:0;margin:0;float:right;}

/* CHECKOUT PAGE */
table.checkout_cart {width:100%;max-width:100%;position:relative;border:1px solid #ccc;margin:10px;-moz-border-radius: 3px; /* Firefox */-webkit-border-radius: 3px; /* Safari and Chrome */border-radius: 3px;margin-left:auto; margin-right:auto;}

table.checkout_cart th {background:#ccc;padding:10px 0px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#dddddd'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#ddd)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #efefef,  #ddd); /* for firefox 3.6+ */
behavior: url(ie-css3.htc);
}

table.checkout_cart td, table.checkout_cart th {text-align: center!important;}

table.checkout_cart td {padding:7px 0px 0px;border-bottom:1px solid #ccc;max-width:20%!important;}

table.checkout_cart td img {position:relative;top:14px;}

table.checkout_cart td {width:7%;border-right:1px solid #ccc;}
table.checkout_cart td + td {width:24%}
table.checkout_cart td + td + td {width:20%;}
table.checkout_cart td + td + td + td {width:13%;}
table.checkout_cart td + td + td + td + td {width:13%;}

table.checkout_cart td.firstcol {border-right:0px;}
table.checkout_cart td.wpsc_product_name {text-align: left!important;}

table.checkout_cart .wpsc_product_price .pricedisplay {font-size:1em!important;}
table.checkout_cart input[type="submit"] {padding:7px!important;font-size:14px!important;min-width:80px!important;}

#wpsc_shopping_cart_container h4 {border-bottom:1px solid #999;font-size:24px;color:#333;}

table.wpsc_checkout_table label, table.wpsc_checkout_table label .asterix {vertical-align: top!important;}

/*table.wpsc_checkout_table {float:left;width:47%;margin:1.5%;}*/
table.wpsc_checkout_table {float:left;margin:1.5%;}
table.cc-table {
	margin: 0;
}
table.cc-table td {
	min-width: 144px;
}

table.cc-table .wpsc_ccBox {
	/*max-width: 100px;*/
}
#wpsc_shopping_cart_container label {font-size:16px;padding-top:6px;}

body.gecko #wpsc_shopping_cart_container label {margin-top:-10px;}

.wpsc_email_address p label {font-size:18px!important;margin-top:20px}
.wpsc_email_address img {float:left;}
.wpsc_email_address input {margin-top:15px;margin-left:20px;}

#wpsc_shopping_cart_container input[type="text"],#wpsc_shopping_cart_container textarea, #wpsc_shopping_cart_container select,#respond input[type="text"],#respond textarea {background:#eee;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#dddddd'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#ddd)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #efefef,  #ddd); /* for firefox 3.6+ */
behavior: url(ie-css3.htc);padding:10px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;border:1px;width:200px;margin-bottom:5px;font-size:14px;}

#respond textarea {width:auto;max-width:93%;}
#respond p {text-align: left;}

.wpsc_totals {float: left;font-size:24px;}
#checkout_total {margin-left:10px;font-weight:bold;}

/* CONTENT BOTTOM */
#content-bottom-border {background:#777;border-top:1px solid #555;height:1px;}
#content-bottom {background:#333;color:#eee;width:auto;float:right;min-height:50px;
background: #333; /* for non-css3 browsers */max-width:100%;width:100%;
-moz-border-radius: 0px 0px 3px 3px; /* Firefox */
-webkit-border-radius: 0px 0px 3px 3px; /* Safari and Chrome */
border-radius: 0px 0px 3px 3px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#333333'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#333)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #555,  #333); /* for firefox 3.6+ */
behavior: url(ie-css3.htc); 
}

.pad20left {padding-left:20px;}
.pad20right {padding-right:20px;}
.pad20both {padding-left:20px;padding-right:20px;}
.pad10both {padding-left:10px;padding-right:10px;}
.pad20top {padding-top:20px;}
.pad20bottom {padding-bottom:20px;}
.pad20vertical {padding-top:20px;padding-bottom:20px;}

#content-bottom .underline {height:1px;min-height:1px;max-height:1px;border-top:1px solid #333;background:#555;margin:5px 0px;}

#content-bottom a {color:#d5d95f;}
#content-bottom h3 {margin-bottom:0px;}

.footwidget1 {padding:20px 0px 20px 20px;}
.footwidget2, .footwidget3 {padding:20px 10px;}
.footwidget4 {padding:20px 20px 20px 0px;}

/* WIDGETS */
#content-bottom a {text-decoration:none;}
#content-bottom a:hover {text-decoration:underline;}
a.rsswidget img {display:none;}
#content-bottom h3 a {color: #eee;text-decoration:none;}
#content-bottom ul li {line-height:1.2;margin-bottom:15px;}

/* PAGE */
#content img.pagefeaturedimage {margin-top:0px;max-width:100%;-moz-box-shadow: 0px 0px 0px; /* Firefox */ -webkit-box-shadow: 0px 0px 0px; /* Safari, Chrome */ box-shadow: 0px 0px 0px;height:auto;-webkit-border-radius: 3px 3px 0px 0px;-moz-border-radius: 3px 3px 0px 0px;border-radius: 3px 3px 0px 0px;}

/* BLOG PAGE */
.post-meta {font-style:italic;font-size:90%;}
li.comment {padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #dedede;}
li.comment li.comment {margin-left:50px;border-top:1px solid #dedede;border-bottom:0px;padding-bottom:0px;padding-top:20px;margin-bottom:0px;margin-top:20px;}
li.comment p {margin-left:42px;}
.comment-author.vcard {float:left;margin-right:20px;}
.reply {margin-left: 150px;}

/* MOBILE SEARCH */
.mobilesearch {display:none;}

/* SEARCH PAGE */
.searchedproduct {text-align: center;}
.searchedproduct a.button {padding:7px;margin-left:0;font-family: 'Abel', sans-serif;}
.searchedproduct h3 {font-size:1.2em;margin:5px 0px 0px;}
.searchedproduct img {max-width:100%;width:100%;margin-left:auto;margin-right:auto;}
.searchcolumn h2 {border-bottom:1px solid #dedede;}
.searchcolumn.postcolumn img, .post img {float:left;margin-right:10px; margin-bottom:5px;}

/* DEFAULT PRODUCTS PAGE */
.default_product_display {margin-bottom:20px;}
.default_product_display .productcol {display:none;}
span.sale {display:none;}
.default_product_display .imagecol {text-align: center;}
.default_product_display .imagecol img {max-width:100%;margin-left:auto;margin-right:auto;}
.default_product_display .imagecol h2 {font-size:1.2em;margin:8px 0px 5px;}

.default_product_display .imagecol .currentprice {width:100%;margin-bottom:5px;}

/* SINGLE PRODUCT PAGE */
.single_product_display .imagecol {}
#sft-single-product-gallery {clear:both;margin-bottom:20px;}
#sft-single-product-gallery img {float:left;}
#sft-single-product-gallery {margin-top:8px;margin-right:-12px;}
#sft-single-product-gallery img {width:30.8%;height:auto;margin-left:0%;margin-right:2%;margin-bottom:8px;}

img.product_image, .default_product_display .imagecol img, .single_product_display .imagecol img,#productslider.flexslider a img {  -moz-box-shadow: 0px 0px 4px #333; /* Firefox */
  -webkit-box-shadow: 0px 0px 4px #333; /* Safari, Chrome */
  box-shadow: 0px 0px 4px #333; /* CSS3 */
  behavior: url(ie-css3.htc);
  max-width:99.5%;margin-top:3px;}

  
.sft-productfield {background:#eee;border:1px solid #ddd;padding:10px;margin-bottom:15px;border-radius: 0px 3px 3px 3px;-moz-border-radius: 0px 3px 3px 3px;-webkit-border-radius: 0px 3px 3px 3px;margin-top:1px;width:auto;}
.sft-productfieldtitle {border:1px solid #ddd;border-bottom:0px;background:#fff;padding:3px 5px;border-radius: 3px 3px 0px 0px;-moz-border-radius: 3px 3px 0px 0px;-webkit-border-radius: 3px 3px 0px 0px;}

form.product_form textarea {width: 100%;height: 80px;}

.custom_meta {margin-bottom:15px;}

.wpsc_product_price .pricedisplay {font-size:1.2em;}
.wpsc_product_price .currentprice.pricedisplay {font-size:1.5em;}
.oldpricedisplay {text-decoration:line-through;}

em.savingsmessage {font-size:1em;}

.imagecol.col_4 {float:right;}

/* FOOTER */

#footer p {text-align: center;color:#666;padding:10px;}

#footer p a {color:#333;}

p.pricedisplay.oldpricedisplay {margin-bottom:5px;}

/* SMALLER COMPUTER SCREENS - ALIGN SEARCH BELOW NAV AND LEFT */
@media handheld, only screen and (max-width: 960px) {
	.navsearch {display:none;}
	#logo {margin-top:20px;}
	.mobilesearch {text-align:right;margin: 0px 0px 7px 0px;display:inline;}
	.mobilesearch form.searchform input[type="text"] {padding:10px;width:200px}

}
@media handheld, only screen and (max-width: 540px) {
table.checkout_cart td + td + td + td + td + td {display:none;}
table.checkout_cart th + th + th + th + th {display:none;}
}

/* MOBILE DEVICES/Tablets */
@media handheld, only screen and (max-width: 767px) {
body.gecko #productslider.flexslider {left: 0;}
	.col_1, .col_2, .col_3, .col_4, .col_5, .col_6,
	.col_7, .col_8, .col_9, .col_10, .col_11, .col_12 {
		padding-left: 0px;
		padding-right: 0px;
	}
#logo {margin-top:0px;}
.container.pad20vertical {padding-top:0px;}
.col_9.last.pad20bottom {padding-bottom:0px;}
#nav-container {max-width:100%;padding:0;margin-left:auto;margin-right:auto;}
a.navcart {border-right:0px;margin-right:3px;}
ul#nav {border-left:0px;padding-left:3px;}
#content.box,#content-bottom,#nav-container {-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
ul#nav ul.sub-menu li a {width:8em;}
#nav ul.sub-menu {width:10em;}
#nav ul.sub-menu ul {margin-left:10em;}

#sft-single-product-gallery img {width:14.4%;height:auto;margin-left:1%;margin-right:1%;}
.single_product_display .imagecol {float:none;margin-left:0px;width:100%;}
.single_product_display .imagecol img {margin-left:auto;margin-right:auto;}

.default_product_display .imagecol h2 {font-size:1.3em;margin-bottom:5px;}
.default_product_display .imagecol .currentprice {width:100%;margin-bottom:5px;font-size:1.3em;}

#content {text-align: center;}

#content-bottom.col_12 {padding:0;}
#nav-container {float:none;width:100%;}
ul#nav {font-size:1em;margin-left:auto;margin-right:auto;}
a.navcart {font-size:1em;}
ul#nav li a,a.navcart,.navsearch {padding:10px 10px;}
#logo {text-align:center;}
.footwidget1, .footwidget2,.footwidget3, .footwidget4 {padding:20px 40px;}

a.navcart {border-left:1px solid #444;}
.navsearch {display:none;}
.mobilesearch {text-align:center;margin: -5px auto 15px auto;display:block;}
.searchcolumn.postcolumn, .post p {text-align: justify;}
.post h2 {text-align: left;}
.searchcolumn.postcolumn h2 {text-align: center;}

#content .blueberry img,#content img.pagefeaturedimage {-webkit-border-radius: 0px!important;-moz-border-radius: 0px!important;border-radius: 0px!important;} 
#mainslider,#productslidercontainer {min-height:0px!important;}
}

/* BUTTONS */
input[type="submit"], a.button {
cursor:pointer; font-size:16px; line-height: 1em; color:white !important; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, .3); display: inline-block; line-height: 1em; min-width:107px; padding: 10px 20px; margin: 0 .3em 1.5em .3em; border: 1px solid #4081AF; border-bottom-color: #20559A; color: white !important; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, .3); text-decoration: none !important; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; 

background:#52A8E8; background: -moz-linear-gradient(center top, #52A8E8 20%, #2E76CF 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #52A8E8),color-stop(1, #2E76CF));
background: -moz-linear-gradient(center top, #52A8E8 20%, #2E76CF 100%);

-webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/,inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .29);
-moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .29);
box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .29);
}

a.button:hover,
.custombutton:hover,
.custombutton.hover,
.custombutton.active,
#content input[type="submit"]:hover, 
#content input[type="submit"].hover, 
#content input[type="submit"].active,
#content input[type="button"]:hover, 
#content input[type="button"].hover, 
#content input[type="button"].active {
text-decoration: none !important; background: #0073d2; background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #3e9ee5),color-stop(1, #1666ca));background: -moz-linear-gradient(center top, #3e9ee5 20%, #1666ca 100%);
}


img{ border: 0px solid red; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }