/* ZAT_TODO: needs comments */
/* ZAT_TODO: dead code in here from suckerfish menu */
/* ZAT_TODO: some duplication with yui's reset-fonts-grids.css */
* {
	padding:0;
	margin:0;
}
body {
	font: small "Trebuchet MS",Verdana,Arial,Sans-serif;
	text-align: left;
}
img {
	border:0;
}
#header {
	height:32px;
	width:100%;
	background:#082080;
	border-bottom:1px solid white;
	color:white;
}
/*** NAV modeled after http://www.bumbershoot.org/festival-faq.htm, and not quite working ***/
#nav {
  width: 100%;
  background-color:#082080;
  color:white;
}
/* PRIMARY MENU */
#navbar { height: 31px; background-color:#082080; }
#nav, #nav ul {padding: 0; margin: 0; list-style: none; }
#nav li {float: left; position: relative; border-right: 2px solid white; padding: 8px 5px; background:#082080;}
#nav li ul li {float: left; position: relative; margin: 0; padding: 8px 0 8px 0;}
#nav li:hover, #nav li.over, #nav li.navon {background: #0000ff;}
#nav li:hover a, #nav li.over a {color: #0000ff;}
/* GREETING to right */
#nav li.greet {float: right; font-weight: normal; padding: 8px 2px; border-right: none; }
#nav li.noHover:hover, #nav li.noHover.over  {background-color: #082080;}
/* ROLLOVER MENUS */
#nav li ul {
  display: none; position: absolute; top: auto; left: -6px;
  background: #0000ff; margin-top: 8px; font-weight: normal; border: 1px solid white;
  border-width: 0 6px 6px; text-align: left;}
#nav li:hover ul, #nav li.over ul {display: block; z-index: 999;}
#nav li ul li {background: white; padding: 0; display: inline;
  font-size: 11px; font-weight: normal; border: 0;}
#nav li ul li:hover {background: white;}
/* MENU LINKS */
#nav li a {
  text-decoration: none; color: white; padding: 8px;
  /* background: url(../img/nav-more.gif) bottom right no-repeat; */
}
/* #nav li:hover a, #nav li.over a {background: url(../img/nav-more.gif) bottom right no-repeat;} */
#nav li ul li a {
  background: 0; color: #111; padding: 6px; border: 0; display: block; width: 100px;}
#nav li:hover a, #nav li.over a {color: white; background-color: #00f;}
#nav li:hover li a, #nav li.over li a {background-image: none;}
#nav li:hover li a:hover, #nav li.over li a:hover {background-color: #082080;}

.tagimage {clear: left; float: right}
#content {clear: left;}


#header :link, #header :visited, #footer :link, #footer :visited {
	color:white;
	text-decoration:none;
}
.tagimage {
	float: right;
	padding: 5px 0px 5px 5px;
}
#footer {
	text-align:center;
	font-size:8pt;
	border-top:1px solid black;
	background-color: #082080;
	color:white;
	position:fixed;
	bottom:0px;
	width:100%;
	height:20px;
}
#content {
	padding:5px 6px 0px 6px;
	/* min-height:250px; */
}
h1 { font-size: 150%; }
h2 { font-size: 130%; }
p {
	margin-top:5px;
	margin-bottom:8px;
}
p.footer {
	margin-top:4px;
	margin-bottom:3px;
	overflow:hidden;
}
ul {
	list-style: square outside;
	margin-left: 2ex;
}
ol {
	list-style: decimal outside;
	margin-left: 4ex;
}
li { margin-bottom: .5ex; }
#flash {
	font-size:large;
	color:#ff4040;
	padding-bottom:2px;
}
span.label { line-height:18px; }
.ferror {
	/* display:block; */
	color: red;
}

/* min-height must match zat.minMapSize in gmaps.js */
#map {
	width:100%;
	/* min-height:300px; */
}

/* thumbnail map on place_info pages */
#miniMap {
	float: right;
	width: 250px;
	height: 250px;
}

/* spots and areas lists */
div#areas, div#spots {
	clear: both;
  height: 42px;
  overflow: auto;
}
div#areas { border: 1px solid red; }
div#spots { border: 1px solid blue; }

div#areas ul, div#spots ul {
  line-height: 2;
  list-style-type: none;
}

div#areas li, div#spots li {
  display: inline;
}

div#areas li .area, div#spots li .spot {
  padding: 2px 10px;
  margin: 0px 2px;
  border: 1px solid #666;
  background-color: #CCC;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
}

div#areas li a:hover, div#spots li a:hover {
  background-color: #333;
  color: #FFF;
}

div#tags, div#links, div#comments {
	margin: 4px 0px;
}

table.comments td {
	border-top: 1px dashed #888;
	padding: 0.2em 0;
}

table.comments {
	border-collapse: collapse;
}

table.tags td.vote, table.links td.vote, table.comments td.vote {
	text-align: center;
}

table.tags th, table.links th, table.comments th {
	padding: 0 0.7em;
	text-decoration: underline;
}

table.comments td.nw, table.links td.nw {
	white-space: nowrap;
	padding: 0 0.5em;
}

td.nav, td.navon {
	font-size:110%;
	text-align:center;
	border-right:2px solid white;
}
td.navon {
	background:#0000ff;
}
td.nav a, td.navon a {
	padding: 5px 0px;
	display:block;
	}
td.nav :hover { background:#0000ff; }

/* YUI menubar */
div.yuimenubar, div.yuimenubar div.yuimenu {
	background-color:#082080;
}

div.yuimenubar li a {
	font-size:120%;
	color: white;
}

div.yuimenubar li.yuimenubaritem {
	border-width:0 1px;
}

div.yuimenu li.selected,
div.yuimenubar li.selected {
	background-color: #00f;
}

div.yuimenu ul { padding: 2px 0 0 0; }

span#top { float:right; padding:2px 1em 0 1em }
span#top a { text-decoration:none; color:white }

/* flickr photos are in a ul in the photos div */
div#photos li, div#photos ul { display: inline; }