@charset "UTF-8";
/* CSS Document */

/* -------------------------------------------------------------------------- **
**  EVENT
** -------------------------------------------------------------------------- */
#events {}


/* -------------------------------------------------------------------------- **
**  EVENT LEFT COLUMN
** -------------------------------------------------------------------------- */
#events .lcolumn {}
#events .lcolumn nav {
	}

	#events .lcolumn nav a {
		display: block;
		text-decoration: none;
		overflow: hidden;
		}
	#events .lcolumn nav a:hover {
		-webkit-opacity: 0.65;
		-moz-opacity: 0.65;
		-ms-opacity: 0.65;
		-o-opacity: 0.65;
		opacity: 0.65;
		filter: alpha(opacity=65);
		}
	#events .lcolumn nav h2 {
		padding: 0;
		padding-top: 10px;
		margin: 0;
		background: transparent url(../images/common/snav_background.png) left top repeat-x;
		border-bottom: solid 1px #fff;
		font-size: 1.2em;
		font-weight: bold;
		line-height: 2em;
		}
	.backgroundsize #events .lcolumn nav h2 {
		-webkit-background-size: 16px auto;
		-moz-background-size: 16px auto;
		-ms-background-size: 16px auto;
		-o-background-size: 16px auto;
		background-size: 16px auto;
		}

	#events .lcolumn nav ul {
		padding-top: 5px;
		padding-bottom: 5px;
		margin-bottom: 60px;
		border-bottom: solid 1px #eee;
		}
	#events .lcolumn nav ul li {
		line-height: 2em;
		}
		#events .lcolumn nav ul li a {
			text-indent: 18px;
			background: transparent url(../images/common/arrow.png) left 0.5em no-repeat;
			}
		.backgroundsize #events .lcolumn nav ul li a {
			-webkit-background-size: 9px auto;
			-moz-background-size: 9px auto;
			-ms-background-size: 9px auto;
			-o-background-size: 9px auto;
			background-size: 9px auto;
			}


/* -------------------------------------------------------------------------- **
**  EVENT LEFT COLUMN RETINA
** -------------------------------------------------------------------------- */
@media
	only screen and (-webkit-min-device-pixel-ratio:1.5) and (min-device-width:321px),
	only screen and (min--moz-device-pixel-ratio:1.5) and (min-device-width:321px),
	only screen and (-ms-min-device-pixel-ratio:1.5) and (min-device-width:321px),
	only screen and (-o-min-device-pixel-ratio:3/2) and (min-device-width:321px),
	only screen and (min-device-pixel-ratio:1.5) and (min-device-width:321px),
	only screen and (min-resolution: 1.5dppx) and (min-device-width:321px) {
		#events .lcolumn nav h2 { background-image: url(../images/common/snav_background_2x.png); }
		/* ARROW */
		#events .lcolumn nav ul li a { background-image: url(../images/common/arrow_2x.png); }
		}


/* -------------------------------------------------------------------------- **
**  EVENT RIGHT COLUMN
** -------------------------------------------------------------------------- */
#events .h2-title { background-position: 0px -550px; }