/* This mess courtesy Danny D.  
- Quick, dirty and temporary solutions to general suckiness of the events interface until we can discuss what the app should really look like. 
- No comments and hardly organized in a intelligble fashion.  Sorry! :/
*/

div#calendar div#featuredevent {width: 465px;}
div#calendar div#upcoming {width: 176px;}
#upcoming div#fullcal {border-top: none; border-bottom: 4px solid #999; margin: 0 0 10px;}
#upcoming h3.sectionHeader {background: #fff; color: #990000 !important;}
div#calendar #upcoming h2.sectionHeader {color: #333; margin-bottom: 0;}
div#calendar div.eventsJump {text-align: left;}
div#calendar div#featuredevent li h3.sectionHeader {text-decoration: none !important; border-top: 1px solid #ddd; background: #fff; font-size: 15px; color: #555; padding: 2px 0 0; margin: 0; height: 22px; line-height: 22px; width: auto;}
div#calendar div#featuredevent li.first {border-top: 1px dotted silver;}
div#calendar div#featuredevent li.last {border-bottom: none;}
div#calendar div#featuredevent h2.sectionHeader {border-top: 4px solid #999; border-bottom: none; color: #000; padding: 5px 0 0; margin: 5px 0 0; clear: both; font-family: Georgia, "Times New Roman", sans-serif;}
h1.h1 {border-bottom: 4px solid #F86615; padding-bottom: 3px;}
#id_q {height: 23px; padding: 0; margin-right: 15px; width: 360px; border: 1px solid #ccc; background: #eee; line-height: 23px; font-size: 16px; color: #555; float: left;}
#featuredevent button {height: 25px; display: block; float: left; overflow: visible; clear: right; border: 1px solid #ccc; background: #eee url(../images/global/button-bg.png) bottom center repeat-x; font-size: 12px; font-weight: bold; width: auto; margin-right: 0; padding:3px 8px;}
#advancedToggle {background: url(../images/icons/expand.gif) right 2px no-repeat; padding-right: 15px; margin-top: 3px; font-weight: bold; font-size: 11px; display: inline-block;}
#advancedToggle.hide {background: url(../images/icons/contract.gif) right 2px no-repeat; padding-right: 15px; margin-top: 3px; font-weight: bold; font-size: 11px; display: inline-block;}
#searchForm td, #searchForm th {padding: 3px; color: #555; font-weight: bold; font-size: 11px;}
#colA #searchForm p {font-size: 11px; color: #666;}
#searchForm p a {font-weight: bold;}
#submitEvent {font-family: "Lucida Grande", Verdana, Arial, sans-serif; font-size: 14px; font-weight: bold; border-bottom: 1px dotted silver; padding-bottom: 7px;}
#submitEvent a {color: #990000;}
div#calendar div#upcoming dl dd {padding-left: 0; color: #666; font-size: 10px;}
div#calendar div#featuredevent ul li {padding: 2px 0; }
div#calendar div#featuredevent ul.daypart {margin: 0 !important; padding: 0;}
div#calendar div#featuredevent li li p, div#calendar div#featuredevent li li p a {font-size: 11px; color: #666;}

.topEvent img {border: 1px solid #999; float: right;}
div#calendar div#featuredevent .topEvent h2 {font-family: Georgia, "Times New Roman", serif; border: none; font-size: 28px; font-weight: normal; margin: 3px 0 0;}
div#calendar div#featuredevent .topEvent h3 {font-family: "Lucida Grande", Verdana, Arial, sans-serif; font-size: 12px; color: #666; margin: 0 0 3px;}
div#calendar div#featuredevent .topEvent p {font-size: 15px; line-height: 20px;}
#advancedSearch {clear: left; margin-top: 10px;}
#advancedSearch th {padding: 5px 0; color: #444; font-size: 12px;}

#colA div#calendar div.eventDetail .cal-details,
#colA div#calendar div.eventDetail h1, #colA div#calendar div.eventDetail h2 {font-family: Georgia, "Times New Roman", serif;}

#colA div#calendar div.eventDetail h1 {font-weight: normal; font-size: 32px; border: none;}
#colA div#calendar div.eventDetail h2 {border: none;}
#colA div#calendar div.eventDetail .featureImg {border: 1px solid #999; }
#colA div#calendar div.eventDetail .cal-details p, #colA div#calendar div.eventDetail .cal-details li {font-size: 14px;}
#colA div#calendar div.eventDetail .cal-details p.cal-dates {color: #666; font-family: "Lucida Grande", Verdana, Arial, sans-serif; font-size: 11px;}
#colA div#calendar div.eventDetail .cal-details #google-map {border: 1px solid #999; margin-right: 0 !important; clear: right;}
#colA div#calendar div.eventDetail .cal-details hr {border: 1px solid #999;}
#colA div#calendar div.eventDetail .cal-details h3 {font-weight: bold; font-size: 14px;}

/* comment style */
#colA #calendar #comments #comment-sidebar { margin: 0 0 1em 0; float: none; display: block; width: 100%; }
#colA div#calendar #comments li p {font-size: 12px;}
#colA #calendar #comments li.first { padding-left: 4px; border-top: none; }