/*
| CSS for the Home Page.
*/

/* Banner/Conference Display */

#banners {
	background-image:url('../images/site/texture-scratched.jpg');
	/*max-height:419px;*/
	box-shadow:inset 0 0 60px rgba(236,218,191,0.7);
    position: relative;
}
#banners:before,
#banners:after {
	content:' ';
	position:absolute;
	width:940px;
	height:2px;
	left:50%;
	margin-left:-480px;
	background:transparent url('../images/site/dot-dark.png') repeat-x center center;
}
#banners:before {
	top:10px;
}
#banners:after {
	bottom:10px;
}

#banners .enclosure {
	padding:30px 10px;
	width:994px;
}
#banners .enclosure:after { /* Fancy double-hump shadow */
	content:' ';
	position:absolute;
	top:100%;
	height:15px;
	width:100%;
	left:0;
	background-image:radial-gradient(ellipse 40% 240% at center bottom, rgb(254,250,239) 40%, rgba(254,250,239,0)), radial-gradient(ellipse farthest-side at center top, rgba(163,141,127,0.9) 20%, rgba(163,141,127,0));
}

#banner_display {
	display: inline-block;
	vertical-align: top;
	padding:0 0 2em;
	margin:0 0 0 45px;
	min-height:320px;
	list-style: none;
}

#banner_display li {
	position:absolute;
}

#banner_display figure {
	position:relative;
	text-align:center;
	margin:0;
	padding:0;
	width:365px;
	height:300px;
	background:#fff;
	border:5px solid #76090b;
	box-shadow:0 0 1em rgba(0,0,0,0.2);
	transition:all 0.5s ease 0s;
	cursor: pointer;
}
#banner_display img {
	max-width:100%;
	max-height:100%;
}

.banner_content {
	position:absolute;
	width:450px;
	top:0;
	left:450px;
	vertical-align:top;
}
.banner_content h4 {
	margin:-0.4em 0 0.2em;
}

#banner_display li .banner_content {
	display:none;
}
#banner_display li:first-child,
#banner_display li:first-child .banner_content {
	display:block;
}
#banner_display li {
	display:none;
}

.banner_buttons {
	margin-top:30px;
}

#banners nav {
	position:absolute;
	width:270px;
	bottom:1.5em;
	left:0;
}
#indicators {
	/*position:absolute;
	text-align:center;
	bottom:1.5em;
	left:290px;
	width:300px;
	margin:0 0 0 -150px;*/
	text-align:center;
	list-style:none;
	margin:0 1.5em;
	padding:0;
}
#indicators li {
	display:inline-block;
}
#indicators li a {
	display: block;
	/*background-image: url('../images/site/indicators.png');*/
	width:12px;
	height:12px;
	text-indent: -9999px;
	background-position: 14px center;
	margin:2px;
	background:#E4D7C5;
	border-radius:100%;
	box-shadow:1px 1px #D0CFC7;
}

#indicators .sel a, #indicators li a:hover {
	/*background-position: left center;*/
	background-color:#3F1E17;
}



.overlay {
	position: absolute;
	bottom:12px;
	left:7px;
	background-color: rgba(231,220,204,.7);
	height:30px;
	width:100%;
	color:#3f1e17;
	text-align: center;
	padding:10px;
	font-size: 14pt;
	font-weight: bold;
	font-family: Thonburi, Arial, Helvetica, sans-serif;
	font-style: italic;
	/*display: none;*/
}

#prev, #next {
	position: absolute;
	outline:none;
	height:0;
	border-top:14px solid transparent;
	border-bottom:14px solid transparent;
	z-index:100;
	text-indent:-9999px;
	bottom:0;
}

#prev {
	border-right:15px solid #E4D7C5;
	left:0;
}

#next {
	border-left:15px solid #E4D7C5;
	right:0;
}


/**********************************************************************
Upcoming Events */

#calendar {
	position:relative;
	color:#3f1e17;
	margin:4em 0;
	background:transparent url('../images/site/texture-scratched.jpg') repeat center top;
	box-shadow:inset 0 0 60px rgba(236,218,191,0.7);
}
#calendar:before { /* Dashed line */
	content:' ';
	position:absolute;
	width:95%;
	height:2px;
	left:2.5%;
	top:0.7em;
	background:transparent url('../images/site/dot-dark.png') repeat-x center center;
}


/* Month navigation */
#calendar>nav {
	position:relative;
	margin:0 -2em;
	background:#48271f;
	box-shadow:inset 0 -1.2em 0 #3f1e17;
}
#calendar>nav:before,
#calendar>nav:after { /* Side triangles */
	content:' ';
	position:absolute;
	top:100%;
	border-top:10px solid #871c3d;
}
#calendar>nav:before {
	left:0;
	border-left:2em solid transparent;
}
#calendar>nav:after {
	right:0;
	border-right:2em solid transparent;
}

#calendar>nav ul {
	list-style:none;
	display:table;
	width:100%;
	margin:0;
	padding:0;
}
#calendar>nav li {
	text-align:center;
	display:table-cell;
	padding:0.3em 1em;
	font-size:16pt;
}
#calendar>nav a {
	color:#fff;
	display:block;
	position:relative;
}
#calendar>nav li.sel>a:before,
#calendar>nav li:hover>a:before {
	content:url('../images/site/hover.png');
	position:absolute;
	bottom:100%;
	margin:0 0 -4px -15px;
	left:50%;
}
#calendar>nav ul:hover li.sel:not(:hover)>a:before {
	display:none;
}

#calendar>nav .year-divider small {
	color: #FFF;
	font-size: 11pt;
}

/* Upcoming Events header / text */
#calendar>header {
	padding:1.5em;
	text-align:center;
	margin-bottom: 1em;
}
#calendar>header h1 {
	font-size:27pt;
	margin:0;
	color:#871c3d;
}
#calendar>header p {
	margin:0.3em 0;
	font-weight:bold;
	font-size:10pt;
}


/* Calendar dates/slider */
#cal-months {
	position:relative;
	text-align:center;
	margin:0 3em;
	padding:1em 0;
}
#cal-months:before,
#cal-months:after {
	content:' ';
	position:absolute;
	width:100%;
	height:2px;
	left:0;
	background:transparent url('../images/site/dot-dark.png') repeat-x center center;
}
#cal-months:before {
	top:-5px;
}
#cal-months:after {
	bottom:-5px;
}

#cal-months nav {
	position:absolute;
	text-align:left;
	width:100%;
	top:200px;
	left:0;
}
#cal-months nav a {
	position:absolute;
	height:0;
	text-indent:-9999px;
	margin-top:10px;
	border-top:13px solid transparent;
	border-bottom:13px solid transparent;
}
#cal-months #cal-prev {
	left:0;
	border-right:12px solid #3f1e17;
}
#cal-months #cal-next {
	right:0;
	border-left:12px solid #3f1e17;
}

#cal-back {
	font-size: 0pt;
	border-right:12px solid #ffffff;
	height:0;
	text-indent:-9999px;
	border-top:13px solid transparent;
	border-bottom:13px solid transparent;
	position: absolute;
	top:-5px;
	left:0px;
}
#cal-forw {
	font-size: 0pt;
	border-left:12px solid #ffffff;
	height:0;
	text-indent:-9999px;
	border-top:13px solid transparent;
	border-bottom:13px solid transparent;
	position: absolute;
	top:-5px;
	right:0px;
}

#cal-months h2 {
	font-size:22.5pt;
	margin:0.2em 0 0.4em;
	color:#3f1e17;
}


/* Tabular style */
#cal-months ol {
	list-style:none;
	font-family:Thonburi,Arial,Helvetica,sans-serif;
	margin:0 auto;
	padding:0;
	width:41em;
}
#cal-months ol>li {
	display:inline-block;
	vertical-align:top;
	width:3.5em;
	height:2.2em;
	line-height:2;
	font-size:18pt;
	border-left:1px solid #c0b2a9;
}
#cal-months ol>li:nth-child(7n+1) {
	border-left:none;
}
#cal-months ol>li>a {
	position:relative;
	display:inline-block;
	color:inherit;
	font-weight:normal;
	background:#ecdabf;
	border-radius:100%;
	width:2em;
	height:2em;
	box-shadow:1px 2px 3px rgba(0,0,0,0.25);
}
#cal-months ol>li:hover>a {
	background-color:#99b4d7;
	color:#fff;
	z-index:11;
}

#cal-months h2+ol { /* Days header */
	border-bottom:1px solid #644941;
}
#cal-months h2+ol>li {
	height:auto;
}
#cal-months h2+ol strong {
	font-size:14pt;
	display:block;
}


/* Non-tabular style
#cal-months ol {
	list-style:none;
	font-family:Thonburi,Arial,Helvetica,sans-serif;
	margin:0 2.5em;
	padding:0;
}
#cal-months ol>li {
	display:inline-block;
	line-height:2;
	padding:0 0.4em;
	font-size:18pt;
}
#cal-months ol>li>a {
	position:relative;
	display:inline-block;
	color:inherit;
	font-weight:normal;
	background:#ecdabf;
	border-radius:100%;
	width:2em;
	height:2em;
	margin:0 -0.35em;
	box-shadow:1px 2px 3px rgba(0,0,0,0.25);
}
#cal-months ol>li:hover>a {
	background-color:#99b4d7;
	color:#fff;
	z-index:11;
}
*/


