/*
THEME NAME: Riverside Downtown Partnership Theme
THEME URI: http://www.riversidedowntown.net
DESCRIPTION: Customized theme for the Riverside Downtown Partnership.
VERSION: 1.0
AUTHOR: Mark Knight and Jimmy Aldape
AUTHOR URI: http://www.riversidedowntown.net
TAGS: riverside, downtown, partnership, rdp  
*/

@import url('css/reset.css');
@import url('css/text.css');
@import url('css/960.css');


body{background-color: #ebebeb; margin:0; padding:0;}
.body{background-color: #c33300; border: solid 1px #333; padding: 10px 0 0 0;}

/*** Header ***/
#header{position: relative; height: 200px; }
#banner{height: 196px; width: 395px; overflow:hidden;}
#header h1{position:absolute; top:0; right:0; }

/*** Footer ***/
#footer{text-align: center; font-size: .805em;}

/*** Navigation ***/
#nav-column{padding: 50px 0 10px 0;background: transparent url('images/design_nav.gif') no-repeat top center;}
.center{text-align: center; margin: 0 auto;}
#logos{margin-top: 120px; margin-bottom: 100px;}
#logos img{margin-bottom: 20px;}

/* Menu */
/* 1st Level */
ul.main-nav{color: #fff; list-style:none;margin:0;padding:0;}
ul.main-nav li{margin:0 0 5px 0; padding:0; display: block; }
ul.main-nav a{color:#fff; text-decoration:none;}
ul.main-nav a:hover{color:#feeead; text-decoration:underline;}

/* Second Level */
ul.main-nav ul{margin:0; padding: 0;}
ul.main-nav ul li{margin:0 0 0 10px; padding:0; display: block;}

/*** Content ***/
#content-column{}
#content{position: relative; background: transparent url('images/main_r-bg.gif') repeat-y right top; padding: 10px 15px 10px 20px; margin: -1px -10px -45px 0;}
.post.single{padding: 10px 20px 20px 20px;}
#content h3, .post h3{margin-bottom:0; color:#a3020a;}
#content h3 a, .post h3 a{color:#a3020a; text-decoration: none;}
#content h3 a:hover, .post h3 a:hover{color:#575c56;}
.entry{margin-top: 30px;}

/*** Content Background Border ***/
.content-box{position:relative;background-color: #fff;background: #fff url('images/main_l-bg.gif') repeat-y left top; }
.cb-top{width: 100%;height: 17px;background: transparent url('images/main_top_bg.gif') repeat-x top center;}
.cb-top>span{display: block; position: relative; height: 17px; background: transparent url('images/main_tl-corner.gif') no-repeat top left;}
span.cb-top-tr{position:absolute; top:0; right:-10px; display:block; height:17px; width:10px;background:transparent url('images/main_tr-corner.gif') no-repeat top right; z-index: 200px;}
.cb-bottom{position:relative;height: 60px;background: transparent url('images/main_bottom_bg.gif') repeat-x bottom center; }
.cb-bottom>span{display: block; position: relative; height: 60px;background: transparent url('images/main_bl-corner.gif') no-repeat bottom left; }
span.cb-bottom-br{position:absolute; bottom:0; right:-10px; display:block; height:17px; width:10px;background:transparent url('images/main_br-corner.gif') no-repeat bottom left;; z-index: 200px;}

/*** Spotlight ***/
#spotlight{width: 470px; height: 280px; background-color:#CCC; text-align: center; overflow: hidden; border: solid 1px #999;}

/*** Highlights ***/
#highlights, #highlights-main{border-top: solid 2px #fbecc5; margin-top: 20px;}
.highlight{padding: 20px 0; background: url('images/highlight_bar.gif') no-repeat bottom center;}
.highlight.last{ background: none;}
.highlight img{float:left; margin: 0 0 20px 0; height: 105px width: 105px; overflow: hidden;}
.highlight h3{ margin: 0 0 0 125px; color: #a3020a; font-size: 1.15em;}
.highlight p{margin-left: 125px;}
a.read-more-link{margin-top: 10px;display: block;}
a.archive-link{display:block; text-align: right; margin-bottom: 30px; padding: 5px;}

/*** Upcoming Events ***/
#upcoming-calendar {margin: 20px 0 0 0; overflow:hidden;}
.upcoming-event {margin-bottom: -10px;}
.upcoming-event h5{font-size: .95em; margin:0; color: #a3020a; line-height: .90em;}
.upcoming-event h5 a{text-decoration:none; color: #a3020a;}
.upcoming-event h5 a:hover{color: #666;}
.upcoming-event p{font-size: .80em; color:#666;}

/*** Event List ***/
.event-list{padding: 20px 0 20px 20px;}
.event-item{display:block; margin-bottom: 10px;}
.event-item-datetime{float:left; margin-right: 20px; padding: 5px 25px 8px 25px; background-color: #383633; text-align: center; width: 80px; }
.event-item-datetime a{color:#575c56;}
.event-item-datetime a:hover{color:#383633;}
.event-item-datetime .date {font-size: 1.55em; font-weight: bold;color:#fff; margin-bottom: 0;}
.event-item-datetime .time {font-size: .95em;color:#fff; margin-top: 0;}
.event-item.alt .event-item-datetime{background-color: #535353;}
.event-item-info{float:left; overflow: hidden;}
.event-item-info h3{color: #a3020a; font-size: 1.25em; padding-top: 5px; margin: 0;}
.event-item-info h3 a{color: #a3020a; text-decoration: none;}
.event-item-info h3 a:hover{color:#575c56; text-decoration: underline;}
.event-item-info p{color: #575c56; font-size: 1.05em; margin-bottom: 0;}

/*** Directory ***/
.directory{}
.directory li{margin-bottom: 10px; }
.directory a{}
.directory a:hover{}
.directory ul{margin:10px 0 0 0;}
.directory ul li{margin:0 0 10px 20px;}

.listing{margin-bottom: 10px;}
.listing h4{position:relative;display: block; background-color: #ccc; padding: 3px 10px 3px 20px; margin: 0; font-size: 1.25em; }
.listing h4 span{position: absolute; right:10px; top:8px; font-size: .65em;}
.listing h4 span a{color: #333;}
.listing .listing-info{float:left; padding: 10px 0 0 10px;border: solid 1px #ccc; }
.listing .listing-info .box{float: left; margin-left: 10px; overflow: hidden;}
.listing .listing-info .box p{margin-bottom: 5px;}
.listing .listing-info .box.first{margin-left:0; width: 150px;}
.listing .listing-info .box.middle{width: 200px;}
.listing .listing-info .box.last{width: 316px;}

/*** Facebook ***/
#facebook{margin: 0; padding: 40px 0 0 5px; background: url('images/highlight_bar.gif') no-repeat top center;}


/*** Tribe Calendar Overrides **/
.tribe-events-cal-title.title, .entry-title.title{color: #a3020a;}
.cal-header{text-align:center; color: #a3020a; font-size: 1.30em; margin:5px 0 0 0;line-height:10px;}
.event-item-info .gmap, .event-item-info p .gmap { color:#fff; font-size:9px; background:#004080; padding:1px 4px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; white-space:nowrap; }