/* CSS Document */

/*	Museums and the Web 2009	www.archimuse.com
	
	information architecture, site production and creative direction: 
	J. Trant. Archives + Museum Informatics

	note: type specific .css files change backgrounds of date and title
	on pages to match nav background
---------------------------------------------------------------------*/

/*	PRINTING	 -- see print.css

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

#print-title {
	visibility: hidden;
	display: none;
}


/*	=STRUCTURE

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


* {padding: 0; margin: 0;}

p, h1, h2, h3, h4, h5 {margin: 0.8em 0;}


h4 {margin: 0.8em 0 0.0em 0;}

html, body {
	font: 12px/18px "Arial", Helvetica, sans-serif;
	background: #3F585A;
	/*	background: #FCFCFD; */
/*	background: #0C1C47; */
	text-align: center;
}

#container{
	width: 784px;
	height: 100%;
	margin: 10px auto;
	text-align: left;
	background: url(../images/container-bg.gif) repeat-y;
}

#header{
	width: 784px;
	height: 179px;
	background: url(../images/header.gif) no-repeat;
}

#header-photo{
	float: right;
	margin: -129px 4px 0 0;
	width: 229px;
	height: 129px;
}

* html #header-photo{
	margin: -132px 2px 0 0;
}

#top-nav{
	float:left;
	margin: -180px 0 0 305px;
	display:inline;
}

#top-nav-list li{
	list-style-type:none;
	display:block;
	float: left;
	list-style-type: none;
	width: 100px;
	height: 30px;
	padding: 5px 0 0 15px;
}

#top-nav-list a:link, #top-nav-list a:visited {
	display:block;
	text-align:center;
	width: 115px;
	height: 20px;
	padding: 15px 0 5px 0px;
}

* html #top-nav-list a:link, * html #top-nav-list a:visited {
	width: 100px;
	}

#top-nav-list a:hover{
	background: #EBEBEB;
}

#date{
	float:left;
	width: 180px;
	height: 45px;
	margin: 0 0 0 4px;
	padding:15px 0 0 20px;
	color: #fff;
	background: #4C536B;
	/*	background: #2D2E46;  */
	font-size: 100%;
	line-height: 110%;
	
}

* html #date{
	margin: 0 0 0 2px;
}

#title{
	float: right;
	width: 576px;
	height: 60px;
	margin: 0 4px 0 0;
	background: #AEB1AD;/*	background: #BBC2C6;*/
}

* html #title{
	margin: -3px 4px 0 0;
	}

#main-content {
	float: right;
	width: 540px;
	margin: 0 25px 0 0;
}

* html #main-content {width: 515px;}

#news {
	float: right;
	width: 200px;
	height: 180px;
	background: url(../images/news.gif) no-repeat;
	margin: -48px -14px 0 10px;
	padding: 50px 0px 5px 10px;
	font-size: 10px;
	overflow:hidden;
}

* html #news {
	position: relative;
	z-index:999;
}


#sidebar{
	float: left;
	width: 200px;
}

#side-nav-list li{
	display: block;
	height: 30px;
	width: 200px;
	margin: 0 0 0 4px;
	border-bottom: 1px solid #E6E6E6;
	list-style-type: none;
}


/* background colours of nav blocks - match title block in sub-pages */
#workshops {
	background: #665B77;
	}

#sessions {
	background: #76627D;
	}

#speakers {
	background: #846982;
	}

#interactions {
	background: #8A7180;
	}

#demonstrations {
	background: #907A7F;
	}

#events {
	background: #958483;
	}

#exhibits {
	background: #9A928B;
	}

#best {
	background: #A09D94;
	}

#pc {
	background: #AEB1AD;
	}
	
#community {
	background: #8F9D91;
	}	

#side-nav a{
	display:block;
	margin:0px 0 0 15px;
	padding: 8px 0 4px 30px;
	background: #fff
	}

* html side-nav li{
	margin: 0 0 -3px 0;
	}

	
#search-site{
	margin: 0 0 0 15px;
	text-align:left;
	padding: 10px 10px 0 20px;
	height: 70px;
	}

#searchmw{
	width: 133px;
	height: 25px;
	}
	
#searchbox{
	margin: 5px 0;
	width: 138px
	}

#sidebar #addthis{
	padding: 10px 10px 20px 40px;
	}

#sidebar-links-list li{
	font-size: 95%;
	display:block;
	height: 40px;
	padding: 20px 0 0 0;
	border-bottom: 0px solid #E6E6E6;
	text-align:center;
	list-style-type: none;
	}

#sidebar-acknowledge p {
	font-size: 80%;
	line-height: normal;
	padding: 10px 10px 20px 20px;
	}
#sidebar-acknowledge img {
	padding-bottom: 10px;
	}

#sponsor p {
	font-size: 95%;
	line-height: normal;
	padding: 10px 10px 20px 20px;
}

#footer{
	clear:both;
	border-top: 1px solid #DEDEDE;
	}

