/* First, the site-wide defaults */

body {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background-color: #456;
/*	background-image: url(glob_img/grad03.gif); */
	color: #000;
	margin: 0;
	text-align: center;  /* Because IE is a very stupid browser, this will correct it's behavior */
}

#container {
	padding: 10px;
	width: 850px;
	margin-right: auto;
	margin-left: auto;
	background-color: #f0f9ff;
	text-align: left;  /* cancels negative effects of the IE fix above */
	border-left: 2px solid black;
	border-right: 2px solid black;
}

img {
	border: 0
}



/* Some specific rules for links */

a:link {
	color: #000;
	background-color: inherit;
}

a:hover {
	color: #335;
	background-color: inherit;
}

a:visited, a:active {
	color: #111;
	background-color: inherit;
}




/* Classes to apply style to text */

.bold { 
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.centered {
	text-align: center;
}

.centered table {
	margin-left: auto;
	margin-right: auto;
}





/* Emulate a horizontal rule where necessary */

.hr {
	height: 0px;
	display: block;
	clear: left;
	background-color: inherit;
	color: inherit;
	border-bottom: 3px dotted #89a;
}





/* Ask Beka text color, typed font  */

.answer {
	color: #760;
	background-color: inherit;
}

.typed {
	font-family: "Courier New", monospace;
}






/* --- Header section code --- */

#header {
	text-align: left;
	background-color: #89a;
	color: #fff;
	padding: 0 0;
	display: block;
/*	border: 1px solid #454; */
	white-space: nowrap;
	overflow: hidden;
}

#header h1 {  /* AKA "TheJMFC" */
	display: inline;
	font-size: 1.75em;
	background-color: #89a;
	color: #fff;
	padding: .2em .5em;
	border-right: 3px dotted #fff;

}

#header h2 {  /* AKA the page description */
	display: inline;
	font-size: 1.05em;
	padding: 0 .5em;
}

#header p {
	display: inline;
	padding: 0 .5em;
}





/* --- Content area code for pages without offset for Nav (gallery pages) --- */

#content_no_nav {
	min-height: 800px;   /* keeps the footer down on short pages  */
	margin: 0;
	line-height: 1.3em;
	text-align: left;
	display: block;
}

#content_no_nav p, #content ul, #content ol {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: .85em;
}	

#content_no_nav h3 {
	clear: left;  
	padding: 0;
	margin: 30px 0 0 0;
	background-color: inherit;
	color: inherit;
	font-size: 1.05em;
}





/* --- Content section code (with offset for Nav) --- */

#content {
	min-height: 800px;
	margin: 0 10em 0 0;
	text-align: left;
	line-height: 1.3em;
	padding-right: 5px;
	display: block;
}

#content p, #content ul, #content ol {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: .85em;
}	

#content h3 {  /* AKA post titles, and the decoration thereof */
	clear: left;  
	padding: 0;
	margin: 30px 0 0 0;
	background-color: inherit;
	color: inherit;
	font-size: 1.05em;
}





/* Special treatments and arrangements for pictures  */

.photoblock {  /*  creates a space for a picture or pictures, so the pictures can be floated inside the floating photoblock  */
	clear: left;
}

.photo {
	background-color: #fff;
	color: #111;
	float: left;
	margin: 0 10px 10px 10px;
	padding: 7px;
	text-align: center;
	font-family:  Sand, "Comic Sans MS", cursive;
	font-size: .75em;
	border: 1px solid #89a;
}

img.right {   /* floats an image to the right... */
	float: right;
	margin: 0 7px;
}

img.left {     /*  floats an image to the left...  */
	float: left;
	margin: 0 7px;
}

img.link {   /*  extra special treatment of link images  */
	margin: 10px;
}





/*  Special rules for the "float" on the auto pages - may go away here soon...  */

.autofloat {
	font-family: 'Trebuchet MS', Arial, Helvetica, monospace;
	width: 40%;
	background-color: #89a;
	color: #fff;
	text-align: left;
	float: right;
/*	border: 1px solid #454;  */
	margin: 0 0 10px 10px;
	padding: 0 10px 10px 10px;
}

.autofloat a {
	color: #fff;
}

.autofloat h4 {
	font-size: 1.15em;
	margin: .5em 0;
}

.autofloat ul {
	margin: 0;
	padding: 0 0 0 1em;
}

.autofloat li {
	font-family: 'Trebuchet MS', Arial, Helvetica, monospace;
	margin: 0;
	padding: .1em 0;
}





/*  A special set of rules for a disclaimer/warning box  */

.warningbox {
	width: 325px;
	padding: 7px;
	margin: 10px 0 10px 10px;
	background-color: #fff;
	color: red;
	text-align: justify;
	float: right;
	border: 3px double red;
}
	
	
	
	
	

/* --- Code for horizontal lists with images - like the autos index --- */

ul.image-h-list {
	display: inline;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.image-h-list li {
	font-family: 'Trebuchet MS', Arial, Helvetica, monospace;
	width: 300px;
	background-color: #fff;
	color: inherit;
	float: left;
	margin: 0 10px 12px 0;
	padding: 4px;
	text-align: center;
	font-size: .90em;
	border: 1px solid #89a;
}

.autoli img {  /*  This makes all images in this class the same size, so the list looks nice  */
	width: 300px;
	height: 225px;
}





/* --- Code for vertical lists with images - like the gallery index ---*/

ul.image-v-list {
	display: block;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.image-v-list li {
	font-family: "Apple Chancery", "Zapf Chancery", cursive;
	background-color: #89a;
	color: #fff;
	margin: 10px 0 0 0;
	padding: 7px;
/*	border: 2px dotted #fff;  */
}

.gallery h2 {
	display: inline;
	font-size: 1.2em;
}

.gallery a {
	color: #fff;
}





/* --- Nav section code ---*/

#nav {
	background-color: #fff;
	margin: .85em 0;
	float: right;
	display: block;
	border: 3px dotted #89a;
	text-align: left;  /*  fix after IE hack for container centering */
}

#nav ul {
	list-style-type: none;
	padding: 0 0 0 0;
	margin: 0 .5em 0 .5em;
	background-color: inherit;
	color: inherit;
}

#nav li {
	width: 8.5em;
	background-color: inherit;
	color: inherit;
	margin: 3px 0;
	padding: 0;
	border: none;	
}

#nav a {
	padding: 5px;
	display: block;
	text-decoration: none;
}

#nav a:hover {
	text-decoration: underline;
	color: #fff;
	background-color: inherit;
}

#nav li:hover {
	background-color: #89a;
	color: inherit;
}





/* --- Footer section code --- */

#footer {
	clear: both;
	background-color: #89a;
	color: #fff;
	border: none;
	padding: 2px;
	margin-top: 100px;
	text-align: center;
}

#footer p {
	display: inline;
	font-size: .75em;
	margin: 0 5px;
}

#footer a {
	color: #fff;
}

#footer a:hover {
	color: #def;
}