/*
@import "reset.css";
@import "typography.css";
*/

/********************** globals ******************/
#dev-notes, .debug {position:absolute;
	
	left:-240px;
	width:200px;
	padding:10px;
	height:250px;
	overflow: auto;
	font-size:95%}
.debug {left:-400px}

.alert, #dev-notes, .debug {border:2px solid #ff9;
	background:#ffd;}

	
#dev-notes ul, #dev-notes li {margin-left:.7em}	
#dev-notes ul li {list-style: square}
#dev-notes ol li {list-style: decimal}


/* Clearing floats without extra markup  */
.wrapper { display: inline-block; overflow:hidden;}
html[xmlns] .wrapper {display: block;}
.wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .wrapper { height: 1%; }
.wrapper { display: block; }


.right  {float:right}

.left   {float:left}

.center {text-align: center}

.note, .help {color:#555;}

.note {font-size: 85%;}

.note.alert {color:#dd5300}
.hide {display:none}
table {border-collapse:collapse}

.help {
	padding:4px 0 2px 20px;
	background: url(../img/help.png) no-repeat left 4px;
	}
a {color:#900;}

ul,
ul li,
ol li {
	list-style:none; 
	margin:0; 
	padding:0;
	}	
	
.has_default{color:#999}

input[type="text"]:focus,
textarea:focus,
input.has_default:focus {
	color:#000;
	background:#ffd;
}

.clear {clear:both}
/******************** basics **********************/
#calendar-wrap {
	color:#222;
	width:662px; 
	background:#fff; 
	margin:-10px 0 0 -10px;
 }

#cal-left {
	float:left; 
	width:160px; 
	background:#f5f5f5;
	
	display:none
	}
	
#cal-main {
	-moz-box-shadow: -4px 0  3px rgba(0, 0, 0, 0.2);
	padding-top:10px;
	margin-left:0;
	}

.no-sidebar #cal-main {
	margin-left:0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

#cal-main h2,
#cal-main h3 {font-size:1.3em; margin-left:8px}

input.button,
a.button {
	font-weight: bold;
	text-transform: lowercase;
	background: #eee; 
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc));
}

a.button {
	padding:5px 15px;
	font-size:1.2em;
	color:#333;
	border:1px solid #444;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	-moz-box-shadow: 0 1px  1px rgba(255, 255, 255, 0.5);
	-webkit-box-shadow: 0 1px  1px rgba(255, 255, 255, 0.5);
	}
	
a.button:hover {
	color:#900; 
	text-decoration:none
	}
	
a.button.sm {
	padding:2px 5px; 
	font-size:80%; 
	line-height:90%
	}

.more-results {
	margin:20px 0; 
	text-align:right;
	font-size:1.25em;
	text-shadow: -1px -1px 0 #2c759d;
	font-weight: bold;
	padding:5px 10px;
	background: #3481AB; 
	background: -webkit-gradient(linear, left top, left bottom, from(#549ec7), to(#2c759d));
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
}
.more-results a {	
	color:#fff;
	text-decoration: none
	}
.more-results a:hover {
	text-shadow: 0 0 4px #c2dbe8;
	}


/***************************   Search  *********************************************/
#cal-search, #adv-search {
	background: #3481AB; 
	background: #3481AB -webkit-gradient(linear, left top, left bottom, from(#549ec7), to(#2c759d));
	color:#fff; 
	padding:6px 10px 5px; 
	min-height:55px;
	border-bottom:1px solid #215774;
	}

#cal-search {	-moz-box-shadow: -4px 0  3px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: -4px 0 3px rgba(0, 0, 0, 0.2);
	position:relative;
	display:none;
	padding-bottom:10px;
	}
	
a#advanced-search {position:absolute; right: 11px;  color:#ddd; font-size:10px;}



#cal-search .left {float:left; width:39%;}
#cal-search .right {float:right; width:55%;}
#cal-search .middle {display:block; float:left; padding:20px 10px 10px; font-size:1.2em;}

#cal-search legend {display:none}

#cal-search label {
	display:block; 
	font-weight:bold; 
	padding:0 0 2px 2px
	}
	
#cal-search input,
#adv-search input[type=submit] { 
	padding:5px; 
	border:2px solid #96c3db;
	width:240px; 
	padding:5px; 
	font-size:1.2em;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	-moz-box-shadow: -1px -1px 3px #276688;
	-webkit-box-shadow: -1px -1px 3px #276688;
	height:16px;
	}
	#cal-search #cal-searchLocation {float:left}
	#cal-search input#cal-search-submit,
	#adv-search-submit {
		width:5em; 
		float:right;
		color: #14425b;
		text-shadow: -1px -1px 0 #eee;
		height:30px;
		}
		
		#cal-search input#cal-search-submit:hover {
			color:#900; 
			cursor: pointer
			}