#last-updated{
	font-size: 80%;
	float:left;
	background: #909FA7;
	width: 190px;
	height: 75px;
	margin: 0 0 0 4px;
	text-align: right;
	padding: 10px 10px 0 0;
	}

* html #last-updated{
	margin: 0 0 0 2px;
	}

#footer-content{
	font-size: 80%;
	float: right;
	width: 550px;
	height: 75px;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	}

* html #footer-content{
	padding: 0 0 0 10px;
	}

#cc {
	font-size: 70%;
	float: right;
	}


/*	=TYPOGRAPHY

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

.two-column-block {
	display: table;
	width: 100%;
}

.two-column-block h3 {
	font-size: 11px;
	line-height: 110%;
	font-weight: bold;
	margin-bottom: .0em;
}

.float-left
{
	padding: 7px 10px 7px 10px;
	width: 45%;
	background-color: #F5F5F5;
	float: left;
	font-size: 95%;

}
.float-right
{
	padding: 7px 10px 7px 10px;
	width: 45%;
	background-color: #F5F5F5;
	float: right;
	font-size: 95%;

}


h1 {
	color: #212121;
	font-size: 150%;
	}

#title h1{
	margin: 20px 0 0 15px;
	}

.list, th {
	background-color: #CBC2C6;
	padding-left: 4px;
	left: auto;
	}

.list{
	padding: 7px  0 2px 20px;
	background-color: #BBC2C6;
	}

#list{
	padding: 0 0 0 20px;
	}

.time {
	font-weight: bold;
	}


.red{
	padding: 4px;
	background-color: #FCF8D6;
	}

#avRequest td, #avRequest tr {
	padding: 5px;
	}

#avRequest .red{
	margin: 6px 0;
	}

#authorList{
	margin: 10px 0;
	}

.session-table h4, .mini-workshop-table h4 {
	margin: 0px 0 -8px 0;
	padding:0;
	}

.workshop-table h4, .forum-table h4, .room-table h4, .interaction-table .demonstration-table h4 {
	margin: 5px 0 -8px 0;
	}
	
.small {
	font-size:90%;
	}
.smaller {
	font-size:80%;
	}		

/*	=LISTS

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

#main-content li{
	margin: 0 0 0 20px;
	padding: 3px;
	list-style-position: outside;
	list-style-type: square;
	}

dt {
	font-weight:bold;
	display: block;
	clear: both;
	}

dd {
	display: block;
	}

#main-content dd{
	margin: 0 0 0 20px;
	padding: 3px;
	}

#avRequest dt{
	font-weight:normal
	}

#sidebar li{
	list-style-type:none;
	}

ul#exhibitor-list{
	list-style-type:none;
	}


 #exhibitor-list li a{
	padding: 2px 4px 4px 4px;
	background: #EBEEDC
	} 

.pcList {
	font-size: 90%;
	margin-bottom: 0px;
	font-size: 10px;
	line-height: 12px;
	}

/*	=FORMS

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



/*	=TABLES

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

table.workshop-table, table.demonstration-table, table.interaction-table, table.room-table, table.forum-table,table.mini-workshop-table {
	width: 528px;
	}

.workshop-table h3, .demonstration-table h3, .interaction-table h3, .room-table h3, .forum-table h3, .mini-workshop-table, .session-table h3 {
	padding: 0;
	margin: 8px 0 2px 0;
	}

table.speakers-list{
	width: 528px;
	border-collapse:collapse;
	}

th.speakers-list{
	text-align: center;
	border-left: 1px solid white;
	border-right: 1px solid white;
	margin: 0 0 10px 0;
	}

/* th.speaker{
background-color: #3A5128;
} */

table.speakers-list td {
	border-bottom: 1px solid #999;
	padding: 3px 0;
	}


table.session-table {
	width: 528px;
	margin: 8px 0 0 0;
	}

