/* Base CSS Document for Jane Cather Site */

/* Color Scheme:
	black		#111111
	brown		#996600
	green		#cccc66
	off-white	#f0edc2
*/
					
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	text-align:center;
	background-color:#111111;
	color:#f0edc2;
}
#container { 
	position: relative;
	width:940px;
	margin:0 auto;
	padding:0;
	text-align:left;
} 
#top {
	margin:0;
	padding:5px;
	background-color:#111111;
	height:5px;
}
#header {
	position: absolute;
	left: 0;
	width:70px;
	padding:100px 5px 5px 5px;
	padding:100px 0px 5px 0px;
	background-color:#111111;
	text-align:center;
	height:600px;
}
#navigation {
	position: absolute;
	right: 0;
	width:60px;
	width:90px;
	margin:0;
	padding:60px 0px 5px 10px;
	background-color:#111111;
	font-size:1.1em;
	text-align:left;
	height:600px;
}
/* mainContent used for pages with off-white background */
#mainContent { 
	margin:0px 100px 5px 90px;
	margin:0px 100px 5px 70px;
	padding:5px 20px;
	font-size:.72em;
	background-color:#f0edc2;
	color:#111111;
}
#mainContentHome {
	margin:10px 100px 5px 90px;
	margin:10px 100px 5px 70px;
	padding:5px 20px;
	background-color:#996600;
	text-align:center;
	font-size:.8em;
}
#mainContentGallery {
	margin:0;
	margin:0px 100px 5px 70px;
	padding:0;
	background-color:#111111;
	text-align:center;
}
/* mainContentDetail used for detail pages for dolls and totems - gray background */
#mainContentDetail { 
	margin:30px 100px 5px 90px;
	margin:0px 100px 5px 70px;
	padding:5px 10px;
	font-size:.8em;
	background-color:#222222;
	height:600px;
}
#mainContentVisitMe {
	margin:30px 100px 5px 90px;
	margin:0px 100px 5px 70px;
	padding:5px 10px;
	background-color:#111111;
	text-align:center;
	height:820px;
}
#footer {
	margin:0;
	padding:0 0 5px 0;
	text-align:center;
	font-size:.8em;
	color:#996600;
	font-family:Arial, Helvetica, sans-serif;
}
h1 {
	font-size:2.5em;
	text-align:center;
	color:#996600;
	font-family:Arial, Helvetica, sans-serif;
}
h2 {
	font-size:1.8em;
	text-align:center;
	color:#996600;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:-.45em;
}
h3 {
	font-size:1.2em;
	text-align:center;
	color:#996600;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:-.5em;
}
img {
	border:none;
}
.button a {
	font-weight:bold;
	font-size:1.2em;
	padding:7px 12px;
	border:2px solid #996600;
}
.button2 {
	text-align:center;
	padding:10px;
}
.button2 a {
	font-weight:bold;
	font-size:1.2em;
	padding:10px;
	background:#111;
}
.center {
	text-align:center;
}
.center-table {
	margin-left: auto;
	margin-right: auto;
}
/* place .clearfloat on a div or break element as the final element before the close of a container that should fully contain a float */
.clearfloat { 
	clear:both;
}
.fltrt {
	float: right;
	padding:10px 0 0 15px;
}
.fltlft {
	float: left;
	padding:10px 15px 0 0;
}
/* .fltrt-2 used in downloads.html */
.fltrt-2 {
	float: right;
	padding:10px 40px 0 15px;
}
/* .fltlft-2 used in downloads.html */
.fltlft-2 {
	float: left;
	padding:10px 15px 0 40px;
}
/* .fltrt-3 used in tutorials.html */
.fltrt-3 {
	float: right;
	padding:10px 100px 0 0;
}
/* .fltlft-3 used in tutorials.html */
.fltlft-3 {
	float: left;
	padding:10px 0 0 100px;
}
/* .highlight puts content into outlined box */
.highlight {
	text-align:center;
	margin:20px 120px 40px 120px;
	padding:5px 20px;
	border:2px solid #996600;
}
.indent {
	padding-left:3em;
	padding-right:3em;
}
.mapsearch {
	font-size:.8em;
}
.textarea {
	text-align:justify;
	margin:0;
	padding:0 10px;
	height:650px;
}
.textarea-newsletter {
	text-align:justify;
	margin:0;
	padding:0 10px;
	height:600px;
}
.textarea-centered {
	line-height:1.5;
	text-align:center;
	margin:0;
	padding:0;
	height:600px;
}
.textarea-home {
	text-align:left;
	background-color:#111111;
	margin:10px 100px 5px 90px;
	padding:5px 20px;
	font-size:.65em;
}
.align-left {
	text-align:left;
	padding:0 10px;
}
.align-right {
	text-align:right;
	padding-right:20px;
}
a:link, a:visited {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#996600;
}
a:hover {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#cccc66;
}
.featured-link a:link, .featured-link a:visited {color:#bd3f43;}
.featured-link a:hover {color:#cccc66;}
.button2 a:link, .button2 a:visited {color:#cccc66;}
.button2 a:hover {color:#f0edc2;}