/* ======================================================================= */
/* == Buzz Cafe Master CSS file                                         == */
/* == Author: Kevin Leebroderick -- XHtML,CSS,Graphics                  == */
/* == Author URL:www.leebroderickweb.com                                == */
/* ======================================================================= */

/*========= Defaults ======================================================*/
html,body{margin:0;padding:0}

body{
background: #ffffff url(cogs/pagebackground.gif) 50% 0;
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 76%;
margin-top: 15px;
text-align:center;
color: #202020;
}

p {margin:0 10px  10px}

a {outline:none;}
a:link {color: #754C24; text-decoration: none; border-bottom: 1px dotted #754C24;}
a:visited {color: #754C24; text-decoration: none; border-bottom: 1px dotted #754C24;}
a:hover {color: #770277; border-bottom-style: solid;}

h2 {font-size: 250%; color: #000000; margin:0; padding: 0 0 10px 10px; }
h3 {font-size: 200%; color: #000000; margin:0; padding: 10px 0 0 10px; }
h4 {font-size: 125%; color: #000000; margin:0; padding: 0 0 0 10px; }

dt {
font-weight: bold;
margin: 0;
padding: 0 0 0 10px;
}

dd {
margin: 0;
padding: 0 0 3px 40px;
}

.clear {clear:both;}
.separator {clear:both; height: 20px; }
.bigseparator {clear:both; height:410px;}
/*========= Header  ======================================================*/
div#header{
position:relative;
float:left;
width:750px;
height:190px;
background: #ffffff url(cogs/topBanner.gif) no-repeat bottom center;
padding-bottom: 15px;
}

#header h1 {
position: absolute;
font-size: 0px;
left: -1000px;
}

#header a {padding:0; margin:0; border-bottom: 0; text-decoration: none;}
#header img {border:0; padding:0; margin:0;}

/*========= Container ======================================================*/
div#container{
background: #ffffff url(cogs/colbg.gif) 50% 0;
width:750px;
margin:0 auto;
padding:0;
text-align:left;
}

/*========= Content ======================================================*/
div#wrapper{float:left; width:100%}

div#content{margin: 0 160px}

#content h2{ color: #770277; }
#content h3 { color: #770277; border-bottom: #CA76CA 1px solid;}
#content h4 { color: #770277; }

#content p{line-height:1.3em; }
#content .space {padding-top:10px;}

#content ul {list-style: none; margin: 0; padding: 10px 0 0 10px; line-height: 1.0;}
#content ul li {margin: 0 0 2px 0;}

#content ol {margin-right:10px;}
#content ol li {margin: 0 0 2px 0;}

#content img { float: right; border: 1px solid #000000; margin: 10px;}

#content ul.moon { padding:0 10px 10px 30px; }

#content ul#indexAddr { margin:-12px 0 0 12px; padding:0; color: #770277; }

/*-----buzz in the news ----*/
#content .logos { float:left; border:0; }
#content .buzznews {border:0; float:left; margin-left:75px; }
#content .buzz {color:#6C1D79;}

#content .ad { text-indent:-9999px; margin-right:5px; }
#content .ad h4 {font-size: 100%; }
#content .ad ul {list-style:none;}
#content .ad img {border:0; }

/*------this class will change color scheme based on the holiday being promoted---*/
/*------only used for holiday ads and special events-----*/
#content .adseasonal { 
background-color: #FFFFFF; 
border: 1px solid #3B58A0; 
margin:4px 5px 4px 5px; 
clear:both; 
overflow:auto;
}
#content .adseasonal h4 {
font-size: 120%; 
padding: 3px 0 3px 10px; 
background-color:#3B58A0; 
color:#FFFFFF; 
text-align:center;
}
#content .adseasonal h5 {font-size: 110%; padding:0 3px 0; margin:5px 0 0 0;border-top:1px solid #3B58A0; border-bottom:1px solid #3B58A0; }
#content .adseasonal ul {list-style:none; }
#content .adseasonal li { background: url(cogs/blubullet.gif) no-repeat 0 5px; padding:0 10px 3px 10px;}
#content .adseasonal p { padding-top:3px;}
#content .adseasonal img { float:none; margin-left:20px; border:0; }

#content .adseasonaltwo { background-color:#FFFFFF; border: 1px solid #AA61B3; margin:4px 5px 4px 5px; }
#content .adseasonaltwo h4 {font-size: 130%; padding: 3px 0 3px 10px; background-color:#C99ACF; color:#FFFFFF; }
#content .adseasonaltwo h5 {font-size: 110%; padding:0 3px 0; margin:5px 0 0 0; border-bottom:1px solid #AA61B3; border-top:1px solid #AA61B3; }
#content .adseasonaltwo ul {list-style:none; }
#content .adseasonaltwo li { background: url(cogs/prpbullet.gif) no-repeat 0 3px; padding:0 10px 5px; font-size:1em; }
#content .adseasonaltwo dd { background: url(cogs/bullet.gif) no-repeat 10px 2px; padding:0 10px 3px 25px;}
#content .adseasonaltwo img { float:none; border:0; margin:0; }

#content .adright img {float:right; margin-left:5px;}
#content .adleft img {float:left; border:0; margin-left:10px;}
#content .holiday img {float:none; margin-left:45px;}

div#map {margin-left:13px; margin-bottom:20px; border:1px solid; width:400px; height:400px;}
#map img {float:none; margin:0; padding:0;}

div#twitter_div {
margin:20px 15px;
width:400px;
height:350px;
background: url(cogs/twitterBG.gif) top left no-repeat;
overflow:auto;
}

