/*
Theme Name: Johnny Two Tone Club
Theme URI: http://www.johnnytwotoneclub.com
Description: Customised theme for JTTC 2014. Child theme of Wordpress' Theme Trust's Gather theme.
Author: Michelle Leslie
Version: 1
Template: gather
*/

@import url('../gather/style.css');

/* FONTS */

/* @license
 * MyFonts Webfont Build ID 2649293, 2013-09-23T01:24:41-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Filmotype La Crosse by Filmotype
 * URL: http://www.myfonts.com/fonts/filmotype/lacrosse/regular/
 * Copyright: Copyright (c) 2013 by Font Diner Inc. All rights reserved. Filmotype is a trademark of Font Diner Inc.
 * Licensed pageviews: 20,000
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2649293
 * 
 * © 2013 MyFonts Inc
*/

@font-face {font-family: 'FilmotypeLaCrosse';src: url('fonts/286CCD_0_0.eot');src: url('fonts/286CCD_0_0.eot?#iefix') format('embedded-opentype'),url('fonts/286CCD_0_0.woff') format('woff'),url('fonts/286CCD_0_0.ttf') format('truetype');}

/* GENERAL STYLES */
#container {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
}

/* HEADER */
#header {
	background-image: url(images/bg-header.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#header .inside .bottom {
	margin-bottom: 12px;
}
#header .inside .top {
	background: rgba(0,0,0,.2);
	border-bottom: none;
}
#mainNav{	
	font-family: Arvo, Helvetica, arial, sans-serif;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 2px;
	text-transform: uppercase;
}

/* HOME */

.homeSection h2 {
	font-size: .8em;	
	margin: 0 0 30px 0;
	clear: both;	
	color: #222;
	font-weight: bold;
	letter-spacing: 2px;	
	width: 100%;
	text-transform: uppercase;
	text-align: center;
	background: transparent url(images/subheading_bkg.gif) 0 5px repeat-x;
}

.homeSection h2 span {
	background: #fff;
	padding: 0 10px;
}

#homeMessage {
	background: #FFF;
	border: none;
	color: #222;
	margin-bottom: 0;
}
.homeSection {
	margin-bottom: 10px !important;
}
#pageHead {
	background: transparent;
	border: none;
}
#homeMessage p, #pageHead h1 {
	color: #181818;
	font-family: FilmotypeLaCrosse, Arvo, Helvetica, arial, sans-serif;
	font-size: 46px !important;
	padding-top: 20px !important;
}
#homeMessage p {
	padding-top: 10px;
}
#pageHead h1{
	padding-top: 25px;
	margin-left: 2%;
}
pre {
	border: transparent;
}

/* FOOTER */
#footer {	
	background: #FFF url(images/grid-noise.png);
	border-top: none;
	color: #7d7d7b;
}

#footer a {
	color: #181818;	
}

#footer a:hover {
	color: #525252;	
}

#footer .inside {
	max-width: 62.5em;
	margin: 0 auto 20px;
	padding: 30px 0 0;	
}

#footer .main {	
	margin: 0 0 0 3%;						
}

#footer .secondary {	
	padding-top: 20px;
	margin: 10px 0 0 0;
	background: transparent;
	border-top: none;	
}

#footer .secondary .left {
	float: left;
	margin-left: 3%;		
}

#footer .secondary .right {
	float: right;
	margin-right: 3%;			
}

#footer h3 {
	background: none !important;
	border-top: #181818 solid 1px;
	padding-top: 8px;
}

#footer h3 span {
	background: transparent;
}

/* TEXT STYLES */

h1, h2, h3, h4, h5, h6 {
	color: #000 !important;	
}
h3 {
	font-family: Arvo, Helvetica, arial, sans-serif;
	font-size: 11px !important;
	font-weight: 600 !important;
	letter-spacing: 2px;
	text-transform: uppercase;
}
#sidebar .widgetBox h3 {
	background-image: url("images/subheading_bkg.gif");
}

/* BUTTON STYLES */

a.button, #footer a.button, .widget_price_filter .button, .cart .button, #searchsubmit, input[type="submit"], button {
	 background-image: url("images/asfalt-light.png") !important;
	 border: none !important;
	 box-shadow: none !important;
	
}
.simple-social-icons ul li a, .simple-social-icons ul li a:hover {
	background-image: url("images/asfalt-light.png") !important;
}
/* PRODUCT PAGES */


/* SHOP STYLING */
.woocommerce-message {
	
}
.woocommerce span.onsale, .woocommerce-page span.onsale {
	background-image: url("images/asfalt-light.png") !important;
	box-shadow: none !important;
	font-weight: normal;
}
.woocommerce .woocommerce-message, .woocommerce-page .woocommerce-message
{
  border-top-width: 3px;
  border-top-style: solid;
  border-top-color: #1f1f1f !important;
}