/*
Theme Name: Foster's Covered Wagons
Theme URI: http://fosterscoveredwagons.com
Description: The new Foster's Covered Wagons home page theme
Version: 1.0
Author: Todd Smith-Salter
Author URI: http://centerdrive.ca
Tags: fosters, brown, green, natural, cowboy
*/


/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
a img { border:none } /* Gets rid of IE's blue borders */




/* Font Imports  */
@font-face {
	font-family: 'GraublauWeb';
		src: url("fonts/GraublauWeb.eot");
		src: local('GraublauWeb'),
			url("fonts/GraublauWeb.svg#lg") format('svg'),
			url("fonts/GraublauWeb.otf") format('opentype');
}
@font-face {
	font-family: 'GraublauWeb';
		src: url('style/css/fonts/GraublauWebBold.otf') format('opentype');
		font-weight: bold;
}


/*---------------------------
	Generic Classes
---------------------------*/

/* Body */
body {
	background: #886B22 url(http://cdn.fosterscoveredwagons.com/background.jpg) repeat fixed center top;
	color: #EEE;
	font-size: 87.5%; /* Base font size: 14px */
	font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", 
				Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", 
				Helvetica, Arial, sans-serif;
	line-height: 1.429;
	margin: 0;
	padding: 0;
	text-align: left;
}

html {
	overflow: scroll; /* fixes pixel jump in firefox */
}

/* Headings */
h2 {font-size: 1.571em} /*22px*/
h3 {font-size: 1.429em} /*20px*/
h4 {font-size: 1.286em} /*18px*/
h5 {font-size: 1.143em} /*16px*/
h6 {font-size: 1em}		/*14px*/

h2,h3,h4,h5,h6,legend,#nav, #main input, #main textarea {
		font-family: "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", 
				Helvetica, Arial, sans-serif;
}

h2,h3,h4,h5,h6,legend {
	font-weight:bold;
	line-height: 1.1;
	margin-bottom: .2em;
	color: #fdb827;
}

h1 {margin-bottom: 0em;}

/* Anchors */
a {outline: 0;}
a img {border: 0px; text-decoration: none;}
a:link, a:visited {
	color: #4B4B4B;
	padding: 0 1px;
	text-decoration: none;
}
a:hover, a:active {
	background-color: #4B4B4B;
	color: #fff;
	text-decoration: none;
	text-shadow: 1px 1px 1px #333;
}

/* Paragraphs */
p {margin-bottom: 1.143em; font-size: 0.857em; /*12px*/}
* p:last-child {margin-bottom: 0;}

strong, b {font-weight: bold;}
em, i {font-style: italic;}

::-moz-selection {background: #F6CF74; color: #fff;}
::selection {background: #F6CF74; color: #fff;}

/* Lists */
ul {
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
}

ol {
	list-style: outside decimal;
	margin: 1em 0 1.5em 1.5em;
}

dl {margin: 0 0 1.5em 0;}
dt {font-weight: bold;}
dd {margin-left: 1.5em;}

/* Quotes */
blockquote {font-style: italic;}
cite {}

q {}

/* Tables */
table {margin: .5em auto 1.5em auto; width: 98%;}

/* Thead */
thead th {padding: .5em .4em; text-align: left;}
thead td {}

/* Tbody */
tbody td {padding: .5em .4em;}
tbody th {}

tbody .alt td {}
tbody .alt th {}

/* Tfoot */
tfoot th {}
tfoot td {}

/* Address */
address {
	font-size: 0.857em;
	font-style: normal;
	margin-bottom: 1.143em;
	text-transform: uppercase;
}

/*---------------------------
	Layout Styles
---------------------------*/

#container {
	margin: 0 auto; padding: 0;
	width: 960px;
	background: #0F0F0F url(http://cdn.fosterscoveredwagons.com/cowboy-bg.jpg) no-repeat top left;
	overflow: hidden;
}
body.home #container div {
	margin: 0 10px 34px 10px;
}

/*---------------------------
	Section Specific Styles
---------------------------*/

/* Header */
body.home #header {
	position: relative;
	height: 500px;
}
	body.home #header h1 {
		position: absolute; top: 20px;
		background: url(http://cdn.fosterscoveredwagons.com/logo-large.png) no-repeat;
		width: 586px; height: 140px;
		text-indent: -9999px;
	}
h1 a {
	display: block;
	width: 100%; height: 100%;
}
	h1 a:hover, h1 a:active {
		background-color: transparent;	
	}
	
