/* CSS Document */

/*	Museums and the Web 2010	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;}


html, body {
	font: 12px/18px "Arial", Helvetica, sans-serif;
	/*background: #63999C;*/
	background: #7D110E;
	text-align: center;
}

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

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

#header-photo{
	float: right;
	margin: -129px 4px 0 0;
	width: 358px;
	height: 189px;
	background: #63999C;
}

* html #header-photo{
	margin: -129px 4px 0 0;
}

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

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

#top-nav-list a:link, #top-nav-list a:visited {
	display:block;
	text-align:center;
	font-weight:bold;
	width: 119px;
	height: 19px;
	margin: -15px 0	0 0;
	padding: 15px 0px 5px 0px;
	background: #DDCDCC;

}

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

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

#date {
	float:left;
	width: 181px;
	height: 45px;
	margin: 0 0 0 4px;
	padding:15px 0 0 20px;
	color: #fff;
	background: #133739;
	font-size: 100%;
	line-height: 110%;
	
}

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

#title {
	float: right;
	width: 435px;
	height: 60px;
	margin: 0 0px 0 0;
	padding: 0px 0px 0px 10px;
	background: #63999C;
	color: #FFFFFF;
}

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

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

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

#news-container {
	float: right;
	width: 240px;
	background: url(../images/news-back2.png) no-repeat;
	margin: -0px -22px 0 0px;
	padding: 30px 0px 10px 10px;
	font-size: 11px;
}


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

#intro-paragraph {
	margin: 25px 250px 0 0;
}

#body-text {
	margin: 0 250px 10px 0;
}

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

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


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

#sessions {
	background: #43571D;
	}

#speakers {
	background: #538588;
	}

#interactions {
	background: #964340;
	}

#demonstrations {
	background: #788E35;
	}

#events {
	background: #90BBBB;
	}

#exhibits {
	background: #9A4947;
	}

#best {
	background: #6F7A4E;
	}

#pc {
	background: #094946;
	}
	
#community {
	background: #831D1A;
	}	

#side-nav a {
	display:block;
	font-weight:bold;
	background: #EAE6E6;
/*	background: #E4D9D9; */
	margin:0px 0 0 15px;
	padding: 8px 0 4px 30px;
	}

* 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;
	border-bottom: 4px solid #DEDEDE;
	}

#last-updated{
	font-size: 80%;
	float:left;
	background: #63999C;
	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: 770px;
	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: 20px;
	}

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

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


.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%;

}

/*	=TYPOGRAPHY

---------------------------------------------------------------------*/
#container #main-content #body-text .strike {
	text-decoration: line-through;
}

p {
	margin-top: 1em;
	}


h1 {
	color: #FFFFFF;
	font-size: 150%;
	margin-top: 1em;
	}

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

h2 {
	font-size: 1.3em;
	margin-top: 1.5em;
	line-height: 1.5em;
	clear: left;
	}
	
h3 {
	font-size: 1.1em;
	margin-top: 1.1em;
	color: #666666;
	clear: left;
	}

h4 {
	color: #666;
	margin-top: 1.1em;
	font-style: italic;
	font-size: 1em;
	clear: left;
	}	

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

h6 {
	color: #030303;
	margin-top: 1.1em;
	margin-bottom: 0px;
	font-size: 1em;
	font-style: italic;
	font-weight: normal;
	clear: left;
	}
	
#news-container h2 {
	font-size: 125%;
	padding: 0px 20px 0px 10px;
	margin-top:1.0em;
	color:#666666;
	}
	
#news .news-list {
	margin: 10px;
	padding: 0px 30px 0px 10px;
	}

#evals .news-list {
	margin: 10px;
	padding: 0px 30px 0px 10px;
	}
	
#evals .news-list li{
	list-style: none;
	font-style:italic;
	}

	
.list, th {
	background-color: #CDADAD;
	padding-left: 4px;
	text-align: center;
	}

.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-top: 1.1em;
	margin-bottom: -1em;
	padding:0;
	}

.workshop-table h4, .forum-table h4, .room-table h4, .interaction-table .demonstration-table h4 {
	margin: 5px 0 -8px 0;
	}
	
.large {
	font-size:110%;
	}

.larger {
	font-size:120%;
	}
	
.small {
	font-size:90%;
	}
.smaller {
	font-size:80%;
	}		

/*	=LISTS

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

#main-content hr {
	height: 1px;
	clear: left;
	}
	
#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;
	}

#exhibitor-list ul {
	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;
	margin-top: 1em;
	}
	
.two-column-block {
	display: table;
	width: 100%;
}

.two-column-block h3 {
	font-size: 11px;
	line-height: 110%;
	font-weight: bold;
	margin-bottom: .0em;
}
.photolist {
	clear:left;
	display: block;
	}
	
.photolistborder {
	clear: left;
	display: block;
	border-bottom-width: thin;
	border-bottom-color: #666666;
	margin-top: 10px;
	margin-bottom: 2em;
	}
	
 p.photolistborder {
 	display:block;
	}
	
 ul.photolistborder {
	padding-top: 0;
	margin-top: 0em;
	margin-bottom: 2em;
	}
	
h2.photolistborder  {
	margin-top: 2em;
	margin-bottom: .5em;
	}	
	
/*	=FORMS

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



/*	=TABLES

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

table {
	margin-top: 8px;
	}
th {
	padding: 8px 0px 2px 0px;
	}
	
td {
	padding: 4px;
	background-color:#F1F3F3;
	}		

.place {
	font-size: 90%;
	font-style: italic;
	}
	
.place-sched {
	font-size:96%;
	line-height:1.0;
	font-style:italic;
	}

.chair {
	line-height: 1.1em;
	}

table.workshop-table, table.demonstration-table, table.interaction-table, table.room-table, table.forum-table,table.mini-workshop-table {
	width: 100%;
	}

.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: 100%;
	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 th {
	border-bottom: 1px solid #F1F3F3;
	border-left: 1px solid #F1F3F3;
	border-right: 1px solid #F1F3F3;
	}

table.speakers-list td {
	border-bottom: 1px solid #F1F3F3;
	border-left: 1px solid #F1F3F3;
	border-right: 1px solid #F1F3F3;
	padding: 3px;
	background-color: white;
}


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;
	color: #BAC6CE;
	border-bottom: 0;
	border-top: 0;
}

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: #D6A29F;
	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{
}

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: normal;
	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: #D0B4B3;
}


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

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

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

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

blockquote {
	margin-left: 20px;
	}

/*	=IMAGES and other MISC

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

img {
	border:0;
	}

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

#container #main-content #body-text img {
	float: left;
	margin: 4px 8px 8px 0px;/*	clear: both; */
	}
	
#container #main-content #body-text .papericon {
	float: none;
	margin: 0px;/*	clear: both; */
	border: 0px;
	}	
	
#container #main-content #body-text .papericon a {
	border-bottom-width: 0px;
	}
	
.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;
	}


.photolistborder img {
	padding: 5px;
	border-width: 1px;
	border-color: #CCCCCC;
	border-style: solid;
	}	

	
/*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;
}