/* DEFAULTS
----------------------------------------------------------*/
/* background-color:#161733; Grayish-Navy color */

body {background-color: White;font-size: .80em;font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;margin: 0px;padding: 0px;color: #696969;}
p {margin-bottom: 10px;line-height: 1.6em;}

/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {font-size: 1.5em;color: #666666;font-variant: small-caps;text-transform: none;font-weight: 200;margin-bottom: 0px;}
h1 {font-size: 1.6em;padding-bottom: 0px;margin-bottom: 0px;font-size: 2em;}
h2 {font-size: 1.5em;font-weight: 600;}
h3 {font-size: 1.2em;}
h4 {font-size: 1.1em;}
h5, h6 {font-size: 1em;}
h6 {color:White;}


/* Site.master (Menu) ***************************************************************/

.container {float:left;clear:none;margin:0px 50px 20px 15px;height:100%;background-image:url(../images/gradient8.png);color:White;} 

.main {padding: 0px 12px;margin: 0px auto;text-align: center;line-height: normal;clear:none;}

.headLink {float:right;clear:none;vertical-align:bottom;padding:10px;font-size:x-large;text-decoration:none;font-weight:bolder;}
a.headLink:link {color:White;}
a.headLink:visited {color:White;}
a.headLink:hover {color:#FFFF66;}




/* Site2.master (Home Page and Location) ********************************************/

.container2 {float:left;clear:none;margin:0px 20px 20px 0px;width:400px;height:600px;background-image:url(../images/gradient8.png);color:White;padding-top:0px;} 
/* gradient8 gives mini blind effect    */
/* gradient7 I like interesting effect    */


/* Home Page */
.headLink2 {float:right;vertical-align:top;text-decoration:none;list-style:none;text-align:right;padding:10px 10px 0px 0px;}
a.menuLink:link {font-size: 1.3em;color: #666666;font-size:x-large;font-variant: small-caps;text-transform: none;font-weight: 300;margin: 0px;}
a.menuLink:visited {color:#161733;}
a.menuLink:hover {color:#4e5766;color:Maroon;}

div#homeBackground 
{
    margin:auto;
    min-height:1000px; 
    width:1200px;
    background-color:White;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    border-radius: 25px;
    } 

div#viewFrame 
{
    background-color:#161733;
    width:430px;
    min-height:470px;
    padding-bottom:10px;
    margin: 0px 0px -50px 75%;
    border-radius:25px;
    }  
    
div#gallery {}
div#gallery img {border-radius:25px;margin:15px auto;width:95%;}   



/* Site.master AND Site2.master *****************************************************/

.page {background-color: #fff;margin: 0px auto;}

.copyright {color:#4e5766;padding:8px 0px;margin:0px auto;text-align:center;line-height:normal;}

div#links{padding-right:1%;}

.header
{
    position: relative;
    margin: 0px;
    padding: 10px;
    background-color: #161733;
    }
.header h1
{
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #f9f9f9;
    border: none;
    line-height: 2em;
    font-size: 2em;
    }
.grad
{
    width:100%;
    margin-top:0px;
    background: white; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#161733, white); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#161733, white); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#161733, white); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#161733, white); /* Standard syntax */
    }
.grad
{
    width:100%;
    margin-top:0px;
    background: #161733; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#161733, white); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#161733, white); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#161733, white); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#161733, white); /* Standard syntax */
    }
    
.location {width:425px;height:350px;}
    
/* Menus **********************************************************************/

       
/* Menu downloads */
.headLink3 {vertical-align:bottom;font-size:x-large;text-decoration:none;list-style:none;text-align:center;background-color:transparent;padding:15px 0px 0px 0px;}
a.headLink3:link {color:White;}
a.headLink3:visited {color:#4e5766;color:White;}
a.headLink3:hover {color:#FFFF66;}

.menuHeading {font-family: balthazar, serif;font-weight:bold;font-size:x-large;}
.menuTitle {font-family: balthazar, serif;font-weight:bold;font-size:xx-large;}
.menuTitle a:link {float:right;clear:none;font-size:medium;padding:0px 60px 0px 0px;font-family:Sans-Serif;vertical-align:top;} /* used for Back to Top anchor */
.menuItem {font-family:balthazar, serif;font-weight:bold;font-size:large;}
.menuItemBrunch {font-family:abril-fatface, serif;font-size:large;}
.menuItemDesc {margin-bottom:20px;font-size:medium;}
.menuSubItems {margin-left:30px;}
.menuNextItem {margin-bottom:20px;}
.menuSpan {font-weight:normal;}
.menuItem2 {font-size:medium;}
.menuFoodWarning {color:Red;font-style:italic;font-weight:bold;margin:auto;padding:15px;clear:both;}

.menuNotice 
{
    background-color:#FFFF66;
    color:Navy;
    font-size:small;
    font-style:italic;
    padding:5px 0px;
    width:100%;
    text-align:center;
    margin:10px auto;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }

div#brunch 
{
    background-color:#FFFF66;
    font-size:large;
    font-style:italic;
    text-align:center;
    width: 60%;
    border-radius: 25px;
    margin:0px 50px 0px 60px;
    color:Navy;
    padding: 15px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }   
div#brunchMenu {background-color:White;width:80%;margin:auto;padding-top:20px;}  
div#dinnerMenu {background-color:White;width:80%;margin:auto;}    
div#SoupsSalads {margin-top:-60px;margin-bottom:-70px;}
.menuLeftCol
{
    background-color:White;
    padding:30px;
    margin: 12px 10px 8px 20px;
    clear: none;
    text-align:left;
    }
.menuRightCol
{
    background-color:White;
    padding:30px;
    margin: 12px 20px 8px 0px;
    width: 50%;
    clear: none;
    float:right;
    text-align:right;
    }
.leftCol
{
    background-color:White;
    padding:30px;
    margin: 12px 10px 8px 20px;
    width: 50%;
    clear: none;
    text-align:right;
    }
.rightCol
{
    background-color:White;
    padding:30px;
    margin: 12px 20px 8px 0px;
    width: 50%;
    clear: none;
    float:right;
    text-align:left;
    }


/* CSS3 Examples --------------------------- */

/* http://www.w3schools.com/css/css3_gradients.asp */

/* Linear gradient Top to Bottom (this is default) --------------------------- */
#gradTB {
    background: red; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(red, yellow); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(red, yellow); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(red, yellow); /* For Firefox 3.6 to 15 */
    background: linear-gradient(red, yellow); /* Standard syntax */
} 

/* Linear gradient Diagonal --------------------------- */
#gradDiag {
  background: red; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, red , yellow); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, red, yellow); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, red, yellow); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, red , yellow); /* Standard syntax */
}