/* Events list on hover */
#cal-months ul {
	display:none;
	list-style:none;
	text-align:left;
	position:absolute;
	z-index:10;
	font-size:10.5pt;
	line-height:1.3;
	margin:1em 0 0 2.2em;
	padding:0.5em 1.4em 0.5em 1em;
	background:#fff;
	color:#3f1e17;
	box-shadow:0 0 5px rgba(0,0,0,0.2);
	border-radius:0.3em;
}
#cal-months ol>li:hover>ul {
	display:block;
}
#cal-months ul:before {
	content:' ';
	position:absolute;
	height:0;
	width:0;
	left:2px;
	bottom:100%;
	border-bottom:8px solid #fff;
	border-left:9px solid transparent;
	border-right:9px solid transparent;
}
#cal-months ul:after { /* Increase hover area */
	content:' ';
	position:absolute;
	height:2em;
	width:100%;
	left:-1em;
	top:-2em;
}
#cal-months ul>li+li {
	margin:1.3em 0 0;
}
#cal-months ul h3 {
	font-size:12pt;
	margin:0;
	color:#3f1e17;
}
#cal-months ul h4 {
	font-size:10pt;
	margin:0.2em 0;
}
#cal-months ul p {
	margin:0.7em 0;
}
#cal-months ul .button {
	font-size:9pt;
}




/* Events list below calendar */
#cal-events {
	position:relative;
	margin:2em 3em 8em;
	padding:0 0 0.7em;
}

#cal-events.no-conferences {
	margin: 0;
}

#cal-events.no-conferences:before {
	display: none;
}

#cal-events a {
	color:#871c3d;
}
#cal-events:before { /* Dashed line */
	content:' ';
	position:absolute;
	width:100%;
	height:2px;
	left:0;
	bottom:0.7em;
	background:transparent url('../images/site/dot-dark.png') repeat-x center center;
}
#cal-events:after { /* Fancy multi-hump shadow */
	content:' ';
	position:absolute;
	top:100%;
	height:20px;
	width:100%;
	left:-3em;
	padding:0 3em;

	background-image:radial-gradient(ellipse 40% 240% at center bottom, rgb(254,250,239) 40%, rgba(254,250,239,0)), radial-gradient(ellipse farthest-side at center top, rgba(163,141,127,0.9) 20%, rgba(163,141,127,0));

	/* Previous version
	background:radial-gradient(ellipse 50% 190% at 77% bottom, rgb(254,250,239) 44%, rgba(254,250,239,0)), #706156 radial-gradient(ellipse 50% 190% at 23% bottom, rgb(254,250,239) 44%, rgba(254,250,239,0));
	box-shadow:inset -1em 0 0.5em -0.5em rgb(254,250,239), inset 1em 0 0.5em -0.5em rgb(254,250,239);
	*/
}
/*	background-image:radial-gradient(ellipse 40% 240% at center bottom, rgb(254,250,239) 40%, rgba(254,250,239,0)), radial-gradient(ellipse farthest-side at center top, rgba(163,141,127,0.9) 20%, rgba(163,141,127,0));
*/


#cal-events dt {
	position:absolute;
	width:3em;
	text-align:center;
}
#cal-events dt time {
	display:block;
	font-size:9.5pt;
	line-height:1.5;
	background:#871c3d;
	color:#fff;
	box-shadow:3px 4px 5px rgba(63,30,23,0.1);
	border-radius:2px;
}
#cal-events dt time strong {
	display:block;
	background:#fff;
	color:#3f1e17;
	font-size:20pt;
}

#cal-events dd {
	margin:0 0 1.7em 4.5em;
}
#cal-events dd h3 {
	font-size:16pt;
	margin:0;
}
#cal-events dd h3 a {
	font-weight:normal;
}
#cal-events dd p {
	margin:0.3em 0;
}



/**********************************************************************
Callouts at bottom */

#splash-callouts {
	margin:0;
	padding:0;
	text-align:center;
}
#splash-callouts a {
	position:relative;
	display:inline-block;
}
#splash-callouts a:after { /* Shadow */
	content:' ';
	position:absolute;
	height:0.7em;
	width:80%;
	left:10%;
	top:100%;
	background-image:radial-gradient(ellipse farthest-side at center top, rgba(163,141,127,0.9) 20%, rgba(163,141,127,0));
}
#splash-callouts img {
	display:block;
	background:#3f1e17;
	padding:0.5em;
}
#splash-callouts a+a {
	margin-left:4em;
}