.event .feature {
position: relative;
width: 654px;
margin: 0 auto;
}
.event .feature .flyer {
height: 164px;
}
.event .feature .flyer img {
position: absolute;
border:1px solid #ddd;
padding: 1px;
}
.event .feature .smallflyer {
position:absolute;
bottom:5px;
right:5px;
height:104px;
overflow:hidden;
}
.event .feature .smallflyer img {
border:1px solid #ddd;
padding: 1px;
}
.event .feature h1 {
position: absolute;
top: 90px;
left: 0;
background-color: #fff;
border: 3px solid #ddd;
border-left: none;
border-right-width: 1px;
padding: 3px 5px;
}
.event .feature .category {
display: inline;
font-size: 12px;
}
.event .feature .time {
position: absolute;
top: 63px;
left: 5px;
background-color: #ddd;
border: 1px solid #aaa;
padding: 3px 5px;
font-size: 14px;
font-weight: bold;
opacity: 0.9;
}
.event .feature .time .weekday,
.event .feature .time .date,
.event .feature .time .start,
.event .feature .time .end {
display: inline;
padding-right: 3px;
}
.event .feature .address {
position: absolute;
top: 5px;
left: 5px;
background-color: #ddd;
border: 1px solid #aaa;
padding: 3px 5px;
font-size: 14px;
opacity: 0.9;
}
.event .feature .address .location,
.event .feature .address .city {
display: inline;
padding-right: 3px;
}
.event .feature .address .location {
font-weight: bold;
}

.event .feature .guests {
position: absolute;
top: 0;
right: 0;
background-color: #ddd;
border: 1px solid #aaa;
padding: 3px 5px;
font-size: 11px;
font-weight: bold;
opacity: 0.9;
}
.event .feature .guests a.me,
.event .feature .guests a.me:link,
.event .feature .guests a.me:visited,
.event .feature .guests a.me:active,
.event .feature .guests a.me:hover,
.event .feature .guests a.me:focus {
color: green;
}
.event .feature .guests a.no,
.event .feature .guests a.no:link,
.event .feature .guests a.no:visited,
.event .feature .guests a.no:active,
.event .feature .guests a.no:hover,
.event .feature .guests a.no:focus {
font-size: 18px;
}
.event .description {
position: relative;
display: block;
margin-bottom: 8px;
font-size: 12px;
}
.event .description .part1,
.event .description .part2 {
width: 305px;
height: auto;
padding: 4px 10px;
}
.event .description .part2 {
position: absolute;
top: 0px;
right: 1px;
}


.event .feature-small {
position: relative;
width: 204px;
margin: 0 auto;
}
.event .feature-small .flyer {
height: 104px;
}
.event .feature-small .flyer img {
position: absolute;
border:1px solid #ddd;
padding: 1px;
}
.event .feature-small h2 {
position: absolute;
top: 60px;
left: 1px;
background-color: #fff;
border: 2px solid #ddd;
border-left: none;
border-right-width: 1px;
padding: 2px 5px;
font-size: 12px;
font-weight: bold;
}
.event .feature-small .category {
display: inline;
font-size: 10px;
font-weight: normal;
}
.event .feature-small .address {
position: absolute;
top: 4px;
left: 4px;
background-color: #ddd;
border: 1px solid #aaa;
padding: 1px 3px;
font-size: 11px;
opacity: 0.9;
max-width: 165px;
max-height: 28px;
overflow: hidden;
}
.event .feature-small .address .location,
.event .feature-small .address .city {
display: inline;
padding-right: 3px;
}
.event .feature-small .address .location {
font-weight: bold;
}

.event .feature-small .time {
position: absolute;
top: 40px;
left: 4px;
background-color: #ddd;
border: 1px solid #aaa;
padding: 1px 3px;
font-size: 11px;
opacity: 0.9;
}
.event .feature-small .time .weekday,
.event .feature-small .time .date,
.event .feature-small .time .start,
.event .feature-small .time .end {
display: inline;
padding-right: 3px;
}
.event .feature-small .guests {
position: absolute;
top: 0;
right: 0;
background-color: #fff;
border: 1px solid #ddd;
border-right: none;
border-top: none;
padding: 0px 3px;
font-size: 11px;
text-align: right;
}
.event .feature-small .guests a.no,
.event .feature-small .guests a.no:link,
.event .feature-small .guests a.no:visited,
.event .feature-small .guests a.no:active,
.event .feature-small .guests a.no:hover,
.event .feature-small .guests a.no:focus {
font-size: 14px;
}
.event .feature-small .guests a.me,
.event .feature-small .guests a.me:link,
.event .feature-small .guests a.me:visited,
.event .feature-small .guests a.me:active,
.event .feature-small .guests a.me:hover,
.event .feature-small .guests a.me:focus {
color: green;
}
.event .feature-small .description {
width: 190px;
margin: 0 auto 15px auto;
font-size: 12px;
}