/*

Theme Name: Inyo Custom Theme

Theme URI: http://wordpress.org/extend/themes/toolbox

Author: Insignia HD

Author URI: http://www.insigniahd.com/

Description: Custom Theme for Inyo Restaurant

Version: 1.4

License: GNU General Public License

License URI: license.txt

Tags: custom-menu, sticky-post, microformats, rtl-language-support, translation-ready, full-width-template, post-formats



This theme, like WordPress, is licensed under the GPL.

Use it to make something cool, have fun, and share what you've learned with others.

*/



* {

    box-sizing: border-box;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -webkit-font-smoothing: antialiased;

    margin: 0;

}



div.clearBoth {

    clear: both;

}



/* make keyframes that tell the start state and the end state of our object */

@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

 

.fadeIn {

    opacity:0;  /* make things invisible upon start */

    -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */

    -moz-animation:fadeIn ease-in 1;

    animation:fadeIn ease-in 1;

 

    -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/

    -moz-animation-fill-mode:forwards;

    animation-fill-mode:forwards;

 

    -webkit-animation-duration:1s;

    -moz-animation-duration:1s;

    animation-duration:1s;

}

 

.fadeIn.one {

-webkit-animation-delay: 0.7s;

-moz-animation-delay: 0.7s;

animation-delay: 0.7s;

}

 

.fadeIn.two {

-webkit-animation-delay: 1.2s;

-moz-animation-delay:1.2s;

animation-delay: 1.2s;

}

 

.fadeIn.three {

-webkit-animation-delay: 1.6s;

-moz-animation-delay: 1.6s;

animation-delay: 1.6s;

}



body {

    margin: 0px;

    padding:0px;

    font-family: futura-pt;

    background: url(/wp-content/uploads/2013/02/Inyo-010710-9402.jpg) no-repeat center center fixed; 

     -webkit-background-size: cover;

     -moz-background-size: cover;

     -o-background-size: cover;

     background-size: cover;    

    height: 100%;

 }



body.page-id-7 {

  background: url(/wp-content/themes/toolbox/images/contactbg.jpg) no-repeat center center fixed; 

}



body.page-id-109 {

  background: url(/wp-content/themes/toolbox/images/cateringBg.jpg) no-repeat center center fixed; 

}



body.page-id-169 {

  background: url(/wp-content/themes/toolbox/images/homeBg.jpg) no-repeat center center fixed; 

}



body.page-id-178 {

  background: url(/wp-content/themes/toolbox/images/homeBg.jpg) no-repeat center center fixed; 

}



body.page-id-182 {

  background: url(/wp-content/themes/toolbox/images/homeBg.jpg) no-repeat center center fixed; 

}



body.page-id-184 {

  background: url(/wp-content/themes/toolbox/images/homeBg.jpg) no-repeat center center fixed; 

}



body.page-id-144, body.page-id-164, body.page-id-166, body.page-id-172, body.page-id-175 {

  background: url(/wp-content/uploads/2013/02/Inyo-by-Picturethiscity-64-X3.jpg) no-repeat center center fixed; 

}



body.page-id-23, body.page-id-26, body.page-id-30 {

  background: url(/wp-content/themes/toolbox/images/galleryBg.jpg) no-repeat center center fixed; 

}



body.page-id-26, body.page-id-30 {

    background: black;

}



body.page-id-37 {

  background: url(/wp-content/themes/toolbox/images/menuLandingBack.jpg) no-repeat center center fixed; 

}



body.page-id-26 h1.entry-title, body.page-id-30 h1.entry-title {

    display: none;

}



html {

  height: 100%;

}





div#headNav {

     background: url('/wp-content/themes/toolbox/images/navBg.png'); 

     background-repeat: no-repeat;

     background-position: top center;

     height: 70px;

     width: 102%;

     position: relative;

     margin-bottom: 200px;

}



div#logo {

    background: url('/wp-content/themes/toolbox/images/logoWhite.png');

    width: 417px;

    height: 258px;

    position: absolute;

    left: 50%;

    margin-left: -209px;

    margin-top: -80px;

}



