/*
 *******************************************************************************
 *
 * Body
 *
 * Defaults to black text on white background
 *
 *******************************************************************************
 */
body {
	/*
	 * Must be wide enough to accomodate the tabloid images
	 */
	width:		800px;

	/*
	 * Offset whatever content is on the page so we have a
	 * border around it.
	 */
	padding-top:	10px;
	padding-bottom:	10px;
	padding-left:	10px;
	padding-right:	10px;

	/*
	 * White background to blend with tabloid edges
	 */
	background:		#ffffff;

	/*
	 * Black text by default
	 */
	color:		#000000;

	/*
	 * Using a percentage allows us to use em's for font sizes,
	 * with gractional sizes.
	 * smallest that is portable across browsers
	 */
	font-size:	76%;
	font-family:	verdana, times;
	font-style:	none;
	font-weight:	normal;

	text-align:	center;
	}

#ca-body {
	/*
	 * Need this much width for everything
	 * Doesn't rull full width of browser
	 * Image is 800 wide - (left offset + right offset)
	 * - (body padding left + body padding right)
	 * (Offsets are set by ca-border-middle division since we
	 * can easily pad there.  Padding is set by body.)
	 */
	width:		700px;

	/*
	 * Center the content in browser window
	 */
	margin-top:	0px;
	margin-bottom:	0px;
	margin-left:	35px;
	margin-right:	auto;

	padding-top:	0px;
	padding-bottom:	0px;

	/*
	 * Beige so body division stands out
	 *
	 * Using tabloid background image now
	background:	#fff9e7;
	*/
	}

/*
 * Artwork to simulate newspaper
 */
#ca-border-top {
	/*
	 * Put this in here so we can change layout using new style
	 * sheets.  Otherwise everything is totally hard-coded.
	 */
	background:	url(http://www.CitizenArcane.com/images/index/tabloid_top.gif);
	background-repeat:	none;
	height:		55px;
	width;		800px;
	}

#ca-border-middle {
	/*
	 * Start laying out content in the appropriate place on the
	 * tabloid.  The left edge has drop shadow and paper fold,
	 * so we can't start there.
	 */
	padding-left:	0px;
	padding-right:	0px;

	width:		800px;
	background:	url(http://www.CitizenArcane.com/images/index/tabloid_middle.gif);
	background-repeat: repeat-y;
	}

#ca-border-bottom {
	/*
	 * Put this in here so we can change layout using new style
	 * sheets.  Otherwise everything is totally hard-coded.
	 */
	background:	url(http://www.CitizenArcane.com/images/index/tabloid_bottom.gif);
	background-repeat:	none;
	height:		60px;
	width;		800px;
	}

/*
*******************************************************************************
 *
 * Header
 *
 *******************************************************************************
 */
#ca-masthead {
	width:		700px;

	/*
	 * Using tabloid background image now
	background:	#fff9e7;
	*/

	/*
	 * Double-line border at top and bottom
	 */
	border-top:	4px double #800514;
	border-bottom:	4px double #800514;
	}

/*
 * Disable link colors for "click anywhere" feature
 */
#ca-masthead a:link {
	color:		#000000;
	text-decoration: none;
	}
	
#ca-masthead a:visited {
	color:		#000000;
	text-decoration: none;
	}
	
#ca-masthead a:hover {
	color:		#000000;
	text-decoration: none;
	}

#ca-masthead a:focus {
	color:		#000000;
	text-decoration: none;
	}

#ca-masthead-top {
	}

#ca-masthead-three-part {
	margin-top:	10px;
	margin-bottom:	0px;
	margin-left:	0px;
	margin-right:	0px;
	}

/*
 * Actual width is 120 + left/right offsets
 * If the border is put back, subtract 2px from width
 * Only need 120px, but want to be balanced with slogan box
 */
#ca-masthead-left {
	/*
	border-style:	solid;
	border-color:	#ff0000;
	border-width:	2px;
	*/

	float:		left;
	width:		130px;
	}

#ca-masthead-left-image {
	/*
	 * Border only for debugging
	border-style:	solid;
	border-color:	#000000;
	border-width:	2px;
	 */
	}

/*
 * Width of middle is body(700px) - left image(130px) - slogan box (130px)
 * = 700px - 260px
 * = 440 px
 */
#ca-masthead-middle {
	/*
	border-style:	solid;
	border-color:	#000000;
	border-width:	2px;
	*/

	width:		440px;
	float:		left;
	}

/*
 * We have to manually correct for the baseline spacing which
 * will leave too much space above it.  Moving up a line will
 * make it flush with the picture.
	margin-top:	-1.0em;
 */
.ca-masthead-middle-title {
	/* manually correct baseline spacing */
	margin-top:	-0.25em;
	margin-bottom:	0.0em;
	margin-left:	auto;
	margin-right:	auto;

	color:		#800514;
	background:	transparent;

	font-family:	times;
	font-size:	2.0em;
	font-weight:	normal;
	font-style:	none;
	font-variant:	small-caps;
	}

.ca-masthead-middle-title-capital {
	color:		#800514;
	background:	transparent;

	font-size:	2.5em;
	font-variant:	small-caps;
	font-style:	italic;
	}

/*
 * Can't be vertically taller than -capital or we'll blow
 * the vertical positioning for the whole title/url/quote
 * block.
 */
.ca-masthead-middle-title-space {
	font-size:	2.0em;
	}

.ca-masthead-middle-url {
	/*
	 * use negative because title's line spacing is huge because
	 * of the fonts size.  (This happens because of the oversized
	 * first letter in each word.)
	 *
	 * IE looks best with -0.5em
	 */
	margin-top:	-0.5em;
	margin-bottom:	0.0em;
	margin-left:	auto;
	margin-right:	auto;

	font-family:	times;
	font-size:	1.25em;
	font-style:	none;
	font-weight:	normal;
	line-spacing:	1.0em;
	text-align:	center;
	}

.ca-masthead-middle-url-capital {
	font-size:	1.75em;
	font-weight:	normal;
	font-style:	italic;
	}

.ca-masthead-middle-quote {
	/*
	 * IE looks best with 0.25em
	 * Mozilla looks best with 0.15em;
	 */
	margin-top:	0.25em;
	margin-bottom:	0.0em;
	margin-left:	auto;
	margin-right:	auto;

	font-family:	times;
	font-size:	1.25em;
	font-style:	italic;
	font-weight:	normal;
	line-spacing:	1.0em;

	text-align:	center;
	}

/*
 * Width is 140px including left/right margins
 */
#ca-masthead-right {
	/*
	 * Border only for debugging
	border-style:	solid;
	border-color:	#0000ff;
	border-width:	2px;
	*/
	float:		right;
	width:		130px;
	}

#ca-masthead-right-slogan {
	/*
	 * Vertically centered against the picture.  This amount
	 * depends on the box size which, in turn, depends on the
	 * font size for the slogal itself.  All values determined
	 * empiracally.
	 */
	margin-top:	25px;
	margin-bottom:	0px;
	margin-left:	0px;
	margin-right:	0px;

	/*
	 * Separate border from text inside box
	 */
	padding-top:	5px;
	padding-bottom:	5px;
	padding-left:	5px;
	padding-right:	5px;

	border-style:	solid;
	border-color:	#800514;
	border-width:	2px;

	/*
	background:	#eecfa1;
	background:	#fffaf0;
	background:	#eedfcc;
	*/
	color:		#000000;
	background:	#ffe4c4;	/* pinkish tan */

	font-family:	times;
	font-size:	1.25em;
	font-style:	italic;
	font-weight:	normal;
	line-spacing:	1.0em;
	text-align:	center;
	}

