/* advanced.css */
@media screen {

/*	span.decorative-1r {
		display: block;
		float: right;
		width: 245px;
		height: 183px;
		background: url('/info_and_resources/images/decorative_image_1.png') left no-repeat;
		padding: 0;
		margin: 0 0 7px 7px;
		border: 0;
	} */

	/* definitions for a thumbnail gallery */ 
	.medium-thumbnail {
		float: left;
		width: 120px;
		height: 88px;
		border: 1px solid #9f1d35;
		margin: 0 5px 10px 5px;
		padding: 5px;
	}
	#medium-thumbnail-gallery a {
		background-image: url('/expo_2009/images/gallery_thumbnail_sprites.jpg');
		width: 116px; 
		height: 88px;
		float: left; 
		border: 1px solid #9f1d35; 
		margin: 0 5px 10px 5px; 
	}
	#medium-thumbnail00 { background-position: 0px 0px;	}
	#medium-thumbnail01 { background-position: 0px -88px;	}
	#medium-thumbnail02 { background-position: 0px -176px;	}
	#medium-thumbnail03 { background-position: 0px -264px;	}
	#medium-thumbnail04 { background-position: 0px -352px;	}
	#medium-thumbnail05 { background-position: 0px -440px;	}
	#medium-thumbnail06 { background-position: 0px -528px;	}
	#medium-thumbnail07 { background-position: 0px -616px;	}
	#medium-thumbnail08 { background-position: 0px -704px;	}
	#medium-thumbnail09 { background-position: 0px -792px; 	}
	#medium-thumbnail10 { background-position: 0px -880px; 	}
	#medium-thumbnail11 { background-position: 0px -968px; 	}
	#medium-thumbnail12 { background-position: 0px -1056px;	}
	#medium-thumbnail13 { background-position: 0px -1144px;	}
	#medium-thumbnail14 { background-position: 0px -1232px;	}
	#medium-thumbnail15 { background-position: 0px -1320px;	}
	#medium-thumbnail16 { background-position: 0px -1408px;	}
	#medium-thumbnail17 { background-position: 0px -1496px;	}
	#medium-thumbnail18 { background-position: 0px -1584px;	}
	#medium-thumbnail19 { background-position: 0px -1672px;	}
	#medium-thumbnail20 { background-position: 0px -1760px;	}
	#medium-thumbnail21 { background-position: 0px -1848px;	}
	#medium-thumbnail22 { background-position: 0px -1936px;	}
	#medium-thumbnail23 { background-position: 0px -2024px;	}
	#medium-thumbnail24 { background-position: 0px -2112px;	}
	#medium-thumbnail25 { background-position: 0px -2200px;	}
	#medium-thumbnail26 { background-position: 0px -2288px;	}
	#medium-thumbnail27 { background-position: 0px -2376px;	}
	#medium-thumbnail28 { background-position: 0px -2464px;	}
	#medium-thumbnail29 { background-position: 0px -2552px;	}
	#medium-thumbnail30 { background-position: 0px -2640px;	}
	#medium-thumbnail31 { background-position: 0px -2728px;	}
	#medium-thumbnail32 { background-position: 0px -2816px;	}
	#medium-thumbnail33 { background-position: 0px -2904px;	}
	#medium-thumbnail34 { background-position: 0px -2992px;	}
	#medium-thumbnail35 { background-position: 0px -3080px;	}
	#medium-thumbnail36 { background-position: 0px -3168px;	}

	/* definitions for a thumbnail filmstrip */ 
	#medium-thumbnail-filmstrip {
		height: 150px;
		width: 500px;
		border: 0;
		padding: 0;
		margin: 0;
		overflow-x: scroll;
		overflow-y: hidden;
		background-color: #fff;
	}
	#filmstrip-row {
		width: 4440px;
		height: 138px;
		border: 0;
		padding: 0;
		margin: 0;
		background: url('/images/filmstrip.png') 0 0 repeat-x;
		padding: 25px 0px;
	}
	#medium-thumbnail-filmstrip a {
		background-image: url('/expo_2009/images/gallery_thumbnail_sprites.jpg');
		float: left;
		width: 116px; 
		height: 88px;
		margin: 0 2px;
		opacity: 0.8;
	}
	#medium-thumbnail-filmstrip a:hover,
	#medium-thumbnail-filmstrip a.current-picture {
		opacity: 1.0;
	}

	/* definitions for display of the gallery main photo */
	#main-photo-wrapper {
		height: 390px;
		overflow: hidden;
	}
	#main-photo-wrapper img {
		margin: 0px 0px 0px 5px;
		padding: 0px;
	}
	#photo-acknowledgement {
		text-align: right;
		font-size: smaller !important; /* need to remove the !important */
		line-height: 1.1em;
		margin-top: -1.15em;
		padding-top: 0px;
	}
	#photo-navigation {
		text-align: center;
		padding-bottom: 15px;
	}

	/* concertina styles (static) */
	#container ul.concertina {
		margin: 0 0 0 -15px;
		padding: 0;
	}
	#container ol.concertina {
		margin: 0 0 0 1.5em;
		padding: 0;
	}
	#container #content ul.concertina li *,
	#container #content ol.concertina li * {
		line-height: 1.2;
		font-size: 104%; 
	}
	#container #content ul.concertina li li,
	#container #content ol.concertina li li {
		font-size: 88%; 
		margin: 0;
		padding: 0;
	}
	#container ul.concertina li {
		list-style: none;
	}
	#container ol.concertina li {
		list-style: decimal;
	}
	#container ul.concertina h2,
	#container ul.concertina h3,
	#container ul.concertina h2 a,
	#container ul.concertina h3 a,
	#container ol.concertina h2,
	#container ol.concertina h3,
	#container ol.concertina h2 a,
	#container ol.concertina h3 a {
		padding: 0 0 2px 0;
		text-shadow: none;
	}
	#container ul.concertina li p,
	#container ol.concertina li p  {
		background-color: #fff;  
		color: #000;
	}
	#container ul.concertina li ol li,
	#container ol.concertina li ol li {
		list-style: decimal outside;
	}
	#container ul.concertina li ul li,
	#container ol.concertina li ul li {
		list-style: square outside;
	}
	/* concertina styles (dynamic) */
	#container ul.concertina li.collapsed *,
	#container ol.concertina li.collapsed * {
		position: absolute;
		left: -10000px;
	}
	#container ul.concertina li.collapsed h2,
	#container ul.concertina li.collapsed h3,
	#container ul.concertina li.expanded h2,
	#container ul.concertina li.expanded h3,
	#container ul.concertina li.collapsed h2 a:link,
	#container ul.concertina li.collapsed h3 a:link,
	#container ul.concertina li.expanded h2 a:link,
	#container ul.concertina li.expanded h3 a:link,
	#container ul.concertina li.collapsed h2 a:visited,
	#container ul.concertina li.collapsed h3 a:visited,
	#container ul.concertina li.expanded h2 a:visited,
	#container ul.concertina li.expanded h3 a:visited,
	#container ol.concertina li.collapsed h2,
	#container ol.concertina li.collapsed h3,
	#container ol.concertina li.expanded h2,
	#container ol.concertina li.expanded h3,
	#container ol.concertina li.collapsed h2 a:link,
	#container ol.concertina li.collapsed h3 a:link,
	#container ol.concertina li.expanded h2 a:link,
	#container ol.concertina li.expanded h3 a:link,
	#container ol.concertina li.collapsed h2 a:visited,
	#container ol.concertina li.collapsed h3 a:visited,
	#container ol.concertina li.expanded h2 a:visited,
	#container ol.concertina li.expanded h3 a:visited {
		position: static; 
		text-shadow: none;
	}
	#container ul.concertina li.collapsed h2 ~ h3,
	#container ul.concertina li.collapsed h2 ~ h3 a:link,
	#container ul.concertina li.collapsed h2 ~ h3 a:visited,
	#container ol.concertina li.collapsed h2 ~ h3,
	#container ol.concertina li.expanded h2 ~ h3 a:link,
	#container ol.concertina li.collapsed h2 ~ h3 a:visited {
		position: absolute;
		left: -10000px;
	}


