/*
   treasures.css
   Copyright (C) Auburn University Libraries
   Created by Tony Oravet <tony.oravet@auburn.edu> 2007
 
   Styles for the Rare Books Collection of the Special 
   Collections and Archives of the Auburn University Library.

   You may freely use and modify the styles here, but you 
   may not reproduce The Treasure Collection of the Special 
   Collections and Archives of the Auburn University Library
   exactly.
*/




/* Defaults 
These are the page defaults.*/
* {margin: 0 0 0 0; padding: 0;}

body {
	background: #7C6F5C url('../images/bgrepeat.jpg') repeat;
	background-attachment: fixed;
	color: #222;
	font: normal 62.5% sans-serif;
	padding: 2px 0;
		
}

a {color: #642;
text-decoration: none;
font-style:italic;
}
a:hover {color: #963;}

big {font-size: 1.1em;}

h1,h2,h3 {color: #442; padding: 2px 0 0px 0;}

h1 {font: normal 2.4em serif,sans-serif;}
h1 a {text-decoration: none; font-family:"Edwardian Script ITC"; font-size:50px; color:#000}
h1 a:hover {text-decoration: none; color: #000;}


h2 {font: normal 1.6em serif,sans-serif;}
h3 {font: bold 1.2em serif,sans-serif;}


li {line-height: 1.5em;}
p {padding: 2px 0 10px;}
ul {padding: 0 2em 1.2em;}


/*End of Page Defaults*/


img { behavior: url(iepngfix.htc); }

/* Outline and structure of the site*/
#wrapperheader {
	margin: 10px 0px 2px 75px;
	width: 762px;
	height: 120px;
	background:url(../images/treasure_head.gif) top left no-repeat;
}




#wrapper {
	background: #FFFFFF;
	margin: 0 0 0 75px;
	width: 762px;
}
#container {
	background: #FFFFFF;
	border-top: 2px solid #FFFFFF;
	border-bottom: 6px solid #FFFFFF;
	font-size: 1.3em;
	line-height: 1.3em;
	margin: 0 auto;
	width: 750px;
	height: 100%;
	min-height: 100%;
	max-height: 100%;
}

/* End of the Outline and Structure of the site*/


/* Header
This includes the Treasure Book Collections image at the top and the title */
.title {
	background: #E2DED4 url(../images/h1_bg.jpg) repeat;
	background-attachment: fixed;
}

.header {
	border-top: 4px solid #FFFFFF;
	background: #DAD7C5;
	height: 220px;
	
}
#noheader {/* This is for the pages that will not have a header*/
	border-top: 6px solid #FFFFFF;
	
}

/* Navigation */
.navigation {
	background: #DED9D0;
	border-top: 1px solid #996;
	border-bottom: 1px solid #996;
}
.navigation a {
	background: #DED9D0;
	border-right: 1px solid #C9C6B3;
	color: #553;
	float: left;
	font: bold 1em Tahoma,sans-serif;
	padding: 0 14px;
	line-height: 41px;
	text-align: center;
	text-decoration: none;
}
.navigation a:hover,.navigation a#active {background-position: left bottom; color: #553; background:url(../images/nav2.gif) repeat-x;}

.content {height:100%}
.content img {padding 2 2 2 2;}

/* Main 
This is the section for where the main content of the site is shown. I
had to use this to create the look of two columns so as to stay away from
the table format*/
.main#columns {background: #FFF url(../images/column_bg.gif) repeat-y;}

/* Bottom 
The bottom area is where the "Images from the collections" are located.
This is used to display smaller images of the collections for visual effect*/
.bottom {
	background: url(../images/h1_bg.jpg) repeat;
	background-attachment:fixed;
	border-top: 1px solid #AA8;
	color: #444;
	padding: 14px 20px;
}
.bottom h2 {color:#000;}
.bottom .left,.bottom .right {width: 49%; /*doing this for text alignment and also positioning divs*/}
.bottom img {padding: 0px 3px 0px 3px; border:0;}

/* Footer */
.footer {
	background: #FFFFFF url(../images/bottom.gif) bottom no-repeat;
	color: #000000;
	padding: 10px;
	width: 742px;
	margin: 0px 0px 10px 75px;
}
.footer .left {width: 66%;}
.footer .right {
	width: 33%;
	text-align: right;
}
.footer a {
	color: #FFF;
	text-decoration: none;
}
.footer a:hover {
	color: #FFF;
	text-decoration: underline;
}


/* Other styles that I need that are not global or tied to another style*/
.clear,.clearer {clear: both;} /*clears divs */
.clearer {font-size: 0;}
.col2 .left {width: 64%;}
.col2 .right .content {background: #FFF;}
.col2 .right {width: 33%;}
.content {padding: 18px 20px;}
.left {float: left;}
.right {float: right;}
.right .content {padding: 18px 12px 12px;}

/* Block areas of the site */
ul.block {
	border-top: 1px dashed #BCBAAC;
	margin: 4px 0;
	padding: 0;
	width: 90%;
}
.block li {
	border-bottom: 1px dashed #BCBAAC;
	list-style: none;
}
.block li a,.block li em {
	color: #553;
	display: block;
}
.block li em {
	font-size: 0.9em;
	font-style: normal;
}
.block li a {
	padding: 4px 3%;
	text-decoration: none;
	width: 94%;
}
.block li a span {font-weight: bold;}
.block li a:hover {
	background: #D2D0C0;
	color: #553;
}

.right .block,.right .block li {border-color: #DCDACC;}
.right .block li a:hover {background: #F2F0EA;}