#ca-masthead-bottom-text {
	/*
	 * Separate from solid line above and double line below
	 */
	margin-top:	5px;
	margin-bottom:	5px;

	font-family:	verdana;
	font-size:	1.0em;
	font-style:	none;
	font-weight:	normal;
	line-spacing:	1.0em;
	}

/*
 * This can't go in the bottom-text heading div because we need
 * to force the clear and it can't do that.  (We need to do the
 * clear before that div gets laid out.)
 *
 * The margin settings won't have any effect here because we are
 * doing a clear, so we'll have to simulate them using padding
 * if we want any.
 *
 * There seems to be some vertical padding -- likely from the
 * font vertical spacing -- so we don't need to use any padding
 * to get space between the text and the horizontal line at top.
 */
#ca-header-line-price-date-edition {
	clear:		both;
	padding-top:	0px;
	border-top:	solid 1px #800514;
	}

#ca-header-price {
	width:		200px;
	float:		left;
	text-align:	left;
	}

#ca-header-date-time {
	width:		300px;
	float:		left;
	text-align:	center;
	}

#ca-header-sedition {
	float:		right;
	width: 		200px;
	text-align:	right;
	}

/*
 * The margin settings won't have any effect here because we are
 * doing a clear, so we'll have to simulate them using padding
 * if we want any.
 */
#ca-header-masthead-bottom-padding {
	clear:		both;
	padding-top:	5px;
	}

/*
 *******************************************************************************
 *
 * Footer
 *
 *******************************************************************************
 */
#ca-footer {
	width:		700px;
	clear:		both;

	padding-top:	10px;
	margin-bottom:	0px;
	margin-left:	0px;
	margin-right:	0px;
	}

/*
 * We need the text division because we can't do proper spacing if
 * this goes into the ca-footer division.  There is no way to
 * control the space before the border.  (Go figure.)
 *
 * Narrow the region slightly so the line doesn't run the width
 * of the page.  (Looks much better instead of like a mistake.)
 * We reduce the width since we are upping the left/right margins.
 */
#ca-footer-text {
	/*
	 * Space around dashed line
	 */
	margin-top:	10px;
	margin-bottom:	0px;
	margin-left:	25px;
	margin-right:	25px;

	/*
	 * Padding underneath the line
	 */
	padding-top:	10px;
	padding-bottom:	20px;

	/*
	 * Using tabloid background image instead of manual colors
	background:	#fff9e7;
	 */

	/*
	 * Single line to separate from content
	 */
	border-top:	1px dashed #000000;
	}

.ca-footer-blogname {
	font-size:	1.0em;
	}

.ca-footer-blogname-capital {
	font-size:	1.25em;
	}

#ca-footer-text p {
	margin-top:	0.5em;
	margin-bottom:	0.0em;
	margin-left:	auto;
	margin-right:	auto;

	font-family:	verdana;
	font-size:	1.0em;
	font-style:	none;
	font-weight:	normal;
	line-spacing:	1.2em;
	}

/*
 *******************************************************************************
 *
 * content
 *
 *******************************************************************************
 */
#ca-content {
	width:		700px;

	margin-top:	20px;
	margin-bottom:	0px;
	margin-left:	0px;
	margin-right:	0px;

	padding-top:	0px;
	padding-bottom:	0px;
	padding-left:	0px;
	padding-right:	0px;
	}

#ca-content-postings {
	/*
	 * this gives a 50px gutter between content and sidebar
	 */
	width:		430px;
	float:		left;

	/*
	 * Offset slightly from left edge
	 */
	margin-top:	0px;
	margin-bottom:	0px;
	margin-left:	0px;
	margin-right:	0px;
	}

.ca-content-post {
	/*
	 * separate entries by this much
	 * Take space at bottom to avoid space before first entry
	 */
	margin-top:	0px;
	margin-bottom:	30px;
	margin-left:	0px;
	margin-right:	0px;
	}

.ca-content-post-title {
	}

/*
 * Headings
 */
.ca-content-post-title h3 {
	/*
	 * We must override any default h3 settings
	 */
	margin-top:	0px;
	margin-bottom:	0px;
	margin-left:	0px;
	margin-right:	0px;

	/*
	 * Padding around text inside the title bar
	 */
	padding-top:	0.5em;
	padding-bottom:	0.5em;
	padding-left:	0.5em;
	padding-right:	0.5em;

	/*
	color:		#000000;
	background:	#eedfcc;
	*/
	/*
	 * Because title are links to the archived version 
	 * of the posting, setting the color here won't
	 * matter; it is controlled by the link/visited/etc.
	 * attributes.
	color:		#ffffff;
	 * beige on firebrick
	color:		#ffd700;
	background:	#800514;
	 */
	color:		#000000;
	background:	#ffe4c4;	/* pinkish tan */

	/*
	 * Only on three sides since the bottom of the box is
	 * shared with the top of post-body.  If we do not
	 * disable the bottom edge we'll have a double-thick
	 * line separating the two.
	 */
	border-left:	1px dotted #000000;
	border-right:	1px dotted #000000;
	border-top:	1px dotted #000000;

	font-size:	1.2em;
	line-height:	1.4em;
	font-style:	none;
	font-weight:	normal;
	text-align:	center;
	}

/*
 * Disable link colors for title, but leave hover/focus
 * so there is some feedback that it is a link.
 */
.ca-content-post-title a:link {
	/*
	color:		#fffacd;
	*/
	color:		#000000;
	text-decoration: none;
	}
	
.ca-content-post-title a:visited {
	/*
	color:		#fffacd;
	*/
	color:		#000000;
	text-decoration: none;
	}

/*
 * Using a border looks better than underlining.
 * If we wanted these underlined, we'd use:
	text-decoration: underline;
 */
.ca-content-post-title a:hover {
	/*
	color:		#fff000;
	*/
	color:		#800514;
	border-bottom:	2px dotted #800514;
	}

.ca-content-post-title a:focus {
	/*
	color:		#fff000;
	*/
	color:		#800514;
	border-bottom:	2px dotted #800514;
	}
	
.ca-content-post-body {
	/*
	 * internal padding to separate from title/content/etc.
	 *
	 * If this is used, we must negatively indent the heading 
	 * box for the title if we want it to fill the posting 
	 * bounding box horizontally and be aligned at the top.
	 *
	 * Easier than putting padding in every style that goes
	 * into a post box.
	 *
	 * Technically we could disable padding at the top and
	 * thus compensate for the margin-top in each paragraph,
	 * but this sort of design design wouldn't work when
	 * we have an image as the first thing in a posting
	 * instead of text.  We'd end up needing to shove that
	 * space into every other object.  Better we just
	 * live with it sub-optimal.
	 */
	padding-top:	10px;
	padding-bottom:	10px;
	padding-left:	10px;
	padding-right:	10px;

	/*
	 * Draw a box around the posting body
	 *
	 * If we want to draw it around the title, too, we'll
	 * need to draw a top/left/right border around the
	 * title, and have either a bottom in the title or a
	 * top here.  That will glue it all together into a box,
	 * without having a double-thick line separating the
	 * title from the body.
	 */
	border-top:	1px dotted #000000;
	border-left:	1px dotted #000000;
	border-right:	1px dotted #000000;
	border-bottom:	1px dotted #000000;

	color:		#000000;
	/*
	background:	#fffaf0;
	 * beige
	background:	#ffe4c4;
	 * pinkish tan
	background:	#fff5ee;
	*/
	background:	#fff5ee;

	font-size:	1.2em;
	line-height:	2.0em;
	font-style:	none;
	font-weight:	normal;
	text-align:	justify;
	}

