li{
  list-style:none;
  height: 160px;
  width: 570px;
}
li {
  list-style:none;
  height: 160px;
}
dl{
  float: left;
  margin-top: 20px;
  margin-left: 10px;
  width: 420px;
}
dt.title{
  margin-top: 5px;
  line-height: 20px;
  font-size: 12px;
  font-weight: bold;
  color: maroon;
}
dt.subtitle{
  line-height: 20px;
  font-size: 10px;
}
dt.date{
  line-height: 20px;
  font-weight: bold;
  font-size: 12px;
  background-color: teal;
  color: white;
  padding-left: 10px;
  padding: 3px;
}
dt.venue{
  line-height: 20px;
  font-size: 10px;
}
dt.detail_url
{
  text-align: right;
  vertical-align: bottom;
  margin-right: 10px;
}
.event_image{
  width: 120px;
  height: 120px;
  opacity: 0;
}
span.event_image_rad{
  display: inline-block;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .9), 0 -1px 0 rgba(0, 0, 0, .6);
  -moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .9), 0 -1px 0 rgba(0, 0, 0, .6);
  box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .9), 0 -1px 0 rgba(0, 0, 0, .6);
}
.detail_url{
  padding-right: 5px;
}
.detail_button, detail_button:visited {
  border-top: 1px solid #E78A00;
  border-right: 1px solid #E78A00;
  border-bottom: 1px solid #D37E00;
  border-left: 1px solid #E78A00;
  background-color: #F90;
  background: -webkit-linear-gradient(top, white 0%, #F90 2%, #F90 50%, #E78A00 50%, #F90 100%);
  text-align: center;
  vertical-align:top;
  border-radius: 5px;
  cursor: pointer;
  font-weight: bold;
  color: white;
  padding: 0 .8em;
  height: 18px;
  width: 100px;
  line-height: 18px;
  font-size: 12px;
  display: inline-block;
  padding: 5px;
  text-decoration: none;
}
.keyv{
  float: left;
  margin-top: 20px;
  margin-left: 10px;
	color:#fff;
	display:inline-block;
	overflow:hidden;
	padding:5px;
	position:relative;
}
.keyv .thumb{
	width:120px;
	height:120px;
	background:#FFF;
	}
.keyv p.ribbon{
	display:inline;
}
.keyv p.ribbon span{
	width:120px;
	background:#EB538C;
	color:#FFFFFF;
	box-shadow:0 0 2px rgba(0,0,0,0.2);
	text-align:center;
	display:inline-block;
	padding:4px 20px;
	-webkit-transform:rotate(315deg);
	-moz-transform:rotate(315deg);
	-o-transform:rotate(315deg);
	-ms-transform:rotate(315deg);
	position:absolute;
	top:17px;
	left:-56px;
}
.keyv p.ribbon:before{
	content:"";
	width:0;
	height:0;
	border:17px solid;
	border-color:transparent transparent #662121 transparent;
	z-index:-1;
	position:absolute;
	top:-17px;
	left:48px;
}
.keyv p.ribbon:after{
	content:"";
	width:0;
	height:0;
	border:17px solid;
	border-color:#662121 transparent transparent transparent;
	z-index:-1;
	position:absolute;
	top:55px;
	left:-11px;
}