/*  
Theme Name: Commis 102
Theme URI: http://commisrestaurant.com/
Description: Wp Theme
Version: 1.0.2
Author: Vanessa Yap-Einbund / Andrew Lindstrom
*/


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,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,menu {
margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }



body { line-height:1; font:62.5%/1.6 "walkway_boldregular", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #f2f2f2; color: #b3b3b3; }
body.home { background-position: center center; background-repeat: no-repeat; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.images/commis_homepage_01.jpg', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/commis_homepage_01.jpg', sizingMethod='scale')"; }



/* -- Typography & Colors -- */
header li a { font-size: 1.4em; text-decoration: none; text-transform: uppercase; letter-spacing: 0.22em; display: inline-block; padding-bottom: 3px; color: #b3b3b3; }
header li { word-spacing: -10px; overflow:hidden; width: 200px; text-align: right;  }
.home header li a { color: #fff; }
header li a:hover, header .current-menu-item a { border-bottom: 1px solid #b3b3b3; padding-bottom: 2px; }
.home header li a:hover { border-bottom: 1px solid #fff; padding-bottom: 2px; }
.page-title { font-size: 2.6em; }
.entry h2 { font-size: 1.625em; margin-bottom: 25px; }
.entry h5 { font-family: "walkway_ultraboldregular", "Helvetica Neue", Helvetica, Arial, sans-serif; }
h2 { font-family: "walkway_blackregular", "Helvetica Neue", Helvetica, Arial, sans-serif; text-align: center; letter-spacing: 0.3em; text-transform: uppercase; border-bottom: 1px solid #e6e6e6; max-width: 580px; padding-bottom: 20px; margin-bottom:25px; margin: 0 auto; font-weight: normal; }
.subtitle { font-size: 1.6em; line-height: 1.625em; letter-spacing: 0.220em; font-weight: normal; text-align: center; text-transform: uppercase; margin: 25px 0 30px 0; padding: 0 72px;  }
.entry { font-size: 1.6em; line-height: 1.43em; letter-spacing: 0.1em; text-align: center; }
@media screen and (-webkit-min-device-pixel-ratio:0) { .entry { text-align: center; } }
.menu-left, .menu-middle, .menu-right, table td, table { text-align: left; text-align-last: left; -moz-text-align-last: left; -webkit-text-align-last: left; }
h4 { font-size: 0.625em; font-family: "walkway_blackregular", "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: 0.22em; text-align: center; margin-bottom: 52px; font-weight: normal; }
.entry h3 { font-size: 1.125em; letter-spacing: 0.2em; font-weight: normal; text-transform: uppercase; padding: 0; text-align: center; }
.page-wines .entry h3 { padding: 0 0 11px 0; }
#footer-menu { text-align: center; font-size: 1.8em; letter-spacing: 0.2em; text-transform: uppercase; }
#footer-menu a { text-decoration: none; color: #b3b3b3; display: inline-block; padding-bottom: 3px; margin: 0 18px; }
#footer-menu a:hover, #footer-menu .current-menu-item a { border-bottom: 1px solid #b3b3b3; padding-bottom: 2px; }
#footer-credits { font-size: 1.2em; letter-spacing: 0.12em; text-transform: uppercase; text-align: center; margin-top: 34px; }
#footer-credits a { color: #b3b3b3; text-decoration: none; }
.icontent { position: absolute; top: -43px; right: 102px; background-color: #f2f2f2; display: none; padding: 20px; font-size: 1.4em; text-transform: uppercase; letter-spacing: 0.12em; }
.icontent a { color: #b3b3b3; text-decoration: none; border-bottom: 1px solid #b3b3b3; display: inline-block; padding-bottom: 2px; }
#creditlink { width: 830px; margin: 0 auto; text-align: center; position: relative; }
table td + td { text-align: left; }
table td:nth-child(2) { width: 12%; }
table td:nth-child(3) { width: 27px; }
.entry table { margin-bottom: 40px; text-align-last: left; -moz-text-align-last: left; -webkit-text-align-last: left; }
.entry .button a { font-size: 1.125em; text-transform: uppercase; text-decoration: none; letter-spacing: 0.2em; border: 1px solid #b3b3b3; padding: 16px 40px 15px 40px; clear: both; display: inline-block; margin: 18px 0; background-color: #b3b3b3; color: #fff; }
.entry .button a:hover { background-color: #fff; color: #b3b3b3; border: 1px solid #e6e6e6; }
.entry a { color: #b3b3b3; text-decoration: none; }
.entry a:hover { color: #666; }
.entry strong { font-family: "walkway_ultraboldregular", "Helvetica Neue", Helvetica, Arial, sans-serif; }


/* -- Begin Structure -- */
.content { max-width: 830px; margin: 0 auto; padding: 0 20px; }
header { padding: 51px 0 39px 0; z-index: 10000;}
.menuhead { margin-top: 10px; }
#left-menu { width: 321px; float: left; overflow: hidden; margin-top: 13px; }
#right-menu { width: 350px; float: right; text-align: right; overflow: hidden; margin-top: -16px; }

#logo a { display: block; float: left; text-indent: -10000px; margin: 0; margin-top: 11px; background: url(images/commis-logo-grey.svg) center center no-repeat; width: 180px; height: 18px; background-size: 180px auto; }


.home #logo a { color: #fff; background-image: url(images/commis-logo.png); background-image: url(images/commis-logo.svg); }

#left-menu a { margin-right: 48px; }
#right-menu a { margin-left: 28px; }
header { background-color: #f2f2f2; border-bottom: 2px solid #ebebeb; position: fixed; width: 100%; }
.home header { background-color: transparent; border-bottom: none; position: inherit; width: inherit; }
.menu-left, .menu-middle { width: 300px; float: left; line-height: 2em; }
.menu-right { width: 230px; float: left; line-height: 2em; }
.post { margin-top: 191px; }
#background-image { height: 500px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover !important; background-repeat: no-repeat; margin: 53px 0 40px 0; background-attachment: fixed; }
#footer { padding-bottom: 50px; }
#btt-wrapper { background-color: #ccc; text-align: center; background: url(images/btt.png) top repeat-x; margin-top: 32px; }
#btt { display: inline-block; background-color: #f2f2f2; text-transform: uppercase; font-family: "walkway_blackregular", "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: 0.2em; font-size: 12px; padding: 3px 4px 2px 7px; border: 1px solid #e6e6e6; text-decoration: none; color: #b3b3b3; background-color: #e6e6e6; }
#btt:hover { background-color: #fff; }
.responsive-map { margin-bottom: -190px; }
html .gm-style-cc { display: none; }
#mobile-header, #background-image-mobile, .subtitle-mobile, #mobile-map { display: none; }



/* -- Begin Images -- */
p img { padding: 0; max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left; }



/* -- Begin Lists -- */
ol,ul { list-style:none; }
.entry ul { list-style: disc inside; text-indent: 0.5em; padding-bottom: 0.75em; }
.entry ol { list-style:decimal inside; padding-bottom: 1.5em; }
.entry li { padding-bottom: 0.75em; margin: 0; line-height: 1em;  }
header li { display: inline; }
#footer li { display: inline; text-align: center; }



/* -- Begin Various Tags & Classes -- */
.entry p { padding-bottom: 2.25em; }
.clr { clear: both; }
.cf:before,
.cf:after { content: ""; display: table; } 
.cf:after { clear: both; }
.cf { zoom: 1; /* For IE 6/7 (trigger hasLayout) */ }
.clr { clear: both; }
.post-edit-link { display: block; width: 40px; height: 40px; background: url(images/edit-post.png) top left no-repeat; text-indent: -10000px; position: fixed; right: 20px; top: 20px; }