/***
Shuswap Pie Company CSS
Author: Nick Rathman <nrathman@netshiftmedia.com>

Table of Contents
	
	- 1. Fonts
	- 2. Base Styles
	- 3. Wrapper
	- 4. Header
	- 5. Content Area
	- 6. Misc Styles
	- 7. Footer
	- 8. Menu
	- 9. Order Page
	- 10. Pulse Custom

***/

/*** 1. Fonts ***/

@font-face{
	font-family: 'BitterBold';
	src: url('fonts/Bitter Bold.TTF');
}
@font-face{
	font-family: 'Bitter';
	src: url('fonts/Bitter Regular.TTF');
}
@font-face{
	font-family: 'BitterItalics';
	src: url('fonts/Bitter Italic.TTF');
}

/*** 2. Base Styles ***/

body{
	background: #fff;
	font-family: 'Verdana', 'Helvetica', 'Arial', sans-serif;
	color: #31160d;
	font-size: 15px;
	line-height: 1.7;

}

p{
	margin-top: 10px;
	margin-bottom: 15px;
}

h1,h2,h3,h4,h5,h6{
	color: #b42942;
	font-weight: 500;
	font-family: 'BitterBold';
}

h1{ font-size: 26px; }
h2{ }
h3{ }
h4{ }
h5{ }
h6{ }

ul, ol{ }
ul li{ }
ol li{ }

a, a:link, a:visited{
	color: #b42a43;
}

a:hover{

}

blockquote{ }

table{ }
td, th{ }
td { }
th{ }

strong{ }
em{ }
u{ }
hr{ }

img{ }

label{ font-family: 'BitterBold'; font-weight: 500; }

input[type="text"], input[type="select"]{
	padding: 3px;
}

/*** 3. Wrapper ***/

.wrap{
	background: url('../images/bg.jpg') top center repeat-x #fff;
	background-size: 100%;
	min-width: 880px;
}

/*** 4. Header ***/

.header{
	background: rgba(180,42,67, 0.6);
	height: 40px;
	display: block;
	position: relative;
}

.logo{
	width: 228px;
	margin: 70px auto 60px auto;
}

.sub-header{
	height: 33px;
	background: rgba(255, 255, 255, 0.6);
	position: absolute;
	width: 100%;
	top: 40px;
}

/*** 5. Content Area ***/

.activeLinkContainer{
	display: none;
}

.main{
	width: 842px;
	position: relative;
	margin: 0 auto 0 auto;
	background: #fff;
	min-height: 600px;
}

.content{
	padding: 20px;
}

.special{
	margin-bottom: 25px;
}

.home-boxes{
	margin-top: 60px;
}
.home-boxes img{
	margin-right: 5px;
}

.press-boxes{
	padding: 0;
	margin: 50px 0;
	padding-left: 2px;
	display: block;
}
.press-boxes li{
	display: block;
	float: left;
	list-style-type: none;
	background: #eac3a1;
	width: 185px;
	height: 110px;
	margin: 0px 7px 15px 7px;
}

.menu-table{
	table-layout: fixed;
	width: 100%;
}
.menu-table td{
	padding-right: 20px;
}
.menu-table h2{
	text-align: center;
	font-size: 17px;
	margin-bottom: 15px;
}

.menu-table ul{
	margin: 0;
	padding: 0;
}

.menu-table ul li{
	list-style-type: none;
	color: #53241b;
	font-size: 14px;
	line-height: 23px;
	margin-bottom: 15px;
}

.menu-table ul li strong{
	font-weight: 500;
	font-size: 15px;
	font-family: 'BitterBold';
	color: #53241b;
}

/*** 6. Misc Styles ***/

.center{
	text-align: center;
}
.clear{
	clear: both;
}

/*** 7. Footer ***/

.footer{
	height: 160px;
	background: #b42a43;
	position: relative;
	display: block;
	color: #fff;
}

.footer-content{
	width: 842px;
	position: relative;
	margin: 0 auto;
	font-family: 'BitterBold';
}

.footer-box{
	float: left;
	width: 33%;
	padding-top: 20px;
}

.footer-signup{

}

.footer-signup label{

}

.footer-signup input[type="text"]{
	width: 169px;
}

.footer-address{
	text-align: center;
	line-height: 22px;
	padding: 20px 0;
}
.footer-address img {
	margin-top: 5px;
}
.footer-address a {
	color: white !important;
	text-decoration: none;
}
.footer-social{
	text-align: right;
}

.footer-social span{
	display: block;
	margin-bottom: 3px;
}
.footer-social a{
	display: inline-block;
	margin-right: 2px;
}
.footer-social a:hover{
	opacity: 0.6;
}
/*** 8. Menu ***/

.menu-container{
	width: 842px;
	position: relative;
	margin: 0 auto;
	text-align: center;
}

.menu{
	margin:  0;
	padding: 0;
	padding-top: 7px;
	display: block;
}

.menu li{
	list-style-type: none;
	display: inline-block;
	margin-right: 20px;
}

.menu li:last-child{
	margin-right: 0px;
}

.menu li a{
	font-size: 13px;
	font-family: 'BitterBold';
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 1px;
}

