body, html {
font-family:georgia,times;
}
#top-border {
background-color:#E1EAF0;
border-bottom:1px dotted #168BD8;
border-left:1px dotted #168BD8;
border-right:1px dotted #168BD8;
color:#242424;
height:27px;
width:100%;
}
.top-border-left {
color:#666666;
float:left;
font-family:arial;
font-size:12px;
height:21px;
margin-left:10px;
padding-top:8px;
width:500px;
}
.top-border-right {
float:right;
font-family:arial;
font-size:12px;
height:21px;
margin-right:10px;
padding-top:8px;
text-align:right;
width:200px;
}
#main-frame {
margin:0 auto;
width:958px;
}
#logo {
color:#171D33;
float:left;
font-family:helvetica,arial;
font-size:40px;
font-weight:bold;
height:100px;
width:329px;
margin-bottom: 15px;
}
#introduction {
float:right;
height:100px;
width:610px;
margin-bottom: 15px;

}
#main-menu {
background-image:url(../images/menu-fade.png);
background-position:center bottom;
background-repeat:no-repeat;
float:left;
margin-bottom:18px;
}
#main-menu ul {
width:565px;
}
#main-menu li {
border-left:1px solid #CCCCCC;
float:left;
font-family:arial;
font-size:14px;
height:12px;
padding:8px 0 16px;
text-align:center;
width:139px;
}
#main-menu li.active {
}
#main-menu li.inactive {
}
#main-menu li.inactive-first {
}
#main-menu li.inactive-last {
border-right:1px solid #CCCCCC;
}
#market-space {
float:right;
margin:-20px 0 10px;
text-align:right;
width:370px;
}
#market-space-image {
float:right;
margin-top:10px;
width:0;
}
#market-space-text {
float:right;
width:340px;
}
#footer {
border-top:1px solid #DADADA;
float:left;
height:100px;
margin-top:30px;
width:958px;
}
.left-content-footer {
float:left;
height:60px;
width:629px;
}
.right-content-footer {
float:left;
height:60px;
margin-left:27px;
text-align:right;
width:301px;
}
#middle-frame {
float:left;
width:958px;
}
#search {
border-bottom:1px solid #CCCCCC;
border-top:3px solid #000000;
height:59px;
margin-bottom:12px;
}
.search-intro {
color:#171d33;
float:left;
font-family:arial;
font-weight:bold;
height:30px;
margin-right:4px;
padding-top:19px;
text-align:left;
width:150px;
}
.search-input-when {
float:left;
font-family:arial;
height:30px;
margin-top:4px;
width:192px;
}
.search-input-where {
float:left;
font-family:arial;
height:30px;
margin-top:4px;
width:240px;
}
.search-input-what {
float:left;
font-family:arial;
height:30px;
margin-top:4px;
width:240px;
}
.search-infotext {
font-family:arial;
font-size:11px;
font-weight:bold;
height:10px;
margin:6px 0 5px;
color: #636363;
}
.search-submit {
float:left;
font-family:arial;
font-weight:bold;
margin-left:10px;
margin-top:25px;
text-align:center;
}
select.input-when {
width:170px;
}
input.input-where {
width:220px;
}
input.input-what {
width:220px;
}
.map {
border:1px solid #CCCCCC;
float:left;
height:450px;
margin-top:6px;
width:654px;
}
#events {
float:right;
height:450px;
margin:0 0 0 20px;
width:280px;
}
.small-calendar-event {
margin:10px 0 0 10px;
width:272px;
}
.small-calendar-event-date {
float:left;
font-size:12px;
height:30px;
margin:1px 0 0 -10px;
text-align:center;
width:35px;
}
.small-calendar-event-date-special {
float:left;
font-size:12px;
height:30px;
margin:1px 0 0 0;
text-align:center;
width:35px;
}
.small-calendar-event-date-day {
background-color:white;
border:1px solid #0096FF;
color:#0096FF;
font-family:arial;
font-size:16px;
font-weight:bold;
height:20px;
margin:0;
padding-top:3px;
width:35px;
}
.small-calendar-event-date-month {
background-color:#0096FF;
border:1px solid #0096FF;
color:#FFFFFF;
font-family:arial;
height:15px;
margin:-1px 0 0;
padding-top:2px;
width:35px;
}
.small-calendar-event-date-extra {
color:#0096FF;
font-family:arial;
font-size:9px;
font-weight:bold;
height:15px;
margin-top:4px;
width:35px;
}
.small-calendar-event-divider {
border-bottom:1px solid #CCCCCC;
float:right;
height:15px;
margin:-10px 0 14px;
width:280px;
}
.small-calendar-event-text {
float:right;
margin:0 0 5px 5px;
width:234px;
}
.small-calendar-event-text-artist {
color:#242424;
font-family:arial;
font-size:12px;
font-weight:bold;
margin-bottom:4px;
}
.small-calendar-event-text-venue {
color:#636363;
font-family:arial;
font-size:11px;
font-weight:normal;
margin-bottom:4px;
}
.small-calendar-event-text-more {
color:#636363;
float:left;
font-family:arial;
font-size:11px;
font-weight:normal;
margin-bottom:14px;
margin-left:39px;
}
.small-calendar-event-text-more-image {
float:left;
margin-right:5px;
margin-top:-1px;
}
.pagination {
float:right;
width:277px;
}
.pagination-left {
float:left;
font-size:14px;
width:80px;
}
.pagination-middle {
float:left;
margin-left:10px;
text-align:center;
width:117px;
}
.pagination-right {
float:right;
font-size:14px;
text-align:right;
width:70px;
}
.pagination-active {
border:1px solid #CCCCCC;
color:#CCCCCC;
float:left;
height:20px;
width:20px;
}
.pagination-inactive {
border-right:1px solid #CCCCCC;
float:left;
height:20px;
text-decoration:none;
width:20px;
}
.pagination-inactive-last {
float:left;
height:20px;
width:20px;
}
.pagination-inactive-first {
float:left;
height:20px;
width:20px;
}
#tagcloud {
background-color:red;
border:1px solid;
float:left;
height:150px;
width:450px;
}
#popular-events {
background-color:red;
border:1px solid;
float:right;
height:150px;
margin:0 0 0 20px;
width:450px;
}
#left-column {
float:left;
margin-top:15px;
width:630px;
}
#left-column-menu ul {
width:100%;
}
#left-column-menu li {
background-color:#FFFFFF;
border-bottom:1px solid #CCCCCC;
color:#0096FF;
font-family:arial;
font-size:14.5px;
font-weight:bold;
height:30px;
line-height:17px;
list-style-type:none;
padding-left:12px;
padding-top:14px;
}
#right-column {
color:#CCCCCC;
float:right;
height:300px;
margin:0 0 20px 27px;
width:290px;
}
.right-column-map {

border:1px solid #CCCCCC;
color:#CCCCCC;
float:right;
height:300px;
margin:15px 0 20px 27px;
width:290px;
}
#inner-column-left {
float:left;
margin-top:10px;
width:305px;
}
#inner-column-right {
float:left;
margin:10px 0 0 19px;
width:305px;
}
.source {
color:#CCCCCC;
font-family:arial;
font-size:14px;
font-weight:normal;
letter-spacing:-0.2px;
line-height:20px;
margin-bottom:7px;
margin-top:6px;
}
.event-details {
background-color:#F5F5F5;
border:1px solid #CCCCCC;
float:left;
height:175px;
margin-bottom:20px;
margin-top:5px;
padding:4px 10px 10px;
width:610px;
}
.event-details-header {
border-bottom:1px solid #CCCCCC;
float:left;
font-family:arial;
font-size:12px;
height:10px;
margin-top:8px;
padding-bottom:11px;
width:610px;
}
.event-details-header-last {
float:left;
font-family:arial;
font-size:12px;
height:10px;
margin-top:8px;
padding-bottom:9px;
width:610px;
}
.big-calendar-event-divider {
border-bottom:1px solid #CCCCCC;
float:left;
height:15px;
margin:-8px 0 9px -10px;
width:630px;
}
.big-calendar-event {
margin:10px 0 0 10px;
width:400px;
}
.big-calendar-event-text {
float:left;
margin:0 0 5px 15px;
}
.big-calendar-event-text-artist {
color:#242424;
font-family:arial;
font-size:15px;
font-weight:bold;
margin-bottom:4px;
margin-top:7px;
}
.big-calendar-event-text-venue {
color:#636363;
font-family:arial;
font-size:12px;
font-weight:normal;
margin-bottom:4px;
}
.venue-details {
background-color:#F5F5F5;
border:1px solid #CCCCCC;
float:left;
height:125px;
margin-bottom:20px;
margin-top:5px;
padding:4px 10px 10px;
width:610px;
}
.grey {
color:#CCCCCC;
}