.ca-content-post-body h4 {
	/*
	 * We must override any default h3 settings
	 */
	margin-top:	1.0em;
	margin-bottom:	0.0em;
	margin-left:	auto;
	margin-right:	auto;

	/*
	 * Default for paragraph is 1.2/2.0 so we'll use very
	 * slightly larger.
	 */
	font-size:	1.2em;
	line-height:	1.8em;
	font-style:	none;
	font-weight:	normal;
	text-align:	center;
	}

.ca-content-post-body p.story {
	/*
	 * "Read the Story" link goes in italic
	 */
	margin-top:	1.0em;
	margin-bottom:	0.0em;

	font-style:	italic;
	}

.ca-content-post-body p.caption {
	/*
	 * Photo caption
	 *
	 * Center text as a block.  Use slightly less than
	 * width of photo (350px) as max width.
	 */
	margin-top:	0.0em;
	margin-bottom:	1.25em;
	margin-left:	auto;
	margin-right:	auto;

	font-size:	0.9em;
	line-height:	1.6em;

	display:	block !important;
	max-width:	300px !important;
	text-align:	justify !important;
	}

.ca-content-post-body .centered {
	/*
	 * Used for tables and things like that
	 */
	margin-left:	auto;
	margin-right:	auto;
	}

.ca-content-post-body p.image {
	/*
	 * WordPress wraps a paragraph around everything, so
	 * we need to throw images into their own paragraphs
	 * to avoid this.  We turn off formatting since we'll
	 * control appearance using an img setting specific
	 * to post-body.
	 *
	 * We do need to center this here or it won't work
	 * in the img setting.
	 */
	margin-top:	0.0em;
	margin-bottom:	0.0em;
	margin-left:	auto;
	margin-right:	auto;

	text-align:	center;
	}

.ca-content-post-body img {
	margin-top:	1.0em;
	margin-bottom:	1.0em;
	margin-left:	auto;
	margin-right:	auto;

	border-style:	solid;
	border-color:	#000000;
	border-width:	1px;

	text-align:	center;
	}

.ca-content-post-body table.event {
	margin-left:	auto;
	margin-right:	auto;

	font-size:	1.0em;
	line-height:	1.0em;
	font-style:	normal;
	font-weight:	normal;
	text-align:	left;
	}

.ca-content-post-body .event-heading {
	/*
	 * actual time, location, etc.
	 */
	margin-top:	1.0em;
	margin-bottom:	0.0em;
	margin-right:	2.0em;

	font-size:	0.9em;
	line-height:	1.2em;
	font-style:	none;
	font-weight:	bold;
	text-align:	left;
	}

.ca-content-post-body .event-category {
	/*
	 * Date/Time/Place
	 */
	margin-top:	1.0em;
	margin-bottom:	0.0em;
	margin-right:	2.0em;

	font-size:	0.9em;
	line-height:	1.2em;
	font-style:	italic;
	font-weight:	normal;
	text-align:	left;
	}

.ca-content-post-body .event-value {
	/*
	 * actual time, location, etc.
	 */
	margin-top:	1.0em;
	margin-bottom:	0.0em;
	margin-right:	2.0em;

	font-size:	0.9em;
	line-height:	1.2em;
	font-style:	none;
	font-weight:	normal;
	text-align:	left;
	}

.ca-content-post-body table.book {
	margin-left:	auto;
	margin-right:	auto;

	font-size:	1.0em;
	line-height:	1.0em;
	font-style:	normal;
	font-weight:	normal;
	text-align:	left;
	}

.ca-content-post-body .book-heading {
	/*
	 * Book title/author/etc link goes in italic
	 */
	margin-top:	1.0em;
	margin-bottom:	0.0em;
	margin-right:	2.0em;

	font-style:	italic;
	/*
	font-size:	1.1em;
	line-height:	1.4em;
	font-weight:	normal;
	text-align:	left;
	*/
	}

.ca-content-post-body .book-title {
	/*
	 * Book title/author/etc link goes in italic
	 */
	margin-top:	1.0em;
	margin-bottom:	0.0em;

	/*
	font-size:	1.1em;
	line-height:	1.4em;

	font-weight:	normal;
	text-align:	left;
	*/
	}

.ca-content-post-body .book-author {
	/*
	 * Book title/author/etc link goes in italic
	 */
	margin-top:	1.0em;
	margin-bottom:	0.0em;

	/*
	font-size:	1.1em;
	line-height:	1.4em;

	font-weight:	normal;
	text-align:	left;
	*/
	}

.ca-content-post-body .book-publisher {
	/*
	 * Book title/author/etc link goes in italic
	 */
	margin-top:	1.0em;
	margin-bottom:	0.0em;

	/*
	font-size:	1.1em;
	line-height:	1.4em;

	font-weight:	normal;
	text-align:	left;
	*/
	}

.ca-content-post-body .book-isbn {
	/*
	 * Book title/author/etc link goes in italic
	 */
	margin-top:	1.0em;
	margin-bottom:	0.0em;

	/*
	font-size:	1.1em;
	line-height:	1.4em;

	font-weight:	normal;
	text-align:	left;
	*/
	}

.ca-content-post-body p {
	/*
	 * Each paragraph offset from previous by 1/2 line.
	 *
	 * This offsets the first one too much, but there isn't
	 * any "all but first" feature in CSS.  Too bad.
	 */
	margin-top:	0.5em;

	text-align:	justify;
	}

.ca-content-post-body p.lyrics-title {
	/*
	 * Each paragraph offset from previous by 0 line.
	 *
	 * This offsets the first one too much, but there isn't
	 * any "all but first" feature in CSS.  Too bad.
	 */
	margin-top:	1.0em;
	margin-bottom:	0.0em;
	margin-left:	auto;
	margin-right:	auto;

	/*
	 * Slightly smaller with reduced vertical spacing
	font-size:	0.9em;
	line-height:	1.2em;
	 */
	font-size:	90%;
	line-height:	150%;

	font-weight:	bold;
	font-style:	none;

	/*
	 * Center text as a block.  Use slightly less than
	 * width of post-body (350px) as max width.
	 *
	 * Poem titles are always centered.
	 */
	display:	block;
	max-width:	300px;
	text-align:	center;
	}

.ca-content-post-body p.lyrics-body {
	margin-top:	0.25em;
	margin-bottom:	0.0em;
	margin-left:	auto;
	margin-right:	auto;

	/*
	 * Slightly smaller with reduced vertical spacing
	font-size:	0.9em;
	line-height:	1.2em;
	 */
	font-size:	90%;
	line-height:	150%;

	font-style:	none;

	/*
	 * Center text as a block.  Use slightly less than
	 * width of post-body (350px) as max width.
	 */
	display:	block !important;
	max-width:	350px !important;
	text-align:	left !important;
	}

