/* Dark Maple */
/* Makes static sized page */
#pagewrapper {
    width:740px;
	margin: auto;
	margin-top: 0px;
	margin-bottom: 20px;
	border: 1px solid #630;
	text-align: left;  /* IE 5.5 hack part II */
}

/* ALA */
#columns {
  background-color:#fff;
  overflow:hidden;
  width:740px;
}

/* 2004-03-17. Created one style sheet to rule them all. */
/* 2007-05-03. Migrated to WordPress installation. */
/* 2008-05-25. Changed banner padding top from 36 to 45 and border-bottom from 2px to 1px */
/* FONTS */
/* text: optima, Mac; Trebuchet MS, PC; helvetica, Linux */
/* heading: lucida, Linux; */
/* Moved essays, yearIntro */
/* If the selector list is not separated by commas, it has entirely different meaning, it specifies contextual selectors. 
It affects elements matching last mentioned selector if it is inside elements specified by preceding selectors. */


/* Override IE auto margins by specifying value. */
body {
	color: #000; background-color:#cc9;
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: optima, verdana, helvetica, serif;
	font-size: 12px;
	line-height:16px;
}

/* 996 looks like cc9 when the font is bold, such as in link lists */
/* 993 a bright green, used with normal fonts on the index pages. */
A {
	color: #330; background-color: transparent;
	font-family:optima, verdana, arial, helvetica, sans-serif;
	text-decoration: none;
}
A:link	{color: #330; background-color: transparent; font-weight:bold;}
A:visited	{color: #330; background-color: transparent; font-weight:bold;}
A:active	{color: #663; background-color: #ff9; font-weight:bold;}
A:hover	{color: #663; background-color: #ff9; font-weight:bold;}


p A:link	{color: #993; background-color: transparent; font-weight: normal; 	border-bottom: dotted 1px #996;
}
p A:visited	{color: #993; background-color: transparent; font-weight: normal; 	border-bottom: dotted 1px #996;
}
p A:active	{color: #663; background-color: #ff9; font-weight: normal; border-bottom: dotted 1px #996;
}
p A:hover	{color: #663; background-color: #ff9; font-weight: normal;border-bottom: dotted 1px #996;
}


#banner {
/* 
background-image:url(http://www.zanthan.com/gardens/photos/160/bluebonnets.jpg);
	background-repeat:repeat-x;
*/	
	border-bottom: 1px solid #630;
	color:#630; background-color:#c90;
	display:block;
	padding-left:18px;
	padding-top:45px;
}

#banner h1 {
	font-size:100%;
	font-weight:normal;
	font-family: Zapfino, "Monotype Corsiva", verdana, Lucida, serif;
	padding-bottom:0;
	margin-bottom:0;
}

span.pagetitle {
	font-size:30px;
	line-height:36px; /* affects leading beneath the font */
	font-weight:normal;
}

span.description {
	padding-left:200px;
	font-size:10px;
	line-height:14px; /* affects leading beneath the font */
	font-weight:normal;
}

/* Horizontal list for site navigation. */
#navbar {
	display:block;
	color: #630; background-color: #996;
	padding-left:18px;
	border-bottom: 1px solid #630;
}
/* Don't display element name for id */
/* Setting the margin to 0 got it list to horizontal align */
#navsitelist {
	padding-top:1px;
	padding-bottom:1px;
	margin:0px;
}

/* Horizontal lists are created by displaying items inline. */
/* Set display:inline to remove need for list-style-type set to none. */
/* Override color with the darker green 330 because the header background is dark #996 */

#navsitelist li {
	display:inline; 
	padding-left:18px;
	font-size:10px;
	line-height:12px;
}
#navsitelist a:link		{color: #330; background-color: transparent;} 
#navsitelist a:visited	{color: #330; background-color: transparent;} 
#navsitelist a:active	{color: #330; background-color: #ff9;} 
#navsitelist a:hover	{color: #330; background-color: #ff9;}


/* 2004-03-17. Moved from essays.css */
div.sidetitle {
	color:#630; background-color:transparent;
	width:180px;
	margin-top:10px;
	padding:2px;
	font-family: "Trebuchet MS", "Lydian MT", Lucida, serif;
	font-size:12px;
	font-weight:normal;
	line-height:12px;
	border-bottom:1px solid #630;
}

ul.linkslists {
	list-style-type:square;
	margin:0px;
	padding-left:2em;
}

/* Any list item in a ul with a class of links */
.linkslists li { 
	font-family:optima, sans-serif;
	font-size: 11px; 
	line-height:16px;
}

.side p { 
	font-family:optima, sans-serif;
	font-size: 12px; 
	line-height:15px;
}


#footer {
    background-color:#fff;
}

/* H1 is the banner heading and controlled by div.banner */
	h1 {color: #630; background-color:transparent; font-size: 115%; margin-bottom:0em; font-weight:normal;}
	h2 {color: #630; background-color:transparent; font-size: 110%; margin-bottom:0em;}
	h3 {color: #630; background-color:transparent; font-size: 100%; margin-bottom:0em;}
	h4 {color: #630; background-color:transparent; font-size: 100%; margin-bottom:0em;}

	p {margin-top:0em; margin-bottom:0em;}
	p.cont {text-indent:2em;}
/* 2004-03-17. Because the blog is auto-paragraphed and doesn't use class cont, add space between any paragraph in the blog div. */
    .blog p {margin-top:0ex; margin-bottom:1ex;}

	p.dateline {font-size: 12px; color: #630; background-color:#fff; margin-top:0px;}
	p.caption {text-align:center; width:80px;}
/* 2007-05-03. Needed for backward compatibility for old CAG pages */		
	p.footer  {text-align: center; 
		color: #333; background-color:transparent; 
		font-size: 7pt; padding-top: 10px;}
	span.strike {text-decoration:line-through;}
	blockquote {
		font-family: Skia, "Comic Sans MS", sans-serif; 
		font-size:11px; line-height:16px;
		color:#630; background-color:transparent;
		padding:5px;
		text-indent:0px;
	}
	b, strong {color: #630; background-color:transparent; font-weight:normal;} 
	pre {font-family: monospace;}
	span.strike {text-decoration: line-through;}
	img { border: 1px solid #630;}