/* ----------------------------------------------- 
CSS DocumentSite: Carleton University Art Gallery
Author: Transformer Studio transformerstudio.com
Description: Base CSS
----------------------------------------------- */


/* >>>> Contents <<<< ------------------------------------------------- */

/* 1. Reset -------------------------------------------- */
/* 2. Global Styles ------------------------------------ */
/* 3. Text Styles -------------------------------------- */
/* 4. List Styles -------------------------------------- */
/* 5. Masthead ----------------------------------------- */
/* 6. Navigation --------------------------------------- */
/* 7. Content Structure -------------------------------- */
/* 8. Footer ------------------------------------------- */

/* --------------------------------------------------------------------- */


/* ---------------------------------------------------------- */
/* 1. Reset ------------------------------------------------- */
/* ---------------------------------------------------------- */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* ---------------------------------------------------------- */
/* 2. Global Styles ----------------------------------------- */
/* ---------------------------------------------------------- */

body { 
	color: #2c2c2c;
	font-family: "Bitstream Vera Sans", Lucida Grande, Verdana, sans-serif;
	background-color: #fff;
}

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {
	width: 100%;
	background-color: #fff;
	background-image: url(images/grey_fade.png);
	background-position: 0 0;
	background-repeat: repeat-x;
	background-attachment: fixed;
	padding-bottom: 120px;
	}  /* must be same height as the footer */

body#publications-list img {
	margin-bottom: 1em;
}

/* ---------------------------------------------------------- */
/* 3. Text Styles ------------------------------------------- */
/* ---------------------------------------------------------- */

p	{
	line-height: 1.8em;
	text-align: left;
	margin-bottom: 1em;
	font-size: 90%;
	}

h1 {
	color: #D50A2C;
	margin-top: 0;
	margin-bottom:0.5em;
	font-size: 140%;
	font-weight: 500;
	line-height: 140%;
	}

h2 {
	color: #2c2c2c;
	font-size: 120%;
	font-weight: 500;
	line-height: 130%;
	margin-bottom:0.25em;
	}

h3 {
	color: #9c9c9c;
	font-size: 110%;
	font-weight: 500;
	line-height: 130%;
	}

h4 {
	color: #9c9c9c;
	font-size: 100%;
	font-weight: bold;
	line-height: 1.8em;
	}

h4+p {
	margin-top: .5em;
}

h5 {
	color: #D50A2C;
	font-size: 90%;
	font-weight: bold;
	line-height: 1.25em;
	margin-bottom: 0.5em;
	}


body#search-results h3+p {
	margin-bottom: 0;
}
		
a	{
	color: #5d5d5d;
	text-decoration: underline;
	}

a:visited {
	color: #2c2c2c;
	text-decoration: underline;
	}

a:hover {
	color: #D50A2C;
	text-decoration: underline;
	}

strong {
	font-weight: bold;
}

p.last, h4.last {
	margin-bottom: 2em;
}

#home-content-related p {
	line-height: 1.5em;
	font-size: 80%;
	color: #6d6d6d;
}

#home-content-related h2 {
	line-height: 1.5em;
	color: #9c9c9c;
	font-size: 120%;
	font-weight: 500;
}

#home-content-related a {
	color: #6d6d6d;
}


#content-related a:hover {
	color: #D50A2C;
}

#sub-nav h1{
	margin-left: 10px;
	color: #D50A2C;
	font-size: 100%;
	font-weight: 500;
	margin-bottom: 0;
}

#sub-nav p{
	margin-left: 10px;
	color: #2c2c2c;
}

h1.event {
	width: 660px;
	background-color: #9c9c9c;
	color: #fff;
	padding: 5px 0 5px 10px;;
	font-size: 100%;
	margin: 1em 0;	
}

.last-related {
	border-bottom: 1px dotted;
	padding-bottom: 1em;
}

#home-slideshow p{
	color: #fff;
	margin-left: 20px;
}

#home-slideshow p a {
	color: #fff;
}

#home-slideshow p a:hover {
	color: #D50A2C;
}

/* ---------------------------------------------------------- */
/* 4. List Styles ------------------------------------------- */
/* ---------------------------------------------------------- */

