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

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

body {
	background-color: #FFF;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: small;
	color: #000000;
	line-height: 135%;
	}

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: dashed 1px #CCC;
	border-bottom: dashed 1px #CCC;
	}

ol, ul {
	list-style-type: none;
	margin-left: 5px;
	padding: 1px 0 5px 0;
	}

li {padding: 1px 0;}


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

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

.header {margin: 0 0 1em 0;}

.headerimg {vertical-align: middle; border: none;} /* aligns and removes link border on imgs in header (H2) */

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

.archiveheading { /* used on archive pages */
	font-size: 150%;
	color: #666;
	text-align: right;
}

.content {
	margin: 0 0 0 8em; 
	padding: 0 3em;
	width: 590px; 
	border-left: solid 1px #CCC; /* vertical right border on main content */
	border-right: solid 1px #CCC; /* vertical right border on main content */
	}

#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_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: 90%;
	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: 90%;
	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: 90%;
	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: 90%;
	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: 90%;
	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: #666666;
	}		 

.quote {
	width: 88%;
	margin: 0 .5em;
	padding: .5em .75em;
	border-top: dashed 1px #999;
	border-bottom: dashed 1px #999;
	background-color: #e4e2e2;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 95%;
	}

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

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