/*
   muted_hallways.css
   Copyright (C) 2005 Deryck Hodge <hodgedg@auburn.edu>
   Copyright (C) 2007 Tony Oravet <tony.oravet@auburn.edu>
   
   Styles for the new AU Libraries website, using the muted 
   colors and shadows found around the hallways here.

   You may freely use and modify the styles here, but you 
   may not reproduce the AU Libraries look exactly.
   
   You DO NOT have permission to change this file unless given
   written permission by the AUL Web Editor.
*/


/* Base elements
***********************************************************/
body {
	background:#03244D url(/images/newau/gif/ddBackground.gif) top center repeat-y;
	margin:0;
	padding:0;
	font-family:Lucidasans, Verdana, Arial, Helvetica, sans-serif;
	font-size:medium;
	color:#000;
}
img {
	border:0;
}

img a, a:link {text-decoration:none;}
a:link {
	color: #1C5CA3;
	voice-family: "\"}\""; 
  	voice-family:inherit;
	text-decoration: none;
	border-bottom: 1px solid #D7E4F3;
	
}
a:link:hover {
	color: #003366;
	border-bottom-color: #003366;
}
a:visited {
	color: #49545E;
}

/* Global headings
***********************************************************/
h2 {
	width:95%;
	margin:20px 0 20px 10px;
	padding:2px 1px 1px 3px;;
	font-weight:normal;
	font-size:large;
	border-bottom:1px dashed #CCCCCC;
}
* html h2 {
	margin:-5px 0 20px 10px;
}
h3 {
	padding-left:10px;
	font-weight:normal;
	font-size:medium;	
	border-bottom:1px dashed #CCCCCC;
}
h4 {
	padding-left:20px;
	font-size:medium;
}


/* Global lists
***********************************************************/
ul {
	list-style-type:none;
	margin:0 0 0 5px;
}
li {
	margin:1px 0;
	font-size:small;
}
.nested li ul {
	margin:0 0 20px 10px !important;
	padding:0;
}
ul.bullets {
	list-style-type:disc;
	margin:20px 40px !important;
}


/* Data tables
***********************************************************/
table.data {
	width:95%;
	margin:0 0 0 10px;
	font-size:small;
}
* html table.data {
	margin:15px 0 0 55px;
}
table.data th {
	background-color:#03244D;
	color:#FFF;
	font-weight:bold;
	text-align:center;
}
table.data td {
	padding:1px;
	background-color:#EBEDF4;
}


/* Wrap the entire document
***********************************************************/
#wrap {
	position:relative;
	left:-1px;
	width:770px;
	margin:auto;
}

/* Banner with logo (top of page) 
***********************************************************/
#header {
	background:#03244D url(/images/header.jpg) 0 0 no-repeat;
	width:769px;
	margin:auto;
	height:178px;

}

* html #header  {
	width:771px;
}

/*Highlights For Main Page
***********************************************************/
.highlights {padding: 1em;
	margin: 2em 3em;
	font-size: 10px;
	color:#FFF;
	background-color:#C00;
	/*background-color: #F2F2F2;*/
	border: 1px solid #E0E7EC;
	text-align:justify;
	height:100px;}
.highlights img {float: left; padding-right:1em;}
.highlights p {margin: 0px; padding-top:2px; text-align:left; float:left;}
.highlights_text {padding-top:0; margin-top:0;padding-left: 140px;	 }
.highlightstitle {		font-weight:normal;	font-size:14px; font-family:Arial, Helvetica, sans-serif;}


/* AUBIECAT search && nav bar 
***********************************************************/
	/*
		This is a bit hackish.  Apply the same styles to two
		divs, since the aubiecat search bar is only top level.
		This keeps me from having to touch research guide pages
		again with the new AU redesign.
	*/