body.page-id-7 div#logo {

    background: url('/wp-content/themes/toolbox/images/redLogo.png');



}



div.container {

    width: 960px;

    margin: auto;

    position: relative;

}

.header-img{
margin-top:-200px;
}


div.menuLeft {

    position: absolute;

    left: -21px;

    



}



div.menuRight {

    position: absolute;

    right: 0px;

}



div.menuLeft ul li, div.menuRight ul li {

    float: left;

    padding-top: 16px;

    height: 70px !important;

    display: inline-block;

    padding-bottom: 24px;

}



div.menuLeft ul, div.menuRight ul {

    list-style: none;

    padding: 0px;

    margin: 0px;

    font-size: 20px;

    font-weight: 500;

}



div.menuLeft a, div.menuRight a {

    color: #ffffff;

    text-transform: uppercase;

    text-decoration: none;

    margin: 6px;

}



div.menuLeft a:hover, div.menuRight a:hover {

    border-bottom: 1px solid rgba(255,255,255,0.4);

}









/* Homepage */



div.homeContent {

    color: #ffffff;

    width: 800px;

    margin-top: 2px;

    margin-left: 200px;

    font-size: 24px;

    text-shadow: 0px 0px 5px #000;

    padding-bottom: 36px;

    text-align: center;

}


div.homeContent2 {

    color: #ffffff;

    width: 800px;


    margin-left: 200px;

    font-size: 24px;

    text-shadow: 0px 0px 5px #000;

    padding-bottom: 36px;

    text-align: center;

}



    div.homeContent span {

        color: #a01015;

    }

    

    div.homeContent p {

        margin-bottom: 24px;

    }





    div.homeContent img {

        margin-right: 8px;

    }

    

    

/* Generic Page */



div.content {

    width: 960px;

    margin: auto;

    color: #ffffff;

    margin-top: 200px;

}



    div.content h1.entry-title {

        display: none;

    }



div#blackCenter {

    height: 100%;

    left: 50%;

    width: 960px;

    top: 0px;

    z-index: -50;

    margin-left: -480px;

    background: url(/wp-content/themes/toolbox/images/transBlack57.png);

    display: none;

    position: fixed;

}



body.page-template-menu-black-center-php div#blackCenter {

    display: block;

}





/* Menu Styles */





li.menuDisplay:hover > div#menuPopup {

    display: block;

}

    

div#menuPopup {

    display: none;

  position: absolute;
	
  width:250px;
  height:315px;
  
  background:#333;
    
    z-index: 0;

    margin-top: 16px;

    padding-bottom: 8px;

}

div#menuPopup ul.dropDown {

    margin: 0px;

    padding: 0px;

    padding-bottom: 8px;

}



    div#menuPopup ul.dropDown li {

        margin: 0px;

        padding: 0px;

        padding: 8px 0px;
				width:100% !important;
        height: 45px !important;

    }

    

    div#menuPopup ul.dropDown li a:hover {

        border-bottom: none;

        color: #910b0b;

    }





p a.menuLink {

    font-size: 48px;

    color: #a00512 !important;

    text-decoration: none;

    text-transform: uppercase;

    line-height: 60px;

}



    a.menuLink:hover {

        color: #ffffff !important;

    }





div.menu h1 {

    display: block;

    font-size: 30px;

    background-color: #800A09;

    margin-bottom: 24px;

    padding: 8px;

    color: #000000;

    text-transform: uppercase;

}



div.menu p {

    text-transform: uppercase;

    font-size: 18px;

    line-height: 30px;

}



    div.menu a {

        color: #ffffff;

    }

    



div.menu ul.menuListing {

    list-style: none;

    margin: 0px;

    padding: 0px 0px;

    border-top: 1px solid #950512;

    margin-bottom: 24px;

}





