/* 
2004-03-17. Created one style sheet to rule them all. 
2007-05-03. Update with changed for WP: pagewrapper.

*/


/* 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;
}

#pagewrapper {
	width: 750px;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	border: 1px solid #630;
	text-align: left;  /* IE 5.5 hack part II */
}


/* 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;
	width: 100%;
}

#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;
	width: 100%;
	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 displayinline to remove need for list-style-type set to none. */
/* Override coler 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;
}

/* 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;}
	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. */
.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;}
	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;}