#content-container ul{
	line-height: 1.8em;
	text-align: left;
	margin-bottom: 1em;
	font-size: 90%;
}

#home-content-related ul{
	line-height: 1.5em;
	font-size: 90%;
	color: #6d6d6d;
	margin-bottom: 1em;
}

ul.bulletlist {
	list-style: disc;
	margin-left: 3em;
}


/* ---------------------------------------------------------- */
/* 5. Masthead ---------------------------------------------- */
/* ---------------------------------------------------------- */

#masthead {
	width: 100%;
	position: fixed;
	z-index: 50;
	background-image: url(images/nav_bg.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom: 10px;
	margin-top: 10px;
}

.search {
	float: right;
	margin-top: 6px;	
	text-align:left;
	height:1%;
	overflow:hidden;
	background-color:#f1f1f1;
}

.search .searchField {
	background-color:#f1f1f1;
	height:1%;
	overflow:hidden;
	padding:4px 0 4px 10px;
	float:left;
	margin-right:10px;
}

.search .searchField input {
	border:1px solid #f1f1f1;
	background-color:#f1f1f1;
}

.search button {
	padding:3px 6px;
	background-color:#a0a0a0;
	color: #fff;
	font-size: 0.8em;
	border: none;
	cursor: pointer;
	margin: 4px;
}

.search button:hover {
	background-color:#D50A2C;
}

.search_txt {
	color: #a0a0a0;
	font-size: 80%;
	font-family: "Bitstream Vera Sans", Lucida Grande, Verdana, sans-serif;
}

#home-content-related .search {
	float: left;
	width: 100%;
}

#home-content-related .search button {
	float: right;
}

#branding {
	width: 500px;
	width: 940px;
	position: relative;
	left: 50%;
	margin-left: -470px;
}

#branding h1 {
	text-indent: -10000px;
	background: transparent url(images/cuag_logo.png) 0 0 no-repeat;
	height: 40px;
	width: 410px;
	display: block;
	margin-top: 6px;
	float: left;
}

#sitenav {
	width: 940px;
	position: relative;
	left: 50%;
	margin-left: -470px;
	clear: both;
}

/* ---------------------------------------------------------- */
/* 6. Navigation -------------------------------------------- */
/* ---------------------------------------------------------- */

	
/*** Superfish Styling ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			12em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			12em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			12em; /* match ul width */
	top:			0;
}

.sf-menu {
	float: left;
}
.sf-menu a {
	padding: .75em .6em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
		color: #666;
}
.sf-menu li {
	background: transparent;
}

.sf-menu li li {
	background:		#dedede;
	border-bottom: 1px dotted #666;	
}

.sf-menu li li.last {
	background:		#dedede;
	border-bottom: 0;	
}

.sf-menu li li a {
	background:		#dedede;
	color: #666;
	line-height: 1.4em;
	font-size: 90%;	
}

.sf-menu li li li {
	background:		#dedede;
	color: #666;
	line-height: 1em;
	font-size: 90%;		
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background-color: #dedede;
	color: #666;
	text-decoration: none;	
	outline:		0;
}

.sf-menu li li a:hover {
	background:		#a0a0a0;
	color: #fff;	
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

.sf-menu li.current a {
		background-color: #D50A2C;
		color: #fff;
}

#sub-nav {
	width: 220px;
	left: 50%;
	margin-left: 250px;
	padding-top: 8.5em;
	position: fixed;
}

#sub-nav ul {
	text-align: left;
	margin-bottom: 2em;
	list-style-type: none;
}

#sub-nav ul li a{
	color: #6d6d6d;
	line-height: 1.4em;
	font-size: 90%;
	border-top: 1px dotted #6d6d6d;
	text-decoration: none;
	display: block;
	padding: 7px 10px;
	width: 200px;
}

#sub-nav ul li a:hover{
	color: #D50A2C;
	background-color: #dedede;
}

#sub-nav ul li.last {
	border-bottom: 1px dotted #6d6d6d;
}

#sub-nav ul li.current a{
	color: #D50A2C;
	font-weight: 600;
}