#filter-trigger {color:#ffc; cursor: pointer}

.cal-trigger {
	background:#eaf3fa; 
	background: #eaf3fa -webkit-gradient(linear, left top, left bottom, from(#eaf3fa), to(#D1E2EF));

	color:#114e6f; text-shadow:none; border:1px solid #2c759d;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:3px;
	line-height:20px;
	padding: 5px 2px;
	margin:-1px 10px 0 -8px;
	float:left;
	font-size:13px;
	cursor:pointer;
	width:120px;
	}
.cal-trigger img {float:left; margin:-2px 5px -2px 1px; height:48px; width:50px}

#adv-search {padding:0 10px; font-size:120%; border-top:1px solid #215774;
}
#adv-search legend {color:#fff; font-size:120%; font-weight:bold; text-shadow: -1px -1px 0 #2c759d; padding:0px 0 15px
}
#adv-search p {clear:left; border-bottom:1px solid #96c3db; padding-bottom:5px; min-height:30px}			

#adv-search label {display:block; float:left; width:90px; font-weight: bold; color:#afd8ee; text-align:right; padding:2px 10px 0}		

#adv-search input[type=text],
#adv-search select {font-size:120%; padding:2px; border:2px solid #ddd; 
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	width:300px;
	color:#555}
#adv-search select {width:310px; font-size:13px}

#adv-search #adv-search-submit {float:none; height:34px; width:315px; margin-left:110px}
#adv-search #id_start,
#adv-search #id_end {width:5.5em; float:left}
/*************************** Filters *****************************/
#cal-add,
#cal-add-event {
	background:#EF870E url(../img/bg-grad-small-white.png) repeat-x; 
	background: -webkit-gradient(linear, left top, left bottom, from(#f4bf81), to(#EF870E));
	padding:15px; text-align:center;
	margin-right:-1px;
	margin-bottom:0
	}
#cal-add-event {text-align:left; font-size:18px}	
#cal-add a:hover {text-decoration: none}

#filters {
	border-bottom:3px solid #ccc;
	border:4px solid #3481AB;
	-moz-border-radius-bottomleft:10px; 
	-moz-border-radius-bottomright:10px;
	-webkit-border-bottom-left-radius: 10px; 
	-webkit-border-bottom-right-radius: 10px; 
	margin:-5px 8px 0;
	padding-top:10px;
	height:220px;
	display:none;
	}

#filters fieldset {float:left; width:48%; margin-right:2%;}
#filters fieldset ul#cat-filters {height:180px; overflow:auto}
#filters button {font-size:120%; padding:5px 10px; margin-top:4em}
#filters h6 {
	font-size:1.2em; 
	color:#555;
	padding:5px 10px 0;
	margin-top:0
}

#calendar-wrap #filters li {border-bottom:1px solid #eee; padding:5px 10px; font-size:.85em; color:#555}
#filters li label {font-size:1.3em; color:#111;}
#filters a.more {display:block; padding:0 5px 10px; text-align:right; }
#filters input[type="checkbox"] {
	float:left; margin: 2px 7px 10px 0; clear:left
}


#mini-cal {margin-left:8px; background: #fff; border:1px solid #eee; width:142px }
#mini-cal th {padding: 3px 5px}
#mini-cal td {padding:0; font-size:9px}
#mini-cal td a,
#mini-cal td span {padding:3px 5px; display:block}
#mini-cal td a:hover {color:#fff; background:#900; text-decoration:none}
#mini-cal td.dead a {color:#666}
#mini-cal thead, #mini-cal .count, #mini-cal .next-month, #mini-cal .prev-month {display: none}
#mini-cal caption {text-transform: uppercase; color:#888; font-size:85%; letter-spacing: 2px}
#live-filter {padding:10px; background:#f5f5f5;
	-moz-border-radius-bottomleft:5px; 
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-left-radius: 5px; 
	-webkit-border-bottom-right-radius: 5px; 
	margin-left:8px;
	
	}
#live-filter input { padding:5px; font-size:1.2em; width:457px; border:2px solid #ccc;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;}

/*************************************** Featured Events *********************************/
#cal-featured-today {padding-left:265px; margin-top:-10px; margin-bottom:20px; clear:both; min-height:310px;}
#cal-featured-today h2 {
	margin:0 0 0 0; 
	border-bottom: 3px solid #ccc; 
	padding:5px 15px 0; 
	line-height:36px; 
	font-size:1.3em
	}