.pdf {
	background-image:url(/images/pdficon_large.gif);
}

	#content h3.entry-title {
		margin-bottom: 0;
		padding-bottom: 6px;
 	}
	#content img.entry-image {
		float: left;
		padding-right: 20px;
		padding-bottom: 10px;
		opacity: 0.8;
	}
	#content a:hover img.entry-image {
		opacity: 1.0;
	}
	#content ul.entry-bibliography {
		padding-top: 0;
		margin-top: 0;
		list-style: none;
	}
	#content ul li.entry-author {
		padding-top: 0;
		margin-top: 0;
		padding-bottom: 6px;
		list-style: none;
		font-weight: lighter;
	}
	#content ul li.entry-author span {
		font-weight: normal;
	}
	#content ul li.entry-format {
		padding-bottom: 6px;
 		list-style: none;
		font-weight: lighter;
	}
	#content ul li.entry-filesize {
		padding-bottom: 6px;
  		list-style: none;
		font-weight: lighter;
	}
	#content h3.entry-synopsis-heading {
		clear: left;
	}
	

	/*   Display a definition list as a table  */
	/*	 Can't use display: table etc, as not supported yet by IE */
	dl.display-dl-as-table {
		margin: 0;
		padding: 0 0 20px 0;
	} 
	.display-dl-as-table dt {
		width: 6em;
		float: left;
		margin: 0;
		padding: 0.25em 0 0.25em 0;
	}
	.display-dl-as-table dt {
		clear: both;
	} 
	.display-dl-as-table dd {
		font-size: 1.1em;
		float: left;
		width: 26em;
		margin: 0;
		padding: 0.25em 0 0.25em 0;
	}
	/* a class used here, as CSS3 :last-child selector, sadly, not yet widely implemented */
	.display-dl-as-table dd.last-child {
		padding-bottom: 3.5em;
	}
	
	/* define styles for the sitemap */
	#content  ul.sitemap,
	ul.sitemap li ul {
		list-style-type: disc;
	}
	#content ul.sitemap li {
		margin: 0;
		padding: 0;
		margin-left: 1em;
		padding-left: 1em;
		line-height: 1.2; 
	}
	#content ul.sitemap li ul {
		margin: 0;
		padding: 0;
	}
	#content ul.sitemap li ul li {
		font-size: 100%;
		line-height: 1.2; 
	}
	#content ul.sitemap li a:link,
	#content ul.sitemap li a:visited {
		text-decoration: none;
		cursor: pointer;
	}
	#content ul.sitemap li a:hover {
		text-decoration: underline;
		cursor: pointer;
	}

	/* definitions for the contact form */
	#contact_form {
		padding-top: 0;
		margin-top: 0;
	}
	label {
		display: block;
	}
	legend {
		color: #9f1d35;
	}
	input.radio  {
		margin-right: 1em;
	}
	input.radio:focus {
		border: 2px solid red;
	}
	fieldset fieldset {
		padding-top: 1em;
		padding-bottom: 1em;
		margin-top: 1em;
		margin-bottom: 1em;
	}

	/* rolling credits styles */
	#container ul.rolling-credits {
		margin: 0 0 0 -15px;
		padding: 0;
	}
	#container #content ul.rolling-credits li * {
		line-height: 1.2;
		font-size: 104%; 
	}
	#container #content ul.rolling-credits li li {
		font-size: 88%; 
		margin: 0;
		padding: 0;
	}
	#container ul.rolling-credits li {
		list-style: none;
	}
	#container ul.rolling-credits h2,
	#container ul.rolling-credits h2 a {
		padding: 0 0 2px 0;
	}
	#container ul.rolling-credits li p  {
		background-color: #fff;  
		color: #000;
	}
	#container ul.rolling-credits li ol li {
		list-style: decimal outside;
	}
	#container ul.rolling-credits li ul li {
		list-style: square outside;
	}

