/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */
* {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

html,
body {
margin:0;
padding:0;
height:100%; /*this declaration makes the html and body elements 100% high; if this isn't set, they will shrink to the smallest possible height, preventing the footer from staying at the bottom of the screen. However, for the homepage it may interfere with the background */
}


#wrapper {
min-height:100%;
position: relative; /*this div contains all the page content and is set to make sure it is always 100% high, instead of shrinking when there is very little content on the page  */
}

.hrline {
    color: #f7faee;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}

#navigator {
font-family: Arial;
padding-left: 80px;
}

#navigator a, a:visited { color: #000000; text-decoration: none; outline: 0; }
#navigator a:hover { color: #708238; }

#recipe li {
line-height: 12px;
margin-bottom: 12px;
}

.homenav {
background: #708238;
padding-top:20px;
padding-bottom:5px;
font-family: Arial
;
list-style:none;
margin:0;
text-align:center;
}/* used padding here to vertically align the link text. I still don't understand why, but padding the text itself (.homenav a) beyond a certain amount pushes the header img down, revealing the header div behind it.  */

.homenav li{
    display: inline;
}/* each item in the list  */

.homenav a, .homenav a:visited {
color:#f7faee;
text-decoration: none;
outline: 0;
}

.homenav a:hover {
color: #000000;
text-decoration: none;
}

#homeheader {
position: relative;
}

#homeheader img {
display: block;/* Again, I don't really understand why, but adding display: block (previously absent) eliminates a narrow gap below the header img */
position: relative;
width: 100%;/*width allows image to scale to more than its actual size - it was previously max-width, which left a gap on the right hand side at larger than actual size*/
}

.header {
background: #708238;
height: 120px;
padding-top: 15px;
}

#slider {
position: relative;
background: #f7faee;
}

#slider img {
position: relative;
width: 100%;/*See note against width for homeheader - same applies here*/
}

.homecontent {
font-family:'equity_text_aregular';
color: #f7faee;
position: relative;
padding-top: 30px;
background: #696969;
padding-bottom: 80px; /*pushes the wrapper div down by the same amount as the footer height*/
}

.content {
font-family:'equity_text_aregular';
position: relative;
padding-top: 30px;
background: #F9F6EE;
padding-bottom: 80px; /*pushes the wrapper div down by the same amount as the footer height, otherwise you get a white gap. However, on short pages you STILL get a white gap between content and footer. Increasing this number pushes it down, but this is presumably not the correct way to fix the problem.*/
}

.content a:link {color: #708238; text-decoration: none; outline: 0;
}
a:visited {color: #708238; text-decoration: none; outline: 0;
}

.content a:hover, a:focus {
text-decoration: underline;
}

.content img {
position: relative;
max-width: 100%
}

.footer {
background: #424342;
font-size: 0.8em;
color: #b2b2b2;
padding-left: 30px;
padding-top: 10px;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 80px; /*height of footer - must be at least 80px or you will get empty space below although I'm not sure why */
}


/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {}


/* #Font-Face
================================================== */

@font-face {
    font-family: 'equity_text_abold';
    src: url('fonts/equity_text_a_bold-webfont.eot');
    src: url('fonts/equity_text_a_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/equity_text_a_bold-webfont.woff2') format('woff2'),
         url('fonts/equity_text_a_bold-webfont.woff') format('woff'),
         url('fonts/equity_text_a_bold-webfont.ttf') format('truetype'),
         url('fonts/equity_text_a_bold-webfont.svg#equity_text_abold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'equity_caps_aregular';
    src: url('fonts/equity_caps_a_regular-webfont.eot');
    src: url('fonts/equity_caps_a_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/equity_caps_a_regular-webfont.woff2') format('woff2'),
         url('fonts/equity_caps_a_regular-webfont.woff') format('woff'),
         url('fonts/equity_caps_a_regular-webfont.ttf') format('truetype'),
         url('fonts/equity_caps_a_regular-webfont.svg#equity_caps_aregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'equity_text_aitalic';
    src: url('fonts/equity_text_a_italic-webfont.eot');
    src: url('fonts/equity_text_a_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/equity_text_a_italic-webfont.woff2') format('woff2'),
         url('fonts/equity_text_a_italic-webfont.woff') format('woff'),
         url('fonts/equity_text_a_italic-webfont.ttf') format('truetype'),
         url('fonts/equity_text_a_italic-webfont.svg#equity_text_aitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'equity_text_aregular';
    src: url('fonts/equity_text_a_regular-webfont.eot');
    src: url('fonts/equity_text_a_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/equity_text_a_regular-webfont.woff2') format('woff2'),
         url('fonts/equity_text_a_regular-webfont.woff') format('woff'),
         url('fonts/equity_text_a_regular-webfont.ttf') format('truetype'),
         url('fonts/equity_text_a_regular-webfont.svg#equity_text_aregular') format('svg');
    font-weight: normal;
    font-style: normal;

}