#cal-featured-today ul {padding:0 0 0 10px;}
#cal-featured-today ul li {padding:0 5px 8px; border-bottom:2px solid #eee; margin:5px 0; color:#888; font-size:.9em; }
#cal-featured-today li h4 {font-size:1.2em; padding:3px 0 0 0; margin:0; }
#cal-featured-today li h4 a {color:#333}

#cal-featured-today ul li#cal-featured-first {
	position:absolute; margin: -49px 0 0 -275px; 
	border:solid #bbb; 
	border-width: 0 1px 1px; 
	padding:8px; width:250px; 
	background:#fcfcfc;
	background: -webkit-gradient(radial, 100 center, 50, 100 center, 250, from(#fff), to(#f3f3f3)); 	
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5)}
	

#cal-featured-first img {width:246px; height:235px; border:1px solid #999; display:block; margin:0 auto 15px; }



/********************************************** Calendar Nav ***********************************************************/
#calendar-wrap #cal-list-nav {overflow:hidden; clear:both; margin:10px 0 -2px 8px; width:640px}
#cal-list-nav li {float:left;}
#cal-list-nav li a {display:block; text-decoration:none; padding:3px 10px; margin:3px 3px 0 0; background:#eee; border:1px solid #eee; border-bottom:none; color:#888; font-size:1em; font-weight:bold; 
	-moz-border-radius-topleft:4px; 
	-moz-border-radius-topright:4px;
	-webkit-border-top-left-radius:4px; 
	-webkit-border-top-right-radius:4px; 
	}
#cal-list-nav li a:hover{background:#fff;  padding:4px 10px 3px; margin:0 3px 0 0;}
#cal-list-nav li.active a {background:#549ec7; border:1px solid #549ec7; color:#fff;	text-shadow: -1px -1px 0 #2c759d;
 }
#cal-list-nav li.active a:hover{margin:3px 3px 0 0; padding: 3px 10px;}

#cal-list-nav .right {float:right; margin-right:10px}
#cal-list-nav li.right a,
#results-head a.right.add-event {
	background:#EF870E;
	background: -webkit-gradient(linear, left top, left bottom, from(#f4bf81), to(#EF870E));
	border:1px solid #EF870E;
	color:#fff;
	text-shadow: 1px 1px 0 #d07710;
	font-size:120%
}
#results-head a.right.add-event {padding:2px 10px; font-size:12px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	line-height:20px;
	margin:1px 0 -2px}
#results-head {
	padding:4px 5px 2px 10px; 
	background: #3481AB; 
	background: -webkit-gradient(linear, left top, left bottom, from(#549ec7), to(#2c759d));
	margin:0 8px;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	line-height:28px;
	color:#fff;
	font-size:1.25em;
	text-shadow: -1px -1px 0 #2c759d;
	min-height:54px;
	position:relative;
	/* iE7 hack */
	*position:static;
	}
	#results-head .note {padding-left:10px; color:#D1E2EF; display:block !important; margin-top:-5px}
	
	#results-head a.help.right {color:#eee; text-shadow: none; font-size:10px}	

p.help.right {padding-right:10px}
a.backer {
	color:#fff;
	font-size:24px;
		
		padding-right: 5px;
		line-height:24px;
		margin-right:5px;
}

h2.backer-hed {min-height:30px}
h2 a.backer {
	background: #3481AB; 
	background: -webkit-gradient(linear, left top, left bottom, from(#549ec7), to(#2c759d));
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	text-shadow: -1px -1px 0 #2c759d;
	padding: 5px;
	margin-right:10px;
	margin-bottom:1px;
}

a.backer:hover {text-decoration: none}

#cal-nav {
	display:none;
	margin:-5px 8px 0;
	padding-top:0;
	border:4px solid #3481AB;
	-moz-border-radius-bottomleft:10px; 
	-moz-border-radius-bottomright:10px;
	-webkit-border-bottom-left-radius: 10px; 
	-webkit-border-bottom-right-radius: 10px; 
	width:638px;
	}

#cal-nav ul#cal-monthSlide {height:52px; overflow:visible;}
#cal-nav ul li {float:left; width:68px; height:64px; margin:0 11px -12px; 
	 text-align:center;}
#cal-nav ul li a {display:block; padding:10px; color:#777;}
#cal-nav ul li a:hover {background:#D1E2EF; text-decoration:none;
	text-shadow: 0 0 5px #ffe;}
#cal-nav ul li.select a:hover {background:none; text-decoration:none;}
#cal-nav ul li.select {background: #3481AB url(../img/cal-selected-month.gif) bottom no-repeat;}
#cal-nav ul li.select a {color:#fff;}
#cal-nav ul li acronym {display:block; font-size:1.3em; line-height:20px; font-weight:bold; border:none;}

/* more iE7 hackery 
*+html #cal-nav * {position:relative}*/

#cal-nav #calendar {width:100%; margin:0 0 3px !important; clear:left; }
#cal-nav #calendar thead {background:#D1E2EF; color:#555; padding:10px 0 0 0; font-weight: bold	}
#cal-nav #calendar thead th {padding:8px 0 5px; font-size:1.4em}
#cal-nav #calendar caption {display:none}
#calendar th,
#calendar td {
	text-align:center;
	width:71px;}