/*
 * Deprecated; present for older postings only.
 */
.ca-content-post-body p.lyrics {
	margin-top:	0.25em;
	margin-bottom:	0.0em;
	margin-left:	auto;
	margin-right:	auto;

	/*
	 * Slightly smaller with reduced vertical spacing
	font-size:	0.9em;
	line-height:	1.2em;
	 */
	font-size:	90%;
	line-height:	150%;

	font-style:	none;

	/*
	 * Center text as a block.  Use slightly less than
	 * width of post-body (350px) as max width.
	 */
	display:	block !important;
	max-width:	350px !important;
	text-align:	left !important;
	}

.ca-content-post-body p.lyrics-cite {
	/*
	 * Each paragraph offset from previous by 0 line.
	 *
	 * This offsets the first one too much, but there isn't
	 * any "all but first" feature in CSS.  Too bad.
	 */
	margin-top:	1.0em;
	margin-bottom:	0.0em;
	margin-left:	auto;
	margin-right:	auto;

	/*
	 * Slightly smaller with reduced vertical spacing
	font-size:	0.9em;
	line-height:	1.2em;
	 */
	font-size:	90%;
	line-height:	150%;

	font-weight:	normal;
	font-style:	none;

	/*
	 * Center text as a block.  Use slightly less than
	 * width of post-body (350px) as max width.
	 */
	display:	block;
	max-width:	350px;
	text-align:	justify;
	}

.ca-content-post-body p.quotation-title {
	/*
	 * Each paragraph offset from previous by 0 line.
	 *
	 * This offsets the first one too much, but there isn't
	 * any "all but first" feature in CSS.  Too bad.
	 */
	margin-top:	1.0em;
	margin-bottom:	0.0em;
	margin-left:	auto;
	margin-right:	auto;

	/*
	 * Slightly smaller with reduced vertical spacing
	font-size:	0.9em;
	line-height:	1.2em;
	 */
	font-size:	90%;
	line-height:	150%;

	font-weight:	bold;
	font-style:	none;

	/*
	 * Center text as a block.  Use slightly less than
	 * width of post-body (350px) as max width.
	 *
	 * Poem titles are always centered.
	 */
	display:	block;
	max-width:	300px;
	text-align:	center;
	}

.ca-content-post-body p.quotation-body {
	margin-top:	0.5em;
	margin-bottom:	0.0em;
	margin-left:	auto;
	margin-right:	auto;

	/*
	 * Slightly smaller with reduced vertical spacing
	font-size:	0.9em;
	line-height:	1.2em;
	 */
	font-size:	90%;
	line-height:	150%;

	font-style:	italic;

	/*
	 * Center text as a block.  Use slightly less than
	 * width of post-body (350px) as max width.
	 */
	display:	block !important;
	max-width:	350px !important;
	text-align:	justify !important;
	}

.ca-content-post-body p.quotation-cite {
	/*
	 * Each paragraph offset from previous by 0 line.
	 *
	 * This offsets the first one too much, but there isn't
	 * any "all but first" feature in CSS.  Too bad.
	 */
	margin-top:	0.25em !important;
	margin-bottom:	0.0em;
	margin-left:	auto;
	margin-right:	auto;

	/*
	font-size:	0.9em;
	line-height:	1.0em;
	 */
	font-size:	90%;
	line-height:	150%;

	font-weight:	normal;
	font-style:	none;

	/*
	 * Center text as a block.  Use slightly less than
	 * width of post-body (350px) as max width.
	 */
	display:	block !important;
	max-width:	350px !important;
	text-align:	justify !important;
	}

/*
 * Deprecated; present for older postings only.
 */
.ca-content-post-body p.quotation {
	margin-top:	0.25em;
	margin-bottom:	0.0em;
	margin-left:	1.5em;
	margin-right:	1.5em;

	/*
	 * Slightly smaller with reduced vertical spacing
	font-size:	0.9em;
	line-height:	1.2em;
	 */
	font-size:	90%;
	line-height:	150%;

	font-style:	italic;

	text-align:	justify;
	}

/*
 * Deprecated; present for older postings only.
 */
.ca-content-post-body p.cite {
	margin-top:	0.0em !important;
	margin-bottom:	0.0em;
	margin-left:	auto;
	margin-right:	auto;

	/*
	 * Slightly smaller with reduced vertical spacing
	font-size:	0.9em;
	line-height:	1.2em;
	 */
	font-size:	90%;
	line-height:	150%;

	/*
	 * Center text as a block.  Use slightly less than
	 * width of post-body (350px) as max width.
	 */
	display:	block !important;
	max-width:	300px !important;
	text-align:	justify !important;
	}

.ca-content-post-body p.centered {
	/*
	 * Centered text.  Typically used for elipses.
	 */
	text-align:	center;
	}

.ca-content-post-body p.poem-title {
	/*
	 * Each paragraph offset from previous by 0 line.
	 *
	 * This offsets the first one too much, but there isn't
	 * any "all but first" feature in CSS.  Too bad.
	 */
	margin-top:	1.0em;
	margin-bottom:	0.0em;
	margin-left:	auto;
	margin-right:	auto;

	/*
	 * Slightly smaller with reduced vertical spacing
	font-size:	0.9em;
	line-height:	1.2em;
	 */
	font-size:	90%;
	line-height:	150%;


	font-weight:	bold;
	font-style:	none;

	/*
	 * Center text as a block.  Use slightly less than
	 * width of post-body (350px) as max width.
	 *
	 * Poem titles are always centered.
	 */
	display:	block;
	max-width:	350px;
	text-align:	center;
	}

.ca-content-post-body p.poem-body {
	/*
	 * Each paragraph offset from previous by 0 line.
	 *
	 * This offsets the first one too much, but there isn't
	 * any "all but first" feature in CSS.  Too bad.
	 */
	margin-top:	0.5em;
	margin-bottom:	0.0em;
	margin-left:	auto;
	margin-right:	auto;

	/*
	 * Slightly smaller with reduced vertical spacing
	font-size:	0.9em;
	line-height:	1.2em;
	 */
	font-size:	90%;
	line-height:	150%;


	font-style:	none;

	/*
	 * Center text as a block.  Use slightly less than
	 * width of post-body (350px) as max width.
	 */
	display:	block;
	max-width:	350px;
	text-align:	justify;
	}

/*
 * Deprecated -- used only for old entries
 */
.ca-content-post-body p.poem {
	/*
	 * Each paragraph offset from previous by 0 line.
	 *
	 * This offsets the first one too much, but there isn't
	 * any "all but first" feature in CSS.  Too bad.
	 */
	margin-top:	0.5em;
	margin-bottom:	0.0em;
	margin-left:	auto;
	margin-right:	auto;

	/*
	 * Slightly smaller with reduced vertical spacing
	font-size:	0.9em;
	line-height:	1.2em;
	 */
	font-size:	90%;
	line-height:	150%;


	font-style:	none;

	/*
	 * Center text as a block.  Use slightly less than
	 * width of post-body (350px) as max width.
	 */
	display:	block;
	max-width:	350px;
	text-align:	justify;
	}