.menu li a:hover, .menu li.active a{
	color: #eac3a1;
}
.sub-menu.menu{
	padding-top: 3px;
}
.sub-menu li a{
	color: #b42942;
	font-family: 'Bitter';
}

.sub-menu li a:hover, .sub-menu li.active a{
	color: #b42942;
	
}
.sub-menu li.active a{
	font-family: 'BitterBold';
}

/*** 9. Order Page ***/

.pie-select, .pie-order{
	width: 50%;
	float: left;
}

.order-pies h2{
	font-size: 17px;
	margin-bottom: 10px;
}
.order-pies h3{
	font-size: 15px;
	color: #53241b;
	margin-bottom: 10px;
}

.pie-list{
	display: block;
	position: relative;
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;
}
.pie-list li{
	list-style-type: none;
}

.pie-list li a{
	color: #53241b;
	font-size: 15px;
	text-decoration: none;
	font-family: 'Bitter';
	display: block;
	background: url('../images/plus.png') center left no-repeat;
	padding-left: 20px;
}
.pie-list li a:hover{
	text-decoration: underline;
}

.pies-ordered{
	border: solid 1px #d8d6d6;
	margin: 0px;
	padding: 0px;
	display: block;
	position: relative;
}
.pies-ordered li{
	list-style-type: none;
	border-bottom:  solid 1px #d8d6d6;
	padding: 3px;
	font-size: 12px;
	color: #53241b;
	text-transform: uppercase;
	text-align: right;
	line-height: 14px;
}
.pies-ordered li .title{
	float: left;
	vertical-align: middle;
}

.pies-ordered li:last-child{
	border-bottom: none;
}
.pies-ordered li .delete{
	display: inline-block;
	width: 14px;
	height: 14px;
	background: url('../images/delete.png') top left no-repeat;
	cursor: pointer;
	vertical-align: middle;
}

.pies-ordered li .price{
	font-weight: 700;
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
}

.pies-ordered li.total{
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: 17px;
	color: #b42942;
	font-weight: 700;
}
.pies-ordered li.total span{
	display: inline-block;
	margin-left: 7px;
}
.pie-form{
	margin-top: 60px;
}

.pie-form input[type="text"]{
	color: #6c6c6c;
	border: solid 1px #d8d6d6;
	padding: 8px 4px;
	font-size: 14px;
	width: 180px;
	margin-bottom: 10px;
}
.pie-form #firstName, .pie-form #city, .pie-form #province{
	margin-right: 10px;
}

.pie-form #province, .pie-form #postal{
	width: 77px;
}

.pie-form #address{
	width: 384px;
}

.pie-form #city{
	width: 180px;
}
.pie-form input[type="text"]::-webkit-input-placeholder ,
.pie-form input[type="text"]:-moz-placeholder,
.pie-form input[type="text"]::-moz-placeholder,
.pie-form input[type="text"]:-ms-input-placeholder {
    color: #6c6c6c;
}

.pie-form input[type="submit"]{
	background: #b42942;
	border: none;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	font-family: 'BitterBold';
	font-size: 17px;
	padding: 5px 20px;
	cursor: pointer;
	float: right;
	margin-top: 20px;
}

.pie-form em{
	clear: both;
	color: #b42942;
	font-size: 17px;
	text-align: right;
	display: block;
	font-family: 'BitterItalics';
	padding-top: 15px;
}

ul.disc{
	padding-left: 30px;
}
ul.disc li{
	list-style-type: disc;
	margin-bottom: 10px;
}

/*** 10. PULSE CUSTOM ***/

.red {
	color: #b42942;
}
.red-background {
	background: #b42942;
}
.white {
	color: white;
}
.white-background {
	background: white;
}
.bitter {
	font-family: BitterBold;
}
.red-title {
	color: #b42942;
	font-family: BitterBold;
	font-size: 17px;
}
hr {
	width: 392px;
	border: none;
	background: #b42942;
	height: 1px;
}
.menu-table {
	text-align: center;
}
.menu-table h2 {
	text-transform: uppercase;
}
.full-width {
	width: 100%;
}
.menu-table  p {
	margin-top: 30px;
}
.menu-table td {
	padding: 20px;
}
.menu-table tr:first-child {
	border-bottom: 1px solid #b42942;
}
.menu-table h3 {
	font-weight: 500;
	font-family: BitterBold;
	font-size: 16px;
	color: #53241b;
}
.menu-table tr:last-child li {
	margin-bottom: 0px;
}
.brown {
	color: #53241b;
}
ul.brown li, ul.brown li a {
	list-style: none;
	font-weight: bold;
	font-size: 15px;
	font-family: BitterBold;
	color: #53241b;
	text-decoration: none;
}
.margin-top {
	margin-top: 30px;
}
.no-underline {
	text-decoration: none;
}
.contact-block a {
	text-decoration: none;
	color: black;
}
.gallery {
	margin-top: 20px;
}
.gallery img {
	max-width: 175px;
	max-height: 175px;
	padding: 7px;
	vertical-align: middle;
}
img {
	max-width: 100%;
}