@charset "UTF-8";
/* CSS Document */

/* ...... DEFAULT ELEMENTS OVERRIDE ..... */

body {
	background-color: #FFF;
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-size: small;
	color: #000000;
	line-height: 145%;
	}

a {text-decoration: none; color: #0099FF;}

a:visited {text-decoration: none; color: #006699;}

img {padding: .3em .3em}

h3 { /* post titles (dates) */
	color: #4a320c;
	padding: 4em 0 .5em 0;
	border-top: solid 2px #EEEEE0;
	border-bottom: dashed 1px #CCC;
	}

ol, ul {
	list-style-type: none;
	margin-left: 1.5em;
	padding: 0.25em 0 0.5em 0.5em;
	border-left: solid 1px #CCC;
	}

li {padding: 1px 0;}

hr {
	border: none 0;
	border-top: 1px dashed #ccc;
	width: 99%;
	height: 1.7px;
	text-align: center;
	padding:5px 0;
	}


/* ...... CUSTOM CLASSES ..... */

	/* ...... LAYOUT ..... */

.header { /* aligns and sets graphical header */
	margin: 0 0 1em 0;
	height: 186px; 
	background: url(../images/tw@se-banner-v3.jpg); 
	background-repeat: no-repeat;
	}

.rss {vertical-align: top; border: none;} /* aligns and removes link border on RSS icon in header */

.colophon {  /* added 09.2010*/
	height: 50px; 
	padding-top: 133px; 
	padding-left:625px; 
	font-size: 111%;
	}

.subheading {
	font-size: 60%;
	margin: 0 0 0 1em;
	}

.archiveheading { /* used on archive pages , not on index page */
	padding: 1em 0 .5em 0;
	font-size: 150%;
	color: #666;
	text-align: right;
	}

.topnav  {
	height: 30px; 
	border-top: dashed 1px #CCC;
	border-bottom: dashed 1px #CCC;
	padding: 0.75em 0 .25em 2em;
	font-size: 88%;
	}

.content {
	margin: 0 0 0 3em; 
	padding: 0 3em;
	width: 600px; 
	font-size: 105%; /* added to make default "small" from body style a little bigger */
	/* border-left: solid 1px #CCC; /* vertical right border on main content - REMOVED summer 2010 */
	/* border-right: solid 1px #CCC; /* vertical right border on main content - REMOVED summer 2010 */
	}

.quote { /* for multi-line quotes -- NOT quote at top of each post! */
	width: 88%;
	margin: 0 .5em;
	padding: .75em .75em;
	border-top: solid 1px #DCDCDC;
	border-bottom: solid 1px #DCDCDC;
	background-color: #EEEEE0;
	}

.endnotes { /* for the endnotes area at the bottom of each post */
	width: 95%;
	margin: .75em .5em;
	padding: .5em .75em;
	border: solid 1px #EEEEE0;
	border-top-left-radius: 25px 25px; /* CSS3 -- does not work in FFox or IE */
	border-bottom-left-radius: 25px 25px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	}

#nav {
		border-top: dashed 2px #CCC;
		border-bottom: dashed 2px #CCC;
		padding: 10px 0; /* spaces nave vertically from dashed borders */
		font-size: small; 
		color: #000; 
		text-align: center;
		}

#nav a {text-decoration: none; color: #0099FF;}

#nav a:visited {text-decoration: none; color: #006699;}

#nav a:hover {text-decoration: underline;}

/* these style the nav link for the current page, so the navigation can be an include file (see "nav.htm").
   @@@ set the id on the _body tag_ for each page to match! @@@ 
   @@@ add a new line for each new year's page! @@@
*/
   
	#body_2012 #nav_2012 a,
	#body_2011 #nav_2011 a,
	#body_2010 #nav_2010 a,
	#body_2009 #nav_2009 a,
	#body_2008 #nav_2008 a,
	#body_2007 #nav_2007 a {
		text-decoration: underline;
		color: #000;
		}

#nav ol { /* this overrides top level list style */
		list-style-type: none;
		margin-left: 2px;
		padding: 0 0;
		}

#nav li {
			display: inline; /*  puts li's on a single row */
			padding: 0 25px 0 0; /* spacing between each link */
			}

#footer {
			padding: 15px 0;
			font-size: x-small; 
			color: #999; 
			text-align: center;
			border-bottom: dashed 2px #666;
			}

#footer a {text-decoration: underline; color: #999999;}

	/* ...... TABLES ..... */

.datatable {
	border: 1px solid black;
	border-collapse: separate;
	border-spacing: 0;
	}

.datatable th { background-color:#CCC; font-size:1.1em; color:#333; border-bottom: 2px solid #4C4C4C; border-right: 1px solid #4C4C4C;}

.datatable td { border-bottom: 1px solid #4C4C4C; border-right: 1px solid #4C4C4C;}

.total td { border-top: 2px solid #4C4C4C; background-color: #CCC; font-size:1.2em;}

	/* ...... PHOTOS ..... */

.photoleft {
	float:left;
	width: 290px;
	margin:0 .1em .7em .1em;
	border-width: 1px;
	border-color:#CCC;
	border-style: solid;
	}
.photoleft p {
	font-size: 85%;
	background-color:#FFFFFF;
	margin: 0;
	padding: 0 0 3px 6px;
	}
.photoright {
	float:right;
	width: 290px;
	margin:0 .1em .7em .1em;
	border-width: 1px;
	border-color:#CCC;
	border-style: solid;
	}
.photoright p {
	font-size: 85%;
	background-color:#FFFFFF;
	margin: 0;
	padding: 0 0 3px 6px;
	}
.photosingle {
	float:left;
	width: 290px;
	margin:0 .7em .7em 0;
	border-width: 1px;
	border-color:#CCC;
	border-style: solid;
	}
.photosingle p {
	font-size: 85%;
	background-color:#FFFFFF;
	margin: 0;
	padding: 0 0 4px 6px;
	}
.photowide {
	float:left;
	width: 580px;
	margin:0 .7em .7em 0;
	border-width: 1px;
	border-color:#CCC;
	border-style: solid;
	}
.photowide p {
	font-size: 85%;
	background-color:#FFFFFF;
	margin: 0;
	padding: 0 0 3px 6px;
	}
.photoextrawide {
	float:left;
	width: 910px;
	margin:0 .7em .7em 0;
	border-width: 1px;
	border-color:#CCC;
	border-style: solid;
	}
.photoextrawide p {
	font-size: 85%;
	background-color:#FFFFFF;
	margin: 0;
	padding: 0 0 3px 6px;
	}
.phototrips {
	float:left;
	width: 190px;
	margin:0 .05em .7em .05em;
	border-width: 1px;
	border-color:#CCC;
	border-style: solid;
	}
.phototrips p { /* three images wide */
	font-size: 85%;
	background-color:#FFFFFF;
	margin: 0;
	padding: 0 0 3px 6px;
	}

	/* ...... MISCELLANEOUS ..... */


.clear {clear: both;}

.imgnoborder {border: none;} /*removes link border from images in Firefox*/

.specialtext { /* for code samples, etc */
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #666;
	}		 

.strikeout {text-decoration: line-through;}

.endbullet { /* the @ logo at the end of each post - @_bullet.gif */
	border: none;
	padding: 1em 0 2em 50%;
	}

.endnotestar { /* for the actual little asterisks */
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #666;
	}