/*All CSS, HTML, and other Design elements created by Jonathan Kennedy jon@astrofunk.info*/
 /*Coded using TopStyle3 by Bradbury Software (newsgator now... ugh... We still love you Nick)*/

 /*OPERA MINI RULES!!!*/
 
body {
	background-color: #ddb592;
	color: #40240d;
	font-family: Garamond, "Times New Roman", Times, serif;
}
#main {
	margin-left: auto;
	margin-right: auto;
	background-color: #f0cfb0;
}

#header {
	border: none;
	overflow: hidden; /*kinda hackish - find alternatives*/
}

p {
	margin: 10px;
}

a {
	color: #5b3618;
}

a:hover {
	color: #a65c1f;
}

a:visited {
	color: #af5e21;
}

a img {
	border: none;
}
/**********************Navigation*/

#header a img:visited {
	border: none !important;
}

#header ul {
	display: inline;
}

#header ul li {
	list-style: none;
	display: inline;
	background-color: #87644e;
	float: left;
}

#header ul li a {
	padding: 0.2em .7em; /*I read a big article on ALA i think talking about the
								benefits of em, this is the first, and last place it's used*/
	text-decoration: none;
	float: left;	
	color: #f0cfb0;
	border-right: 1px solid #f0ceb0;
	border-top: 1px solid #f0ceb0;
	border-bottom: none;
}

#header ul li a:hover {
	background-color: #f0ceb0;
	color: #4e2c16;
}

.current { /*defines current tab highlight effects+color (!importanteˇ)*/
	font-weight: bolder;
	color: #422b16 !important;
	border-right: 1px solid #d4b394 !important;
	background-color: #f0cfb0;
	background-position: right;
	background-repeat: repeat-y;
	background-image: url(images/nav_tab-hover.jpg)!important;
}

/**********************Content*/
#content {
	border: none !important;
}

h1 {
	margin-left: 10px;
	clear: both; /*this fixes so many float problems i love you clear <3<3<3*/
	font-size: x-large;
}

/*fuck h2*/

h3 {
	padding-left: 10px;
}

#content p {
	padding: 10px 9px 20px;
	margin: 0px;
}

#content ul li {
	list-style: none;
}

.imagebox img, .imagebox-noeffect img {
	float: left;
	border: 1px solid #84624c;
	text-decoration: none;
	padding: 2px;
	margin: 10px 9px;
}

.imagebox img:hover {
	border-color: #84624c;
	background-color: #84624c;
	border-width: 3px;
	padding: 0px;
}

.quote-container {
	margin: 10px;
	padding: 0px;
	overflow: hidden;
	background: url(images/Quotebox-Bottom_Right.gif) no-repeat bottom right; /*fixed width sites are much easier to find alternatives to css impossibilities*/
	}

.author {
	float: left;
	padding-right: 20px;
	padding-top: 5px;
	font-style: italic;
	padding-top: 6px;
}

.quote {
	float: right;
	padding: 5px 30px 5px 35px;
	background: url(images/Quotebox-Top_Left.gif) no-repeat top left;
	width: 474px;
}

.excerpt {
	font: italic;
	margin-left: 20px;
}

.links_page_list li {
	margin-top: 15px;
}

.links_page_list li a {
	font-weight: 800;
}
/**********************Footer***/

#footer {
	margin-top: 20px;
	vertical-align: middle;
	background: #EFE0CD;
	text-align: right;
	clear: both;
}

#footer p {
	text-align: center;
	font-size: .7em;
	margin: 0;
	padding: 0;
}
#footer ul {
	font-size: 11px;
	background: #422b16;
}
#footer ul li {
	display: inline;
}

#footer ul {
	list-style-type: none;
	border-top: #d19e70 solid 1px;
	border-bottom: #876248 solid 10px;
	border-right: #87644e solid 1px;
	margin: 0;
}

#footer ul li a{ /*i love selectors :D */
	border-left: 1px solid #ddb592;
	text-decoration: none;
	color: #ddb592;
	width: 99.9%;
	padding: 2px 15px;
	margin-left: -4px;
}

#navMain ul li a:hover, #footer ul li a:hover {
	color: #4e2c16;
	background: #ddb592;
}

#footer ul li span {
	padding-right: 15px;
	color: #ddb592;
}

/**********************Hacks :(*/
.clear {
	clear: both; /*don't think I used this anywhere but i don't want to touch it for fear of the bad things happening*/
}