#cal-nav #calendar th { padding:3px 0; }
#cal-nav #calendar td {border-bottom:none;  padding:0; 
	font-size:1.8em;
	line-height:30px; 
	background:#f6f6f6;
	height:60px;}
#cal-nav #calendar td.past-day {color:#ccc; padding-top:5px }
#cal-nav #calendar td a {
	display:block; 
	 margin:5px;
	 background:#fff;
	 background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
	-moz-box-shadow: 1px 1px 4px #777;
	-webkit-box-shadow: 1px 1px 4px #777;
	border:0px solid #fff; /* feed dummy border value to keep radius happy in FF */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
		}

#cal-nav #calendar td.next-month a {
	
	 background:#e0e0e0;
	 background: -webkit-gradient(linear, left top, left bottom, from(#e0e0e0), to(#ccc));
		}		
		
#cal-nav #calendar td .count {display:block;  padding:5px 3px; font-size:10px; line-height:10px; height:20px}
#cal-nav #calendar td.dead a {color:#888; background:#fff;}
#cal-nav #calendar td a:hover {text-decoration:none; 
	background:#D1E2EF;
	background: -webkit-gradient(linear, left top, left bottom, from(#D1E2EF), to(#acc0cf));
}
#cal-nav #calendar td a:active {

	-moz-box-shadow: 0 0 2px #777;
	-webkit-box-shadow: 0 0 2px #777;
	background: -webkit-gradient(linear, left top, left bottom, from(#acc0cf), to(#D1E2EF));

}
#cal-nav #calendar td.today a {background: #900; color:#fff;}
#cal-nav #calendar td.today a:hover {text-decoration:none; background:#DF4545; color:#fff;}



/**************************************** events list *******************************/

#cal-events {clear:right; }

#calendar-wrap #cal-events > li {
	margin:10px 0 0 0; 
	padding:5px 0 0 0; 
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-bottom:2px solid #eee; 
	min-height:90px;
	clear:left;
	}
#cal-events li h4 {font-size:1.2em; padding-top:4px}	
#cal-events li .price {color:#fff;}
		
#calendar-wrap #cal-events li.promo {
	border:5px solid #ccc; 
	background: url(../img/ed-choice3.png) bottom left no-repeat; 
	margin:5px 6px;
	}
	
#calendar-wrap #cal-events li.promo .cats.left {float:none}
#cal-events li.promo .date-time {margin:0}

#cal-events li.promo .desc {margin-left: 85px;}

.date-time,
#cal-events .price {
	margin: 5px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	text-align:center; 
	font-weight:bold;
	font-size:1.2em;
	}	
.date-time {
	background: #eee; 
	background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#ddd));
	padding:8px 10px 0; 
	width:50px; 
	
	margin-left:0;
	border:1px solid #ddd
}
.date-time .date {
	color:#222;
	font-size:1em;
	display:block;
}
.date-time .time {
	font-size:.75em; 
	font-weight: normal;
	display:block; margin-bottom:5px;
	}

#cal-events .date-time, #cal-events .price {margin-left:8px}

#cal-events .price {
	background:#819F81; 
	clear:left; 
	padding:3px 5px;  
	}

#cal-events li .desc {margin:5px 10px 5px 90px;}
.cats li {display:inline; line-height:28px}

.cats a {
	border:1px solid #e5e5e5; 
	color:#999; 
	font-size:.9em; 
	padding:5px 5px 4px; 
	-moz-border-radius:3px; 
	-webkit-border-radius:3px;
	white-space: nowrap}

dd.cats {line-height:30px}	
.cats a:hover {
	text-decoration:none; 
	background:#eee; 
	color:#666
	}

#cal-events .meta { 
	margin:5px 0 10px 0; 
	text-align:right; 
	font-weight:bold;
	}
#cal-events .meta a  {color:#77919F}	
#cal-events .promo .meta {
	line-height:18px;
	margin-top:20px;
	margin-bottom:5px
	}
