body
{
	font-family:  Baskerville, "Hoefler Text", Constantia, Georgia, 
		"Book Antiqua", serif;
	font-size: 100%;
}

.grid-block,
div.grid-block
{
	margin-bottom: 10px;	
}

p.minor-link
{
	font-size: 14px;	
}

/*************************** FORM STYLES ************************************/
fieldset
{
	margin: 0;
	padding: 0;
}

	fieldset ol
	{
		margin: 0;
		padding: 0;
	}

	form p.hint
	{
		margin-left: 140px;
		margin-bottom: 0;
	}

		form p.hint span.user-name
		{
			font-weight: bold;
		}

input[type=button],
input[type=submit]
{
	padding: 3px 5px;
	font-size: 14px;
}

input[type=submit] + input[type=submit]
{
	margin-left: 20px;	
}

/***************************** HEADER/BANNER **********************************/
	div#logo-container
	{
		position: relative;
	}

	div#logo-container div.logo-image
	{
		position: absolute;
		left: -120px;
		bottom: -18px;
	}


	div#logo-container div#calendar
	{
		height: 178px;
		overflow: hidden;
		padding: 0 24px;
		position: relative;
		z-index: 50;
	}

		div#logo-container div#calendar h3 { display: none; }

	div#calendar table,
	div#calendar p
	{
		font-size: 11px;
		line-height: 18px;
		text-align: center;
		margin-bottom: 3px;
	}

	div#calendar p.center
	{
		margin-bottom: 0;
	}

		div#calendar td.calendar-day a.current
		{
			font-weight: bold;
		}

	div#calendar h2 {
		text-align: left;
	}
	
	div#calendar tfoot {
		font-style: normal;
	}
	
	div#calendar td, div#calendar th {
		padding: 0;
		text-align: center;
		background-color: transparent;
		width: 38px; /* 190px / 5 columns of blueprint layout */
	}
	
	div#calendar caption {
		font-weight: bold;
		text-align: center;
		font-size: 9pt;
		background-color: transparent;
	}

/**************************** PAGE-LEVEL CONTENT ******************************/
div.page-title
{
	padding: 10px;	
}

	div.page-title h1.title
	{
		font-size: 2.3em;
		text-align: center;
		padding: 0;
		margin: 0;
	}
	
div.default-content
{
	padding: 10px;	
}

	div.default-content h1
	{
		text-align: center;
	}

	div.default-content form
	{
		margin: 0 auto;
		width: 630px;
	}	

/***************************** POST CONTENT ***********************************/
div.post-block
{
	padding: 10px;
}

	div.post-block p:last-child
	{
		margin-bottom: 0;	
	}
	
	div.post-block h1.title
	{
		font-size: 2.3em;
		margin: 0.5em auto 0.75em;
		text-align: center;
		clear: both;
	}
	
h3.chapter-location,
h3.chapter-date
{
	font-style: italic;
	font-size: 1.1em;
	text-align: center;
}

div.post-content,
div.post-content-width600
{
	width: 550px;
	margin: 0 auto;
}

div.post-content-width400
{
	width: 400px;
	margin: 0 auto;
}

h1.title-content-width400
{
	width: 500px;
}

div.post-content-width476
{
	width: 476px;
	margin: 0 auto;
}

h1.title-content-width476
{
	width: 550px;
}

	div.post-content p
	{
		line-height: 1.75;
		margin-bottom: 1em;
	}	
	
/***************************** POST COMMENTS **********************************/
h2#comments
{
	font-size: 1.4em;	
}

	div.comment-container div.comment-number {
		font-size: 38pt;
		line-height: 1.05;
		text-align: right;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	div.comment-container div.comment-number-right {
		text-align: left;
		margin-left: 10px;
	}

div.comment {
	padding: 15px 25px;
}

	div.comment p:last-child {
		margin-bottom: 0;
	}

	div.comment img {
		max-width: 600px;
	}
	
	div.comment-author {
		font-size: 1.4em;
		line-height: 1em;
		font-style: italic;
		font-weight: bold;
	}
	
	div.comment-karma {
		float: right;
	}
	
	div.comment-karma span.karma-unit {
		background-image: url('../../assets/smileys/muppets/smile.gif');
		height: 24px;
		width: 24px;
		display: block;
		float: right;
		background-repeat: no-repeat;
	}
	
	div.comment-date {
		font-size: 93.75%;
		margin-bottom: 10px;
	}
	
	div#comment-preview {
		min-height: 42px; /* make space for "loading" image so transition is less jarring */	
	}
	
	div.comment-preview-waiting img.comment-preview-waiting-spinner {
		margin-top: 10px;
	}	

	div.comment-admin p.minor-link
	{
		font-size: 12px;
		text-align: right;
		margin-bottom: 0.2em;
	}
	
	div.comment-admin-right p.minor-link
	{
		text-align: left;
		margin-left: 10px;		
	}
	
	div.comment-admin p.edit-link
	{
		font-size: 14px;
	}

	div.comment-entry h3
	{
		margin-top: 15px;
		margin-bottom: 10px;
	}

