/* -------------------------------------------------- */

/* because p's and h1's come with default margins that screw things up */
p,
h1 {
	margin: 0 0 0 0;
}

/* -------------------------------------------------- */

/* defaults */
body {
	background-color: #C5B283;
	font-family: verdana;
	font-size: 12pt;
	line-height: 150%;
	margin-left: 60px;
	margin-right: 60px;
}
#footer p {
	font-size: 8pt;
}

/* -------------------------------------------------- */

/* default borders and colors for all page components, except footer */
#title div.wrapper,
#menu div.wrapper,
#pictures div.wrapper,
#pictures div.picture p.text,
#pictures div.picture p.pic,
#content div.wrapper {
	border: 2px solid #475647;
	margin: 0 0 0 0;
	margin-top: 20px;
	padding: 20px;
	background-color: #D0C19D;
	color: #5F472F;
}
#pictures div.wrapper {
	background-color: #C5B283;
/*	background-color: #D0C19D; */
	border: 2px solid #C5B283;
/*	border: 2px solid #475647; */
	border: 0px;
	padding: 0px;
}
#footer div.wrapper {
	padding-top: 20px;
	clear: both;
}
#pictures div.picture p.text {
	padding: 10px;
	margin-top: 0px;
	margin-left: 20px;
}
#pictures div.picture p.pic {
	padding: 0px;
	margin: 0px;
}
#title div.wrapper {
	background-color: #9cb293;
	padding-top: 10px;
	padding-bottom: 10px;
}
#content p {
	margin-bottom: 20px;
}

/* -------------------------------------------------- */

/* all page components h1's, except footer */
#title h1, 
#menu h1,
#content h1,
#pictures h1 {
	font-size: 12pt;
	color: #943E0F;
	color: #8C6B21;
	color: #765D29;
	color: #604F31;
	color: #475647;
	padding-bottom: 5px;
}
#title h1 {
/*	color: #c6c7a0; */
}

/* -------------------------------------------------- */

/* all page components hrefs, with exceptions */
#menu a,
#title a,
#content a,
#pictures a,
#footer a {
	color: #396459;
	border: 1px solid #D0C19D;
	border-bottom: 1px solid #396459;
	text-decoration: none;
	padding-left: 2px;
	padding-right: 2px;
}
#footer a {
	border: 1px solid #C5B283;
	border-bottom: 1px solid #396459;
}
#pictures div.wrapper div.picture p.pic a {
	border: 0px;
	text-decoration: none;
	padding-left: 0px;
	padding-right: 0px;
}
#title a {
	border: 1px solid #9cb293;
	border-bottom: 1px solid #396459;
}
#menu a.external,
#title a.external,
#content a.external,
#footer a.external,
#pictures a.external {
	background: url( "/~georgejas/img/external.gif" ) center right no-repeat;
	padding-right: 14px;
}

#menu a:hover,
#title a:hover,
#content a:hover,
#pictures a:hover,
#footer a:hover {
	background-color: #C0C1A0;
	border: 1px solid #396459;
}
#pictures div.wrapper div.picture p.pic a:hover {
	border: 0px;
}

/* -------------------------------------------------- */

/* This is the working way to implement picture divs... */

#pictures div.picture {
	border: 0px;
	float: left;
/*	padding-bottom: 60px; */
	padding-bottom: 20px;
	clear: both;
	width: 100%;
}

#pictures div.picture p.pic {
	display: inline;
	float: left;
	clear: left;
}

#pictures div.picture p.text {
 	display: inline;
	float: left;
	clear: right;
}

#pictures div.picture p.pic img {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: 0px;
}

/* This div ensures that the border around the enclosing div will surround the picture and text, except that in IE, the browser fails to redraw the border.  */
/*
div.hack {
	float: none;
	clear: both;
}
*/

/* -------------------------------------------------- */

input {
	border: 2px solid #475647;
	margin-top: 0px;
	color: #ffffff;
	padding: 10px;
	background-color: #D0C19D;
	color: #5F472F;
	height: 50px;
	width: 400px;
	font-face: verdana;
	margin-left: 0px;
}

/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */