/*   
Theme Name: Trail Mix Theme
Theme URI: 
Description: Custom theme for Trail Mix by the hideously clever Kablooey monsters.
Author: The Kablooey Team
Author URI: http://www.kablooeystudios.com
Version: 1
*/

@media screen {
	
	body
{
	background-image:url(images/patternrpt.png);
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	color:#393939;
	font-size:13px;
}


a
{
	color:#c60751;
	text-decoration:none;
}


h1
{
	font-family: 'ComfortaaRegular';
	color:#c60751;
	font-size:27px;
	margin:0;
	font-weight:normal;
	margin-bottom:20px;
}


h2
{
    font-family: 'ComfortaaRegular';
    font-size: 20px;
    font-weight: normal;
}


.clear
{
	clear:both;
}


.login
{
	float:right;
	margin-top:118px;
}


.flexible-frontend-login, #ffl-logout-link, .ffl-close-popup-link
{
	float:right;
	background-color:#C60751;
	padding:5px;
	font-family:16px;
	font-family: 'ComfortaaRegular';
}


.login a
{
	color:#fff;
}

.wrapper
{
	width:1000px;
	margin:auto;
	position:relative;
	z-index:20;
}


.overlock
{
	height:360px;
	background-image:url(images/overlock.png);
	background-repeat:repeat-x;
	background-color:#fff;
	width:100%;
	/*position:absolute;
	z-index:-10;*/
	top:0;
}



.logo
{
	padding-top:30px;
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:solid 1px #b6b6b6;
}



.menu
{
	color:#616161;
	font-family: 'AsapRegular';
	font-size:16px;
	margin-bottom:20px;
	height:20px;
}


menu ul
{
	padding:0;
	margin:0;
}


.menu ul li
{
	list-style:none;
	float:left;
	margin-left:35px;
	margin-right:35px;
}


.menu ul li a
{
	color:#616161;
	font-weight:normal;
	text-decoration:none;
}



.menu ul li a:hover
{
	color:#c60751;
}



.logomenu
{
	margin-bottom:8px;
	height:75px;
}


.branditem
{
	width:250px;
	height:75px;
	background-repeat:repeat-y;
	float:left;
	list-style:none;
	cursor:pointer;
}


.logomenu ul
{
	margin:0;
	padding:0;
}


.dropdownitem
{
	width:998px;
	height:450px;
	z-index:30;
	background-color:#fff;
	border:solid 1px #fff;
	position:absolute;
	margin-top:15px;
	left:0;
	cursor:default;
	
}


.ie8 .dropdownitem
{
	margin-top:100px !important;
}


.menutext
{
	float:right;
	/*width:450px;*/
	margin:20px;
}


.menutext ul
{
	padding-left:20px;
	list-style:disc;
}



#aura
{
	background-image:url(images/aura2.png);
}



#paradise
{
	background-image:url(images/paradise2.png);
}



#savoy
{
	background-image:url(images/savoy2.png);
}



#uzuri
{
	background-image:url(images/uzuri2.png);
}


.banner
{
	border:solid 1px #fff;
}


.bottomshadow
{
	background-image:url(images/shadow.png);
	height:18px;
	background-repeat:no-repeat;
}



.topshadow
{
	background-image:url(images/topshadow.png);
	height:10px;
}



.content
{
	background-color:#fff;
	padding:20px;
	padding-bottom:40px;
}

#content-sidebar {
	width: 75%;
	float: left;
	}
	
aside {
	width: 20%;
	float: right;
	padding: 1%;
    background: #f5f5f5;
	}	


.footer
{
	color:#373737;
	text-align:right;
	margin-bottom:50px;
	line-height:1.5;
}


.footer a
{
	font-weight:bold;
	color:#373737;
	text-decoration:none;
}


.sidebarwrapper
{
	float:right;
	width:215px;
	padding-left:20px;
	border-left:solid 1px #ccc;
}


.shopstuff
{
	float:left;
	width:700px;
}


.widget
{
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom:solid 1px #ccc;
}


.widget ul
{
	padding:0;
	margin:0;
}


.widget li
{
	list-style:none;
	margin-bottom:5px;	
}



img.alignnone {margin:1em 1em 1em 1em;}
img.alignright {float:right; margin:0 0 1em 1em; }
img.alignleft {float:left; margin:0 1em 1em 0;}
img.aligncenter {display: block; margin-left: auto; margin-right: auto; }
a img.alignright {float:right; margin:0 0 1em 1em; }
a img.alignleft {float:left; margin:0 1em 1em 0; }
a img.aligncenter {display: block; margin-left: auto; margin-right: auto; }





/* Woocommerce styles */

#product-cat-image {
    height: 200px;
	text-align: center;  /* align the inline(-block) elements horizontally */
    font: 0/0 a;         /* remove the gap between inline(-block) elements */
	background: #fff;
	}

#product-cat-image:before {    /* create a full-height inline block pseudo=element */
    content: ' ';
    display: inline-block;
    vertical-align: middle;  /* vertical alignment of the inline element */
    height: 100%;
	}