/*************************** CHAPTER SIDEBARS *********************************/
/*************************** LEFT SIDEBAR *************************************/
div.chapter-left-sidebar-container {
	padding-top: 10px;
	padding-bottom: 10px;		
}

	div.chapter-left-sidebar-container div.warning-container
	{
		text-align: center;
	}

	div.chapter-left-sidebar div.moondate {
		padding-top: 70px; /* impossible to be exact unless we know height of story nav bar */
		text-align: center;
	}

	div.chapter-left-sidebar ul.admin-links
	{
		list-style-type: none;
		margin: 0;
		text-align: center;
		font-size: 14px;
	}
	
		div.chapter-left-sidebar ul.admin-links li {
			margin-bottom: 1em;
		}
	
		div.chapter-left-sidebar ul.admin-links li.minor {
			font-size: 80%;
		}

/*************************** RIGHT SIDEBAR *************************************/
div.right-sidebar
{
	padding: 10px;
}

	div.right-sidebar h3 {
		font-size: 1.2em;
		margin-bottom: 0.4em;
	}

	div.right-sidebar dl
	{
		font-size: 11px;
		margin: 0;
	}

	div.right-sidebar p.minor-link
	{
		font-size: 11px;
		margin-bottom: 0.5em;
	}

		div.right-sidebar div.storyline-list br.clear,
		div.right-sidebar div.character-list br.clear
		{
			display: none;
		}
		
	div.right-sidebar div.preview-image-link
	{
		font-size: 14px;
		margin-bottom: 7px;
	}
	
	div.right-sidebar ul.storyline-list
	{
		list-style-type: none;
		margin: 0;
		font-size: 87.5%;
	}
	
		div.right-sidebar ul.storyline-list li
		{
			margin-bottom: 7px;	
		}
	
			div.right-sidebar ul.storyline-list li p
			{
				margin-bottom: 0;
			}
			
			div.right-sidebar ul.storyline-list li p.storyline-link
			{
				text-indent: -0.35em;
				margin-left: 0.35em;
			}
	
	div.right-sidebar img.storyline-image
	{
		max-width: 150px;  /* 190 - 20 - 20 */
	}
	
	div.right-sidebar ul.character-list,
	div.right-sidebar ul.revision-list
	{
		font-size: 87.5%;
		list-style-position: inside;
		text-indent: -14px;
		margin: 0 0 7px 14px;
	}
	
	div.right-sidebar ul.revision-list
	{
		font-size: 100%;
		margin-bottom: 0;
	}
	
	div.right-sidebar ul.recent-comments,
	div.right-sidebar ul.recent-nodes
	{
		font-size: 87.5%;
	}
	
/************** CHAPTER NAVIGATION - TEXT_ONLY ********************************/	
	div.chapter-navigation-links div.nav-previous,
	div.chapter-navigation-links div.nav-next
	{
		padding-bottom: 0.4em;
		padding-top: 0.4em;
		max-width: 300px;	
	}

	div.chapter-navigation-links div.nav-previous,
	div.poll-navigation-links div.nav-previous,
	div.node-navigation-links div.nav-previous
	{
		float: left;
		padding-left: 10px;
	}
	div.chapter-navigation-links div.nav-next,
	div.poll-navigation-links div.nav-next,
	div.node-navigation-links div.nav-next
	{
		float: right;
		padding-right: 10px;
		text-align: right;
	}

/************** POLL NAVIGATION - TEXT_ONLY ********************************/	
	div.poll-navigation-links div.nav-previous,
	div.poll-navigation-links div.nav-next,
	div.node-navigation-links div.nav-next,
	div.node-navigation-links div.nav-previous
	{
		padding-bottom: 0.4em;
		padding-top: 0.4em;
		max-width: 350px;	
	}