.session-table td, .mini-workshop-table td, .forum-table td, .room-table td, .interaction-table td, .demonstration-table td, .workshop-table td{
	background: #ECEFF1	}

td.session-table-date, td.mini-workshop-table-date, td.forum-table-date, td.room-table-date, td.interaction-table-date, td.demonstration-table-date, td.workshop-table-date{
	font-weight: bold;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px 0px 5px 10px;
	color: #6D9C0E;
	border-bottom: 10px solid white;
	border-top: 10px solid white;
}

td.session-table-date {border-top: 10px solid white}

td.session-table-time, td.mini-workshop-table-time, td.forum-table-time, td.room-table-time, td.interaction-table-time, td.demonstration-table-time, td.workshop-table-time {
	width: 100px;
	padding: 5px 0px 0px 10px;
	font-weight: bold;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #B5A6AA;
	color: #fff;
	vertical-align: top;
}

td.demonstration-table-time{background: #B5A6AA;}

td.session-table-time{background: #C8CFD5;}

td.workshop-table-time{background: #BAC6CE;}

td.mini-workshop-table-time{background: #B6ABB5;}

td.session-table-time a:link, .mini-workshop-table td.mini-workshop-table-time a:link, td.forum-table-time a:link, td.room-table-time a:link, td.room-table-time a:link, td.interaction-table-time a:visited, td.demonstration-table-date a:link, td.workshop-table-time a:link {	
	color: #fff;
	text-decoration:none;
}

td.session-table-time a:visited, .mini-workshop-table td.mini-workshop-table-time a:visited, td.forum-table-time a:visited, td.room-table-time a:link, td.interaction-table-time a:visited, td.demonstration-table-date a:visited, td.workshop-table-time a:visited {	
	color: #fff;
	text-decoration:none;
}
	

td.session-table-time a:hover, .mini-workshop-table td.mini-workshop-table-time a:hover, td.Forum-table-time a:hover, td.room-table-time a:hover, td.Interaction-table-time a:hover, td.demonstration-table-date a:hover, td.workshop-table-time a:hover {color: #640E27;}

.sessions-table td.time-topic a:hover {text-decoration: underline;}

.sessions-table td.topic-info {
	padding: 5px 0px 0px 10px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #E3E3E3;
	border-left: 10px solid #fff;
	border-bottom: 10px solid #fff;
	color: #000;
	vertical-align: top;
}

.sessions-table td.topic-info p {
	margin: 0px;
	padding-bottom: 0px;
}

.sessions-table td.topic-info a {
	color: #6D9C0E;
	font-style:italic;
}

.sessions-table td.topic-info a:visited,  {
	font-style: italic;
}

.sessions-table td.topic-info a:hover {
	text-decoration: underline;
}

.sessions-table td.topic-info a.author {
	color: #6D9C0E;
	font-style: normal;
}

.sessions-table td.topic-info a.author:visted {
	color: #6D9C0E;
	font-style: normal;
}

.sessions-table td.topic-info a.author:hover {
	text-decoration: underline;
}

.sessions-table .topic-header {
	margin: 0px;
	padding: 0px;
}

.sessions-table td .topic-header a {
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #6D9C0E;
	font-style: normal;
	text-decoration: none;
}

.sessions-table td .topic-header a:hover {
	font-style: none;
	text-decoration: underline;
}

/*	=LINKS

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

a:link {
	color: #2D2E46;
	text-decoration:none;
}
	
a:visited {
	color: #2D2E46;
	text-decoration:none;
}

a:hover	{
	color: #640E27;
	text-decoration:none;
}

#main-content a {
	color: #3D3F75;
	text-decoration:none;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	}
#main-content a:hover	{
	color: #640E27;
	text-decoration:none;
}

#side-nav, a:link {
	color: #3D3F75;
	text-decoration:none;
	color: #3D3F75;
	text-decoration:none;
}

#side-nav, a:visited{
	color: #2D2E46;
	text-decoration:none;
}


#side-nav a:hover, #top-nav a:hover{
	font-weight:bold;
	color: #640E27;
	text-decoration:none;
}

#side-nav a:hover{
	background: #EBEBEB;
}


#date a:link,#date a:visited{
	color:#FFFFFF;
	text-decoration:none;
	}

#date a:hover{
	color: #AEB1AD;
	}

#title a:link, #title a:visited{
	color: #152200;
	text-decoration: underline;
	}

#title a:hover{color: #640E27;}

h2 a {
	line-height: 1.3em;
	}

h2 {
	font-size: 1.3em;
	line-height: 1.5em;
	}
	
h3 {
	font-size: 1.3em;
	color: #666666;
	}

h4 {
	color: #666;
	margin-top: 8px;
	font-style: italic;
	font-size: 1em;
	}	

h5 {
	font-size: 1em;
	color: #030303;
	padding: 0px;
	margin-bottom: 0px;
	}

h6 {
	color: #030303;
	margin-top: 8px;
	margin-bottom: 0px;
	font-size: 1em;
	font-style: italic;
	font-weight: normal;
	}

blockquote {
	margin-left: 20px;
	}

/*	=MISC

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

img {
	border:0;
	}

#main-content img{
	margin: 0 5px 0 0;
	}

#container #main-content #body-text img {
	float: none;
	margin: 4px 6px 0px 0px;
	clear: both;
	}
	
.imageClearBoth {
	display: block;
	margin: 1px;
	padding: 1px;
	clear: both;
}

.imageInline {
	display: inline;
	float:left;
	margin: 1px;
	padding: 1px;
}
#container #main-content #body-text #dd img{
	clear: none;
	float: left;
	display: block;
}

td {
	padding: 0 3px;
	}
	
/*sesscal table elements */

.Registration{
	background:  #fff;
	}

.Session{
	background: #AEACAD;
	}

.Workshop{
	background: #938588;
	}

td.Workshop a, td.Tour a, td.Session a, td.Interaction a, td.Demonstration a, td.Reception a, td.Registration a{
	color: black;
	text-decoration: underline;
	}

.Tour{
	background-color: #9D959D;
	}

.Reception{
	background-color: #807280;
	}

.Demonstration {
	background: #BDA8A8;
	}

.Interaction{background: #D4B4D1;}

.NeedsAttention {
	font-weight: normal;
	background-color: #CC00FF;
}
#container #main-content #body-text .strike {
	text-decoration: line-through;
}