#cal-events .promo .meta .left {color:#43687d; font-size:120%; margin-left:-25px;
	}

/******************************* pagination ***************************************/
#cal-pager {margin:20px 0; padding-bottom:15px; }
#cal-pager li {display:inline; padding:5px;}

#cal-pager .pager-current{ background:none; color:#222; padding:5px; margin:5px 0; width:15px; text-align:center;}
#cal-pager a {border:1px solid #ccc; color:#555; padding:5px; text-align:center; -moz-border-radius:3px;}
#cal-pager .pager-item a {width:15px; background:#990000; color:#fff;}

/*********************************************************************************** 
*
* Forms 
*
************************************************************************************/
#add-event #cal-add {
	text-align: left; 
	color:#fff;
	text-shadow: -1px -1px 0 #cf740b;
	letter-spacing: 1px
}

#form-add-event {width:500px;  margin:0 auto}

#form-add-event fieldset {
	padding:10px;
	border:2px solid #ddd; 
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	margin-bottom:20px;
	background:#fcfcfc
	}
	
#form-add-event legend {font-weight: bold; font-size:1.3em; background:#fff; padding:0 6px; margin-left:-6px; 
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #ddd;
	letter-spacing: 1px
	}	
#form-add-event legend span {padding-left:5px; letter-spacing: normal}
#form-add-event label {display:block; font-weight: bold; font-size:1.2em}
#form-add-event label .help {font-size:.8em; font-weight:normal}
#form-add-event input[type="text"],
#form-add-event textarea {
	width:460px; 
	font-size:1.4em; 
	padding:5px; 
	border:2px solid #ccc;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

.floatkids label {width:49%; float:left}

#form-add-event textarea {height:5em}

#form-add-event .button {
	margin:10px auto; 
	padding: 5px 40px;
	font-size:1.3em;
	border:1px solid #444;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	-moz-box-shadow: 0 1px  1px rgba(255, 255, 255, 0.5);
	-webkit-box-shadow: 0 1px  1px rgba(255, 255, 255, 0.5);
	}


/******************************* locations */

#event-map {
	margin: 0 1px 5px 10px; 
	border:1px solid #bbb; 
	padding:8px; 
	width:325px; 
	background:#fcfcfc;
	background: -webkit-gradient(radial, 100 center, 50, 100 center, 250, from(#fff), to(#ddd)); 	
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
	min-height:200px
	}

#event-map .directions {
	padding:12px 10px 10px; 
	line-height:28px; 
	}
#event-map .directions input {font-size:1.2em}

#event-map #address {padding:3px 3px 2px; border:2px solid #999}

#cal-event-map {
	height:230px; 
	width:322px;
	border:1px solid #777
	}
ul.cal-event-map-tools  {background:#222; color:#f5f5f5; width:340px; }

ul.cal-event-map-tools li {
	float:left; 
	width:79px; 
	border:1px solid #777; 
	background: #555;
	background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#333));
	padding:15px 0 14px; 
	line-height: 24px;
	text-align:center; 
	font-size:.8em;
	}

/* top-level meta info */
ul#event-meta, ul#event-meta li {clear:left;}
	
ul#event-meta {
	margin:0 5px; 
	height:242px
	}
	
ul#event-meta > li {
	padding:10px 0; 
	font-size:1.2em; 
	border-bottom:2px solid #eee;
	}

ul#event-meta strong {
	display:block; 
	float:left; 
	font-weight:normal; 
	color:#999; 
	width:90px;
	}
	
/************************************* 
* DETAILS 
*************************************/
#calendar-details {margin-left:8px}
#calendar-details h2 {font-size:1.3em; margin:5px 0 5px 0px;}
#calendar-details h2.event-header { padding-left:80px; min-height:55px}

#detail-basics {margin-bottom:30px}
#detail-basics dt,
#detail-basics dd {font-size:1.15em}
#detail-basics dt {float:left; padding-top: 10px; font-weight: normal; color:#666}
#detail-basics dd {padding:10px 0 9px 80px; margin:0; border-bottom:2px solid #eee}

.shadow {display:block; 
	padding:8px; border:1px solid #ccc; 	
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
	width:325px;
	margin:10px 0 0 10px}

h3#upcoming-events {clear:right; position:relative; top:-1.5em; margin-bottom:-1.5em}

#gmap_canvas {height:240px; width:322px; border:1px solid #999}
	
#eventful-frame {width:100%; height:750px; border:0; margin:0; padding:0}
#eventful-badge {float:right; text-align:right; margin-right:10px; width:140px; font-size:85%}
#eventful-badge * {text-decoration:none; border:0}
.exp {margin:-10px 0 0 10px}