/************** CHAPTER NAVIGATION - WITH PREVIEWS ****************************/
	div.chapter-navigation-container h4
	{
		font-size: 93.75%;
		margin-bottom: 0;
	}
	
	div.chapter-navigation-container div.navigation-previous-chapter-preview
	{
		float: left;
	}
	
	div.chapter-navigation-container div.navigation-next-chapter-preview
	{
		float: right;
		text-align: right;
	}
	
	div.chapter-navigation-container div.clear,
	div.chapter-navigation-links div.clear,
	div.poll-navigation-links div.clear,
	div.node-navigation-links div.clear
	{
		height: 1px;
		line-height: 1px;
	}
	
/* ========================================================= */
/*                   ACTION MENUS                            */
/* ========================================================= */
ul.action-menu {
	float: right;
	margin-right: 0;
	margin-bottom: 10px;
	margin-top: 10px;
	list-style-type: none;
}

div.box ul.action-menu {
	margin-top: 0px;
}

ul.action-menu li {
	float: left;	
}

ul.action-menu li a {
	white-space: nowrap;
	padding: 2px 10px 2px 22px;
	margin-left: 5px;
	background-repeat: no-repeat;
	background-position: 2px 2px;
	cursor: pointer;
}

/* ========================================================= */
/*                   HEADER MENU                             */
/* ========================================================= */
div.verso-header-menu div.header-section-col a { 
	display: block; 
	border-width: 3px 0; 
	border-style: double;
}
div.verso-header-menu div.header-section-col-1 a { color: #d38d00; }
div.verso-header-menu div.header-section-col-2 a { color: #4a7b00; }
div.verso-header-menu div.header-section-col-3 a { color: #7B1300; }
div.verso-header-menu div.header-section-col-4 a { color: #007a56; }
div.verso-header-menu div.header-section-col-5 a { color: #c45800; }
div.verso-header-menu div.header-section-col-6 a { color: #012650; }

/* ========================================================= */
/*                   COLLAPSING MENU                         */
/* ========================================================= */
ul#main-menu
{
	font-size: 100%;
	list-style-type: square;
}

ul#main-menu,
ul#main-menu ul
{
	margin-left: 0.8em;
	margin-right: 0;
}

ul#main-menu > li > ul
{
	font-size: 83.5%;
}

ul#main-menu li {
	text-indent: -10px;
	padding-left: 10px;
}

ul#main-menu > li {
	text-indent: 0;
	padding-left: 0;
}

ul#main-menu li.menu-container-story { color: #d38d00; }
ul#main-menu li.menu-container-verso { color: #4a7b00; }
ul#main-menu li.menu-container-bio { color: #7B1300; }
ul#main-menu li.menu-container-demographics { color: #007a56; }
ul#main-menu li.menu-container-sims { color: #c45800; }
ul#main-menu li.menu-container-places { color: #012650; }

/* ========================================================= */
/*                         ARCHIVES                          */
/* ========================================================= */
table.archives {
	width: auto;
	margin: 0 auto;
}

table.archives td,
table.archives th 
{
	padding: 2px 5px;
}

table.archives th.archive-year {
	font-size: 4.5em;
	vertical-align: top;
	letter-spacing: 0.1em;
	font-weight: normal;
}

table.archives th.archive-month {
	font-size: 1.5em;
	vertical-align: top;
}

table.archives th.archive-num-posts {
	font-size: 1.5em;
	vertical-align: top;
}

/* ========================================================= */
/*                   FLASH MESSAGES                          */
/* ========================================================= */

/* ========================================================= */
/*                         QUOTES                            */
/* ========================================================= */
	div.post-block div.quote {
		max-width: 600px;
		margin: 0 auto;
		padding: 20px 35px;
		margin-bottom: 30px;
	}

		div.post-block div.quote div.quote_author {
			text-align: right;
			font-style: italic;
			margin-top: 2em;
			font-size: 93.75%;
			margin-bottom: 10px;
		}
		
		div.post-block div.quote div.quote_comment_count {
			text-align: right;
			font-size: 93.75%;
		}
		
		div.post-block div.quote p.quote_admin {
			float: left;
		}

/* ========================================================= */
/*                         JQUERY UI                         */
/* ========================================================= */
.ui-selectmenu {
	height: 1.5em;
}
	
.ui-widget,
.ui-selectmenu-menu
{
	font-size: 12px;	
}

.ui-selectmenu-menu li a,
.ui-selectmenu-status
{
	padding: 0 1em;
}