@charset "utf-8";
/*
Theme Name: MKM
Theme URI: http://mindkitchenmedia.com/
Description: MKM
Version: 1.0
Author: Randall A. Gordon
Author URI: http://randallagordon.com/
Tags: Mind the Kitchen!
*/

/* Meyers Reset...Take care of oddball cross-browser descrepencies... */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
input, textarea,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; vertical-align: baseline; }
body { line-height: 20px; color: black; background: white; font-size: 62.5%; } /* Set base font to 10px */
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* clearfix */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
.clearit { display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

/* Replacement */
.replace { display: none; }
.replaced { display: inline-block; display: -moz-inline-stack; background-repeat: no-repeat; background-position: 0 0; vertical-align: text-top; zoom: 1; }
.replaced span { display: block; overflow: hidden; text-indent: -9999px; cursor: pointer; }

/* Alignment & Auxillary */
p img { padding: 0; max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { margin: 10px  0px 10px 10px; display: inline; }
img.alignleft  { margin: 10px 10px 10px  0px; display: inline; }
.alignright { float: right; }
.alignleft { float: left }
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.hidden { display: none; }
.clearboth { clear: both; }

/* Fonts */

/* http://www.theleagueofmoveabletype.com/fonts/12-orbitron */
@font-face { font-family: 'Orbitron Medium'; src: url('fnt/orbitron-medium-webfont.eot'); src: local('☺'), url('fnt/orbitron-medium-webfont.woff') format('woff'), url('fnt/orbitron-medium-webfont.ttf') format('truetype'), url('fnt/orbitron-medium-webfont.svg#webfont') format('svg'); font-weight: normal; font-style: normal; }

h1, h2, h3, h4, h5, h6 { font-family: "Orbitron Medium"; }

/* Tags */
html, body { font-family: Arial, Helvetica, sans-serif; height: 100%; margin: 0 0 1px; }

a { color: #EC008C; text-decoration: none; }
a:hover { text-decoration: underline; }
body { background: #eaeaea url("img/bg.png") top center repeat-x; color: #222; font-size: 15px; text-shadow: #fff 1px 1px 0px; }
blockquote { background: #e8e8e8; margin: 20px; padding: 20px; }
em { font-style: italic; }
h1 { font-size: 40px; font-weight: bold; letter-spacing: 2px; line-height: 40px; }
h2 { font-size: 40px; font-weight: bold; letter-spacing: 2px; line-height: 40px; }
h3 { font-size: 30px; font-weight: bold; line-height: 40px; }
h4 { font-size: 20px; font-weight: bold; line-height: 20px; }
h5 { font-size: 20px; font-weight: bold; line-height: 20px; }
h6 { font-size: 20px; font-weight: bold; line-height: 20px; }

/* IDs */
#ontainerBody { }
#containerBodyInner { padding-top: 80px; }

#commentform input {  }
#commentform textarea {  }
#commentform input#author, #commentform input#email, #commentform input#url, #commentform input#submit {  }
#commentform label {  }

#containerContent {  }

#containerFooter { padding-top: 20px; padding-bottom: 80px; }
#containerFooterBottom { background: #ccc url("img/border.png"); border-top: 1px solid  #222; height: 40px; width: 100%;}

#containerHeader.home { background: url("img/homesplash.jpg") bottom right no-repeat; }

#containerHeaderInner .summary { font-style: italic; line-height: 40px; position: absolute; top: 192px;  }
#containerHeaderInner h2 { padding-top: 40px; }

#containerMenu { font-family: "Orbitron Medium"; font-size: 18px; text-transform: lowercase; }
#containerMenu .page_item { background: #00AEEF; height: 50px; margin-bottom: 10px; }
#containerMenu .page_item { border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; }
#containerMenu .page_item { background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0, rgba(0,0,0,0.15)), color-stop(1, rgba(0,0,0,0))); background-image: -moz-linear-gradient(left center, rgba(0,0,0,0.15), rgba(0,0,0,0)); }
#containerMenu .page_item { -webkit-box-shadow: -1px 3px 3px #666; -moz-box-shadow: -1px 3px 3px #666; }
#containerMenu .page_item a { color: #fff; padding: 15px 0px 0px 20px; text-shadow: #222 1px 1px 0px; display: block; height: 38px; }
#containerMenu .current_page_item { background: #EC008C; }
#containerMenu .current_page_item { background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0, rgba(0,0,0,0.15)), color-stop(1, rgba(0,0,0,0))); background-image: -moz-linear-gradient(left center, rgba(0,0,0,0.15), rgba(0,0,0,0)); }
#containerMenu li:hover { background: #FFF200; }
#containerMenu li:hover { background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0, rgba(0,0,0,0.15)), color-stop(1, rgba(0,0,0,0))); background-image: -moz-linear-gradient(left center, rgba(0,0,0,0.15), rgba(0,0,0,0)); }
#containerMenu li:hover a { color: #222; text-shadow: #fff 1px 1px 0px; }
#containerMenu a:hover {  text-decoration: none; }
#containerMenuInner { background: url("img/menuoverlay.png") top right no-repeat; height: 310px; width: 15px; position: absolute; top: -10px; right: 59px; }


#searchform input { background: #ddd; border: 1px solid #222; padding: 5px; }
#searchform input { background: #ddd; border: 1px solid #222; padding: 5px; }
#searchform #searchsubmit { padding: 4px 5px; } 

/* Classes */
.comment-body { background: #f0f0f0; border: 1px solid #ccc; border-radius: 10px; margin: 20px 0px;  }
.comment-body .avatar { border: 1px solid #ccc; float: right; position: relative; top: 10px; right: 0px; }
.comment-body .comment-author { background: #f6f6f6; border-bottom: 1px solid #ccc; border-radius: 10px 10px 0px 0px; padding: 10px 20px; }
.comment-body .comment-meta { float: right; font-size: 10px; position: relative; top: -30px; right: 20px; }
.comment-body a { color: #222; }
.comment-body a:hover { color: #EC008C; text-decoration: none; }
.comment-body p { padding: 12px 20px; }
.comment-body .reply { padding: 10px 20px 10px 10px; text-align: right; }
.comment-body .unapproved {  }
.commentlist { padding-bottom: 20px; }
.comments { padding: 0px 0px 20px 0px; }
.depth-1 #respond { margin-left: 40px; }
.depth-1 #respond textarea { width: 640px; }
.depth-2 { margin-left: 40px; }
.nocomments { padding: 0px 0px 20px 0px; }

.fb_iframe_widget { margin-bottom: 20px; }

.post { border-bottom: 1px dotted #999; margin-bottom: 40px; }

.post .content { font-size: 15px; line-height: 20px; }
.post .content p { padding-bottom: 20px; }

.post h1, h2, h3, h4, h5, h6 { padding-bottom: 20px; }
.post hr { border: none; border-top: 1px solid #999; height: 1px; margin: 30px 0px; }

.post h2 a { color: #222; }
.post h2 a:hover { color: #EC008C; text-decoration: none; }

.post .header {  }
.post .header .date { padding-bottom: 20px; }

.title { height: 152px; padding-top: 40px; }

.summary { }

/* WPCF7 */
.wpcf7-form-control-wrap { display: block; }
.post .content .wpcf7 p { padding-bottom: 10px; }
.wpcf7 form {  }
.wpcf7 fieldset { margin: 0px; padding: 0px; border: none; }
input, textarea { -moz-border-radius: 10px; -webkit-border-radius: 10px; background: #ddd; color: #000; border: 1px solid white; border-top-color: #aaa; border-left-color: #aaa; border-color: rgba(255, 255, 255, 1); border-left-color: rgba(0, 0, 0, 0.3); border-top-color: rgba(0, 0, 0, 0.3); font-family: Arial, Helvetica, sans-serif; margin-bottom: 10px; padding: 10px; width: 320px; background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, from(rgba(0,0,0,0.10)), to(rgba(255,255,255,0.10))); background-image: -moz-linear-gradient(bottom center, rgba(0,0,0,0.10), rgba(255,255,255,0.10)); }
.wpcf7 .full-width input, textarea { width: 680px; }
input.submit { width: 340px; border-color: rgba(0, 0, 0, 0.5); border-left-color: rgba(255, 255, 255, 1); border-top-color: rgba(255, 255, 255, 1); }

.content div.wpcf7-response-output { margin: 0px 0px 20px 0px; padding: 10px; border-radius: 10px; -moz-border-radius: 10px; }
.content div.wpcf7-mail-sent-ok { background: #00AEEF; border: none; color: #fff; text-shadow: #222 1px 1px 0px; }
.content div.wpcf7-mail-sent-ng { background: #EC008C; border: none; color: #fff; text-shadow: #222 1px 1px 0px; }
.content div.wpcf7-spam-blocked { background: #00AEEF; color: #fff; text-shadow: #222 1px 1px 0px; }
.content div.wpcf7-validation-errors { background: #EC008C; border: none; color: #fff; text-shadow: #222 1px 1px 0px; }
.content span.wpcf7-not-valid-tip { position: absolute; top: 20%; left: 20%; z-index: 100; background: #EC008C; border-radius: 10px; -moz-border-radius: 10px; color: #fff; text-shadow: #222 1px 1px 0px; font-size: 10pt; width: 280px; padding: 10px; }
.content span.wpcf7-not-valid-tip-no-ajax { color: #EC008C; font-size: 10pt; display: block; }