.ca-content-post-body p.poem-cite {
	/*
	 * Each paragraph offset from previous by 0 line.
	 *
	 * This offsets the first one too much, but there isn't
	 * any "all but first" feature in CSS.  Too bad.
	 */
	margin-top:	1.0em;
	margin-left:	auto;
	margin-right:	auto;

	/*
	 * Slightly smaller with reduced vertical spacing
	font-size:	0.9em;
	line-height:	1.2em;
	 */
	font-size:	90%;
	line-height:	150%;


	font-weight:	normal;
	font-style:	none;

	/*
	 * Center text as a block.  Use slightly less than
	 * width of post-body (350px) as max width.
	 */
	display:	block;
	max-width:	350px;
	text-align:	justify;
	}

/*
 * For quotes in a paragraph
 */
.ca-content-post-body .quote-inline {
	font-style:	italic;
	}

.ca-content-post-body blockquote {
	margin-top:	1.0em;
	margin-bottom:	0.0em;
	margin-left:	1.5em;
	margin-right:	1.5em;

	padding-top:	0.0em;
	padding-bottom:	0.0em;
	padding-left:	0.0em;
	padding-right:	0.0em;

	/*
	 * beige
	background:	#fff5ee;
	*/
	background:	#fffaf0;

	/*
	 * Use gray so it isn't overpowering, as black would be.
	 * Box whole thing since just the left edge doesn't give
	 * us enough of a border.  (The background is going to
	 * stand out anyway, and the border helps give it presence.)
	 */
	border-left: 2px solid #555555;
	border-right: 1px dotted #555555;
	border-top: 1px dotted #555555;
	border-bottom: 1px dotted #555555;
	}

.ca-content-post-body blockquote p {
	margin-top:	0.5em;

	font-size:	0.9em;
	line-height:	1.8em;
	}

.ca-content-post-body blockquote p.indented {
	/*
	 * Without the important this isn't indented at all.
	 */
	margin-left:	3.0em	!important;
	}

.ca-content-post-body cite:before {
	/*
	 * This is obvious so we don't need to explicitly state it
	content:	"Source:";
	 */
	font-style:	normal;
	}

.ca-content-post-body cite {
	/*
	 * Dropping cites inside of blockquotes so we don't
	 * need to add additional indenting.
	 *
	 * Center this as a block.
	 */
	margin-right:	auto;
	margin-left:	auto;

	font-size:	0.7em;
	line-height:	1.6em;
	font-style:	italic;

	/*
	 * Center text as a block.  Use slightly less than
	 * width of post-body (350px) as max width.
	 */
	display:	block !important;
	max-width:	300px !important;
	text-align:	justify !important;
	}

.ca-content-post-body .cite-bugmenot {
	/*
	 * Dropping cites inside of blockquotes so we don't
	 * need to add additional indenting.
	 */
	margin-top:	1.0em !important;
	margin-left:	0.0em !important;

	font-size:	0.7em;
	line-height:	1.6em;
	font-style:	italic;

	text-align:	center;

	/*
	 * Normally inline, so margins don't work.
	 */
	display:	block;
	}

.ca-content-post-body ul {
	margin-top:	0.0em;
	}

.ca-content-post-body ul li {
	margin-top:	0.0em;

	font-size:	1.0em;
	line-height:	2.0em;
	font-style:	none;
	font-weight:	normal;
	text-align:	justify;

	list-style:	bullet;
	}

.ca-content-post-info {
	/*
	 * Separate from posting with a dotted line that is a
	 * little narrower than the paragraph above it.
	 */
	margin-top:	20px;
	margin-left:	5%;
	margin-right:	5%;

	border-top:	2px dotted #800514;
	}

.ca-content-post-info p {
	/*
	 * Information about posting, who posted it, date, time, etc.
	 */
	margin-top:	0.5em;
	margin-bottom:	0.0em;
	margin-left:	0.0em;
	margin-right:	0.0em;

	color:		#000000; /* black */

	font-size:	0.85em;
	font-style:	none;
	font-weight:	normal;
	text-align:	center;
	}

.ca-content-post-navigate {
	}

/*
 * Backwards navigation
 */
.ca-content-post-navigate-previous {
	text-align:	left;
	}

/*
 * Forwards navigation
 */
.ca-content-post-navigate-next {
	text-align:	right;
	}

/*
 * Default settings for everything in the sidebar
 */
#ca-content-sidebar {
	float:		right;
	width:		220px;

	/*
	 * Offset slightly from right edge
	 */
	margin-top:	0px;
	margin-bottom:	0px;
	margin-left:	0px;
	margin-right:	0px;

	/*
	 * internal padding to separate box from content 
	 *
	 * If this is used, we must negatively indent the heading 
	 * box for the title if we want it to fill the posting 
	 * bounding box horizontally and be aligned at the top.
	 */
	padding-top:	10px;
	padding-bottom:	10px;
	padding-left:	10px;
	padding-right:	10px;

	border-style:	dotted;
	border-color:	#000000;
	border-width:	1px;

	/*
	 * beige
	background:	#fffaf0;
	 * white
	background:	#eedfcc;
	 * Pinkish tan
	background:	#ffe4c4;
	 */
	background:	#fff5ee;

	/*
	 * Default font settings
	 */
	font-family:	verdana;
	font-size:	1.0em;
	font-style:	none;
	font-weight:	normal;
	line-spacing:	1.0em;
	}

/*
 * Disable space that normally appears before each h3 heading.
 * (Needless padding at the top fo the navigation sidebar.)
 *
 * Otherwise things won't line up with the headline for the
 * first post.
 */
#ca-content-sidebar-first-heading {
	/*
	 * We move this up because of the internal padding in
	 * the box set by the overall sidebar style.
	 */
	margin-top:	-10px	!important;
	}

/*
 * All text in sidebar gets space before
 */
#ca-content-sidebar p {
	margin-top:	1.5em;
	margin-bottom:	0.0em;
	margin-left:	0.0em;
	margin-right:	0.0em;

	text-align:	left;
	}

/*
 * List elements get no indent
 */
#ca-content-sidebar ul {
	margin-top:	1.0em;
	margin-bottom:	0.0em;
	margin-left:	0.0em;
	margin-right:	0.0em;

	/*
	 * Turn off indent for lists
	 */
	padding:	0px;

	/*
	 * Text flush left. This is used for everything like
	 * links to other sites, archives categories, etc.
	 */
	text-align:	left;
	}

#ca-content-sidebar ul li {
	/*
	 * No bullets for list entries
	 */
	list-style:	none;
	text-align:	left;
	}

/*
 * Headings go in black on light tan bar
 */
#ca-content-sidebar h3 {
	/*
	 * Make bar fill the box, since we have padding in the
	 * overall sidebar division.  If that size is changed,
	 * it must also change here.
	 */
	margin-top:	25px;
	margin-bottom:	0px;
	margin-left:	-10px;
	margin-right:	-10px;

	padding-top:	2px;
	padding-bottom:	2px;
	padding-left:	2px;
	padding-right:	2px;

	/*
	 * Black on tan
	color:		#000000;
	background:	#eedfcc;
	/*
	 * Yellow on firebrick
	 */
	color:		#fff000;
	background:	#800514;

	border-style:	dotted;
	border-color:	#000000;
	border-width:	1px;

	font-family:	verdana;
	font-size:	1.25em;
	font-weight:	normal;
	font-style:	none;
	}