body#about-vision #sitenav li.about-vision a,
body#about-history #sitenav li.about-vision a,
body#about-governance #sitenav li.about-vision a,
body#about-donating #sitenav li.about-vision a,
body#about-rental #sitenav li.about-vision a,
body#about-floorplan #sitenav li.about-vision a,
body#about-submissions #sitenav li.about-vision a,

body#visiting-hours #sitenav li.visiting-hours a,
body#visiting-directions #sitenav li.visiting-hours a,

body#exhibitions-current #sitenav li.exhibitions-current a,
body#exhibitions-past #sitenav li.exhibitions-current a,
body#exhibitions-events #sitenav li.exhibitions-current a,
body#exhibitions-online #sitenav li.exhibitions-current a,
body#exhibitions-touring #sitenav li.exhibitions-current a,
body#exhibitions-upcoming #sitenav li.exhibitions-current a,

body#collections-history #sitenav li.collections-history a,
body#collections-aboriginal #sitenav li.collections-history a,
body#collections-canadian-prints-pre1950 #sitenav li.collections-history a,
body#collections-canadian-prints-post1950 #sitenav li.collections-history a,
body#collections-canadian-painting-pre1950 #sitenav li.collections-history a,
body#collections-canadian-painting-post1950 #sitenav li.collections-history a,
body#collections-european #sitenav li.collections-history a,
body#collections-inuit #sitenav li.collections-history a,
body#collections-nonwestern #sitenav li.collections-history a,
body#collections-photography #sitenav li.collections-history a,

body#publications-recent #sitenav li.publications-recent a,
body#publications-list #sitenav li.publications-recent a,
body#publications-upcoming #sitenav li.publications-recent a,

body#students-assistantship #sitenav li.students-assistantship a,
body#students-curator #sitenav li.students-assistantship a,
body#students-monitors #sitenav li.students-assistantship a,
body#students-practicum #sitenav li.students-assistantship a,

body#contact #sitenav li.contact a,

body#home #sitenav li.home a
{
	background-color: #D50A2C;
	color: #fff;
	border-color: #fff;
}

body#about-vision #sitenav li.about-vision li a:hover,
body#about-history #sitenav li.about-vision li a:hover,
body#about-governance #sitenav li.about-vision li a:hover,
body#about-donating #sitenav li.about-vision li a:hover,
body#about-rental #sitenav li.about-vision li a:hover,
body#about-floorplan #sitenav li.about-vision li a:hover,
body#about-submissions #sitenav li.about-vision li a:hover,
 
body#visiting-hours #sitenav li.visiting-hours li a:hover,
body#visiting-directions #sitenav li.visiting-hours li a:hover,

body#exhibitions-current #sitenav li.exhibitions-current li a:hover,
body#exhibitions-past #sitenav li.exhibitions-current li a:hover,
body#exhibitions-events #sitenav li.exhibitions-current li a:hover,
body#exhibitions-online #sitenav li.exhibitions-current li a:hover,
body#exhibitions-touring #sitenav li.exhibitions-current li a:hover,
body#exhibitions-upcoming #sitenav li.exhibitions-current li a:hover,

body#collections-history #sitenav li.collections-history li a:hover,
body#collections-aboriginal #sitenav li.collections-history li a:hover,
body#collections-canadian-prints-pre1950 #sitenav li.collections-history li a:hover,
body#collections-canadian-prints-post1950 #sitenav li.collections-history li a:hover,
body#collections-canadian-painting-pre1950 #sitenav li.collections-history li a:hover,
body#collections-canadian-painting-post1950 #sitenav li.collections-history li a:hover,
body#collections-european #sitenav li.collections-history li a:hover,
body#collections-inuit #sitenav li.collections-history li a:hover,
body#collections-nonwestern #sitenav li.collections-history li a:hover,
body#collections-photography #sitenav li.collections-history li a:hover,

body#publications-recent #sitenav li.publications-recent li a:hover,
body#publications-list #sitenav li.publications-recent li a:hover,
body#publications-upcoming #sitenav li.publications-recent li a:hover,

body#students-assistantship #sitenav li.students-assistantship li a:hover,
body#students-curator #sitenav li.students-assistantship li a:hover,
body#students-monitors #sitenav li.students-assistantship li a:hover,
body#students-practicum #sitenav li.students-assistantship li a:hover
{
	background:		#a0a0a0;
	color: #fff;
}

