/* CSS Document */

.event, .biz{
width: 100%;
height: auto;
padding: 30px 0;
float: left;
border-top: 2px solid #D3DEE7;
}

.rule, .norule{
width: 100%;
height: auto;
padding: 5px 0;
float: left;
}

.rule{
border-top: 2px solid #D3DEE7;
}
.rule .red, .norule .red{
color: #cc0000;
}
.rule .green, .norule .green{
color: #34DA7E;
}
.rule .blue, .norule .blue{
color: #2299EE;
}
.rule .grey, .norule .grey{
color: #999999;
}

.event .icon, .biz .icon{
width: 120px;
height: auto;
padding: 0;
float: left;
color: #2299ee;
}

.event .iconl{
width: 120px;
height: 30px;
padding: 0;
float: left;
}

.event .icon .thumbup{
background: url(thumbup.gif) 0px 4px no-repeat;
font-size: 24px;
font-weight: bold;
padding: 0 0 5px 25px;
margin: 0;
float: left;
line-height: 30px;
width: 95px;
display: block;
color: #2299ee;
text-decoration: none;
}

.event .icon .thumbup span{
font-size: 12px;
font-weight: normal;
}

.event .icon a:hover, .event .icon a:focus, .biz .icon a:hover, .biz .icon a:focus{
color: #000000;
} 

.icon img{
width: 120px;
height: 100px;
padding: 5px 0;
}

.biz .icon .faves{
background: url(favorites.gif) 0 2px no-repeat;
font-size: 24px;
font-weight: bold;
padding: 0 0 0 25px;
margin: 0;
float: left;
width: 95px;
display: block;
color: #2299ee;
text-decoration: none;
border-bottom: 1px solid #D3DEE7;
}

.biz .icon .myfave{
font-size: 12px;
font-weight: bold;
padding: 5px 0;
margin: 0;
float: left;
width: 120px;
display: block;
color: #2299ee;
text-decoration: none;
}

.biz .icon .removefave{
font-size: 12px;
padding: 5px 0;
margin: 0;
float: left;
width: 120px;
display: block;
color: #999999;
text-decoration: none;
}

.event .info, .biz .info{
width: 480px;
height: auto;
float: left;
padding: 0 0 0 20px;
}

.biz .info .map{
padding: 20px 0;
float: left;
}

.info .title{
float: left;
width: 100%;
}

.info .title img{
height: 24px;
float: right;
padding: 0 2px;
}

.event h3, .biz h3{
font-size: 24px;
float: left;
padding: 0;
margin: 0;
background-color: #FFFFFF;
}

.info .date{
float: left;
font-size: 16px;
padding: 5px 0;
margin: 0;
font-weight: bold;
width: 100%;
}
.info .date span{
font-size: 14px;
padding: 5px 5px 0 5px;
margin: 0;
color: #999999;
}

.info .link{
float: left;
font-size: 12px;
font-weight: bold;
padding: 5px 0 ;
margin: 0;
width: 100%;
height: auto;
overflow: hidden;
}

.info p{
margin: 0;
padding: 5px 0;
float: left;
font-size: 14px;
line-height: 20px;
width: 100%;
}