
.list-grid-map-buttons{
    float: right;
    padding:5px 0 0 0;
}

/******************/
/* MAP */
#map { 
    width: 940px; 
    margin: 0 10px; 
    height: 500px; 
    visibility: hidden; 
    margin-bottom: -500px; 
    position: relative;
/*    z-index: -1;*/
}


/******************/
/* GRID */
#grid {
	overflow: auto; /* to clear floats */
/*  z-index: 100;*/
	background: #fff;
    visibility: visible;
}
#grid a{
    background-color: #FDFDFD;
	width: 220px;
	height: 300px;
	display: block;
	position: relative;
	float: left;
	margin: 9px;
	overflow: hidden;
	border: 1px solid #ECECEC;
	color: #666;
}
#grid a div.grid-inner{
    margin: 10px;
}

/* DIVIDERS */
#grid a.divider{
    background-image: url(../images/red-gradient.png);
    background-repeat: repeat-x;
    background-color: #8a0a17;
    border-color: #8a0a17;
    color: white;
    text-align: left;
}
#grid div.fake-event-inner{
    margin: 170px 10px 0px 10px;
}
#grid a.divider .divider-description{
    margin-bottom: 0;
    font-size: 20pt;
    line-height: 110%;
    color: white;
}
#grid a.divider .divider-description span.arrows{
    letter-spacing: -0.35ex;
}
#grid a.divider .divider-date{
    color: white;
}
#grid a.dummy p{
    font-size: 14pt;
    line-height: 110%;
    color: #c50e1d;
}

/******************/
/* GRID CONTENT BLOCKS */
#grid .grid-content { padding: 10px 0px; background: #FDFDFD; position: relative; height: 250px; /*280 - 10 * 2 - 10*/ }
#grid .grid-content p { margin-bottom: 0.15em; font-size: 106%; line-height: 1.3em; }
#grid .grid-content h2 { font-size: 142%; line-height: 1.2em; margin: 2px 0 12px 0; }
#grid .event-content-extra, .site-content-extra { display: none; margin-top: 1.4em; }
#grid .event-content-extra p { line-height: 1.25em; font-size: 100%; }


.event-category { display: inline; position: relative; top: -3px; }

/* LIST */

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

#list li{
    padding: 15px 0;
    border-bottom: 1px solid #ECECEC;
}

#list li.fake{
    border-bottom: 0;
    color: black;
}

#list li.fake h1{
    margin-bottom: 0;
    margin-top:5px;
}

#list li img{
    float: left;
    border:1px solid #eee;
}

#list div.event-title{
    float: left;
    width: 380px;
    margin-left: 10px;
    padding-right:10px;
}

#list div.event-details{
    float: left;
    margin-left: 10px;
    width:350px;
}

#list div.event-details p{
    margin-bottom:0px;
    line-height:1.25em;
}

#list .event-times img{
    float:none;
    border:none;
}

#list .divider-description span.arrows{
    letter-spacing: -0.35ex;
}
