/*
	Howard Banta Alarm Clock Chapter
	validated: Tuesday, March 30, 2004.
*/

body		{ color: black; background: #597599; margin: 0; padding: 0; }
h1		{ text-align: center; color: #f0f8ff; background: #597599; }
h2		{ text-align: center; }
h3		{ font-size: 120%; }
p.divider	{
	color: #d3d3d3; background: #597599; margin: 0; padding: 0; text-align: center; 
	font-size: 100%; font-weight: bold; font-style: italic; 
}
.date		{
	font-size: 75%; padding: 0 5px; margin-right: 3px; 
	border-left: 13px solid #89a5c9; border-bottom: 2px solid #89a5c9; 
}

/* Navigation Pane */
#nav		{
	color: #585858; background: #89a5c9; float: left; padding: 12px 8px; 
	font-size: 80%; 

	width: 120px; margin: 0 0 0 5px; 

	border-top: #ffffff solid 2px; border-left: #ffffff solid 2px; 
	border-right: black solid 2px; border-bottom: black solid 2px;
}
#nav ul		{ margin: 0; padding: 0; }
#nav li		{ list-style: none; margin: 0; padding: 0; }
#nav li.first	{
	margin-top: 20px; margin-bottom: 3px; padding-left: 3px; padding-right: 3px;
	font-size: 120%; font-weight: bold; text-align: center; color: white; background: #446489;
}
#nav li.hide	{ color: #89a5c9; background: #89a5c9; }
#nav a:link	{ text-decoration: none; color: #000080; background: #89a5c9; }			/* navy, bg */
#nav a:visited	{ text-decoration: none; color: #483D8B; background: #89a5c9; }			/* darkslateblue, bg */
#nav a:hover	{ text-decoration: none; color: #ffffff; background: #000080; font-weight: bold;}	/* white, navy */
#nav a:active	{ text-decoration: none; color: #483D8B; background: #89a5c9; }


/* Main Pane */
#main	{ 
	color: black; background: #dfebf9; float: left; 

	width: 70%;
	margin: 0 20px 3% 9px; 

	padding: 3px 30px 20px 20px; 
	border-top: #ffffff solid 2px; border-left: #ffffff solid 2px; 
	border-right: black solid 2px; border-bottom: black solid 2px;
}


