/* cwahi css file
# 20070816 by Alexander J. Jerabek
# updated 20090525
# this file contains the following sections:
#
#	1. global settings and links
#
#	2. header and headings
#
#	3. main navigation
#
#	4. main content + footer positioning
#
#	5. sub section and sub navigation
#
#	6. footer
#
#	7. search pages and results
#
#	8. gallery
#
# Colour palette used is based on Concordia colours
#
#	sepias
#	lightest : #fbfaf4
#	lighter : #f2f2df
#	darker : #d9d9c7
#
#	greys : #f2f3f0
#
#	oxblood : #92002c
=================================================================== */


/*
 ========== 1. global settings and links ====== */
html {
	background:#d9d9c7; color:#000;
	font-size:100%;
	padding-bottom:5em;
	}

body {
	position: relative;
	border: 3px double #333;
	margin: 3% 5%;
	background: #fbfaf4; color: #000;
	font: 67.5% Arial, Helvetica, sans-serif;
	line-height: 1.1;
	}

* {margin: 0; padding: 0;}

ul, ol {list-style-type: none;}

a {text-decoration: none;}

a:link    {background: #fbfaf4; color: #92002c;    border-bottom: 1px solid #fbfaf4;}
a:visited {background: #fbfaf4; color: #92002c;    border-bottom: 1px solid #fbfaf4;}
a:hover   {background: #fbfaf4; color: #000; border-bottom: 1px solid #000;}
a:active  {background: #fbfaf4; color: #000; border-bottom: 1px dashed #aaa;}

a img {border: none;}


/*
========== 2. header ====== */


#language {
position:absolute;
top:1em; right:1em;
margin:0;
padding:.4em .1em;
}
#language a:link, #language a:visited {
background:#92002c; color:#fff; font-weight:bold; 
padding:.2em .4em; border:1px solid #000; margin:0;
}

#language a:hover, #language a:active {
background:#fbfaf4; color:#92002c; font-weight:bold; 
padding:.2em .4em; border:1px solid #000; margin:0;
}


#header {
	background: #f2f2df; color: #000;
	border-bottom: 5px solid #92002c;
	}

h1 {
	margin: 0;
	padding: 20px 50px;
	background: #f2f2df; color: #000;
	clear: both;
	font: normal 2.2em normal Georgia, "Times New Roman", serif;
	letter-spacing: 1px;
	}

h1 a:link, h1 a:visited {background: #f2f2df; color: #000;    border-bottom: 1px solid #f2f2df;}
h1 a:hover, h1 a:active {background: #f2f2df; color: #92002c; border-bottom: 1px solid #92002c;}

/*
=========== 3. main navigation ============ */

#menu {
	border-bottom: 1px solid #aaa;
	height: 2.6em;
	padding-left: 20px;
	background: #fbfaf4; color:#000;
	font: 1.4em Georgia, Times, serif;
	}

#navbar {
	height: 2em;
	margin: 0;
	padding: 0;
	}

#navbar li {
	float: left;
	padding: 0 2px 0 0;
	}
#navbar a {border-bottom-width: 0;}

#navbar li a:link,
#navbar li a:visited {
	background: #fbfaf4;
	color: #000;
	display: block;
	padding: 4px;
	margin: 0 5px;
	border: 1px solid #fbfaf4;
	border-top: 4px solid #fbfaf4;
	}

ul#navbar li a:hover,
ul#navbar li a:active,
body#homepage           #navbar a#home,
body.doccentrepage      #navbar a#doccentre,
body#contactpage        #navbar a#contact,
body.activitiespage     #navbar a#activities,
body.sourcespage        #navbar a#sources,
body.exhibsourcepage    #navbar a#exhibs,
body.otherresources     #navbar a#resources,
body.aboutpage          #navbar a#about,
body.contactpage        #navbar a#contact {
	background: #f2f2df;
	color: #000;
	border: 1px solid #92002c;
	border-top: 4px solid #92002c;}

/*
=========== 4. main content + footer positioning ============ */

#main {
	height:1%; /* IE6 hack */
	position: relative;
	padding: 0;
	margin: 0;
	font-size: 1.4em;
	}


#content {
	border-left: 1px solid #aaa;
	position: relative;
	width: 79%;
	float: right;
	clear: right;
	margin-top: -1px; /* IE6 hack */
	padding-bottom: 14em;
	line-height: 1.2;
	}

#features {margin:1em 2em;}

p#path {
	padding-top: 1em;
	font-size: .75em;
	}

h2,h3,h4 {
	font-family: Georgia, "Times New Roman", serif;
	font-weight: normal;
	margin-left: 50px;
	padding: .6em 0 .2em 0;
	}

h2 {font-size: 1.6em; letter-spacing: 1px;}
h3 {font-size: 1.4em;}
h4 {font-size: 1.2em;}

p, ol, ul, dl {margin: 0 15% 0 50px; padding: .2em 0;}


