/* ----------- Sea Charms ----------------*/


/* ------------ from default.css --------------*/

table {
    border-collapse: inherit;
}

/* ------------ end from default.css --------------*/

/* ----------- from layout.css  ----------------*/

.one-sidebar #wrapper {
  width: 780px;
  background: navy;
}

#main {
  width: 560px;
  padding: 0em 3px 0em 3px;
  background: navy;
}

.sidebar {
  width: 200px;
}


/* ------------- end from layout.css --------------*/

/* ----------- from typegraphy.css  ----------------*/

.node .meta {
  padding: 0em;
  margin: 0em 0 0em 0;
}

.sidebar .block {
    margin: 0 5px;
    padding: 0.5em 0;
    font-size: 130%;
    line-height: 90%
}

/* ----------- end from typegraphy.css  ----------------*/

/* -------------- Sapporo Menu Styles -------------------*/

.menu {width:520px; margin: 0 auto; text-align:left}
.menu h2 {margin: 20px; color: #492E08; font-size: 150%; text-align:center}
.menu h3 {margin: 10px; margin-left: 0px; color: #492E08; font-size: 120%; text-align:left}
.menu h4 {margin: 10px; margin-left: 20px; color: #694504; font-size: 110%; text-align:left}
.menu p {margin: 5px; margin-left: 20px; color: #220F02; text-align:left; clear:both; }

.menu dl {width: 100%;overflow: auto;margin: 0; background: url(sapporopics/dot.gif) repeat-x 0 1.2em}
.menu dt,dd.price {font-weight: bold}
.menu dt {float: left;padding-right: 3px;padding-left: 20px;color: navy}
.menu dd {margin:0}
.menu dd.price {float: right;padding-left: 3px;color: navy}
.menu dd.ingredients {float: left; padding: 3px 0; padding-left:35px;  font: italic 100% Georgia,Times,sans-serif; color: #220F02; clear:both; width:420px;}

/* -------------- End Sapporo Menu Styles -------------------*/

p {text-align: justify}

body {
      /*  color: black;
        background-color: #3366cc; */
	text-align: left;
	font-size: small;
	font-family: "papyrus", 'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif;
	margin: 40px 0 28px 0;
	padding: 0;
}



#wrapper {
  background: #fff;
  border: 10px solid navy;
}


#horzrule {
        background-color: #223333;
	border: 1px solid #363430;
	height: 10px;
	margin: 10px 0;
	width: 780px;
}

#header {
  height: 40px;
  text-align: center;
  background-color: #3366cc;
  border-color: #3366cc;
  font-size: 130%;
  line-height: 250%;
  }

#topbar {
  width: 100%;
  color: white;
  /* background: #193547; */
  background: black;
  border: 1px solid #aaa;
  position: relative;
  font-size: 250%;
  line-height: 200%;
  }

#banner-random {
	background: url(banners/rotate.php) no-repeat scroll 0px;
	background-repeat: no-repeat;
	background-position: top center;
	width: 780px;
	height: 150px;
	margin: 0;
	padding: 0;
}

#banner-homepage {
	/*
	background-image:  url(http://henryisaacs.com/images/hibanner01.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	width: 780px;
	height: 130px;
	margin: 0;
	padding: 0;*/
}

#banner-special01 {
	background-image: url(images/hibanner02.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	width: 780px;
	height: 130px;
	margin: 0;
	padding: 0;
}

#footer {
  background: #3366cc;
  border: 0px solid #aaa;
  border-bottom: none;
  height: 40px;
  line-height: 1.7em;
}

#mainpage {
  /*  width: 490px;
    background-color: #cacaca; 
    border: 11px solid #eeeeee;
    color: #666666;
    margin-left: 15px;
    padding: 12px; */
    line-height: 130%;
    font-size: 100%;
    
    
}

#bluebox {
    font-size: 130%;
    background-color: #3366cc;
    border: 3px solid #888888;
    color: white;
    margin: 15px;
    padding: 12px;
    line-height: 130%;
 /*   overflow: scroll;
    height: 300px; */
}

#mainpageheader {
    font-size: 160%;
    background-color: #888888;
    border: 3px solid #888888; 
    color: navy;
    margin: 15px;
    padding: 12px;
    line-height: 90%;
    text-align: center;
    
}

#sidebar-right {
    border-left: 0px solid #CCCCCC;
}

.floatleft {
    float:left;
    padding-right:8px;
    padding-bottom:4px;
}

.floatright {
    float:right;
    padding-left:8px;
    padding-bottom:4px;
}

#menublocktop {
  
text-size: 130%;

}

#menublock { }

a:link { color: navy; text-decoration: none;}
a:hover { background-color: gray; text-decoration: none; color:white;}

#footer a:link {color:navy;}
#footer a:hover {background-color: gray; color:white;}

#menublock a:link {color:navy;}
#menublock a:hover {background-color: gray; color: white;}



menu_highlight a {color: blue;}
a, a:link, a:active, a:visited,
h1, h2, h3, h4, h5, h6 {
  color: navy;
}

.sidebar-left #main {
  border-left: 1px solid #ccc;
}
.sidebar-right #main {
  border-right: 0px solid #ccc;
}
.sidebars #main {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
.sidebar {
  background: #888888;
}
#sidebar-right {
 /* border-left: 1px solid #ccc; */
   Margin-top: 40px;
   padding: 0;
}
#sidebar-left {
  border-right: 1px solid #ccc;
}
