/*   
Theme Name: Kalamatas
Theme URI: http://eatatkalamatas.com
Description: Your custom website template created by Patrick Cason!
Author: Patrick Cason
Author URI: http://patrickcason.com
Version: 1.0
*/

@import url(//fonts.googleapis.com/css?family=Source+Sans+Pro:400,700,900|Libre+Baskerville:400,700);

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video{margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}article, aside, figure, footer, header, hgroup, nav, section{display: block;}img,object,embed{max-width: 100%;}html{overflow-x: hidden;overflow-y: scroll;}ul{list-style: none;}blockquote, q{quotes: none;}blockquote:before, blockquote:after, q:before, q:after{content: '';content: none;}a{margin: 0;padding: 0;font-size: 100%;vertical-align: baseline;background: transparent;}del{text-decoration: line-through;}abbr[title], dfn[title]{border-bottom: 1px dotted #000;cursor: help;}table{border-collapse: collapse;border-spacing: 0;}th{font-weight: bold;vertical-align: bottom;}td{font-weight: normal;vertical-align: top;}hr{display: block;height: 1px;border: 0;border-top: 1px solid #ccc;margin: 1em 0;padding: 0;}input, select{vertical-align: middle;}pre{white-space: pre;/* CSS2 */white-space: pre-wrap;/* CSS 2.1 */white-space: pre-line;/* CSS 3 (and 2.1 as well, actually) */word-wrap: break-word;/* IE */}input[type="radio"]{vertical-align: text-bottom;}input[type="checkbox"]{vertical-align: bottom;*vertical-align: baseline;}.ie6 input{vertical-align: text-bottom;}select, input, textarea{font: 99% sans-serif;}table{font-size: inherit;font: 100%;}a:hover, a:active{outline: none;}small{font-size: 85%;}strong, th{font-weight: bold;}td, td img{vertical-align: top;}sub, sup{font-size: 75%;line-height: 0;position: relative;}sup{top: -0.5em;}sub{bottom: -0.25em;}pre, code, kbd, samp{font-family: monospace, sans-serif;}.clickable,label, input[type=button], input[type=submit], button{cursor: pointer;}button, input, select, textarea{margin: 0;}button{width: auto;overflow: visible;}.ie7 img{-ms-interpolation-mode: bicubic;}.ie6 html{filter: expression(document.execCommand("BackgroundImageCache", false, true));}.clearfix:before, .clearfix:after{content: "\0020";display: block;height: 0;overflow: hidden;}.clearfix:after{clear: both;}.clearfix{zoom: 1;}

/*------------------------------------------------------------------------*/

body { font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; font-size: 16px; color: #FFF; }
select, input, textarea { color: #000; }
a { color: #FFF; text-decoration: none; transition: all 0.1s linear; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; }
a:hover { color: #e0bc88; }
::-moz-selection{ background: #714320; color: #fff; text-shadow: none; }
::selection { background: #714320; color: #fff; text-shadow: none; }
a:link { -webkit-tap-highlight-color: #714320; } 
ins { background-color: #714320; color: #000; text-decoration: none; }
mark { background-color: #714320; color: #000; font-style: italic; font-weight: bold; }
h1, h2 { font-family: 'Libre Baskerville', serif; font-weight: bold; margin-bottom: 5px; }
h1 { color: #CCC; text-transform: uppercase; font-size: 2em; }
h2 { color: #e0bc88; font-size: 1.75em; }
h3 { font-size: 1.5em; font-weight: 900; text-transform: uppercase; margin-bottom: 5px; }
h4 { font-size: 1.25em; font-weight: 900; text-transform: uppercase; margin-bottom: 5px; }

/*------------------------------------------------------------------------*/

#page-wrap {
	position: relative;
	z-index: 2;
	padding-top: 40px;
}

#background {
	position: fixed;
	z-index: 1;
	min-height: 100%;
	min-width: 100%;
	background: url(_/img/background.jpg) center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='_/img/background.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='_/img/background.jpg', sizingMethod='scale')";
}

#logo {
	width: 438px;
	position: relative;
	z-index: 6;
	display: block;
	margin: 0 auto;
	margin-bottom: -8px;
}

.shadow { box-shadow: 0px 0px 20px #000; }
.brownBG { background: url(_/img/brown-tile.jpg) repeat; }
.bottomBorder { border-bottom: 3px solid #FFF; }
.alignleft { text-align: left; }
.aligncenter { text-align: center; }
.alignright { text-align: right; }
img.alignleft, object.alignleft, embed.alignleft { float: left; padding-right: 20px; padding-bottom: 10px; }
img.aligncenter, object.aligncenter, embed.aligncenter { margin: 0 auto; display: block; }
img.alignright, object.alignright, embed.alignright { float: right; padding-left: 20px; padding-bottom: 10px; }
.lowercase { text-transform: lowercase; }
.bold { font-weight: bold; }

.topLocations { position: relative; z-index: 5; }
.topLocations ul { overflow: hidden; margin: 15px auto; }

.topLocations li {
	float: left;
	width: 33%;
	text-align: center;
	cursor: default;
	border-left: 1px solid #000;
	text-transform: uppercase;
}

.topLocations a {
	font-family: 'Libre Baskerville', serif;
	font-weight: bold;
	font-size: 0.9em;
	color: #000;
	text-shadow: 1px 1px 1px #714320;
}

.topLocations li:first-child { border-left: none; text-align: left; }
.topLocations li:last-child { text-align: right; }

#main {
	position: relative;
	z-index: 4;
	background: #000;
	background: rgba(0,0,0,0.75);
}

#nav {
	position: relative;
	margin-left: 30px;
	margin-top: 20px;
	width: 100%;
	overflow: hidden;
	min-height: 340px;
}

#nav li {
	position: relative;
	font-family: 'Libre Baskerville', serif;
	font-size: 1.15em;
	margin: 15px 0px;
	z-index: 7;
}

.current_page_item, .current_page_parent { font-weight: bold; }

.iron {
	position: absolute;
	z-index: 6;
	top: 400px;
	right: 10px;
	background: url(_/img/iron.png) no-repeat;
	width: 300px;
	height: 40px;
}

#content {
	background: #000;
	border-left: 3px solid #FFF;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	min-height: 360px;
	padding: 20px;
	overflow: hidden;
}

#content p { margin-bottom: 10px; }
#content ul, #content ol { margin-left: 30px; margin-bottom: 10px; }
#content ul { list-style-type: disc; }
#content pre { margin-bottom: 10px; }
#content.noPadding { padding: 0px; }
#content a { font-weight: bold; }

.oneThird {
	float: left;
	width: 33.33333333%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border-left: 1px solid #714320;
	margin: 20px 0px;
}

.oneThird:first-child { border-left: none; }

.oneThird h3 { font-size: 1.1em; }

.oneThird h3 a {
	font-family: 'Libre Baskerville', serif;
	font-weight: bold;
	color: #000;
	text-shadow: 1px 1px 1px #714320;
	text-transform: uppercase;
}

#locations div { height: 130px; }
#locations p { font-size: 0.9em; }
#locations p.bold { margin-top: 5px; }

#footer {
	margin-top: 20px;
	margin-bottom: 10px;
	background: #FFF;
	background: rgba(0,0,0,0.75);
	height: 40px;
	padding: 10px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	text-transform: uppercase;
	font-size: 0.75em;
	line-height: 20px;
}

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

.copyright { float: left; }

.copyright li {
	float: left;
	padding: 0px 10px;
	border-left: 1px solid #FFF;
}

.copyright li:first-child { border-left: none; padding-left: 10px; }

.social { float: right; margin-top: -2px; }

.social li {
	float: left;
	margin-left: 5px;
}

.social a { display: block; }

@font-face {
	font-family: 'social';
	src:url('_/fonts/social.eot');
	src:url('_/fonts/social.eot#iefix') format('embedded-opentype'),
		url('_/fonts/social.svg') format('svg'),
		url('_/fonts/social.woff') format('woff'),
		url('_/fonts/social.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

/* Use the following CSS code if you want to have a class per icon */
[class^="icons-"]:before, [class*=" icons-"]:before {
	font-family: 'social';
	font-style: normal;
	speak: none;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	font-size: 2em;
}

.icons-twitter:before { content: "\e000"; }
.icons-rss:before { content: "\e001"; }
.icons-pinterest:before { content: "\e002"; }
.icons-facebook:before { content: "\e003"; }

.thePosts .post { border-top: 1px dashed #DDD; padding: 10px inherit; }
.thePosts .post:first-child { border-top: none; }

.pagination { overflow: hidden; padding-bottom: 20px; }

.pagination a {
	text-transform: uppercase;
	font-weight: 900;
	font-size: 0.9em;
}

.pagination a:first-child { float: left; }
.pagination a:last-child { float: right; }

.date {
	text-transform: uppercase;
	font-size: 0.9em;
	font-weight: 900;
	margin-top: -5px;
}