div.menu li.menuItem {

    width: 90%;

    position: relative;

    border-bottom: 1px solid #950512;   

    padding-bottom: 12px;

    padding-top: 12px;

}



div.menu ul li:last-child{

        border-bottom: none !important;

    }

        



div.menu li.menuItem p {

    clear:both;

    text-transform: none;

}

    

div.menu li.menuItem span.title {

    float: left;

    width: 90%;

    margin-top: -20px;

    font-size: 18px;

    text-transform: uppercase;

    font-weight: 600;



}



div.menu li.menuItem span.price {

    float: right;

    width: 20%;

    font-size: 18px;

    font-weight: 600;

    text-align: right;

}



div.menu h2 {

    font-size: 18px;

    text-align: center;

    margin-bottom: 36px;

    margin-top: 24px;

    font-weight: 500;

    text-transform: uppercase;

}



div.menu li.half {

    width: 50%;

    float: left;

}



    div.menu li.half span {

        width: 70px;

        display: inline-block;

    }



div.menu ul.bottomList {

    list-style: none;

}



div.menuTop a{

    margin: 0px 16px;

    text-decoration: none;

}



    div.menuTop a:hover {

        color: #9F0512;

    }



div.menuTop {

    margin-bottom: 24px;

}

    

/* Gallery Landing Page */



div.galleryFeature {

    background: url(/wp-content/themes/toolbox/images/transBlack57.png);

    padding: 36px;

    width: 100%;

    margin-bottom: 48px;

}



    div.galleryFeature a.link img {

        border: 4px solid #a01015;

        float: left;

        margin-right: 24px;

        display: block;

    }

    

    div.galleryFeature a.link img:hover {

        border: 4px solid #000000;

    }

    

    div.galleryFeature a.text {

        display: inline-block;

        background-color: #a01015;

        padding: 8px;

        margin-left: 24px;

        text-decoration: none;

        font-size: 18px;

        float: left;

        font-weight: 500;

        text-transform: uppercase;

        width: 500px;

        color: #000000;

    }

    

        div.galleryFeature a.text:hover {

            background-color: #000000;

            color: #fff;

        }

    

    

/* gallery Page */



img.attachment-thumbnail{

    border: 4px solid #a01015 !important;

}





/* Contact */



div.address {

    width: 350px;

    float: right;

    background: url(/wp-content/themes/toolbox/images/redTrans.png);

    padding: 16px;

    text-align: center;

    clear: both;

    margin-bottom: 16px;

}



    div.address span {

        font-size: 40px;

    }

    

div.contactForm {

    float: right;

    width: 350px;

    background: url(/wp-content/themes/toolbox/images/redTrans.png);

    clear: both;

    padding: 16px;

    margin-bottom: 16px;

}



    div.contactForm input, div.contactForm textarea {

        padding: 8px;

        width: 100%;

        border: 1px solid #ffffff;

        margin: 5px 0px;

    }

    

    div.contactForm input.button {

        width: 100px;

        background-color: #ffffff;

        border-radius: 8px;

        margin-top: 8px;

        font-size: 16px;

        text-transform: uppercase;

    }

    

        div.contactForm input.button:hover {

            background-color: #000000;

            color: #ffffff;

            border: 1px solid #000000;

            cursor: pointer;

        }

        

    div.contactForm span.alert {

        background-color: #000000;

        color: #ffffff;

        padding: 8px;

        text-align: center;

        display: block;

        margin-bottom: 8px;

    }



div.seating {

    float: right;

    width: 100%;

    background: url(/wp-content/themes/toolbox/images/redTrans.png);

    clear: both;

    padding: 16px;

    font-size: 24px;

    text-align: center;

    margin-bottom: 36px;

}





div.seating a {

    color: #ffffff;

}



    div.seating a:hover {

        color: #000000;

    }



/*Footer */



.wrapper {

    min-height: 100%;

    margin-bottom: -150px;

    padding-top: 60px;

}



.push {

    height: 60px;

}