ul#twitter_update_list {
list-style: none;
font-size: 14px;
margin-top:70px;
height:200px;
width:370px;
overflow:auto;
}

ul#twitter_update_list li {
margin-bottom: 5px;
padding: 10px;
line-height:1.4em;
color: #FFF;
}

div#twitter_div a {
color: #96997a;
}

div#twitter_div a.followMe {
margin:45px 10px 0 0;
background: url(cogs/twitterFollow.gif) 190px 0px no-repeat;
}
div#facebookCommunity { margin-left:15px; }

div#chiEatsVideo { margin:15px; }
div#chiEatsVideo p { margin:5px 0 0; text-align:center; }

/*========= Navigation  ======================================================*/
div#leftnav{
float:left;
width:160px;
margin-left:-750px;
}

/* leftnav */
#leftnav ul {
list-style: none;
margin: 25px 0 0 0;
padding: 0 0 0 2px;
}

#leftnav li {
list-style: none;
display:inline;
margin: 0;
padding: 0;
line-height: 20px;
border:0;
font-size: 96%;
font-weight:bold;
color: #754C24;
}

#leftnav li a {
display: block;
margin: 0 0 0 3px;
border:0;
border-top: solid 1px;
text-decoration: none;
text-align: left;
}

#leftnav a:link, a:visited { color: #754C24;}
#leftnav a:hover {color: #770277; text-decoration:underline;}

#leftnav ul ul {margin:0; padding:0;}

#leftnav ul ul li { margin:0; padding:0; border:0; display:inline; line-height: 14px; }

#leftnav ul ul a {
display: block;
margin:0;
padding:0;
font-size: 90%;
border:0;
text-align:left;
}

#leftnav ul ul a:hover {
text-decoration: underline;
}

#home #leftnav .home a,
#familydinner #leftnav .familydinner a,
#drinks #leftnav .drinks a,
#buzzcafe #leftnav .buzzcafe a,
#thebuzz #leftnav .thebuzz a,
#sunday #leftnav .sunday a,
#catering #leftnav .catering a,
#about #leftnav .about a,
#events #leftnav .events a,
#news #leftnav .news a,
#buzznews #leftnav .buzznews a,
#brunch #leftnav .brunch a,
#location #leftnav .location a {
        width:155px;
        margin:0; padding:0 0 0 3px;
        background-color:#FFFFFF;
        color:  #770277;
        cursor: default;
}

/*========= Sub Nav for Buzz in the News  =====================================*/
#subnav {
border: 1px solid #772077;
margin:0;
color: #000000;
background-color: #E4C5E9;
}

#subnav h4 {padding-top:3px;}

#subnav ul {margin-top:0; padding-top:3px; }
#subnav li {padding: 1px 0 4px; }



/*========= Right Column  ======================================================*/
div#rightcol{float:left;width:160px;margin-left:-160px}

.frame {
width: 135px;
border: 1px solid #772077;
margin: 30px 0 10px 10px;
padding: 10px 0 10px 0;
font-size: 90%;
color: #000000;
background-color: #E4C5E9;
}

.frame h4 {margin: 0 0 10px 10px;}
.frame ul {list-style: none; margin: 0; padding: 0; line-height: 1.0;}
.frame ul li {margin:0; padding:0 5px 3px 10px;}
#gluten { background-color:#FFF; }
#gluten ul li { text-align:center; font-weight:bold; }

#rightcol .frame a {border:0;}
#rightcol .frame a img {border:0;}

/*========= Footer  ======================================================*/
div#footer{
clear:both;
width:100%;
background: #790579 url(cogs/bottomBanner.gif) no-repeat top center;
color: #FFF;
padding-top:15px;
text-align:center;
font-size: 80%
}

#footer p { margin:0; padding: 5px 0; }
#footer a { color: #FFFFFF; border-bottom: 0; }
#footer a:hover { text-decoration: underline; }

/* ++++++++++++topofpage++++++++++ */
#topOfPageAnchor { top: 0; left: 0; height: 0; width: 0; }