/* Overlapping Headings */
.t3	{ color: #999999; text-align: center; font: bold 60px/60px Times, serif; margin-top: 10px; }
.t4	{ color: #006699; text-align: center; font: italic 42px/42px Times, serif; margin-top: -50px; margin-bottom: 10px; }


p.pullquote	{
	color: #446489; background: #bfcbd9; font-size: 115%; float: right; width: 25%; 
	margin: 0 5px 5px 25px; padding: 5px; border-top: #446489 solid 5px; border-bottom: #446489 solid 5px;
}

/* credits page */
#credits #creation
{
	color: #778899; background: #dfebf9; text-align: center; font-size: 80%; margin: 40px 25% 20px 25%;
	border-top: 2px dotted #446489; padding: 0;
}
#credits ul		{ margin: 0; padding: 0; }
#credits li		{ margin: 0; padding: 0; list-style: none; }


/* bgfg page (testing background foreground.  light on dark, lod; dark on light, dol) */
#bgfg .dol, #bgfg .lod
{
	margin: 0; margin-top: 20px; padding: 0; border: 1px solid #000; font-size: 80%;
}
#bgfg .dol
{
	float: left; width: 7em; text-align: right; padding-right: 5px; 
	color: #446489; background: #fff; border-right: 0;
}
#bgfg .lod
{
	float: left; width: 11em; text-align: left; padding-left: 5px; 
	color: #fff; background: #446489; border-left: 0; 
}


/* Home page */ 
#home ul		{ margin: 0; padding: 0; }
#home li		{ margin: 0; padding: 0; list-style: none; }


/* FAQs page */
#faqs_qa ul		{ margin: 0 0 20px 0; padding: 0; }
#faqs_qa li		{ margin: 0 0 4px 0; padding: 0; padding-left: 2em; line-height: 120%; list-style: none; }
#faqs_qa .qa		{ color: #dc143c; font-weight: bold; }
#faqs_qa ul#fellow	{ margin: 0; padding: 0; }

#faqs_qa ul a:link	{ color: #000000; background: #dfebf9; }
#faqs_qa ul a:visited	{ color: #000000; background: #dfebf9; }
#faqs_qa ul a:hover	{ color: #dfebf9; background: #000000; }
#faqs_qa ul a:active	{ color: #000000; background: #dfebf9; }

/* policy page */
#policy li		{ line-height: 120%; margin-bottom: 10px; }

/* history page */
#history ul		{ margin: 0; padding: 0; }
#history li		{ margin: 0; padding: 0; list-style: none; margin-bottom: 15px; }

/* forms page */
#forms ul		{ margin: 0; padding: 0; }
#forms li		{ margin: 0; padding: 5px 5%; list-style: none; }

/*
	contact page, version two
*/
#contact			{ margin: auto; padding: 0 0 15px 0; }
#contact .person
{
	margin: 0; float: left; text-align: center; font-size: 80%; width: 13em; height: 15em;
}
#contact .person a		{ color: black; background: #dfebf9; }
#contact .person a:hover	{ color: #dfebf9; background: black; }
#contact strong			{ font-weight: bold; font-size: 110%; }
#contact img
{
	border-top: #ffffff solid 2px; border-left: #ffffff solid 2px; 
	border-right: black solid 2px; border-bottom: black solid 2px;
}


/* hbbio page */
#hbbio img.float_right		{ float: right; margin-left: 10px; border: 2px black solid; }

/* newsletters page */
#newsletters li			{ line-height: 120%; margin-bottom: 10px; }
#newsletters br			{ clear: both; }

/* author page */
#author li			{ margin-bottom: 4px; }

/* footer */
#foot				{ margin: 0; padding: 3em 0 0 0; text-align: center; font-size: 70%; }
#foot br			{ clear: both; }

/* links page */
#links ul			{ margin: 0; padding: 0; }
#links li			{ margin: 0; padding-left: 20px; list-style-type: none; line-height: 130%; }


/*
	design page
*/
#design pre, #design code
{
	margin: 0 0 10px 0; padding: 0; color: #dc143c; font-size: 85%;
	font-family: Courier, "Courier New", Monotype, monospace;
}
#design pre	{ float: left; padding: 15px; border: 1px solid black; background: #fff; }
#design br	{ clear: both; }
#design .go_right, #design .go_left
{
	margin: 0; padding: 15px; border: 1px black solid; background: #89a5c9; 
	font-size: 70%; text-align: center; 
}
#design .go_right	{ float: right; margin-left: 5px; }
#design .go_left	{ float: left;  margin-right: 10px; }
#design .caption	{ font-size: 110%; font-weight: bold; }



#page_nav	{ margin: 30px auto; border-top: 1px solid #999; z-index: 1; }
#page_nav ul	{ list-style-type: none; text-align: center; margin-top: -9px; padding: 0; position: relative; z-index: 2; }
#page_nav li	{ display: inline; margin: 0 3px; }
#page_nav li a	{ padding: 1px 3px; color: #333; background: #89a5c9; border: 1px solid #ccc; text-decoration: none; }
#page_nav li a:hover	{ color: #000; border: 1px solid #333; border-top: 2px solid #333; border-bottom: 2px solid #333; }


/*
	meetings page
*/
#meetings .go_right, #meetings .go_left
{
	margin: 0; padding: 5px; border: 1px black solid; width: 152px;		/* img width is 140 */
	background: #89a5c9; font-size: 70%; text-align: center; 
}
#meetings .go_right	{ float: right; margin-left: 5px; }
#meetings .go_left	{ float: left;  margin-right: 10px; }
#meetings .caption	{ font-size: 110%; font-weight: bold; }
#meetings li		{ line-height: 120%; margin-bottom: 10px; }


#news ul		{ margin: 0; padding: 0; }
#news li		{ margin: 0; padding: 0; list-style: none; margin-bottom: 15px; }
#news img		{ margin: 0; margin-left: 20px; padding: 0; border: 1px solid black; }

/*
	Featured Alarm Clock index
*/
#featuredindex span	{ font-size: 80%; }


/*
	Articles index
*/
#articlesindex li	{ line-height: 120%; margin-bottom: 10px; }
#articlesindex span	{ font-size: 80%; }

/*
	Article pages
*/
#article .go_right, #article .go_left
{
	margin: 0; padding: 5px; border: 1px black solid; width: 152px;		/* img width is 140 */
	background: #89a5c9; font-size: 70%; text-align: center; 
}
#article .go_right	{ float: right; margin-left: 5px; }
#article .go_left	{ float: left;  margin-right: 10px; }
#article .caption	{ font-size: 110%; font-weight: bold; }
#article br		{ clear: both; }
#article li		{ list-style: none; } 
#article h4 span#cbl	{ font-size: 70%; }			/* cbl = clock bio link */
#article p.quote	{ padding: 0 15px; }

/*
	Featured Alarm Clock
*/
#featured		{ margin: 0; padding: 0; }
#featured #shadowbox
{
	position: relative; top: 0; left: 22%; width: 270px;	/* img width is 240 */
	margin: 0; padding: 0; border: 0; 
	background: #ccc url(featured/ml/bg4.png) repeat;
}
#featured .go_center
{
	position: relative; top: -6px; left: -6px;		/* these two define the shadow 'offset'*/
	margin: 0; padding: 10px;  
	border: 2px #fff solid; border-right: 2px #000 solid; border-bottom: 2px #000 solid;
	background: #89a5c9; font-size: 70%; text-align: center; 
}
#featured .go_right, #featured .go_left
{
	width: 154px; margin: 0; padding: 5px;			/* img width is 140 */
	background: #89a5c9; font-size: 70%; text-align: center; 
	border: 2px #fff solid; border-right: 2px #000 solid; border-bottom: 2px #000 solid;
}
#featured .go_right	{ float: right; margin-left: 5px; }
#featured .go_left	{ float: left;  margin-right: 10px; }
#featured .caption	{ font-size: 110%; font-weight: bold; }
#featured br		{ clear: both; }
#featured #dir		{ margin: 0 30px; padding: 15px; border: 2px dashed #000; }
#featured .d		{ text-align: center; }
#featured .d #i		{ font-size: 140%; }
#featured p.left	{ text-align: left; text-indent: 2em; }
#featured p.right	{ text-align: right; margin-top: 0; }
#featured p.center	{ text-align: center; }
#featured h4 span#cbl	{ font-size: 70%; }			/* cbl = clock bio link */


/*
	bookreview under the articles dir
*/
#bookreview img		{ margin: 0; border: 1px solid #000; padding: 0; }
#bookreview .go_right
{
	width: 211px; float: right; margin: 0; margin-left: 5px; padding: 5px;		/* img width is 197 */
	border: 2px #fff solid; border-right: 2px #000 solid; border-bottom: 2px #000 solid;
	background: #89a5c9; font-size: 70%; text-align: center; 
}
#bookreview .caption	{ font-size: 130%; font-weight: bold; }
div.pullquote
{
	color: #446489; background: #bfcbd9; font-size: 80%; float: right; width: 211px; 
	margin: 0 0 5px 5px; padding: 5px; 
	border: 0; border-top: #446489 solid 5px; border-bottom: #446489 solid 5px;
}
div.pullquote ul	{ margin: 10px; padding: 0; }
div.pullquote li	{ margin: 10px; padding-left: 5px; line-height: 80%; }

#bookreview .authorname		{ font-size: 105%; font-weight: bold; }
#bookreview .reviewdate		{ font-size: 80%; }


/* Reader Comments.  may appear in articles, features, ... */
div.rcomments		{ margin: 0; border: 1px solid #446489; padding: 0; }
div.rcomments h5
{
	margin: 0; border: 0; border-bottom: 1px solid #446489; padding: 0; padding-left: 10px; 
	font-size: 105%; color: #446489; background: #bfcbd9; font-weight: bold;
}
div.rcomments p		{ margin: 0; border: 0; padding: 10px; }


/* What Is It?  Ask viewers to help identify this alarm clock. */
#whatisit .go_right, #whatisit .go_left
{
	width: 154px; margin: 0; padding: 5px;			/* img width is 140 */
	background: #89a5c9; font-size: 70%; text-align: center; 
	border: 2px #fff solid; border-right: 2px #000 solid; border-bottom: 2px #000 solid;
}
#whatisit .go_right	{ float: right; margin-left: 5px; }
#whatisit .go_left	{ float: left;  margin-right: 10px; }
#whatisit br		{ clear: both; }
#whatisit h3		{ margin-bottom: 0; }
#whatisit h4		{ margin-top: 0; }
#whatisit h4 span#cbl	{ font-size: 70%; }			/* cbl = clock bio link */



/* Poll page */
#poll_index, #poll_quiz
{
	margin: auto; padding: 20px; padding-bottom: 40px; width: 18em;
	border: 2px solid #000; border-top: 2px solid #fff; border-left: 2px solid #fff; 
	color: #000; background: #89a5c9; 
}
#poll_quiz #poll_head
{
	color: #fff; background: #446489; text-align: center; font-weight: bold;
}
#poll_quiz span#non_vote	{ font-size: 70%; }
#poll_index ul			{ margin: 0; padding: 0; }
#poll_index li			{ list-style: none; margin: 0; margin-bottom: 6px; padding: 0; }


/* Video page */
#video p			{ text-align: center; margin-top: 2em; }