/* Store Links */
#store_links {
	margin-bottom: 40px;
	height: 220px;
}
	#store_links ul {
		float: left;
	}
		#store_links li {
        	display: block;
			margin-right: 20px;
			width: 300px;
			height: 220px;
			float: left;
			text-indent: -9999px;
        }
		#store_links li:last-child {
			margin-right: 0px;
		}
			#store_links a {
				display: block;
				background: url(http://cdn.fosterscoveredwagons.com/store_links.jpg) no-repeat;
				width: 100%;
				height: 100%;
            }
				#store_links a.gp {background-position: 0 0;}
				#store_links a.gp:hover {background-position: 0 -220px;}
				#store_links a.dc {background-position: -300px 0;}
				#store_links a.dc:hover {background-position: -300px -220px;}
				#store_links a.dv {background-position: -600px 0;}
				#store_links a.dv:hover {background-position:-600px -220px;}
				
/* About */

body.home #about {
	margin-bottom: 34px;
}

/* Footer */
body.home #footer {
	padding-top: 34px;
	margin-bottom: 34px;
	border-top: 1px solid #404040;
	color: #404040;
}
	#footer ul {
		float: right;
		font-size: 0.857em;
		list-style: none;
		text-align: right;
	}
		#footer li {
			display: inline;
		}
		
/*------------------------------
	Store Pages
------------------------------*/

/* Container */
body.page #container {
	background: #0F0F0F url(http://cdn.fosterscoveredwagons.com/sidebar-bg.png) repeat-y;
}

/* Main Section */

#main {
	position: relative;
	float: right;
	padding: 0 10px;
	width: 699px;
	background-image: url(style/images/gp_bg.jpg);
	background-repeat: no-repeat;
}
	body.page-id-5 #main, body.page-id-11 #main { /* Changes the background picture for the Dawson Page */
		background-image: url(http://cdn.fosterscoveredwagons.com/dawson-bg.jpg);
	}
	body.page-id-7 #main, body.page-id-13 #main {
		background-image: url(http://cdn.fosterscoveredwagons.com/devon-bg.jpg);
	}
/* Header */
	#main #header {
		position: relative;
		height: 310px;
	}
	#main #header h1 {
		position: absolute; top: 90px; left: 58px;
		background: url(http://cdn.fosterscoveredwagons.com/logo-large.png) no-repeat;
		width: 586px; height: 140px;
		text-indent: -9999px;
	}
		body.page-id-5 #main #header h1, body.page-id-11 #main #header h1 { /* changed for Dawson Creek page */
		top: 256px; left: 345px;
		background: url(http://cdn.fosterscoveredwagons.com/logo-medium.png) no-repeat;
		width: 359px; height: 97px;
		}
	#main #header h2, #main #header h3 {
		position: absolute; top: 20px;
		font-family: GraublauWeb, 'Myriad Pro', Myriad, Arial, Helvetica, sans-serif;
		color: #333;
	}
		#main #header h2 {
			text-transform: uppercase;
			font-size: 2.14em;/*30px*/
			left: 10px;
			width: 300px;
		}
		#main #header h3 {
			top: 32px;
			right: 0px;
			width: 380px;
			font-size: 1.14em;
			text-align: right;
		}
/* Navigation */
#nav {
	margin-bottom: 1.5em;
	text-transform: uppercase;
	font-size: 1.29em;
}
	#nav ul {}
		#nav li {
			display: inline;
		}
			#nav a {
				color: #fdb827;
				padding: 0.5em 0.7em;
				border-radius: 8px;
				-moz-border-radius: 8px;
				-webkit-border-radius: 8px;
				-khtml-border-radius: 8px;
			}
			#nav a.current {
				color: #FFF;
				background: #865510;
			}
			