/*
 * Admin
 */
#ca-content-sidebar-admin {
	}

/*
 * Archives
 */
#ca-content-sidebar-archives {
	}

/*
 * Calendar
 */
#ca-content-sidebar-calendar {
	}

/*
 * Categories
 */
#ca-content-sidebar-categories {
	}

/*
 * Census
 */
#ca-content-sidebar-census {
	}

#ca-content-sidebar-census h4 {
	/*
	 * Headings get a border above and below
	 */
	margin-top:	1.0em;
	margin-bottom:	0.75em;
	margin-left:	0.0em;
	margin-right:	0.0em;

	padding-top:	2px;
	padding-bottom:	2px;
	padding-left:	0px;
	padding-right:	0px;

	color:		#000000;
	background:	transparent;

	/*
	 * Line above and below heading
	 */
	border-top:	1px dotted #000000;
	border-bottom:	1px dotted #000000;

	font-weight:	normal;
	}

/*
 * Links
 */
#ca-content-sidebar-links {
	}

/*
 * Navigation
 */
#ca-content-sidebar-navigation {
	}

/*
 * RSS
 */
#ca-content-sidebar-rss {
	}

#ca-content-sidebar-rss p {
	}

/*
 * Search
 */
#ca-content-sidebar-search {
	}

/*
 * Search
 */
#ca-content-sidebar-validate {
	}

#ca-content-sidebar-validate p {
	}

/*
 * Wall Street
 */
#ca-content-sidebar-wallstreet {
	}

#ca-content-sidebar-wallstreet h4.wallstreet {
	/*
	 * Headings get a border above and below
	 */
	margin-top:	1.0em;
	margin-bottom:	0.75em;
	margin-left:	0.0em;
	margin-right:	0.0em;

	padding-top:	2px;
	padding-bottom:	2px;
	padding-left:	0px;
	padding-right:	0px;

	color:		#000000;
	background:	transparent;

	/*
	 * Line above and below heading
	 */
	border-top:	1px dotted #000000;
	border-bottom:	1px dotted #000000;

	font-weight:	normal;
	}

#ca-content-sidebar-wallstreet-listings {
	margin-left:	1.5em;
	margin-right:	1.5em;

	font-family:	verdana;
	font-size:	1.0em;
	font-weight:	normal;
	font-style:	none;
	}

#ca-content-sidebar-wallstreet .wallstreet-field-error {
	/*
	 * Error messages
	 */
	font-style:	italic;
	font-weight:	bold;
	}

#ca-content-sidebar-wallstreet .wallstreet-field-name {
	/*
	 * Field names like "Symbol", "Price", etc.
	 */
	font-style:	italic;
	font-weight:	normal;
	}

#ca-content-sidebar-wallstreet .wallstreet-field-value {
	/*
	 * Field values like "10.28", "+1.23", etc.
	 */
	/*
	 * Do not change default font apearance here without
	 * changing it for ca-content-sidebar-wallstreet-listings
	 * or non-format output will appear in a different font.
	 */
	}

#ca-content-sidebar-wallstreet .wallstreet ul {
	/*
	 * No space between values and quote sub-head
	 */
	margin-top:	0px;
	margin-bottom:	0px;
	margin-left:	0px;
	margin-right:	0px;
	}

/*
 * Weather
 */
#ca-content-sidebar-weather {
	}

#ca-content-sidebar-weather-table {
	}

/*
 * Each city gets its own id
 */
#ca-content-sidebar-weather-KNYC {
	}

/*
 * Name of city gets centered above sun indicator
 */
#ca-content-sidebar-weather .weather {
	text-align:	center;
	}

/*
 * Category of setting (Temp, etc.)
 * Make this italic to help it to stand out
 */
#ca-content-sidebar-weather .weather_title {
	font-style:	italic;
	}

/*
 * Value for setting (32degrees, etc.)
 */
#ca-content-sidebar-weather .weather_info {
	}

/*
 * Sunlight indicator
 */
#ca-content-sidebar-weather img {
	margin-top:	0px;
	margin-bottom:	0px;
	margin-left:	auto;
	margin-right:	auto;
	}

/*
 *******************************************************************************
 *
 * Link
 *
 *******************************************************************************
 */
a:link {
	color:		#006400;
	text-decoration: none;
	}
	
a:visited {
	color:		#191970;
	text-decoration: none;
	}

a:hover {
	color:		#800514;
	text-decoration: underline;
	}

a:focus {
	color:		#800514;
	text-decoration: none;
	text-decoration: underline;
	}

a img {
	/* no borders on images used for hyperlinks */
	border: none;
	}

/*
 *******************************************************************************
 *
 * Calendar
 *
 *******************************************************************************
 */
#wp-calendar {
	/*
	 * Do not draw borders on empty <td> cells
	 * This doesn't seem to have any effect, so I added a
	 * style for the .pad division which fixes it.
	 */
	empty-cells:	hide;

	/*
	 * Center calendar underneath heading
	 */
	margin-top:	0px;
	margin-bottom:	0px;
	margin-left:	auto;
	margin-right:	auto;

	font-family:	verdana;
	font-size:	1.0em;
	font-style:	none;
	font-weight:	normal;
	}

#wp-calendar #next {
	text-align:	right;
	}

#wp-calendar #prev {
	text-align:	left;
	}

#wp-calendar #today {
	/*
	 * white on firebrick
	 *
	 * Setting is only used if we don't have a link to
	 * the static page.  Otherwise, we'll use the setting
	 * for #today with links.
         */
	color:		#ffffff;
	background:	#800514;
	}

#wp-calendar #today a {
	/*
	 * white on firebrick
	 *
	 * Must set this here instead of in #today since
	 * we have a link to the static page for today.
         */
	color:		#ffffff;
	}

/*
 * Month and year for calendar
 * The space has to go in the caption instead of in the
 * #wp-calendar object, which is the table itself.  If
 * it goes there, we'll get space between the caption
 * (month name) and the table, which isn't what we want.
 */
#wp-calendar caption {
	margin-top:	10px;
	margin-bottom:	5px;
	margin-left:	auto;
	margin-right:	auto;

	color:		#800514;
	background:	transparent;
	}

/*
 * Calendar days of week headings
 * Put this flush right over the days (looks better)
 */
#wp-calendar th {
	/*
	 * black on beige
	 */
	color:		#000000;
	background:	#eecfa1;

	/*
	 * Should match td padding or it won't look right
	 */
	padding-top:	4px;
	padding-bottom:	4px;
	padding-left:	4px;
	padding-right:	4px;

	border-style:	solid;
	border-color:	#000000;
	border-width:	1px;

	/*
	 * Shows up bold for some reason
	 * Must inherit from something.
	 */
	font-weight:	normal;

	text-transform: capitalize;
	text-align:	center;
	}

/*
 * Calendar days of week as numeric dates
 * Center it because the days of week (as labels) are
 * centered and it looks funny otherwise.
 */
#wp-calendar td {
	/*
	 * Should match th padding or it won't look right
	 */
	padding-top:	4px;
	padding-bottom:	4px;
	padding-left:	4px;
	padding-right:	4px;

	border-style:	solid;
	border-color:	#000000;
	border-width:	1px;

	color:		#000000;
	background:	#fff9e7; /* beige */

	text-align:	center;
	}