dt {font-weight: bold; margin-top: 1em; padding-top: .4em;}

dd {padding: .1em 1em;}




.image {
	float: right;
	border-bottom: 3px double #aaa;
	margin: 1.5em;
	padding:1em;
	text-align: center;
	font-size:.75em;
	width: 310px;
	}
.image#reid {width:460px;}

.image img {
	border: 1px solid #000;
	margin-bottom:1em;
	}

.image a:hover {
	border-bottom:0;
	}


ul.abc li{display:inline;}
ul.abc a {margin:.1em; padding:.2em;}
ul.abc a:link, ul.abc a:visited {border:1px solid #aaa; background: #f2f2df; color: #92002c;}
ul.abc a:hover, ul.abc a:active {border:1px solid #92002c; background: #fff; color: #000;}

.scrapbk {margin-left: 2em; }

#bios h4 {border-top:1px solid #92002c; margin:2em 50px 1em;}

#bioartbib dt {margin:0; padding:.2em 0; font-size:1.2em; font-weight:normal;}


#externalsources {clear:both; font-size:.8em;}
#externalsources h4 {border-top:1px solid #aaa; margin: 2em 50px 0;}

#aboutlist {list-style-type:disc;}
#aboutlist li {margin:1em;}
/*
=========== 5. sub section and sub navigation ============ */

#sub {
	position: relative;
	float: left;
	clear: left;
	width: 20%;
	margin: 3em 0 0 0;
	font-size:.8em;
	}

#sub h3 {
	margin: 0 2em;
	padding: 0;
	font-size: 1.2em;
	}

#sub h4 {
	margin: 1em 2em;
	padding: 0;
	font-size: 1.2em;
	}
	
.subnav {
	margin: 1em 2em;
	padding: 0;
	border-top: 3px double #aaa;
	border-bottom: 3px double #aaa;
	}

.subnav li {
	border: 1px solid #fbfaf4;
	} /* IE6 hack, otherwise weirdo spacing issues result */

.subnav li a {
	display: block;
	padding: .5em .2em;
	margin-top:-1px; /* re-hack based on hack above to remove 1px of space on hover. IE, sigh. */
	}