#product-cat-image img {
    display: inline-block;
    vertical-align: middle;  /* vertical alignment of the inline element */
}	

#product-cat-excerpt {
	padding: 2% 5%;
    text-align: center;
	}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
	margin-right: 2% !important;
    width: 21% !important;
    border: 1px solid #eee;
    padding: 1% !important;
	}
	
.woocommerce ul.products li.product:nth-child(4n+4), .woocommerce-page ul.products li.product:nth-child(4n+4) {
	margin-right: 0 !important;
	}	
	
.add_to_cart_button {
	display: none !important;
	}	


.related {
	overflow: auto;
	clear: both;
	}

#back-button {
	padding: 10px 20px;
    margin-top: 40px;
    background: #ddd;
    width: 120px;
    text-align: center;
	cursor: pointer;
	}	
	
#back-button:hover {
	background: #ccc;
	}	
	


* {/* margin: 0; padding: 0;*/ }
body { /*background: white; font: 14px/1.4 Georgia, Serif;*/ }
.screen-reader-text { position: absolute; left: -9999px; top: -9999px; }
.group:after { /*visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;*/ }
* html .group, *:first-child+html .group { zoom: 1; } /* First selector = IE6, Second Selector = IE 7 */

#page-wrap { /*width: 960px; margin: 20px auto;*/ }

h1, h2, h3 { /*font-weight: normal; margin: 0 0 10px 0;*/ }
h1 { }
h2 { }
h3 { }

p { margin: 0 0 10px 0; }
a { }
a:hover { } 

blockquote { }
blockquote p { }

ul, ol { margin: 0 0 10px 0; }

.post { }

.entry { }
.entry a { }
.entry a:hover { }

pre { }
code, tt { }

#meta { }
.postmetadata { }

#sidebar { }

.navgation { }
   .next-posts { }
   .prev-posts { }

#searchform { }
	#s { }
	#searchsubmt { }
	
ol.commentlist { list-style: none; }
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor { }
ol.commentlist li.byuser { }
ol.commentlist li.comment-author-admin { }
ol.commentlist li.comment { border-bottom: 1px dotted #666; padding: 10px; }
ol.commentlist li.comment div.comment-author { }
ol.commentlist li.comment div.vcard { }
ol.commentlist li.comment div.vcard cite.fn { font-style: normal; }
ol.commentlist li.comment div.vcard cite.fn a.url { }
ol.commentlist li.comment div.vcard img.avatar { float:right; margin: 0 0 10px 10px; }
ol.commentlist li.comment div.vcard img.avatar-32 { }
ol.commentlist li.comment div.vcard img.photo { }
ol.commentlist li.comment div.vcard span.says { }
ol.commentlist li.comment div.commentmetadata { }
ol.commentlist li.comment div.comment-meta { font-size: 10px; }
ol.commentlist li.comment div.comment-meta a { color: #ccc; }
ol.commentlist li.comment p { }
ol.commentlist li.comment ul { }
ol.commentlist li.comment div.reply { font-size: 11px; }
ol.commentlist li.comment div.reply a { font-weight: bold; }
ol.commentlist li.comment ul.children { list-style: none; margin: 10px 0 0; }
ol.commentlist li.comment ul.children li { }
ol.commentlist li.comment ul.children li.alt { }
ol.commentlist li.comment ul.children li.bypostauthor { }
ol.commentlist li.comment ul.children li.byuser { }
ol.commentlist li.comment ul.children li.comment { }
ol.commentlist li.comment ul.children li.comment-author-admin { }
ol.commentlist li.comment ul.children li.depth-2 { border-left: 5px solid #555; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-3 { border-left: 5px solid #999; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-4 { border-left: 5px solid #bbb; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-5 { }
ol.commentlist li.comment ul.children li.odd { }
ol.commentlist li.even { background: #fff; }
ol.commentlist li.odd { background: #f6f6f6; }
ol.commentlist li.parent { border-left: 5px solid #111; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even { }
ol.commentlist li.thread-odd { }

form { }
input[type=text] { }
textarea { }


} /* END screen media */


@media print {

.do-not-print { display: none; }
#comments { page-break-before: always; }

body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; }
h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
h1 { font-size: 19pt; }
h2 { font-size:17pt; }
h3 { font-size:15pt; }
h4,h5,h6 { font-size:12pt; }
code { font: 10pt Courier, monospace; } 
blockquote { margin: 1.3em; padding: 1em; }
img { display: block; margin: 1em 0; }
a img { border: none; }
table { margin: 1px; text-align:left; }
th { border-bottom: 1px solid #333;  font-weight: bold; }
td { border-bottom: 1px solid #333; }
th, td { padding: 4px 10px 4px 0; }
caption { background: #fff; margin-bottom: 2em; text-align: left; }
thead { display: table-header-group; }
tr { page-break-inside: avoid; } 
a { text-decoration: none; color: black; }
	
	
} /* END print media */