#wp-calendar td a:link {
	}

#wp-calendar td a:visited {
	}

#wp-calendar td a:hover {
	}

/*
 * Padding entries shouldn't be there at all!
 *
 * Worse yet, it is laid out as spanning columns -- what were they
 * thinking! -- instead of as individual empty cells the same size
 * as the cells with values.
 *
 * This looks awful as huge rectangular blocks at months' end, and
 * the leading empty boxes at the month's beginning.
 *
 * Turning it off looks *much* better.
 */
#wp-calendar .pad {
	/*
	 * Do not display empty cells
	 */
	visibility:	hidden;
	}

/*
 *******************************************************************************
 *
 * Search form
 *
 *******************************************************************************
 */
#search-form {
	margin-top:	10px;
	}

#search-form-button-query textarea {
	padding-top:	2px;
	padding-bottom:	2px;
	padding-left:	2px;
	padding-right:	2px;

	font-family:	times;
	font-size:	1.25em;
	font-style:	normal;
	font-weight:	bold;
	line-spacing:	1.0em;
	text-align:	left;
	}

#search-form-button-submit {
	padding-top:	2px;
	padding-bottom:	2px;
	padding-left:	2px;
	padding-right:	2px;

	color:		#000000;
	background:	#eecfa1;

	font-family:	times;
	font-size:	1.25em;
	font-style:	italic;
	font-weight:	bold;
	line-spacing:	1.0em;
	text-align:	center;
	}

/*
 *******************************************************************************
 *
 * Navigation
 *
 * This is centered outside of sidebar but not inside of it.  Can't figure
 * out why, but it has something to do with padding inside the sidebar.
 * (But that padding is balanced so it shouldn't matter...)
 * Time to give up and figure out a way to make this work.
 *
 * The easiest way to fix it is to exdent by about half the amount of
 * the padding inside the sidebar; this gives us a left/right margin
 * that's balanced.
 *
 *******************************************************************************
 */
.navigation-bar {
	clear:		both;
	margin-top:	15px;
	margin-left:	-5px;
	margin-right:	0px;
	}

.navigation-bar-button-empty {
	/*
	 * Same siaze as disabled and A.  Pads out empty button
	 * placeholders.
	 */
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	5px;
	padding-right:	5px;

	border:		solid 1px #000000;

	color:		transparent;
	background:	transparent;
	}

.navigation-bar-button_enabled {
	/*
	 * All style settings for this are in the A style
	 */
	}

.navigation-bar-button-disabled {
	/*
	 * Have to pad each element same amount as in "li A"
	 */
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	5px;
	padding-right:	5px;

	border:		solid 1px #000000;

	color:		#000000;
	background:	#eedfcc;
	}

.navigation-bar ul {
	/*
	 * No bullets for list entries
	 */
	list-style:	none;

	/*
	 * Turn off indent for lists
	 */
	padding:	0px;
	margin:		0px;
	}

.navigation-bar ul li {
	/*
	 * force the width so we get the same fixed-sized region around
	 * each link.  Otherwise the bounding box for each link will be
	 * sized to the link's text, and not the same absolute size
	 *
	 * This setting doesn't any effect, because li is an inline
	 * span element, but it would work if we had support for the
	 *	display: inline-block;
	 * feature.  Ahhh, in CSS-2.  Someday...
	width:		7.0em;
	 */

	/*
	 * force to block to ensure we get padding to element width.
	 * (Otherwise it will be like a span and only as wide as text.)
	 */
	display:	inline;

	font-family:	verdana;
	font-size:	0.825em;
	font-weight:	normal;
	font-style:	none;

	text-align:	center;
	text-decoration:	none;
	}

.navigation-bar li A {
	/*
	 * Has to go here because the hyperlink is the innermost
	 * piece of formatting and would override the
	 * navigation-bar-button-enabled settings.
	 *
	 * Defer settings for colors to the :link, :hover, etc.
	 */

	/*
	 * Have to pad each button same as in
	 * navigation-bar-button-disabled
	 */
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	5px;
	padding-right:	5px;

	/*
	 * Simple border around button
	 */
	border:		solid 1px #000000;
	}

/*
 * Text decoration must be off or button will get underlined.
 */
.navigation-bar ul li A:link {
	color:		#000000;
	background:	#eecfa1;
	text-decoration: none;
	}

.navigation-bar ul li A:visited {
	color:		#000000;
	background:	#eecfa1;
	text-decoration: none;
	}

/*
 * Hover/focus/active have same color
 */
.navigation-bar ul li A:hover {
	color:		#eedfcc;
	background:	#000000;
	text-decoration: none;
	}

.navigation-bar ul li A:focus {
	color:		#eedfcc;
	background:	#000000;
	text-decoration: none;
	}

.navigation-bar ul li A:active {
	color:		#eedfcc;
	background:	#000000;
	text-decoration: none;
	}


/*
 *******************************************************************************
 *
 * Q&A for about us page.
 *
 * Inherit rules from ca-content-post-body style.
 *
 * The Q&A styles are pretty much the same as the faq style.
 *
 *******************************************************************************
 */
#ca-about-us {
	}

#ca-about-us p {
	}

#ca-about-us p.question {
	font-style:	italic;
	}

#ca-about-us p.answer {
	/*
	 * Disable indenting so both Question and Answer are flush left.
	margin-left:	3em;
	*/
	}

/*
 *******************************************************************************
 *
 * Q&A for FAQ page.
 *
 * Inherit rules from ca-content-post-body style.
 *
 * The Q&A styles are pretty much the same as the about-us style.
 *
 *******************************************************************************
 */
#ca-faq {
	}

#ca-faq p {
	}

#ca-faq p.question {
	font-style:	italic;
	}

#ca-faq p.answer {
	/*
	 * Disable indenting so both Question and Answer are flush left.
	margin-left:	3em;
	*/
	}

/*
 *******************************************************************************
 *
 * wp-photo plugin
 *
 * We'll inherit most settings from -post-body
 *
 *******************************************************************************
 */
.wp-photo {
	/*
	 * Draw a box around the photograph
	 */
	border-style:	solid;
	border-width:	1px;
	border-color:	#000000;
	}

.wp-photo-preview {
	}

.wp-photo-thumbnail {
	/*
	 * Draw a box around the thumbnail
	 */
	border-style:	solid;
	border-width:	1px;
	border-color:	#000000;
	}

.wp-photo-caption {
	font-size:	1.1em;
	font-style:	none;
	font-weight:	normal;
	text-align:	justify;
	}

/*
 *******************************************************************************
 *
 * Headings
 *
 *******************************************************************************
 */
h1 {
	}
h2 {
	}
h3 {
	}

/*
 *******************************************************************************
 *
 * General formatting
 *
 *******************************************************************************
 */
p.center {
	/*
	 * Used by wordpress
	 */
	margin-left:	auto;
	margin-right:	auto;
	text-align:	center;
	}

p.centered {
	/*
	 * Used by CitizenArcane
	 */
	margin-left:	auto;
	margin-right:	auto;
	text-align:	center;
	}

.centered {
	margin-left:	auto;
	margin-right:	auto;
	}