body#about-vision #sub-nav li.about-vision a,
body#about-history #sub-nav li.about-history a,
body#about-governance #sub-nav li.about-governance a,
body#about-donating #sub-nav li.about-donating a,
body#about-rental #sub-nav li.about-rental a,
body#about-floorplan #sub-nav li.about-floorplan a,
body#about-printprize #sub-nav li.about-printprize a,
body#about-submissions #sub-nav li.about-submissions a,

body#visiting-hours #sub-nav li.visiting-hours a,
body#visiting-directions #sub-nav li.visiting-directions a,

body#exhibitions-current #sub-nav li.exhibitions-current a,
body#exhibitions-past #sub-nav li.exhibitions-past a,
body#exhibitions-events #sub-nav li.exhibitions-events a,
body#exhibitions-online #sub-nav li.exhibitions-online a,
body#exhibitions-touring #sub-nav li.exhibitions-touring a,
body#exhibitions-upcoming #sub-nav li.exhibitions-upcoming a,

body#collections-history #sub-nav li.collections-history a,
body#collections-aboriginal #sub-nav li.collections-aboriginal a,
body#collections-canadian-prints-pre1950 #sub-nav li.collections-canadian-prints-pre1950 a,
body#collections-canadian-prints-post1950 #sub-nav li.collections-canadian-prints-post1950 a,
body#collections-canadian-painting-pre1950 #sub-nav li.collections-canadian-painting-pre1950 a,
body#collections-canadian-painting-post1950 #sub-nav li.collections-canadian-painting-post1950 a,
body#collections-european #sub-nav li.collections-european a,
body#collections-inuit #sub-nav li.collections-inuit a,
body#collections-nonwestern #sub-nav li.collections-nonwestern a,
body#collections-photography #sub-nav li.collections-photography a,

body#publications-recent #sub-nav li.publications-recent a,
body#publications-list #sub-nav li.publications-list a,
body#publications-upcoming #sub-nav li.publications-upcoming a,

body#students-assistantship #sub-nav li.students-assistantship a,
body#students-curator #sub-nav li.students-curator a,
body#students-monitors #sub-nav li.students-monitors a,
body#students-practicum #sub-nav li.students-practicum a
 {
	color: #D50A2C;
	font-weight: 600;
}
	
/* ---------------------------------------------------------- */
/* 7. Content Structure ------------------------------------- */
/* ---------------------------------------------------------- */

#content-container {
	width: 670px;
	position: relative;
	left: 50%;
	margin-left: -470px;
	padding-top: 8.5em;
	padding-bottom: 4em;
}

#gallery-slideshow {
	margin-bottom: 1em;
	margin-top: 1em;
}

#home-content-container {
	width: 940px;
	position: relative;
	left: 50%;
	margin-left: -470px;
	clear: both;
	padding-top: 8.5em;
}

#home-slideshow {
	width: 940px;
	background-color: #585858;
	margin-bottom: 2em;
}

#home-content-main {
	width: 670px;
	float: left;
	padding-bottom: 4em;
}

#home-content-related {
	width: 220px;
	float: right;	
}

#home-content-related img {
	margin-right: 8px;
	margin-bottom: 1em;	
}
.publication {
	width: 670px;
	padding-bottom: 1em;
	clear: both;
}

.publication img {
	float: left;
	padding-bottom: 3em;
}

.publication h2, .publication ul {
	margin-left: 200px;
}
	
.breakfloat {
	clear: both;
}

/* ---------------------------------------------------------- */
/* 8. Footer ------------------------------------------------ */
/* ---------------------------------------------------------- */

#footer-wrapper{
	width: 100%;
	background-color: #585858;
	margin-top: -120px; /* negative value of footer height */
	height: 120px;
	clear:both; 	
}

#footer {
	width: 940px;
	position: relative;
	left: 50%;
	margin-left: -470px;
	padding-top: 10px;
}

#footer img {
	margin-right: 20px;
}

#footer p {
	color: #fff;
	font-size: 70%;
}

.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */