html {
    margin: 0; padding: 10px; font-size: 76%;
    border: 1px solid #34220C; background-color: #000000;}
body {
    margin: 0; padding: 0;
    position: relative; z-index: 1; /* so #content obeys ht 100% */
    border: 1px solid #928455;
    background: #B38544 url(graphics/wall.jpg); color: #3D0606;
    font-family: "Palatino Linotype", Palatino, "Book Antiqua", Georgia, 'Times New Roman', Times, serif;
    _overflow: hidden;}

h1, h2, h3, h4, h5, h6 {
    margin: .5em 0; padding: 0; letter-spacing: .1em;}
    h1 {
        margin: 0; padding: 0;
        font-size: 1.5em; font-variant: small-caps;
        letter-spacing: .2em;}
    h2 {
        clear: both;
        margin: 1em -10px; padding: 10px; padding-bottom: 5px;
        border: 3px solid #958758;
        font-size: 1.33em; font-variant: small-caps;
        background-color: #3D0606; color: #E4C6A0;
        letter-spacing: .3em; text-align: right;}
    h3 { font-size: 1.1em;}
    h4 { font-size: 1em;}
    h5 { font-size: .9em;}
    h6 { font-size: .8em;}

a:link {
    border-bottom: 1px dotted #3D0606;
    color: #4D5626;
    text-decoration: none;}
    a:visited {
        border-bottom: 1px dotted #3D0606;
        color: #6d3616;
        text-decoration: none;}
    a:hover {
        color: #edf6a6;
        position: relative; top: -1px;}
    a:active {color: #000000;}

a.l-image, a img { margin: 0; padding: 0; position: static; border: none;}

.on a:link, .on a:visited, .on a:hover, .on a:active {
    font-weight: bold; font-size: 1.1em; text-decoration: underline;}

p {margin: .5em 1em; padding: 0 .5em; line-height: 1.5em;}

img { border: 1px solid #000000;}

/********************************* GENERIC CLASSES ****************************/
.dc { font-size: 1.33em;}



/********************************************************** PAGE HEADER *******/

#pageheader .wrap3 a {
    margin: 0; padding: 0;
    position: absolute; top: 0; left: 0;
    width: 250px; height: 260px;
    border: none;
    background: url(graphics/branding.jpg) no-repeat;}
    #pageheader .wrap3 a span { display: none;}
    #pageheader .wrap3 #busi-desc {
        width: 350px;
        position: absolute; top: 0; left: 350px;
        font-size: .9em; font-weight: bold; font-style: italic;
        text-align: center;
        z-index: 30;}
    #home #pageheader .wrap3 #busi-desc {
        top: 230px; font-size: 1.33em;}

/************************************************************* MAIN NAV *******/

#main-nav {
    margin: 0; padding: 0;
    position: absolute; top: 0; left: 250px; right: 0px;
    height: 110px; _width: 100%;
    z-index: 3; /* FF 1.07 */
    color: #E4C6A0;
    background: #250000 url(graphics/main-nav-repeat.jpg) repeat-x 248px 0;}
    #main-nav .wrap2 {
        position: absolute; top: 0; left: 0;
        width: 550px; height: 110px;
        background: url(graphics/main-nav.jpg) no-repeat;}
            
#main-nav ul {
    margin: 0; padding: 0;
    position: absolute; left: 13px; bottom: 5px;
    width: 525px; height: 40px;
    text-align: center;
    white-space: nowrap;}
    #main-nav ul li {
        display: inline;
        margin: 2px 5px; padding: 2px 3px;
        list-style-type: none;}
        
#main-nav a {color: #E4C6A0; border: none; font-variant: small-caps; letter-spacing: .1em;}

#l-mn-home, #l-mn-site-map {
    margin: 0; padding: 0;
    position: absolute; top: -4em;
    width: 200px;
    font-size: .8em;}
    #l-mn-home     { left: 47px;  text-align: right; }
    /* to recenter: +/- home and -/+ site-map left offset by same amt */
    #l-mn-site-map { left: 256px; text-align: left; }
    #l-mn-home a, #l-mn-home a:link, #l-mn-home a:visited, #l-mn-home a:hover, #l-mn-home a:active
    #l-mn-site-map a, #l-mn-site-map a:link, #l-mn-site-map a:visited, #l-mn-site-map a:hover, #l-mn-site-map a:active {
    color: #000000; font-variant: normal;}



/******************************************************************* H1 *******/


#theh1 {
    margin: 0; padding: 0; margin-left: 250px;
    position: absolute; top: 110px;
    width: 550px; height: 115px;
    background: url(graphics/h1.gif) no-repeat center 2em;
    text-align: center;}
#home #theh1 {display: none;}
#home #page-intro {
    margin: 0; padding: 0; padding-bottom: 75px;
    width: 400px;
    background: url(graphics/h1.gif) no-repeat center bottom;
    text-align: center;}
    #home #page-intro p {
        padding: 10px;
        border: 1px dotted #958758; border-left: none; border-right: none;}
/************************************************************** SUB NAV *******/

#sub-nav {
    margin: 0; padding: 0; margin-left: 339px;
    position: absolute; top: 225px;
    width: 370px;
    border-top: 1px solid #958758; border-bottom: 1px solid #CCC597;
    z-index: 3; /* FF 1.07 */
    text-align: center;}
    #sub-nav .wrap3 {
        border-bottom: 1px solid #958758; border-top: 1px solid #CCC597;}

#sub-nav ul {
    margin: 0; padding: 0;}
    #sub-nav ul li {
        display: inline;
        margin: 2px; padding: 2px;
        font-size: .85em;
        list-style-type: none;}

#sub-nav a:link, #sub-nav a:visited, #sub-nav a:hover, #sub-nav a:active
{ border: none; white-space: nowrap;}

#home #sub-nav {display: none;}

/************************************************************* CONTENTS *******/

#contents {
    margin: 0; padding: 0; margin-left: 250px; padding-bottom: 100px;
    width: 550px; overflow: visible;
    z-index: 1; /* FF 1.07 */
    background: #B5B07B url(graphics/paper.jpg) repeat-y;}
    #contents .wrap2 {
        background: url(graphics/paper-gradient.jpg) no-repeat 48px 0px;}
        #contents .wrap3 {padding: 275px 76px 75px 74px;}
        #home #contents .wrap3 {padding-top: 125px;}
        
    /* clear floats */
    #contents:after { content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden; }

/*************************************************************** FOOTER *******/


#pagefooter {
    margin: 0; padding: 0; margin-top: -56px;
    width: 760px; height: 56px;
    clear: both; position: relative; /* float control */
    background: #250000 url(graphics/footer.jpg) no-repeat left bottom; color: #E4C6A0;
    font-size: .9em;}
    #pagefooter .wrap2 {padding-top: 5px; width: 490px; text-align: center;}


/************************************************************* THE REST *******
 ******************************************************************************/

/************************ GROUPS **********************************************/


#group0 {position: relative; float: left; width: 100%;}
#group1 {
    margin: 0; padding: 0; padding-top: 45px; 
    float: left; clear: none; 
    margin-left: -675px; margin-top: -5em;
    position: relative; 
    width: 250px;
    background: url(graphics/framer-top.gif) no-repeat 17px top;}
    /* all that floating caused backgrounds and borders of 
        group0 child elements to disappear in IE... */
    #group0 h2, #group0 .block, #group0 ul, #group0 .item 
    {position: relative; _height: 1%;}
    /* and that made IE ignore the -10px right margin on the h2s... */
    #group0 h2 {_width: 394px;}
    /* i'm so tired of hacking */


/************************ LISTED ITEMS IN THE STORE AND MENUS *****************/
.cat { margin-top: 2em;}
.cat .intro, .cat .outro { margin: 1em 0; clear: both; }
.cat-depth-1 {clear: both;}

.prices {
    margin: 0; padding: 0; margin-left: 1em;
    /*position: absolute; top: 0; right: 0;*/
    position: relative; top: -2em;
    width: 125px;
    float: right; 
    /*border-left: 1px solid #958759; padding-left: .5em; margin-left: .5em;*/
    /* border: 1px solid #958758; border-top: none;
       background-color: #CCC597;
       padding: .5em; */
    text-align: right;}
    .info {margin: 0; padding: 0;}
        .price, .size, .note {display: block; line-height: 1.2em;}
        .size {float: left; clear: left; position: relative;}
        .price {
	        display: inline;
            font-weight: bold;
            float: right; clear: right; position: relative;}
        .note {
            font-size: .9em; font-style: italic;
            clear: both; position: relative; left: .5em;
            white-space: nowrap;}
.menu-cat-prices {margin-top: 2em;}



.items .label {
    text-decoration: underline;
    margin-left: -.25em;
    font-size: 1.15em;}
.items .prices-only {}
    .prices-only .prices {float: none; margin-left: 275px;}
    .prices-only .info {clear: both;}
    .prices-only .label {text-align: left;}
.items .no-text {
    float: left; clear: left;
    margin: 0; padding: 0;
    border: none;
    width: 250px;
    font-size: .9em;}
    .items .no-text .label {text-decoration: none; margin-left: .5em; }
    .items .no-text p { margin: 0; padding: 0; line-height: 1em; }
.item  {
      clear: left;
    margin-top: 1.5em; 
    border: 1px solid #CCC597; border-top-color: #958758;
    border-left: none; border-right: none;}


#home-decor .item img, #home-decor .item a:active img {
    padding: 1px; background-color: #3D0606;
    border: 3px solid #CCC597;
    border-top-color: #958758; border-left-color: #958758;}
#home-decor .item a:hover img {
    border: 3px solid #958758;
    border-top-color: #CCC597; border-left-color: #CCC597;
    position: relative; top: -1px; left: -1px;}

.cat-depth-2 h3 { clear: left; border-bottom: 1px solid #958758; border-top: 1px solid #ccc597; padding: .5em 0;}
.cat-depth-2 .intro { float: left; clear: left; }

#soups h3  {
    margin: 0; padding: 0;
    width: 100px; margin-left: 25px;
    float: left; clear: left; position: relative;}
#soups .items { float: left; clear: none; width: 100px; position: relative;}

/***************************** NOTICE ME LINKS AND PHOTOS ***********/


#notice-me-links {}
#notice-me-links .heading {display: none;}

#notice-me-links .item {
    margin: 10px 0; padding: 4px 0 0 4px; width: 185px;
    position: relative;
    border: none;
    background: url(graphics/iron-box-border-top-plain.gif) no-repeat;}
    #notice-me-links .item .wrap{
        margin: 0; padding: 0; width: 169px;
        border: none;
        color: #E5E3D4;
        background: url(graphics/chalkboard.jpg);
        font-family: Tahoma, Arial, "Comic Sans", sans-serif;}
        #notice-me-links h3 {
            margin: 0 5px; padding: 0 0 1em 0;
            background: url(graphics/curly-separator.gif) no-repeat bottom center;
            font-size: 1.5em; text-align: center;}
        #notice-me-links p {margin: 7px; padding: 0 0 1em 0;}
    #notice-me-links .item span {
        width: 185px; height: 16px; position: absolute; left: 0; bottom: -7px; _bottom: -9px;
        background: url(graphics/iron-box-border-bottom-plai.gif) no-repeat top left;}
    #notice-me-links a:link, #notice-me-links a:visited {
        color: #EDF6A6; border-bottom-color: #EDF6A6;}
    #notice-me-links a:hover, #notice-me-links a:active {
        color: #BDBD7F; border-bottom-color: #BDBD7F;}

#photo-box {
    padding-bottom: 45px;
    background: url(graphics/framer-bottom.gif) no-repeat 17px bottom;}
.photo-wrap { margin: 10px 0; position: relative; _height: 1%;}
    .photo-wrap div img {
        padding: 4px 18px 0 4px;
        background: url(graphics/iron-box-border-top-plain.gif) no-repeat top left;
        border: none;}
    .photo-wrap div span {
        width: 185px; height: 16px; position: absolute; left: 0; bottom: -5px; _bottom: -9px;
        background: url(graphics/iron-box-border-bottom-plai.gif) no-repeat bottom left;}



/******************************** SITE MAP ************************************/

#site-map.block {margin: 0; padding: 0;}
#list-site-map {margin: 0; padding: 0;}

ul.list-depth-1 {margin: 0; padding: 0;}
li.list-depth-1 {
    margin: 1em; padding: 2px 0 2px 20px;
    border: 1px solid #CCC597;
    border-top-color: #958758; border-left: none; border-right: none;
    list-style-type: none;
    background: url(graphics/bullet.gif) no-repeat 0 .85em;}
ul.list-depth-2 {
    margin: 0; padding: 0; margin-left: 20px;
    list-style-image: none;
    list-style-type: none;}

#l-sm-home {
    list-style-type: none;
    list-style-image: none;
    background: transparent;
    margin-left: 0;
    border: none; }

#site-map ul li .link-desc {font-size: .9em; font-style: italic; }

/************** LINKS FOR PRINTABLE MENUS *************************************/

#l-sn-printable-cafe-menu .dc,
#l-sn-printable-market-menu .dc,
#l-sn-printable-catering-menu .dc,
.print-notice
    /* applied to .dc since it's less to type
        than writing it out for each link state */
{background: url(graphics/printer-icon.gif) no-repeat 0 3px; padding-left: 16px;}
.print-notice {font-size: .9em;}

/************************ BUSINESS INFO - MAP - LATEST NEWS *******************/


#locations {
  margin-top:2em;
}

div.location h3 {
  font-size:1.2em;
  border-bottom:1px solid;
}

div.location-map {
    margin: 0 auto;
    margin-bottom: 50px;
    width: 375px; height: 400px;
    clear: both;
    border: 3px solid #CCC597;}

div.location-details {
    margin: 16px 10px 2em 0;
    background: #CCC597; border: 1px solid #958758;
}
    

#latest-news {
    margin: 0 0 2em 10px;
    float: left; position: relative;
    width: 200px; height: 100%;
	z-index: 1000;}
    #latest-news h2 {display: none;}
    #latest-news p {
        padding: 0;
        border: 1px solid #CCC597; border-top-color: #958758;
        border-left: none; border-right: none;}
        #latest-news h4 {margin-top: 2em;}
        .news-date {
            display: block; _height: 1%;
            border-top: 1px solid #CCC597;
            font-style: italic; text-align: right;}
        .news-content {
            display: block;
            margin-top: -1em; text-align: left;
            border-bottom: 1px solid #958758 }


        
/* random */
#preform-text {padding: 1em 30px;}
#page-intro {text-align: center; font-size: 1.2em;}
#articles .article-list-item span {display: block;}
    .article-heading { margin: 0 1em;}
    
/* mailing list/newsletter */
.form-message {padding: 1em 1.5em; border: 2px solid #2B1F07; background-color: #958758;}
#mailing-list-subs fieldset {padding: 1em; border: 1px solid #958758; text-align: center;}
#mailing-list-subs .input-text {
    padding: 2px 5px;
    background-color: #958758; color: #2B1F07;
    border: 1px solid #2B1F07;
    border-bottom-color: #EDF6A6; border-right-color: #EDF6A6;}
#mailing-list-subs .input-button {
    background-color: #958758; color: #2B1F07;
    border: 1px solid #EDF6A6;
    border-bottom-color: #2B1F07; border-right-color: #2B1F07;}

/************************ EDIT MODE *******************************************/

.edit form {margin: 0; padding: 0;}
.edit textarea, .edit input {
    display: inherit;
    margin: 0; padding: 0;
    border: none;
    background: transparent;
    font: inherit;
    color: inherit;
    width: 100%; height: 100%;}
#cm_submit {
    background: darkorange;
    color: white;
    z-index: 100;
    position: fixed; top: 0; right: 0;}