.indented {
	/*
	 * used by submit
	 */
	margin-left:	3em;
	}

.strong {
	font-weight:	bold;
	}

/*
 *******************************************************************************
 *
 * Comments
 *
 * Finish
 *
 *******************************************************************************
 */
ol.commentlist {
	margin-top:	0px;
	margin-bottom:	0px;
	margin-left:	0px;
	margin-right:	0px;

	font-family:	verdana, times;
	font-size:	1.0em;
	font-style:	none;
	font-weight:	normal;
	line-spacing:	1.0em;
	}

ol.commentlist li {
	/*
	 * Separate comments and put in a box
	 */
	margin-top:	1.0em;
	margin-bottom:	0.0em;
	margin-left:	0.0em;
	margin-right:	0.0em;

	color:		#000000;
	background:	#eedfcc;

	border:		solid 2px #000000;

	/*
	 * Pad interior of comment from enclosing box
	 */
	padding-top:	0.5em;
	padding-bottom:	0.5em;
	padding-left:	0.5em;
	padding-right:	0.5em;
	}

ol.commentlist li.graybox cite {
	/*
	 * This controls appearance of comment's author
	 */

	/*
	 * Must override default settings for cite.
	 */
	margin-top:	0.0em	!important;
	margin-bottom:	0.5em	!important;
	margin-left:	auto	!important;
	margin-right:	auto	!important;

	/*
	 * Center author's name
	 */
	text-align:	center;

	/*
	 * Must override default settings for cite.
	 */
	font-style:	none	!important;
	font-weight:	bold	!important;
	font-size:	small	!important;

	/*
	 * Normally inline, so margins don't work.
	display:	block;
	 */
	}

.commentlist p {
	/*
	 * Otherwise it picks up settings from li.
	 */
	font-size:	1.0em;
	font-family:	verdana, times;
	font-style:	none;
	font-weight:	normal;

	text-align:	justify;
	}
	
.commentlist small.commentmetadata {
	/*
	 * This appears inside of comment list and controls the
	 * appearance of the comment date/time stamp.
	 */

	/*
	 * If we want to do any spacing must make this a block.
	 * Reason is that it shows up in a <strong> which is a
	 * span element.  Yeah, WordPress is broken, alright.
	 */
	margin-top:	1.0em;
	margin-bottom:	0.0em;
	margin-left:	0.0em;
	margin-right:	0.0em;
	display:	block;

	font-style:	none;
	font-size:	1.0em;
	font-weight:	bold;
	}

#commentform input {
	}

#commentform textarea {
	/*
	 * Make it fit in the content area underneat the posting.
	 * 100% would fit fine, but we want to have some margins.
	 */
	margin-left:	2%;
	margin-right:	2%;
	width:		95%;

	padding-top:	2px;
	padding-bottom:	2px;
	padding-left:	2px;
	padding-right:	2px;

	font-family:	verdana, times;
	font-size:	1.0em;
	font-style:	none;
	font-weight:	bold;
	line-spacing:	1.0em;
	text-align:	left;
	}

#commentform #submit {
	}

a.comments h3 {
	}

p.nocomments {
	/*
	 * Comments disabled
	 */
	font-weight:	bold;
	text-align:	center;
	}

/*
 * What does this mean:
 *	This is mainly for password protected posts,
 *	makes them look better.
 */
.entry form {
	text-align:	center;
	}

select {
	}

label small {
	/*
	margin-left:	0.0em;
	margin-right:	0.0em;
	font-style:	italic;
	*/
	}

#commentform #authorinfo p {
	/*
	 * this <p> encloses the name/email/url input boxes
	 */

	margin-left:	0.0em;
	margin-right:	0.0em;

	font-family:	verdana, times;
	font-size:	1.0em;
	font-style:	none;
	font-weight:	bold;
	line-spacing:	1.0em;

	/*
	 * Must be set here as it has no effect in the #email/#name/#url
	 * divs.  Not sure why.
	 */
	text-align:	left;
	}

#authorinfo label {
	/*
	 * Controls size of tag fields for input values
	 * Names like "Name", "Email", "URL", etc.
	 */
	font-size:	1.25em;
	font-weight:	bold;
	}

#authorinfo input {
	/*
	 * Does not work with "#authorinfo #email input"
	 */
	margin-left:	0.0em;
	margin-right:	0.0em;
	width:		10em;

	font-size:	1.25em;
	font-style:	none;
	font-weight:	normal;
	}

#authorinfo #email small {
	}

#authorinfo #name small {
	}

#authorinfo #url small {
	}

/*
 *******************************************************************************
 *
 * HTML specific to CA
 *
 *******************************************************************************
 */
.strikethrough {
	text-decoration:	line-through;
	}

/*
 *******************************************************************************
 *
 * HTML
 *
 *******************************************************************************
 */
img a {
	/*
	 * No border for images that are links
	 */
	border:		0px;
	padding:	0px;
	}

hr {
	display: none;
	}

blockquote {
	}

blockquote p {
	/*
	 * Override the settings for paragraphs since WordPress
	 * spits out:
	 *	<blockquote> <p> text </p> </blockquote>
	 * and we'll get the space from <p> at the top which isn't
	 * what we want.
	 */
	margin-top:	0.0em !important;
	margin-bottom:	0.0em !important;
	margin-left:	0.0em !important;
	margin-right:	0.0em !important;

	padding-top:	0.5em !important;
	padding-bottom:	0.5em !important;
	padding-left:	0.5em !important;
	padding-right:	0.5em !important;
	}

cite {
	/*
	 * FIX FIX FIX
	 * Complain to WordPress about this.
	 *
	 * Get the spacing for paragraphs since WordPress
	 * spits out:
	 *	<p> <cite> text </cite> </p>
	 * and we'll get the space from <p> at the top which isn't
	 * what we want, but we can't fix this other than collapsing
	 * the margins vertically, which would work, but is messy.
	 *
	 * Solution: Just ignore it.
	 */
	}

/*
 *******************************************************************************
 *
 * Acronyms and abbreviations
 *
 *******************************************************************************
 */
acronym {
	cursor:		help;
	}
abbr {
	cursor:		help;
	}

/*
 *******************************************************************************
 *
 * FINISH
 *
 * Wordpress settings
 *
 *******************************************************************************
 */
.storytitle {
	margin:		0;
	}

.storytitle a {
	text-decoration:	none;
	}

/*
 *******************************************************************************
 *
 * Default WordPress classes we don't use anymore
 *
 *******************************************************************************
 */
#content {
	}

.feedback {
	}

/*
 *******************************************************************************
 *
 * FINISH
 *
 *******************************************************************************
 */
span.caps {
	cursor:		help;
	}

ul.post-meta {
	list-style:	none;
	}

ul.post-meta li {
	display:	inline;
	}

ul.post-meta span.post-meta-key {
	font-weight:	bold;
	}

.meta {
	/*
	 * admin functions
	 */
	color:		#808080;

	font-size:	0.75em;
	font-weight:	normal;

	letter-spacing:	0;
	}

.meta ul {
	display:	inline;
	list-style:	none;
	margin:		0;
	padding:	0;
	}

.meta li
	display:	inline;
	}

.meta a {
	/*
	 * admin functions
	 */
	color:		#808080;
	font-weight:	normal;
	letter-spacing:	0;
	}