@charset "UTF-8";
/* Custom CSS Document */

            @import url(//fonts.googleapis.com/css?family=Open+Sans+Condensed:300);

/*******************************************
Color - Page Header
******************************************/

#header-graphic { background-color: #f58f42; }


/*******************************************
Color - Restaurant Name
******************************************/

#logo, #logo a[ href], #restaurant-name { color: #000   ; }
#restaurant-name, #tagline { color: #000   ; }



/*******************************************
Color - Navigation Bar
******************************************/

.nav { background-color: #f5dea6; }
li.dropdown ul { background-color: #f5dea6; }
#small-screen-footer-nav { background-color: #f5dea6; }
#small-screen-menu-button .bar { background-color: #f5dea6; }


/*******************************************
Color - Navigation Links
******************************************/

.nav a[ href] { color: #691107; }
.nav a[ href]:hover, .nav ul li a[ href].selected { color: #691107; }
#small-screen-footer-nav a[ href] { color: #691107; }
#small-screen-menu-button { background-color: #691107; }
#small-screen-menu-button:hover .bar { background-color: #691107;}
#small-screen-footer-nav li a[ href] { color: #691107; }


/*******************************************
Color - Navigation Rollover
******************************************/

.nav a[ href]:hover { background-color: #ffeaba; }
#large-screen-nav.nav a[ href].selected { background-color: #ffeaba; }
#small-screen-menu-button:hover { background-color: #ffeaba; }
#small-screen-footer-nav li a[ href]:hover { background-color: #ffeaba; }


/*******************************************
Color - Headers
******************************************/

#logo a[ href] { color: #691107; }
h1, h2, h3, h4 { color: #691107; }
a[ href]:hover { color: #691107; }
.tools a[ href]:hover { color: #691107; }
#email-form input[type="submit"]:hover, a:hover.button, #newsletter-div .button:hover, #newsletter-div input[type="submit"]:hover { background-color: #691107; }
a[ href].selected { color: #691107; }
.tools a[ href]:hover, .tools a[ href]:hover .icon { color: #691107; }


/*******************************************
Color - Text
******************************************/

body { color: #691107; }
.featured-call-out a[ href]:hover h1,
.featured-call-out a[ href]:hover h2 { color: #691107; }
.featured-call-out a[ href] p { color: #691107; }
.featured-call-out a[ href]:hover p:after { color: #691107; content: " »"; }
footer a[ href].button:hover { color: #691107!important; }
.tools a[ href] { color: #691107; }


/*******************************************
Color - Links
******************************************/

a[ href] { color: #e76d16;}
.featured-call-out a[ href] h1,
.featured-call-out a[ href] h2 { color: #e76d16; }
.featured-call-out a[ href] p:after { color: #e76d16; content: " »"; }
#email-form input[type="submit"], a.button, #newsletter-div .button, #newsletter-div input[type="submit"] { background-color: #e76d16; }
.cycle-pager span.cycle-pager-active { color: #e76d16; }
.tools a[ href] .icon { color: #e76d16; }


/*******************************************
Color - Borders
******************************************/

.nav { border-top-color: #ecd2aa; border-bottom-color: #ecd2aa; }
.nav .dropdown ul { border-color: #ecd2aa; }
.nav .dropdown ul li { border-color: #ecd2aa; }
.home-call-out-1 { border-color: #ecd2aa; }
.home-call-out-2 { border-color: #ecd2aa; }
.home-intro { border-color: #ecd2aa; }
.main-column { border-color: #ecd2aa; }
.sidebar { border-color: #ecd2aa; }
.sidebar .content-block { border-color: #ecd2aa; }
.tools { border-color: #ecd2aa; }
.tools ul { border-color: #ecd2aa; }
.menu-nav h2 { border-color: #ecd2aa; }
.menu-nav li { border-color: #ecd2aa; }
#small-screen-menu-nav { border-color: #ecd2aa; }
#small-screen-footer-nav li { border-color: #ecd2aa; }
#small-screen-footer-nav { border-top: 2px solid #ecd2aa; }


/*******************************************
Color - Page
******************************************/

.nav-wrapper { background-color: #fff2d2; }
#page-content { background-color: #fff2d2; }
input[type="submit"], a.button, #newsletter-div .button, #newsletter-div input[type="submit"] { color: #fff2d2!important; }
.cycle-pager span:hover { color: #fff2d2; }
#newsletter-div { background-color: #fff2d2; }
#small-screen-menu-nav { background-color: #fff2d2; }
footer a[ href].button:hover { background-color: #fff2d2; border-color: #fff2d2; text-decoration: none; }
#small-screen-nav.nav ul li { border-color: #fff2d2; }


/*******************************************
Color - Footer
******************************************/

footer .footer-wrapper { background-color: transparent; }
footer a[ href].button { background-color: transparent; }


/*******************************************
Color - Footer Text
******************************************/

.footer-wrapper { color: #ffeaba; }
.footer-wrapper a[ href] { color: #ffeaba; }
footer h4 { color: #ffeaba; }
footer a[ href].button { color: #ffeaba!important; border-color: #ffeaba; }


/*******************************************
Color - Background
******************************************/

body { background-color: #c23f3d; }
.cycle-pager span { color: #c23f3d; }


body {background: #c23f3d url(../backgrounds/ca-background.jpg) repeat center top;}


/*******************************************
Fonts
******************************************/

.nav, h1, h2, h3, h4, #logo { font-family: Open Sans Condensed, Arial, Helvetica, sans-serif; }
body, .menu-item-name, input[type="submit"], .button { font-family: Verdana, Arial, Helvetica, sans-serif; }
#restaurant-name { font-family: Arial, Arial, Helvetica, sans-serif; }


/*******************************************
Logo/Header Graphic
******************************************/

    
    	#logo { padding: 0; }
        #restaurant-name { display: none; }
        #tagline { display: none; }
        #large-screen-header { display: block; }
    

/* Tablets (portrait) ----------- */
@media only screen and (max-width: 600px) {

    #large-screen-header { display: none; }

        
        	#logo { padding: 0; }
	        #small-screen-header { display: block; }
            #restaurant-name { display: none; }
            #tagline { display: none; }
        
	
}


/*******************************************
Advanced options.
******************************************/






/*******************************************
Custom CSS
******************************************/

body { background-repeat: no-repeat; background-position: center top; }

/* Custom LARGE Screen nav Colors */
#large-screen-nav.nav a[ href].selected { color: #691107; background-color: #fff2d2; }

/* Nav Font Size. */
#large-screen-nav.nav ul li, #small-screen-nav.nav ul li { font-size: 18px; }
#large-screen-nav.nav li.dropdown ul li { font-size: 16px; }
#small-screen-nav.nav ul li a[href] { font-size: 15px; }

/* Custom SMALL Screen FOOTER Nav Colors */
#small-screen-footer-nav { background-color: #e76d16; }
#small-screen-footer-nav li a[href] { color: #ffeaba; }
#small-screen-footer-nav li a[href]:hover { background-color: #f58f42;}

/* Custom Tools */
.tools ul { background-color: #f5dea6; border: none; padding-bottom: 20px; }

/* Misc. */
#page-content{ -moz-border-radius: 0 0 8px 8px; -webkit-border-radius: 0 0 8px 8px; border-radius:  0 0 8px 8px; }