/*
Harbor Lights Coffee House and Cafe Style
Version 2.0
Richard Pratt
Updated 2007-03-03
richardpratt.net
*/

body {
 color: #000;
 margin: 0em 0em 1.5em 0em;
 padding: 0em;
}

h3 {
 text-align: center;
 font-size: 1em;
 margin: .5em auto;
}

h4 {
 text-align: center;
 font-size: 1em;
 font-weight: normal;
 margin: .5em auto;
}

.left {
 float: left;
 padding-right: 1em;
}

.right {
 float: right;
 padding-left: 1em;
}

.nowrap {
white-space: nowrap;
}

.biga {font-size: 1.1em;}
.bigb {font-size: 1.3em;}
.bigc {font-size: 1.5em;}
.bigd {font-size: 2em;}

.fontred {color: #f00;}
.fontmaroon {color: #900;}
.fontblue {color: #009;}
.fontgreen {color: #060;}
.fontorange {color: #f60;}

/* ///////////////////////// */

#head {
height: 123px;
}

#head h1, #head h2, #head h3 {
display: none;
}

#homelink {
 position: absolute;
 top: 0em;
 left: 0em;
 height: 160px;
 width: 100%;
}

#homelink span {
 background: url(/images/logo-redbg.gif) no-repeat center 9px;
 display: block;
 height: 160px;
 width: auto;
 margin: 0em 1em 0em 11em;
}

#homelink a {
 display: block;
 height: 140px;
 width: auto;
 margin: 5px 0px 0px 0px;
}

/* ///////////////////////// */

#nav {
 position: absolute;
 top: 123px;
 left: 0em;
 width: 12em;
 text-align: right;
 color: #f99;
}

#nav ul, #nav li {
 margin: 0em;
 padding: 0em;
 list-style: none;
}

#nav li {
 font-size: 1.2em;
 padding-left: .6em;
 text-indent: -.6em;
}

#nav a, #nav a:active {color: #fff;}
#nav a:visited {color: #ddd;}
#nav a:hover {color: #ff0;}

#navmenu {
 padding: .5em;
}

#richard {
 text-align: center;
 font-size: .75em;
 padding: 0em;
}

#richard a, #richard a:visited {
 color: #fcc;
}

/* ///////////////////////// */

#content {
 margin: 0em 1em 0em 12em;
 padding: 32px 1em 0em 1em;
 background: #EEE3C7 url(/images/content-yellow.jpg);
 border: .5em double #CFAB79;
}

#content h1 {
 font-size: 2.5em;
 text-align: center;
 margin: 0em;
 font-weight: normal;
}

#content h2 {
 text-align: center;
 text-decoration: underline;
 margin: 0em;
}

/* ///////////////////////// */

#menu {
 padding: 1em 0em;
/* width: 550px; */
 margin: auto;
}

#menu dt {
 padding: 0em;
 margin: .1em 0em 0em;
 clear: both;
 font-weight: bold;
}

#menu dt .name, #menu dt .price {
 display: block;
 padding: .1em .3em;
 background-color: #CFAB79;
 font-size: 1em;
}

#menu dt .name {
 margin: 0em;
 float: left;
}

#menu dt .price {
 margin: 0em;
 text-align: right;
 border-right: .05em #000 solid;
}

#menu dd {
 padding: .1em 1.5em .2em;
 margin: 0em 0em .6em 0em;
 background-color: #E0CAA4;
 border-bottom: .05em #000 solid;
 border-right: .05em #000 solid;
}

#menu dd .name, #menu dd .price {
 display: block;
 padding: .1em .3em;
 font-size: 1em;
}

#menu dd .name {
 margin: 0em;
 float: left;
}

#menu dd .price {
 margin: 0em;
 text-align: right;
 border-bottom: .05em #000 solid;
}

#menu dd ul {
 padding: 0em;
 margin: 0em;
}

/* ///////////////////////// */

.menu {
 border-collapse: collapse; 
 background-color: #E0CAA4;
 margin: .9em auto auto auto;
 border: .05em solid #000;
}

.menu th {
 background-color: #CFAB79;
 font-weight: bold;
 padding: 0em 1em;
}

.menu td {
 border: .05em solid #000;
 padding: .3em .5em;
 vertical-align: top;
 text-indent: -.2em;
}

.menu ul {
 list-style: none;
 padding: 0em;
 margin: 0em;
}

/* ///////////////////////// */

table.simple {
 margin: auto;
}

table.simple td {
 vertical-align: top;
 padding: .2em 1em;
}

/* ///////////////////////// */

.calendar {
 border-collapse: collapse; 
 background-color: #E0CAA4;
 margin: auto;
 border: .05em solid #333;
}

.calendar th {
 background-color: #CFAB79;
 font-weight: bold;
 padding: 0em 1em;
}

.calendar td {
 border: .05em solid #555;
 padding: 0em .2em .1em .2em;
 vertical-align: top;
 text-indent: -.2em;
}

.calendar strong {
 background-color: #D7B98D;
 border-bottom: .05em solid #99a;
 border-right: .05em solid #99a;
 padding: 0em .3em;
}

/* ///////////////////////// */

#staff {
 padding: 1em 0em;
 margin: auto;
}

#staff table {
 padding: 0em;
 margin: 0em;
 width: 90%;
 border-collapse: collapse;
}

#staff td {
 vertical-align: top;
}

#staff td.photo {
 width: 154px;
}

#staff td.photo img {
 border: 2px solid #000;
}

#staff td.description h2 {
 font-size: 1.5em;
 font-weight: normal;
 text-decoration: none;
 display: block;
 border-bottom: .1em #000 solid;
 text-align: right;
}

#staff td p {
 margin: .5em;
}

/* ///////////////////////// */

h1.thanks {
 margin: .5em;
 padding: .5em;
 border: .1em #f00 dashed;
}

/* ///////////////////////// */

#entry textarea {
 width: 90%;
 height: 30em;
}

#error {
 border: .1em #f00 dashed;
}

/* ///////////////////////// */

ul.whatisit {
position: relative;
list-style: none;
margin: 0em;
padding: 0em;
}

.whatisit li {
margin: 0em;
padding: 0em 0em 0em 1em;
border-left: 1em solid #900;
}

.whatisit p {
margin: 0em;
}

.whatisit div {
	display: none;
}

.whatisit li.iehover, .whatisit li:hover {
border-left: 1em solid #b00;
background: #cc9;
}

.whatisit li.iehover div, .whatisit li:hover div {
   position: absolute;
   width: 20em;
   z-index: 4;
   display: block;
   left: auto;
   height: auto;
   background: #dda;
   border: .5em solid #cc9;
   margin-left: 9em;
   margin-top: -1.2em;
   padding: .2em;
}

/* ///////////////////////// */

.work {
display: none;
}

.private, #private {display:none;}