
#content #event-search {
    padding: 0 0 0 5px;
}
#content #event-search input.blurred {
    color: #999;
}

#content .local-nav-left {
    background: #000 url('../img/body.locnav.jpg') 100% 100% no-repeat;
    margin: -6px 10px 20px -20px;
    padding: 11px 0 10px;
    width: 235px;
    float: left;
    color: #FFF;
}
#content .local-nav-left ul {
    list-style-type: none;
    list-style-image: none;
    margin: 20px 0 20px 10px;
}
#content .local-nav-left ul li {
    display: block;
    position: relative;
}
#content .local-nav-left ul li a {
    display: block;
    width: 216px;
    height: 41px;
    background: transparent url('../img/events.localnav.png') no-repeat -217px 0;
    border: none;
    text-indent: -9000%;
    overflow: hidden;
}
#content .local-nav-left ul li a.by-day {
	height: 47px;
	background-position: -218px 0;
}
#content .local-nav-left ul li a.by-day:hover {
	background-position: 0 0;
}
#content .local-nav-left ul li.active a.by-day {
	background-position: 0 0;
}
#content .local-nav-left ul li.active a.by-day:hover {
	background-position: 0 0;
}
#content .local-nav-left ul li a.by-week {
	background-position: -218px -47px;
}
#content .local-nav-left ul li a.by-week:hover {
	background-position: 0 -47px;
}
#content .local-nav-left ul li.active a.by-week {
	background-position: 0 -47px;
}
#content .local-nav-left ul li.active a.by-week:hover {
	background-position: 0 -47px;
}
#content .local-nav-left ul li a.by-month {
	height: 45px;
	background-position: -218px -88px;
}
#content .local-nav-left ul li a.by-month:hover {
	background-position: 0 -88px;
}
#content .local-nav-left ul li.active a.by-month {
	background-position: 0 -88px;
}
#content .local-nav-left ul li.active a.by-month:hover {
	background-position: 0 -88px;
}
#content .local-nav-left ul li.active a span {
	display: block;
	position: absolute;
	right: 8px;
	bottom: 0;
	width: 22px;
	height: 46px;
	background: url('../img/events.localactive.png') no-repeat right top;
}
#content .local-nav-left ul li.active a.by-day span {
	bottom: -3px;
}
#content .local-nav-left ul li.active a.by-week span {
	bottom: -2px;
}
#content .local-nav-left ul li.active a.by-month span {
	bottom: 3px;
}

#content .content-right {
    position: relative;
    margin: -5px -10px 0 0;
    padding: 10px 0 0 0;
    width: 464px;
    float: right;
}
#content .content-right ul {
    list-style-type: none;
    list-style-image: none;
}
#content .content-right h3 {
    background: white url('../img/body.h3.jpg') 50% 50%;
    color: white;
    font-size: 1.3125em;
    line-height: 1.4285em;
    padding: 5px 25px;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: .1em;
}
#content .content-right h3 strong {
    font-weight: bold;
    white-space: nowrap;
}
#content .content-right ul.time-nav li {
    display: block;
    position: absolute;
    top: 20px;
}
#content .content-right ul.time-nav li.prev {
    left: 5px;
}
#content .content-right ul.time-nav li.next {
    right: 5px;
}
#content .content-right ul.time-nav li a {
    display: block;
    width: 15px;
    height: 15px;
    overflow: hidden;
    text-indent: -9000%;
    background: url('../img/events.timenav.png') no-repeat;
    border: 0;
}
#content .content-right ul.time-nav li.prev a {
    background-position: -15px 0;
}
#content .content-right ul.time-nav li.prev a:hover {
    background-position: -15px -15px;
}
#content .content-right ul.time-nav li.next a:hover {
    background-position: 0 -15px;
}

#calendar {
    background: #EEE;
    border: 1px solid #CCC;
    color: #333;
    width: 95%;
}
#calendar table {
    width: 100%;
    border-collapse: collapse;
}
#calendar table th {
    font-size: .625em;
    font-weight: normal;
    color: #999;
}
#calendar table tr {
}
#calendar table td {
    text-align: center;
    border-bottom: 1px solid #CCC;
    width: 2em;
    height: 2em;
    padding: 0;
    line-height: 2em;
}
#calendar table td a {
    display: block;
    border: none;
    font-style: normal;
}
#calendar table td a:hover {
    background: #CCC;
}

#content #events-list {
    overflow: auto;
    margin: 10px 0;
}
#content #events-list li.li-day {
    background: #FFF;
    border-top: 1px dotted #DDD;
    padding: 5px 0;
    clear: both;
}
#content #events-list li.today {
    background: #FFF url('../img/events.today.jpg') 50% 50%;
}
#content #events-list li.li-day h4 {
    color: #999;
    font-weight: bold;
    font-size: .875em;
    line-height: 1.4285em;
    padding: 0 0 10px;
}
#content #events-list li.li-day h4 a {
    color: #666;
    border-color: #CCC;
}
#content #events-list li.li-day h4 a:hover {
    color: #333;
    border-color: #999;
}
#content #events-list li ul {
    overflow: auto;
}
#content #events-list li ul li.ev {
    clear: both;
}
#content #events-list p.time {
    float: left;
    width: 80px;
    padding: 0;
    text-align: right;
    color: #666;
}
#content #events-list p.details {
    float: right;
    width: 375px;
    color: #999;
}
#content #events-list p.details a {
    font-weight: bold;
}
#content #events-list span.summ {
    color: #333;
}

p.no-events {
    margin: 20px 0 0 0;
    padding: 10px;
    font-size: 1.25em;
    background: #EEE;
}