div#footer {

    width: 100%;

    height: 60px;

    position: fixed;

    z-index: 10000;

    bottom: 0px;

    left: 0px;

    background: url(/wp-content/themes/toolbox/images/footer.png);

    background-position: -10px center;

    padding: 12px 36px 8px 36px;

    color: #ffffff;

    text-align: center;

    text-transform: uppercase;

    font-size: 14px;

    box-shadow: 0px -5px 10px rgba(0,0,0,0.5);

    margin-top: 90px;

}



div#footer a {

    color: #ffffff;

}



    div#footer a:hover {

        color: #000000;

    }





div#footer div.info {

    padding-top: 8px;

    text-align: center;

    width: 450px;

    margin: auto;

}



div#footer div.social {

    float: left;
     position: relative;

}



    div#footer div.social img {

        -webkit-transition: all ease-in-out 0.3s;

        float: left;

        margin-right: 8px;

    }

    



    

    



div#footer div.contest {

    width: 400px;

    float: right;

    padding-top: 4px;

    text-align: right;

}



    div#footer div.contest a {

        background: #ffffff;

        color: #000000;

        text-decoration: none;

        padding: 4px 8px;

        display: inline-block;

        margin-left: 8px;

        border-radius: 10px;

    }

    

    div#footer div.contest a:hover {

        background-color: #000000;

        color: #ffffff;

    }

/* =Structure

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



#page {

    display: block;

    margin: none;

    padding: none;

}

#primary {

    float: left;

    margin: 0 -240px 0 0;

    width: 100%;

}

#content {

    margin: 0 280px 0 0;

}

#main .widget-area {

    float: right;

    overflow: hidden;

    width: 220px;

}

#colophon {

    clear: both;

    display: block;

    width: 100%;

}



/* Increase the size of the content area for templates without sidebars */

.full-width #content,

.image-attachment #content,

.error404 #content {

    margin: 0;

}



/* Text meant only for screen readers */

.screen-reader-text,

.assistive-text {

    position: absolute !important;

    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */

    clip: rect(1px, 1px, 1px, 1px);

}



/* Alignment */

.alignleft {

    display: inline;

    float: left;

}

.alignright {

    display: inline;

    float: right;

}

.aligncenter {

    clear: both;

    display: block;

    margin-left: auto;

    margin-right: auto;

}





/* =Header

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



#site-title {

    font-size: 2em;

    font-weight: bold;

    margin: .67em 0;

}

#site-description {

    font-size: 1em;

    font-weight: normal;

    margin: 0 0 1em;

}





/* =Menu

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



#access {

    background: #eee;

    display: block;

    float: left;

    margin: 0 auto 1em;

    width: 100%;

}

#access ul {

    list-style: none;

    margin: 0;

    padding-left: 0;

}

#access li {

    float: left;

    position: relative;

}

#access a {

    display: block;

    line-height: 2em;

    padding: 0 1em;

    text-decoration: none;

}

#access ul ul {

    box-shadow: 0 3px 3px rgba(0,0,0,0.2);

    -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);

    -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);

    display: none;

    float: left;

    position: absolute;

    top: 2em;

    left: 0;

    z-index: 99999;

}

#access ul ul ul {

    left: 100%;

    top: 0;

}

#access ul ul a {

    background: #dedede;

    line-height: 1em;

    padding: .5em .5em .5em 1em;

    width: 10em;

    height: auto;

}

#access li:hover > a,

#access ul ul :hover > a {

    background: #dedede;

}

#access ul ul a:hover {

    background: #cecece;

}

#access ul li:hover > ul {

    display: block;

}





/* =Content

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



.sticky {

}

.entry-meta {

    clear: both;

    display: block;

}

.single-author .entry-meta .byline {

    display: none;

}

#content nav {

    display: block;

    overflow: hidden;

}

#content nav .nav-previous {

    float: left;

    width: 50%;

}

#content nav .nav-next {

    float: right;

    text-align: right;

    width: 50%;

}

#content #nav-above {

    display: none;

}

.paged #content #nav-above,

.single #content #nav-above {

    display: block;

}

#nav-below {

    margin: 1em 0 0;

}

.page-link {

    clear: both;

    margin: 0 0 1em;

}

.page .edit-link a {

    clear: both;

    display: block;

    position: absolute;

    top: 40px;

    right: 10px;

    background-color: #fff;

    padding: 8px 16px;

    border-radius: 8px;

    color: #000;

    text-decoration: none;

}



/* 404 page */