#sbox, #nav {
	background-color:#DD550C;
	position:absolute;
	right:0;
	top:110px;
	width:565px;
	min-height:36px;
	text-align:center;
	color:#FFF;
	border-bottom:2px solid	#F9903F;
}
#nav {
	min-height:34px;
}
* html #sbox, * html #nav {
	position:relative;
	left:205px;
	top:-68px;
	height:36px;
}
#sbox li, #nav li {
	float:right;
	width:100px;
	line-height:36px;
}
#nav li {
	line-height:34px;
}
#sbox a, #nav a {
	display:block;
	color:#FFF;
	border:0;
}
#sbox a:visited, #nav a:visited {
	text-decoration:none;
}
#sbox a:hover, #nav a:hover {
	background:url(/images/newau/jpg/ddToolbarHover.jpg) top left repeat-x;
}
/* For interior pages navigation only */
#nav ul {
	margin-right:10px;
}
/* aubiecat form only */
#sbox form { 
	margin:7px 0;
}
* html #sbox form {
	margin:4px 0 0 0;
}
#sbox form input, #sbox form select {
	font-size:small;
	color:#003062;
	margin:auto;
}
input#aubcatq {
	height:15px;
	padding:1px;
	border:1px groove #DDD8C0;
}
* html input#aubcatq {
	margin:0 0 2px 0;
}
select#aubcatopts {
	height:18px;
	border:1px groove #DDD8C0;
}
* html select#aubcatopts {
	margin:2px 0 0 0;
}
input#aubcatgo {
	position:relative;
	top:1px;
	padding:0;
	height:20px;
	border:1px outset #DDD8C0;
}
* html input#aubcatgo {
	margin:0 0 2px 0;
	border:1px groove #DDD8C0;
}
#sbox h4 {
	display:inline;
	margin:0 0 0 5px;
}


/* Site search
***********************************************************/
form#sitesearch {
	margin:30px 0 !important;	
}
input#qt {
	float:left;
	background-color:#F6F6F8;
	height:15px;
	margin:0 0 0 -20px;
	padding:1px;
	font-size:small;
	color:#003062;
	border:1px groove #DDD8C0;
}
input#ssgo {
	position:relative;
	bottom:1px;
	background-color:#F6F6F8;
	margin:0 5px 0 2px;
	padding:0 0 1px 0;
	height:20px;
	font-size:small;
	color:#003062;
	border:1px outset #DDD8C0;
}


/*  Right-hand Sidebar 
**********************************************************/
#sidebar {
	float:right;
	width:175px;
	margin:20px 0 10px 0;
	padding-left:25px;
	padding-top:15px;
	padding-bottom:50px;
	border-left:1px outset #003044;
	font-size:small;
	word-wrap:break-word;
}
* html #sidebar {
	margin-top:-10px;
	border-left:1px solid #7F97A1;
	padding-left:20px;
}
#sidebar h3 {
	width:95%;
	margin:0 0 10px -10px;
}
#sidebar h4 {
	font-size:small;
	margin:0 0 5px 20px;
	color:#9FAACB;
}
#sidebar h5 {
	display:inline;
	margin:0;
	font-size:small;
	color:#9FAACB;
}
#sidebar form {
	margin-left:5px !important;
}
#sidebar .qsearch {
	margin:0 0 0 -5px;
}
#sidebar .delimits {
	margin:5px 0 0 -5px;
}
.delimits select {
	width:145px;
	height:25px;
}
.delimits input {
	background-color:#FEFAEE;
	position:relative; 
	top:2px;
	padding:0;
	height:20px;
	border:1px outset #DDD8C0;
}
* html .delimits input {
	top:-1px;
}
#sidebar ul {
	margin:10px 5px 20px 0;
	padding:0;
}
#sidebar li {
	margin:0 0 7px 0;
}
.toc {
	margin-top:10px;
}
.toc h3 {
	margin-bottom:10px !important;
}
#wnew {
	margin:15px 0 0 0;
}
#gscholar {
	margin:10px auto 20px auto;
}
.goto img {
	position:relative;
	top:2px;
}
.press ul { 
	margin:0 15px 20px -10px !important;
}
.press li {
	margin:auto 0 !important;
	font-weight:bold;
	text-align:center;
}