/*	definitions for sortable tables */
	table.sortable th.sortedAscending {
		padding-right: 2em;
		background-image: url(/images/arrow_up.gif);
		background-repeat: no-repeat;
		background-position: 95% 50%;
	}
	table.sortable th.sortedDescending {
		padding-right: 2em;
		background-image: url(/images/arrow_down.gif);
		background-repeat: no-repeat;
		background-position: 95% 50%;
	}
	table.sortable th a {
		display: block;
		color: #fff;
		text-decoration: none;
	}

/*	definitions to stripe table rows				*/
/*	Note:											*/
/*	- nth-child pseudoselector supported from Opera 9.5, Safari 3.1, Firefox 3.5 (Gecko 1.9.1), Chrome 1, Konqueror 3.5 */
/*	- not supported by IE through IE8 				*/
	table.striped tr:nth-child(even) {  
		background: #f2dde7;
	}  	

	/* definitions for the /orders/abbreviations page */
	table#abbreviations-for-religious-orders {
		left: 0;
		right: 0;
		width: 100%;
		font-size: 80%;
	}

	/* definitions for the /expo-2010/fundraising page */
	#donations-table tr th:last-of-type,
	#donations-table tr td:last-of-type {
		text-align: right;
	}
	#thermometer-container {
		float: right;
	}
	#thermometer-top,
	#thermometer-stem-container,
	#thermometer-bulb {
		position: relative;
	}
	#thermometer-top,
	#thermometer-stem,
	#thermometer-bulb {
		width: 200px;
	}
	#thermometer-top {
		height: 52px;
		background: #fff url("/expo_2010/images/thermometer_top.png") no-repeat bottom right;
	}
	#thermometer-stem {
		height: 280px;
		background: #fff url("/expo_2010/images/thermometer_stem.png") no-repeat bottom right;
	}
	#thermometer-bulb {
		height: 102px;
		background: #fff url("/expo_2010/images/thermometer_bulb.png") no-repeat bottom right;
	}
	#thermometer-mercury,
	.thermometer-tick-mark,
	.thermometer-tick-value,
	.sponsor,
	.sponsor-tick {
		position: absolute;
	}
	#thermometer-mercury,
	.thermometer-tick-mark,
	.thermometer-tick-value {
		z-index: 100;
	}
	#thermometer-mercury {
		bottom: 0;
		right: 36px; 
		width: 28px;
		background: #9f1d35;
	}
	.thermometer-tick-mark {
		background: #666;
		width: 8px;
		height: 1px;
		right: 68px;
	}
	.thermometer-tick-value {
		width: 35px;
		height: 10px;
		right: 82px;
		font-size: 10px;
	}
	.sponsor {
		z-index: 110;
		right: 80px;
		height: 12px;
		width: 110px;
	}
	.sponsor-tick {
		z-index: 110;
		background: #9f1d35;
		right: 68px;
		width: 122px;
		height: 1px;
	}
	#thermometer-stem-container .sponsor p {
		font-size: 10px;
		margin: 0;
		padding: 0;
	}

}