.error404 .widget {

    float: left;

    width: 33%;

}

.error404 .widget .widgettitle,

.error404 .widget ul {

    margin-right: 1em;

}

.error404 .widget_tag_cloud {

    clear: both;

    float: none;

    width: 100%;

}



/* Notices */

.post .notice,

.error404 #searchform {

    background: #eee;

    display: block;

    padding: 1em;

}



/* Image Attachments */

.image-attachment div.entry-meta {

    float: left;

}

.image-attachment nav {

    float: right;

    margin: 0 0 1em 0;

}

.image-attachment .entry-content {

    clear: both;

}

.image-attachment .entry-content .entry-attachment {

    background: #eee;

    margin: 0 0 1em;

    padding: 1em;

    text-align: center;

}

.image-attachment .entry-content .attachment {

    display: block;

    margin: 0 auto;

    text-align: center;

}



/* Aside Posts */

.format-aside .entry-header {

    display: none;

}

.single .format-aside .entry-header {

    display: block;

}

.format-aside .entry-content,

.format-aside .entry-summary {

    padding-top: 1em;

}

.single .format-aside .entry-content,

.single .format-aside .entry-summary {

    padding-top: 0;

}



/* Gallery Posts */

.format-gallery .gallery-thumb {

    float: left;

    margin: 0 1em 0 0;

}



/* Image Posts */

.format-image .entry-header {

    display: none;

}

.single .format-image .entry-header {

    display: block;

}

.format-image .entry-content,

.format-image .entry-summary {

    padding-top: 1em;

}

.single .format-image .entry-content,

.single .format-image .entry-summary {

    padding-top: 0;

}





/* =Images

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



a img {

    border: none;

}

p img {

    margin-bottom: 0.5em; /* a small bottom margin prevents content floating under images */

}

/*

Resize images to fit the main content area.

- Applies only to images uploaded via WordPress by targeting size-* classes.

- Other images will be left alone. Use "size-auto" class to apply to other images.

*/

img.size-auto,

img.size-full,

img.size-large,

img.size-medium,

.attachment img,

.widget-area img,

.wp-caption {

    max-width: 100%; /* When images are too wide for containing element, force them to fit. */

    height: auto; /* Override height to match resized width for correct aspect ratio. */

}

img.alignleft {

    margin-right: 1em;

}

img.alignright {

    margin-left: 1em;

}

.wp-caption {

    padding: .5em;

    text-align: center;

}

.wp-caption img {

    margin: .25em;

}

.wp-caption .wp-caption-text {

    margin: .5em;

}

.gallery-caption {

}

.wp-smiley {

    margin: 0;

}





/* =Forms

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



#searchform label {

    display: none;

}

#searchform input#s {

    width: 60%;

}

input[type=text],

input#s {

    margin: 0 1em 0 0;

    width: 60%;

}

textarea {

    width: 80%;

}



/* Class for labelling required form items */

.required {

    color: #cc0033;

}





/* =Comments

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



article.comment {

    display: block;

}

#respond input[type=text] {

    display: block;

    width: 60%;

}

#respond textarea {

    display: block;

    margin: 0 0 1em;

    width: 80%;

}

#respond .form-allowed-tags {

    clear: both;

    width: 80%;

}

#respond .form-allowed-tags code {

    display: block;

}





/* =Widgets

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



.widget {

    display: block;

}

.widget-area .widget_search {

    overflow: hidden;

}

.widget-area .widget_search input {

    float: left;

}





/* =Footer

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



#colophon {

    padding: 1em 0 0;

}