/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
    #Site Styles
    #Page Styles
    #Media Queries
    #Font-Face */

/* #Site Styles
================================================== */
body {
    font-family: "Century Gothic", "Arial", "Sans-serif";
    background-image: url(/images/beige_bg.jpg);
    color: #000;
} 
p {padding-left: 10px; padding-right:10px;}

.container {background-color:#FFF;}
h1 {
    font-family: "Century Gothic", "Arial", "Sans-serif";
    color:black;
    padding-left:10px;
}
h2 {
    font-family: "Century Gothic", "Arial", "Sans-serif";
    color:black;
    padding-left:10px;
    font-size:21px;
}
.header {
    background: url(/images/daves-downtown-catering-header-bg.jpg); 
    background-repeat:no-repeat;
    min-height: 148px;
}
.footer {
    /*background: url(/images/footer.png);
    background-position:top;
    background-repeat:no-repeat;*/
    color: #FFF;
    margin:0;
    padding:0;
}

.black {
    background-color:#000;
    color:#fff; 
}

.copyright {
    font-size: 11px;
}

.ticker {
    color:black;
}

.footer a:link {color: #ffcc00; text-decoration:none;}
.footer a:active {color: #ffcc00; text-decoration:none;}
.footer a:hover {color: #ffcc00; text-decoration:underline;}
.footer a:visited{color: #CCC; text-decoration:none;}

/* mobile friendly menu */
.mymenu {
  display: inline-block;
}

.mymobilemenu select {display:none}

@media (min-width:0px) and (max-width: 480px) {
  /*.mymenu topmenu ul, .mymenu topmenu li     { display: none; }*/
  .mymobilemenu select { display: inline-block; }
  .mymenu {display:none}
  .myscroller {display:none}
}



/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

    /* Smaller than standard 960 (devices and browsers)*/ 
     @media only screen and (min-width: 1700px) and (max-width: 3000px) {
         .container                                  { width: 1600px; }
         .container .twenty.columns                  { width: 1600px;}
    }

    @media only screen and (min-width: 1500px) and (max-width: 1699px) {
         .container                                  { width: 1400px; }
         .container .twenty.columns                  { width: 1350px;}
    }

    @media only screen and (min-width: 1200px) and (max-width: 1499px) {
         .container                                  { width: 1200px; }
         .container .twenty.columns                  { width: 1150px;}
    }

    @media only screen and (min-width: 960px) and (max-width:1199px) {
        .container                                  { width:1100px}
        .container .twenty.columns                  { width: 1050px;}

    }
    
    @media only screen and (max-width: 959px) {
        .container {width:950px, padding:0; margin:0;}
        .container .twenty.columns {width: 900px}
    }
    
    /* Tablet Portrait size to standard 960 (devices and browsers) */
    @media only screen and (min-width: 768px) and (max-width: 959px) {
        .container                                  { width:800px}
        .container .twenty.columns                  { width: 750px;}

    }

    /* All Mobile Sizes (devices and browser) */
    @media only screen and (max-width: 767px) {
        .container                                  { width:600px}
        .container .twenty.columns                  { width: 550px;}


    }

    /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
    @media only screen and (min-width: 480px) and (max-width: 767px) {}

    /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
    @media only screen and (max-width: 479px) {}


/* #Font-Face
================================================== */
/*  This is the proper syntax for an @font-face file
        Just create a "fonts" folder at the root,
        copy your FontName into code below and remove
        comment brackets */

/*  @font-face {
        font-family: 'FontName';
        src: url('../fonts/FontName.eot');
        src: url('../fonts/FontName.eot?iefix') format('eot'),
             url('../fonts/FontName.woff') format('woff'),
             url('../fonts/FontName.ttf') format('truetype'),
             url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
        font-weight: normal;
        font-style: normal; }
*/