/* Content section 
***********************************************************/
#content {
	float:left;
	width:560px;
	margin:10px 0 0 0;
	word-wrap:break-word;
}
* html #content {
	width:560px;
}
#content h3.subtitle {
	margin:20px 0 5px 0;
	font-size:16px;
	color:#003062;
	text-align:center;
}
#content h5 {
	background-color:#D5DBE1;
	width:50%;
	margin:0 auto 10px auto;
	color:#51759A;
	font-size:x-small;
	text-align:center;
}
#content p {
	margin:10px 0 0 40px;
}
#content ul {
	margin:20px;
}
#content ul ul {
	margin:0 0 5px 0;
}
* html #content ul {
	margin:2px 0 0 40px;
}


/* Categories
***********************************************************/
.category {
	float:left;
	width:260px;
	margin-left:10px !important;
	word-wrap:break-word;
}

.category ul {padding-left:0px;}
* html .category {
	width:225px;
}
#f {
	margin:5px 5px 0px auto;
}
#s, #w {
	width:270px;
}
#s {
	margin:5px 5px 0px 0;
}
#w {	margin:10px 0 0px 0;
}
#a {
	clear:left;
	margin:5px 5px 0px auto;
}
* html #f, * html #s {
	margin-top:0px; 
}



/* Positioning divs
***********************************************************/
.center {
	margin:30px 0 0 0;
	text-align:center;
}
.footnote {
	margin:30px 0 0 0;
	font-size:small;
	font-style:italic;
}
.xbig {
	font-size:x-large;
	text-align:center;
}
	

/* "Back to top" and "more" arrows
***********************************************************/
.moreinfo {
	margin:0 25px 0 0;
	font-size:small;
	text-align:right;
}
.moreinfo img {
	position:relative;
	top:7px;
	border:0;
}
/* ilist returns the bullet to the list*/
ul.ilist {
	margin:15px 0 20px 40px !important;
}
.ilist li {
	list-style-type:disc;
	margin-bottom:5px;
}
/* Creates footnote out of ul */
ul.note  { 	
	list-style-type:none;
	margin:0 0 10px 40px !important;
	padding:0;
	font-size:x-small;
}
#mega {
	margin:20px 0 15px 0;
}
#megaform {
	margin:15px;
	text-align:center;
}	


/* Float flip-flops
***********************************************************/
.left {
	float:left !important;
	border-left:0 !important;
	border-right:1px inset #003044;
}
.left li {
	margin:10px 2px 0 -10px !important;
}
.right {
	float:right !important;
}
.right p {
	margin-left:20px !important;
}
.middle {
	width:730px !important;
	padding:20px;
}

/* Fonts
***********************************************************/
.slant {
	font-style:italic;
}
.punch {
	font-weight:bold;
}


/* And finally, the footer
***********************************************************/
#footer {
	clear:both;
	position:relative;
	top:20px;
	margin:10px 15px 0 -10px !important;
	padding-bottom:10px;
	text-align:center;
	font-size:small;
	color:#8A9BAC;
	/*left: 361px; */

}
* html #footer {
	top:0px;
	margin-top:25px !important;
}
#footer p {
	margin:0;
	padding:0;
}

#spec_header {
	margin:0;
	padding:0;
	color: #FFFFFF;
	background-color: #03244D;
	text-indent: 10px;
}

/*IMG HOVER POPUPS....This was done specifically for the Publications page 
on the Special Collections and Archives website for the sole purpose of the
Treasure Collection website.*/

/* DO NOT REMOVE*/

.thumbnail  {
position: relative;
float: left;
padding: 5px;
}

.thumbnail:hover {
background-color: #FFFFFF;
color: #000000;
text-decoration: none;
}

.thumbnail a:hover {
background-color: #FFFFFF;
color: #000000;
text-decoration: none;
}

.thumbnail span { 
position: absolute;
background-color: #FFFFFF;
padding: 10px 15px 10px 15px;
border: 5px solid #03244D;
visibility: hidden;
color: black;
text-decoration: none;
text-align: justify;

}

.thumbnail span img { 
border-width: 0; 
}

.thumbnail:hover span { 
visibility: visible; width: 400px;
top: -300px; 
left: 200px;
}