/*   
Theme Name: Klondike Foods Version 1.0
Theme URI: http://klondikefoods.ca
Description: Custom theme created for Klondike Foods by <a href="http://www.qualiacollective.com">Qualia</a>
Author: Denis Leblanc
Author URI: http://snapsize.com
Version: 1.0
*/

/* RESET
----------------------------------------------------------------------------------------------------*/
html, body, div, span, a, img,
h1, h2, h3, h4, h5, h6, hgroup, p,
dl, dialog, dt, dd, ol, ul, li, 
abbr, acronym, address, b, big, blockquote, 
cite, code, del, dfn, em, b, i, ins, kbd, pre, q, 
samp, tt, var, small, strong, sub, sup, var, 
object, iframe, form, fieldset, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, footer, header, nav, section,
figure, menu, time, mark, audio, video, textarea { 
								  font-family: inherit; font-size: 100%; font-weight: inherit; 
								  font-style: inherit; vertical-align: baseline; white-space: normal;
								  text-align: left; margin: 0; padding: 0; border: 0; outline: 0;
								  background: transparent; }




/* GENERAL
----------------------------------------------------------------------------------------------------*/
body							{ font-family: Arial, Helvetica, sans-serif; line-height: 1.5; 
								  font-size: 75%; background: #FFFFFF; color:#222222; }

table							{ font: inherit; width: 100%; border-collapse: separate; 
								  border-spacing: 0; background-color: transparent; width: auto; 
								  height: auto; }
hr								{ border: none; background: #ddd; width: 100%; height: 4px; 
								  margin: 18px 0 14px 0; position: relative; }



/* HEADINGS
----------------------------------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6			{ font-size: 100%; font-weight: normal; word-spacing: -0.125em; }
h1								{ font-size: 28px; }
h2								{ font-size: 27px; line-height: 32px; padding: 0 0 17px 0; 
								  font-weight: normal; color:#049b67; font-style: italic;
								  font-family: "Arial Narrow", "Arial";}
h3								{ font-size: 20px; font-weight: normal; margin: 0 0 0 0; }
h4								{ font-size: 13px; padding: 0 0 18px 0; }
h5								{ font-size: 13px; padding: 0 0 18px 0; }
h6								{ font-size: 13px; padding: 0 0 18px 0;}




/* LINKS
----------------------------------------------------------------------------------------------------*/
a								{ text-decoration: none; font-weight: normal; }
a:hover						 	{ text-decoration: underline; }



/* BOLDED
----------------------------------------------------------------------------------------------------*/
b, strong, caption, th, thead,
dt, legend, cite, a.url			{ font-weight: bold; }



/* ITALICIZED
----------------------------------------------------------------------------------------------------*/
dfn, em, i				{ font-style: italic; }



/* MONOSPACED
----------------------------------------------------------------------------------------------------*/
code, kbd, samp, pre, tt, var	{ font-family: mono-space, monospace; }



/* GENERAL TEXT
----------------------------------------------------------------------------------------------------*/
p, pre, address					
abbr, code, kbd					{ font-size: 13px; line-height: 18px; margin: 0 0 17px 0; }
p								{ word-spacing: 0.125em; }




/* FORMS
----------------------------------------------------------------------------------------------------*/
input, textarea					{ font-size: 12px; }
textarea						{ font-family: inherit; font-size: 100%; font-weight: normal; 
								  line-height: 18px; font-style: normal; white-space: normal; 
								  text-align: left; border: solid 1px #ccc; 
								  height: 220px; padding: 1px; display: block; 
								  width: 380px; float: right; margin-right: 80px;
								  border: solid 1px #ddd; }
input, select, button			{  }
input[type="text"],
input[type="password"],
input[type="select"],
input[type="search"]			{ border: none; border: solid 1px #ddd; 
								  height: 16px; padding: 1px; display: block; 
								  width: 380px; float: right; margin-right: 80px;}

input[type="file"]				{ border: solid 1px #ddd; padding: 1px 2px; }
input[type="submit"],
input[type="reset"],
input[type="button"]			{ height: 25px; padding:3px 15px; background: url(images/btn-bg.jpg) left; 
								  color: #FFF; border:none; border:solid 1px #666; display: block;
								  -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.btn input						{ *height: 25px; *padding:3px 5px; *background: url(images/btn-bg.jpg) left;
								  *border:none; }

input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover		{ background: url(images/btn-bg.jpg) right; }
form, legend, label				{ font-size: 13px; line-height: 18px; }
form							{ line-height: 18px; margin: 0 0 18px 0;}
form ol li, form ul	li			{ list-style: none; margin: 16px 0; }
legend							{ font-size: 13px; font-weight: bold; width:100%; 
								  border-bottom: solid 1px #ddd; margin: 0 0 8px 0;}
label							{ padding-top: 0; float: left; display: block;
								  width: 220px; }
select							{ display: block; margin-top: 2px; margin-bottom: 0; }
input[type="radio"]				{ margin: 9px 5px 0 0; float: left; display: block; clear: left; }
input[type="checkbox"]			{ margin: 9px 5px 0 0; float: left; display: block; clear: left; }



/* LISTS
----------------------------------------------------------------------------------------------------*/
ul, ol, dl, dialog				{ line-height: 21px; }
ol, ul							{ list-style: none; margin-bottom: 20px; margin-left: 0;
								  padding-left: 0;}
ul								{ list-style: disc inside; }
ol								{ list-style: decimal inside; }
li ul, li ol, ul ul, ol ol		{ top: 0; margin-top: 0; margin-bottom: 0; }
li h1, li h2, li h3,
li h4, li h5, li h6, li p		{ top: 0; }

/* TABLES
----------------------------------------------------------------------------------------------------*/
.entry table					{ margin-bottom: 10px;}





/* 960 Grid System ~ Core CSS. Learn more ~ http://960.gs/ Licensed under GPL and MIT. */

/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12					{ margin: 0 auto; width: 960px; }

/* GRID >> GLOBAL
----------------------------------------------------------------------------------------------------*/
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12						{ display: inline; float: left; position: relative; 
								  margin: 0 10px; }

/* GRID >> CHILDREN (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha							{ margin-left: 0; }
.omega							{ margin-right: 0; }

/* THE GRID
----------------------------------------------------------------------------------------------------*/
.container_12 .grid_1			{ width: 60px; }
.container_12 .grid_2			{ width: 140px; }
.container_12 .grid_3			{ width: 220px; }
.container_12 .grid_4			{ width: 300px; }
.container_12 .grid_5			{ width: 380px; }
.container_12 .grid_6			{ width: 460px; }
.container_12 .grid_7			{ width: 540px; }
.container_12 .grid_8			{ width: 620px; }
.container_12 .grid_9			{ width: 700px; }
.container_12 .grid_10			{ width: 780px; }
.container_12 .grid_11			{ width: 860px; }
.container_12 .grid_12			{ width: 940px; }

/* PREFIX EXTRA SPACE
----------------------------------------------------------------------------------------------------*/
.container_12 .prefix_1			{ padding-left: 80px; }
.container_12 .prefix_2			{ padding-left: 160px; }
.container_12 .prefix_3			{ padding-left: 240px; }
.container_12 .prefix_4			{ padding-left: 320px; }
.container_12 .prefix_5			{ padding-left: 400px; }
.container_12 .prefix_6			{ padding-left: 480px; }
.container_12 .prefix_7			{ padding-left: 560px; }
.container_12 .prefix_8			{ padding-left: 640px; }
.container_12 .prefix_9			{ padding-left: 720px; }
.container_12 .prefix_10		{ padding-left: 800px; }
.container_12 .prefix_11		{ padding-left: 880px; }

/* SUFFIX EXTRA SPACE
----------------------------------------------------------------------------------------------------*/
.container_12 .suffix_1			{ padding-right: 80px; }
.container_12 .suffix_2			{ padding-right: 160px; }
.container_12 .suffix_3			{ padding-right: 240px; }
.container_12 .suffix_4			{ padding-right: 320px; }
.container_12 .suffix_5			{ padding-right: 400px; }
.container_12 .suffix_6			{ padding-right: 480px; }
.container_12 .suffix_7			{ padding-right: 560px; }
.container_12 .suffix_8			{ padding-right: 640px; }
.container_12 .suffix_9			{ padding-right: 720px; }
.container_12 .suffix_10		{ padding-right: 800px; }
.container_12 .suffix_11		{ padding-right: 880px; }

/* PUSH SPACE
----------------------------------------------------------------------------------------------------*/
.container_12 .push_1			{ left: 80px; }
.container_12 .push_2			{ left: 160px; }
.container_12 .push_3			{ left: 240px; }
.container_12 .push_4			{ left: 320px; }
.container_12 .push_5			{ left: 400px; }
.container_12 .push_6			{ left: 480px; }
.container_12 .push_7			{ left: 560px; }
.container_12 .push_8			{ left: 640px; }
.container_12 .push_9			{ left: 720px; }
.container_12 .push_10			{ left: 800px; }
.container_12 .push_11			{ left: 880px; }

/* PULL SPACE
----------------------------------------------------------------------------------------------------*/
.container_12 .pull_1			{ left: -80px; }
.container_12 .pull_2			{ left: -160px; }
.container_12 .pull_3			{ left: -240px; }
.container_12 .pull_4			{ left: -320px; }
.container_12 .pull_5			{ left: -400px; }
.container_12 .pull_6			{ left: -480px; }
.container_12 .pull_7			{ left: -560px; }
.container_12 .pull_8			{ left: -640px; }
.container_12 .pull_9			{ left: -720px; }
.container_12 .pull_10			{ left: -800px; }
.container_12 .pull_11			{ left: -880px; }


/*
GREEN							color:#049b67;
BLUE							color:#179cd8;
*/


/* REUSABLE CLASSES
----------------------------------------------------------------------------------------------------*/
.left, .alignleft				{ float: left; }
.right, .alignright				{ float: right; } 
.clear 							{ clear: both; }
.hide							{ display: none; }
.text-right						{ text-align: right;}

.more-link						{ color:#179cd8; font-style:italic; font-weight: bold;}




/* MAIN HEADER
----------------------------------------------------------------------------------------------------*/
#wrapper						{ width:100%; }

#header-wrap					{ width:100%; height:285px;
								  background: url(images/body-bg.jpg) bottom repeat-x;}
#header							{ height:285px;
								  background: url(images/header-bg.png) no-repeat;}
#main-menu ul					{ height: 45px; margin-top: 208px; float: right; line-height: 18px;}
#main-menu ul li				{ display: inline; }
#main-menu a					{ display: block; float:left; padding:11px 20px 13px 20px; color:#FFF;
								  text-transform: uppercase; font-family: "Arial Narrow", "Arial";
								  font-size: 24px; *font-size: 20px;}
#main-menu a:hover,
#main-menu .current_page_item a,
#main-menu .current_page_ancestor a,
#main-menu .current_page_parent a	{ background: url(images/link-bg.jpg) repeat-x; text-decoration: none;}

#description h2					{ text-align: center;}


/* SIDEBAR
----------------------------------------------------------------------------------------------------*/
#sidebar						{ margin-top: 29px;}

#sidebar h3						{ color:#179cd8; font-size: 20px; font-weight: normal;
								  font-family: "Arial Narrow", "Arial"; padding:20px 0 0 0;}
#sidebar ul						{ font-size: 14px; line-height: 25px;}
#sidebar ul	li					{ list-style: none;}
#sidebar a						{ color: #179cd8;}

/* CONTENT
----------------------------------------------------------------------------------------------------*/
#content-wrap					{ margin-bottom: 20px;}
#content-wrap h2, 
#content-wrap h2 a				{ color:#179cd8; font-style: normal;}
#content-wrap .static-page h2,
#content-wrap .category-page h2	{ color:#049b67; font-style: italic;}

.front-page						{ padding-top: 40px; min-height: 260px;}
.static-page, .category-page	{ min-height: 400px;}

.wpcf7 br						{ display: none;}
.wpcf7 p						{ clear: both; font-weight: bold; padding: 0 0 17px 0; }
.wpcf7 span						{ float:right; padding: 0;}

.entry h3						{ color:#179cd8;}

/* FOOTER
----------------------------------------------------------------------------------------------------*/		
#footer-wrap					{ height:230px; width:100%;
								  color:#FFF; background: url(images/footer-bg.jpg);}
#footer-wrap a					{ color:#FFF;}
#footer-modules					{ padding-top: 20px; font-size: 14px; height:192px;}
#footer-modules h3				{ font-family: "Arial Narrow", "Arial";}
.footer-space					{ display:block; height:192px;}
#footer-modules ul li			{ list-style: none;}



#copyright						{ bottom: 0;}