/* Main Content */
#content, #specials {
	position: relative;
	margin-bottom: 1.5em;
	background: #C5C5C5;
	border: 1px solid #a7a7a7;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius:8px
	float:left;			/* this and next are to contain */
	overflow: hidden;	/* floated childred */
}
	#content p {
		margin: 0 1.5em 0.8em 1.5em;
		color: #555;
	}
	#content img {
		background-color: #DEDEDE;
		padding: 10px;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	}
		#content .trailer_pics img {
			padding: 0;
			border-radius: 0px;
			-moz-border-radius: 0px;
			-webkit-border-radius: 0px;
		}
	#content #categories {
		position: absolute;
		top: 0; left: 0;
		width: 140px; 
	}
		#categories li {
			border-bottom: 1px solid #a7a7a7;
			background: url(http://cdn.fosterscoveredwagons.com/list-item-bg.png) repeat-x;
		}
			#categories li:first-child {
				border-top-left-radius:8px;
				-moz-border-radius-topleft: 8px;
				-webkit-border-top-left-radius: 8px;
			}
			#categories li.current {background: #fdb92a url(http://cdn.fosterscoveredwagons.com/list-item-current-bg.png) repeat-x;}
				#categories li.current a:hover {text-shadow: none; color: #4b4b4b;}
			#categories a {
				display: block;
				padding: .5em .5em;
				width: 120px;
			}
				#categories a:hover {
					background: none;
				}
	#content .category {
		margin-left: 140px;
		border-left: 1px solid #a7a7a7;
		background: url(style/images/list-bg.png) repeat-x top;
		border-top-right-radius: 8px;
		-moz-border-radius-topright: 8px;
		-webkit-border-top-right-radius: 8px;
		border-bottom-right-radius: 8px;
		-moz-border-radius-bottomright: 8px;
		-webkit-border-bottom-right-radius: 8px;
	}
	
		.category h4, {
			color:#4B4B4B;
			font-size:2em;
			font-style:italic;
			font-weight:bold;
			margin-left:20px;
			padding:0.5em 1em 1em 0;
		}
		.category ul {
			margin-left: 30px;
			margin-bottom: 0px;
			padding-bottom: 0px;
		}
			.category li {
				margin: 0 1.0em 1.0em 0;
				padding: 0 0 1.0em 0; 
				border-bottom: 1px solid #a7a7a7;
			}
				.category h5 {
					display: inline;
					margin-right: 1em;
					color: #4b4b4b;
				}
				.category a {
				}
				.category li:last-child {
					border: none;
				}
				.category .trailer_pics {
					margin: 1em 0 0 0;
				}
					.category img {
						margin-right: 1.86em;
						border-bottom: 10px solid #fdb92a;
					}
		
/* Sidebar */

#sidebar {
	float: left;
	padding: 20px 10px 20px 10px;
	width: 220px;
	background: white;
	border-right: 1px solid #ddd;
	color: #7e7e7e;
}
	#sidebar h2, #sidebar legend {
		color: #298d5f;
		text-transform: uppercase;
		font-size: 2.0em;
	}

/* Form */

	#sidebar legend {
		font-weight:bold;
		line-height: 1.1;
	}
	#sidebar label {
		display: block;
		margin-bottom: .1em
		font-size: 0.857em;
		text-transform: uppercase;
	}
	#sidebar ol {
		padding: .5em 0;
		margin: 0;
		list-style: none;
		list-style-position:outside;
	}
		#sidebar li {
			padding-bottom: 1em;
		}
	#sidebar .text {
		padding: 0.2em 0;
	}
	#sidebar .text, #sidebar textarea, #sidebar input.submit {
		border: 1px solid #CCC;
		width: 100%;
		font: 1.0em Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", 
				Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", 
				Helvetica, Arial, sans-serif;
	}
	#sidebar input.submit {
		padding: 0.5em;
		border: 1px solid #ccc;
		width: 4.5em;
		cursor: pointer;
	}
		#sidebar input.submit:hover {
			background-color: #999999;
		}
		#sidebar input.submit:focus {
			background-color: #333333;
			color: #CCCCCC;
		}
input:focus, textarea:focus {
	background-color: #ddd;	
}
	
/* Footer */
body.page #footer {
	margin-bottom: 20px;
	color: #4b4b4b;
	overflow: hidden;
}
	body.page #footer p {
		float: left;
	}
	