.subnav li a:link    {background: #fbfaf4; color: #92002c; border-bottom: 1px solid #92002c;}
.subnav li a:visited {background: #fbfaf4; color: #333; border-bottom: 1px solid #92002c;}
.subnav li a:hover   {background: #f2f2df; color: #92002c; border-bottom: 1px solid #92002c;}
.subnav li a:active  {background: #f2f2df; color: #000; border-bottom: 1px solid #92002c;}

.subnav li.last a:link,
.subnav li.last a:visited,
.subnav li.last a:hover,
.subnav li.last a:active
{border-bottom: 0px solid #92002c;}
/* re. above rule: idiotic, I know, but that's for IE, you need to spell it out like this */

body#events a#event,
body#inaugural .subnav a#inaugural_conference,
body#regConf .subnav a#registration,
body#progConf .subnav a#confprogram,
body#activitieshome .subnav a#hotels,
body#researches a#research,
body#affiliations a#affiliation,
body#biographies .subnav a#biography,
body#intro .subnav a#artist,
body#browses .subnav a#browse,
body#associations .subnav a#association,
body#educations .subnav a#education,
body#locations .subnav a#location,
body#medias .subnav a#media,
body#bibliographies .subnav a#bibliography,
body#helpArtist .subnav a#helpart,
body#aboutart .subnav a#aboutartist,
body#searchExhib .subnav a#searchex,
body#aboutfiles .subnav a#aboutArtistFiles,
body#helpExhib .subnav a#helpex,
body#aboutExhib .subnav a#aboutex,
body#creditExib .subnav a#creditex,
body#copyrightExhib .subnav a#copyrightex,
body#conference2012 .subnav a#conf2012,
body#mmfascrapbooks .subnav a#mmfa,
body#libraries .subnav a#library,
body#externalpage .subnav a#external,
body#credits .subnav a#credit,
body#histories .subnav a#history,
body#futures .subnav a#future,
body#scholars .subnav a#scholar,
body#students .subnav a#student,
body#acknowledgments a#acknowledge,
body#elist a#list
	{background: #f2f2df; color: #92002c;}

#sub .credits {
	margin: 0;
	padding: .4em;
	font-size: .9em;
	}

#sub dl {margin: .5em 2em; padding: 0; border-top: 3px double #aaa; border-bottom: 3px double #aaa;}
#sub dt {border-top: 0; margin:0; padding-top: .3em;}
#sub dd {font-size: .9em; padding-bottom: .4em;}


/*
=========== 6. footer ============ */


#footer {
	position:relative;
	clear:both;
	border-top: 1px solid #aaa;
	background: #fbfaf4; color: #000;
	font-size: 1.1em;
	}


#footer #date {
	position:absolute;
	right: 0; top: -3.5em;
	font-size: .9em;
	margin: 1em; }


#footer ul#copycontact { text-align: center; margin: 1em auto; padding:0;}
ul#copycontact li {display:inline; border-left:1px solid #aaa; padding:0 1em;}
ul#copycontact li.first {border-left:0px solid black;}

#concordia { 
	position: relative;
	margin: 0;
	padding: 0;
	top: 6em;
	text-align: center;

	}

#concordia img {border: 1px solid #999; padding:.3em; background:#fff; color:#000;}

p#concordia  a:link,
p#concordia a:visited,
p#concordia  a:hover, 
p#concordia  a:active {border-bottom: 0;}

/*
#concordia a:link, #concordia a:visited {background: #d9d9c7; color: #00c;    border-bottom: 1px solid #d9d9c7;}
#concordia a:hover, #concordia a:active {background: #d9d9c7; color: #92002c; border-bottom: 1px solid #92002c;}
*/


#concordia a:link, #concordia a:visited {background: #d9d9c7; color: #00c;    border-bottom: 1px solid #d9d9c7;}
#concordia a:hover, #concordia a:active {background: #d9d9c7; color: #92002c; border-bottom: 1px solid #92002c;}


p#switch {margin:1em;}
p#switch a {background:transparent; border-bottom:0;}


/*
========== 7. search pages and results ================= */


.azlist {font-size:.8em; margin-top:1em; padding:0; border-top:1px solid #aaa; width:65%;}
ol.azlist {list-style: decimal outside;}

.azlist li {border-bottom:1px solid #aaa;}

.azlist a {
	display: block;
	padding: .4em;
	}

.azlist a:link    {background: transparent; color: #92002c; border-bottom: 0;}
.azlist a:visited {background: transparent; color: #333; border-bottom: 0;}
.azlist a:hover   {background: #f2f2df;     color: #000; border-bottom: 0;}
.azlist a:active  {background: #f2f2df;     color: #92002c; border-bottom: 0;}


.prevnext {text-align: right; font-size: .85em; background: transparent; color: #fbfaf4;}
.prevnext a {padding: .1em .4em;}
.prevnext a:link, .prevnext a:visited {border:1px solid #aaa; background: #f2f2df; color: #92002c;}
.prevnext a:hover, .prevnext a:active {border:1px solid #92002c; background: #fff; color: #000;}


#content form {padding:.5em;}

form p {margin-top: .5em;}

fieldset {margin:1em 50px; border:0; border-top:1px solid #ccc;}
fieldset * {padding:0; margin:0;}

legend {font-weight:bold;}

label {float:left; width: 10em;}

input.text {width:15em;}
input.date {width:4.45em;}

body#medias label {float:none; display:block; width:100%;}

ul#bymedia {font-size: .8em; width:30em; border:1px solid #999; margin:1em 50px; background:#f2f2df;}

ul#bymedia li {border-top:1px solid #ddd; padding: 3px;}

ul#bymedia li input {margin: 2px 6px;}

ol.publist{list-style: decimal outside; font-size: .8em;}
ol.publist li {border-top: 1px solid #aaa;padding:1em;}

ol.publist a {display: block; width:15em; margin: .5em 0 0 0; padding: .2em; border: 1px solid #ccc; background: #fbfaf4; color: #92002c;}
ol.publist a:link {background: #fbfaf4; color: #92002c; border: 1px solid #ccc;}
ol.publist a:visited {background: #fbfaf4; color: #92002c; border: 1px solid #ccc;}
ol.publist a:hover {background: #f2f2df; color: #000; border: 1px solid #92002c;}
ol.publist a:active {background: #fbfaf4; color: #333; border: 1px solid #92002c;}

ul#searchtips li{
margin:1em;
padding:.4em 0 0 0;
border-top:1px solid #aaa;
}
#searchtips span {display:block; font-weight:bold; margin:.4em 0;}

a.citation {display: block; width:15em; margin: .5em 0 0 0; padding: .2em; border: 1px solid #ccc; background: #fbfaf4; color: #92002c;}
a.citation:link {background: #fbfaf4; color: #92002c; border: 1px solid #ccc;}
a.citation:visited {background: #fbfaf4; color: #92002c; border: 1px solid #ccc;}
a.citation:hover {background: #f2f2df; color: #000; border: 1px solid #92002c;}
a.citation:active {background: #fbfaf4; color: #333; border: 1px solid #92002c;}


/*
========== 8. gallery ================= */
body.gallery #content {width:90%;}

body.gallery #content {border-left: 0;}
body.gallery dt {margin-bottom: 2em;}
body.gallery dt img {border:1px solid #000;}
body.gallery dd {margin:0; padding: .4em 0;}


.gallery table {border-collapse:collapse; border:1px solid #aaa; margin-top:1em;  width:80%;}
.gallery th {padding:1em; border:1px solid #aaa; font-size:.8em; background:#f2f2df; color:#000;}
.gallery td {padding:1em; border:1px solid #aaa; font-size:.8em;}
.gallery  img {border:1px solid #000;}