.yui-u p, .yui-u ul, .yui-u li, .yui-u blockquote, .yui-u div
{
	line-height: 2em;
	margin-top: 0.7em;
	margin-bottom: 0.7em;
}

.yui-u ol
{
	list-style-type: decimal;
	margin-left: 3em;
	margin-right: 3em;
}

.yui-u ul
{
	list-style-type: disc;
	margin-left: 3em;
	margin-right: 3em;
}

.yui-u ul ul
{
	margin-bottom: 0em;
}

.yui-u li
{
	margin-left: 1em;
	margin-bottom: 0em;
}

.yui-u blockquote
{
	margin-left: 3em;
	margin-right: 3em;
	margin-bottom: 1em;
	border-left: 6px solid #fdd449; /* same as the background color */
	padding: 0.5em;
	background-color: #fceebb; /* very pale yellow */
}

.yui-u h1
{
	margin: 0.1em;
	font-size: 125%;
	font-weight: bold;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

.yui-u h2
{
	margin: 0.1em;
	font-size: 100%;
	font-weight: bold;
}

.yui-u p img, .yui-u table.thumbnails img
{
	display: block;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #444444;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

.yui-u table.thumbnails td
{
	padding: 0.5em;
}

.yui-u p.credits, .yui-u p.nextpreviouslinks
{
	font-size: 85%;
	text-align: right;
	margin: 0em;
	line-height: 100%;
	margin-bottom: 2em;
}

.yui-u p.date
{
	background-color: #CF1820; /* dark red -- same as div.yui-u*/
	color: white;
	font-weight: bold;
	line-height: 100%;
	text-align: right;
	padding: 0.5em;
}

.yui-u iframe.comments
{
	display: none;
	width: 90%;
	height: 40em;
	border: solid black 1px;
	margin-left: 5%;
	margin-right: 5%;
	margin-top: 1em;
}

#ft
{
	text-align: center;
	font-family: "Lucida Grande", "Lucida Sans", "Lucida", "Verdana", "Arial", sans-serif; /* Same as body font, just in case. */
}


/******* Basic layout styles. *******/

div.yui-u
{
	background-image: url(./bodybackground.png);
	padding: 1em;
	margin: auto;
	width: 95%;
	max-width: 55em;
}

body
{
	background-image: url(./JamBackground.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;
	padding-top: 20px; /* sized appropriate for background image */
	padding-left: 25px; /* sized appropriate for background image */
	padding-right: 1em;
	padding-bottom: 1em;
	margin: 0em;
	font-family: "Lucida Grande", "Lucida Sans", "Lucida", "Verdana", "Arial", sans-serif;
}

html
{
	background-color: #fed758; /* same as ul.navigation a.currentpage */
}

div#doc
{
	margin: 0em; /* set to remove margin: auto from grids.css */
	width: 100%;
}

div#bd
{
}

div#menu
{
	max-width: 275px;
	min-width: 150px;
	margin-top: 375px; /* sized appropriately for the background image */
}

div#yui-main div.yui-b
{
}

/******* End basic layout styles. *******/



/********* Navigation menu styles. *********/

ul.navigation
{
	background-color: #fde289; /* same color as background in body with transparent png */
	padding: 0.5em;
}

/* The basic style gives some padding and a top and bottom border.
   We use a -1px margin to make sure the borders don't double-up. */
ul.navigation li
{
/* I have no idea why IE doesn't like the borders on the 'a' elements, but it seems to handle
   things correctly if the border is on the li elements. This fix looks fine in other browsers,
   so I'll leave it in the main stylesheet. */
	border-top: solid 1px #fceebb; /* very pale yellow */
	border-bottom: solid 1px #fceebb; /* very pale yellow */
	margin-bottom: -1px; /* makes the 1px borders overlap so they are only 1px */
}

/* Block-display the a's so they fill all available space. */
ul.navigation a
{
	padding-left: 1.5em;
	padding-bottom: 0.4em;
	padding-top: 0.4em;
	display: block;
	text-decoration: none;
	color: black;
}

/* We have to make sure we indent each section appropriately. Doing it
   this way allows the a's to fill the whole width of the menu, while
   still indenting the text. */
ul.navigation ul a
{
	padding-left: 2em;
}

ul.navigation ul ul a
{
	padding-left: 3em;
}

ul.navigation ul ul ul a
{
	padding-left: 4em;
}

ul.navigation ul ul ul ul a
{
	padding-left: 5em;
}

/* Add a little hover pizazz. */
ul.navigation a:hover
{
	color: white;
	background-color:	#CF1820; /* dark red -- same as div.yui-u*/
}

/* Highlight the current page--used from javascript.js. */
ul.navigation a.currentpage
{
	background-color:	 #fed758; /* yellow--same as background on html */
}

/* We need to hide all of the sub-menus. */
ul.navigation li ul
{
	display: none;
}

/* We display the sub-menus either via a hover effect (if there
   is no javascript) or via a class that is added by javascript
   when the user clicks. The nojavascript class is removed by
   javascript, but provides a rollover menu as a last-ditch effort if
   they don't have javascript enabled. */
ul.nojavascript li:hover>ul
{
	display: block;
}

   /* We need to display any ul's listed as "visible." */
ul#navigation ul.visible
{
	display: block;
}

/* Displaying the arrows requires the menu generator to give each li
   element with a sub-menu to have the hassubmenu class. */
ul.navigation li.hassubmenu>a
{
	background-image: url(./arrow.png);
	background-repeat: no-repeat;
}

ul.navigation li.displaysubmenu>a
{
	background-image: url(./revealedarrow.png);
	background-repeat: no-repeat; 
}

/* Indent arrows per menu level. */
ul.navigation li a, ul.navigation li a
{
	background-position: 0.3em 50%;
}

/* I'm not sure why the first indent is so small...but it looks okay. */
ul.navigation ul li a, ul.navigation ul li a
{
	background-position: 0.7em 50%;
}

ul.navigation ul ul li a, ul.navigation ul ul li a
{
	background-position: 1.7em 50%;
}

ul.navigation ul ul ul li a, ul.navigation ul ul ul li a
{
	background-position: 2.7em 50%;
}


/********** End navigation menu styles. **********/

/********** Calendar styles. ***********/


/* This section ends up having to be pretty specific to override what we've defined above. */
ul.navigation table.month-calendar, ul.navigation table.year-calendar
{
	font-size: 80%;
}

ul.navigation table.month-calendar-head, ul.navigation table.year-calendar-head
{
	font-size: 80%;
}

/* Center the calendars in the menu. */
.month-calendar, .year-calendar, .month-calendar-head, .year-calendar-head
{
	margin-left: auto;
	margin-right: auto;
}

/* A little space around the calendar. */
ul.navigation table
{
	margin-bottom: 0.5em;
}

ul.navigation caption
{
	margin-top: 0.5em;
}

/* Remove the underlines when hovered. */
ul.navigation table a:hover
{
	text-decoration: none;
}

/* We need to underline the links in the calendar. */
ul.navigation table a
{
	text-decoration: underline;
}

/* We need to un-block display the links in the table caption. */
ul.navigation table caption a
{
	display: inline;
	height: 2em;
}

/* Center the table caption text. */
ul.navigation table caption
{
	text-align: center;
}

/* These apply formatting to the table cells and links. They are the same dimensions to make the highlight (inherited from the menu) fill the entire cell. Note that we have to be careful that these declarations are more specific than declarations in the ul.navigation section, otherwise they'll get overwritten. */
ul table.month-calendar a, ul table.month-calendar th, ul table.month-calendar td
{
	padding: 0em;
	text-align: center;
	height: 2em;
	width: 2em;
	display: table-cell; /* This is used to center the text vertically. */
	vertical-align: middle;
}

ul table.year-calendar a, ul table.year-calendar th, ul table.year-calendar td
{
	padding: 0em;
	text-align: center;
	height: 2em;
	width: 3em;
	display: table-cell;
	vertical-align: middle;
}

/*********** End calendar styles ***********/


#haloscan-recent { padding: 2px; margin: 2px; }
#haloscan-recent a { text-decoration: none; color: #333333;}
#haloscan-recent ul {  list-style: none; width: 100%; overflow: hidden; margin: 0; padding: 0;}
#haloscan-recent li { text-align: justify; list-style: none; margin: 1px;}
#haloscan-recent li span.hsrname { color: #06c; font-weight: bold; }
#haloscan-recent li span.hsrmsg { font-weight: normal; }