/* Financing Form */
#main h4 {
	color:#4B4B4B;
	font-size:2em;
	font-style:italic;
	font-weight:bold;
	margin: 0 20px 20px 20px;
	padding:0.5em 1em 0 0;
}
#main fieldset {
	margin: 1.5em 1.5em 0 1.5em;
	padding-bottom: 1.0em;
	border: 1px solid #777;
	background: #aaa url(http://cdn.fosterscoveredwagons.com/fieldset-bg.jpg) repeat-x;
}
	#main legend {
		margin-left: 1.0em;
		color: #000;
		font-size: 1.29em;
		font-weight: bold;
	}
	#main fieldset ol {
		padding: 1em 1em 0 1em;
		margin-top: -1.5em;
		list-style: none;
	}
	#main fieldset li {
		float: left;
		clear: left;
		width: 100%;
		padding: 0.5em 0;
		border-bottom: 1px dotted #555;
	}
	#main fieldset li:last-child {
		border-bottom: none;
	}
	#main fieldset em {
		display: block;
		padding-left: 11em;
		color: #555;
	}
	#main fieldset p {
		color: #333;
		padding: 0 1em 0 1em;
	}
	#main fieldset.submit {
		float: none;
		width: auto;
		border-style: none;
		padding-left: 0;
		margin: 1.5em 0 1.5em 1.5em;
		background-color: transparent;
		background-image: none;
	}
	#main label {
		float: left;
		width: 10em;
		margin-right: 1em;
		color: #333333;
	}
	#main label span {
		color: #FF0000;
	}
	span.wpcf7-not-valid-tip {
		background: red !important;
		color: white !important;
		left: 0 !important;
		top: -0.3em !important;
	}
#main input:focus, #main textarea:focus {
	background-color: #FFF;
	border-color: #777;
}
/*---------------------------------------- 
				Specials 
----------------------------------------*/
#specials {
    background: #e7e7e7;
}
#specials li {
	border-bottom: 1px solid #a7a7a7;
	overflow: hidden;
}
	#specials li:last-child {
		border: none;
	}
#specials h4 {
    background: #dbdcdb url(http://cdn.fosterscoveredwagons.com/specials_head_bg.png) repeat-x;
    margin: 0;
    padding: 0.2em 0.5em;
    border-bottom: 1px solid #a7a7a7;
    -moz-border-radius-topLeft: 7px;
    -moz-border-radius-topRight: 7px;
}
#specials img {
    float: left;
    margin: 1.0em;
    border-bottom: 10px solid #fdb827;
}
#specials h5 {
    padding: 10px 10px 0 250px;
    font-size: 2.0em;
    color: #5d5d5d;
}
#specials p {
    padding-left: 250px;
	color: #7e7e7e;
}
	    p.sale-price {
        font-size: 1.29em;
		margin: 0;
    }
        p.sale-price span {
            display: block;
            padding: 0;
            margin: 0;
            font-size: 2.14em;
            font-weight: bold;
            color: #fdb827;
            text-shadow: 1px 1px 1px #333;
        }
    p.reg-price {
        padding-bottom: 5px;
        margin: 0;
    }
    p.expiry {
    	padding-bottom: 10px;
    }
	
/*--------------------------------------------------
				Used Trailers
--------------------------------------------------*/
#used-trailers li {
	overflow: hidden;	
}
#used-trailers img {
	float: left;
	margin-right: 0.75em; padding: 0;
	border: none;
	border-bottom: 10px solid #fdb827;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
}
#used-trailers h5, #used-trailers p {
	display: block;
	margin-left: 250px;
}
#used-trailers h5 {
	font-size: 1.36em;	
}
#used-trailers .trailer_pics {
	clear:both;
	float: left;
	margin-top: 2em;
}
#used-trailers a:hover {
	color: transparent;	
	background-color: transparent;
}
	
	
/* Generic Wordpress Classes */
.alignright {
	float: right;
	margin: 0 0 1.43em 1.43em;
}
.alignleft {
	float: left;
	margin: 0 1.43em 1.43em 0;
}

/*------------------------------------------------
		Privacy and Terms Pages
------------------------------------------------*/
body.page-template-page-custom-php #container {
	background-image: none;
	background-color: #C5C5C5;
}
body.page-template-page-custom-php #content {
	background: transparent;
	margin: 0;
	border: none;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
}
body.page-template-page-custom-php h4 {
	color:#4B4B4B;
	font-size:2em;
	font-style:italic;
	font-weight:bold;
	margin: 1em 0 0 0.5em;
	padding: 0.5em 1em 1em 0;
}
body.page-template-page-custom-php p a, body.page-template-page-custom-php ul a {
	background: #fdb827;
	padding: 3px 5px;
	margin: -3px 0;
	borer-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#custom-page-logo {
	position: relative;	
}
body.page-template-page-custom-php h1 {
	background: url(http://cdn.fosterscoveredwagons.com/logo-large.png) no-repeat;
	width: 586px; height: 140px;
	text-indent: -9999px;
	margin: 2em auto;
	z-index: 50;
}
body.page-template-page-custom-php ul {
	position: absolute;	top:1;
	width: 100%;
	text-align: center;
	z-index:100;
}
	body.page-template-page-custom-php li {
		display: inline;
		margin: -3px 5px;
	}