body { 
    background:#fff;
    background-image:url(images/cloud-bg-tile.png);
    background-repeat:repeat-x;
    font-family:helvetica, arial, sans-serif;
    margin:0;
    color:#666;
}
	
    

    		
/* The following two classes allow the banners to extend visibly to the left of the text column on the homepage*/
.frontpage .column {
    overflow: visible;
}			

* html .frontpage .column {
    overflow: visible;
}	

/* The following two classes allow the banners to extend visibly to the left of the text column on the event detail page*/
.evntDetails .column{
	overflow: visible;
}

* html .evntDetails.column {
    overflow: visible;
}	
		

* html .frontpage #content {
    margin-left: -5px;
    margin-right: 0;
    padding-left: 0px;
    padding-right: 0;
}	

* html .frontpage #content * {
    padding-left: 5px;
}	



/*GENERAL*/

/* All IE 6 specific styles use * html /*
/* All IE 7 specific styles use *+html /*
/*Colors
light green - rgb (232, 234, 217), #e8f4d9
light blue - rgb (239, 248, 253), #EFF8FD
green - rgb(141, 198, 63), #8DC63F
blue - rgb(211, 232, 248). #D3E8F8
dark blue - rgb(28, 117, 188)#1C75BC
brown - rgb(60, 36, 21),#3C2415

----------------------
Cilantro Creme - HEX: #EAF7D9  RGB: 234,247,217
Mint Sherbert - HEX: #C3D6AA  RGB: 195,214,170
Pesto Paste - HEX: #8EA86C  RGB: 142,168,108
Simple Green - HEX: #4D642D  RGB: 77,100,45
Dark Water - HEX: #283A10  RGB: 40,58,16

Source palette: http://www.colourlovers.com/palette/110443/Summer_Grass

*/
#header h1{margin:0px;
	font-size:1px;
	padding:0px;
	margin-left:-600px; 
	overflow:hidden;;
	float:left;
    display:none;
}

#header img {
    border: none;
}
h1 {
    margin-top: 1em;
}
h2, h4{
	display:block;
	width:100%;
	padding: 5px 0px 2px 0px;
	font-weight:bold;
	}

h2, h3, h4, h5{
	margin-bottom:10px;}
	
p {
	
	margin: 0 0 20px 0;
}

ol ol {
    list-style-type: lower-alpha;
}	

ol ol ol {
    list-style-type: lower-roman;
}

/*Wrapper */
#wrapper{
    width:960px;
    background:#fff;
    margin:0 auto;
    padding:0px;
    border-top:0px;
}



/*************************************/
/********* HEADER ELEMENTS ***********/                    
/*************************************/


#header{
	background:rgb(255, 255, 255);
}

/* this class applies to the refresh box that rolls down when filters are applied to the events page */
#pageRefresh{
	padding:6px 0px 6px 15px;
	background-color:#900;
	margin-bottom:15px;
	border-top:1px #FFF solid;
	-moz-border-radius-bottomright: 7px;
	-moz-border-radius-bottomleft: 7px;
	-webkit-border-radius-bottom-right: 7px;
	-webkit-border-radius-bottom-left: 7px;
	width:945px;
	position:absolute;
	z-index:99;
	top:180px;
}
#pageRefresh p{
	font-size:10px;
	color:#FFF;
	margin:0;
	padding:0
}

/*creating a border running at the bottom of the header image*/
#header img{border-bottom:3px solid #fff; float:left;}

/*sets the nav bar*/

#navigation{

	width:960px;
	margin:0px 0px 20px 0px;
	padding:6px 0px 7px 0px;
	background:rgb(57, 115, 191);
	display: inline;
	background-image:url(images/nav-bg.png); 
	background-repeat:repeat-x;
}


* html #navigation {
    margin-right: -3px;
}

.navlist li
{	display:inline;
	padding:0px;
	margin:0px;

	}

.navlist a{
	color:rgb(239, 248, 253);
	font-size:14px;
	font-weight:bold;
	padding:8px 20px;
	border-right:1px solid white;
	text-decoration:none
	}
	
.navlist li a.active, .navlist li a:hover{
	color:rgb(57, 115, 191);
	background:rgb(211, 232, 248);
	
}



/*************************************/
/********** MAIN CONTENT *************/                    
/*************************************/


/*The main content container */
#layout {
    margin-top:10px;    
    background-repeat:repeat-y
}





/*************************************/
/************ CONTENT ****************/                    
/*************************************/
	
* html #eventdays {
    margin-left: -20px;
}
#events h2{
    border-bottom:4px solid rgb(57, 115, 191);
    background-color:#CCC;
    padding: 5px 0px 5px 5px;
    color:rgb(67, 149, 57);
}

#content h2 {
    background: transparent url(/static/images/event-detail-banner.png) no-repeat scroll 0 0;
    padding: 8px 0px 20px 40px;    
    margin: 0px 0px 0px -10px;
    color:#fff;
    font-size:1.0em;
    font-weight:bold;
    text-transform:none;	
}

#content h3 {
	font-size:24px;
	font-family:helvetica, arial, sans-serif;
	color:#069;
	
	padding:5px 5px 0px 0px;
	display:block;
	line-height:1.2em;
	margin:0px 0px 3px 0px
}

/* this class drops the size of the event titles on the homepage*/
#content h3 a{
	font-size:14px;

}

#content .dtstart{
	margin:0;
	padding:0;
	color:black;
	font-weight:bold;
	margin-bottom: 5px;
}


/* this class applies only to the pagination control on the homepage*/
.pagination{
	text-align:right;
	margin-right:250px
}

#featured_event .metadata, #eventdays .metadata {
    font-size: 90%;
    padding-bottom: .5em;
    clear: left;
}

#eventdays .metadata .datetime, #featured .metadata .datetime {
    font-weight: bold;
    clear: both;
}



.moreDeatilButton img {
    border: none;
}


.moreDeatilButton{
    margin-top:23px;
    display:block
}
/*************************************/
/******** FEATURED EVENTS ************/                    
/*************************************/

#featured_event{
	background: url("/static/images/featured-event-bg.jpg") repeat-x;
    background-color:#F0F6F2;
	}
	
#featured_event p{
	font-size:12px;
}
	
#featured_event h2{
    background: url("/static/images/featured-event-flag.gif") no-repeat;
    margin-top: 10px;
    margin-left: -12px;
    margin-bottom: 0;
    padding: 9px 0px 0px 38px;
    color: #fff;
    border: none;
    height: 45px;
}

* html #featured_event h2 {
    background: url("/static/images/featured-event-flag-ie6.gif") no-repeat;
    margin-left: -17px;
    padding-left: 20px !important;
    width: 160px;
}
#featured_event .metadata  {
    margin-top: -5px;
    clear: both;
    font-weight:bold;
}
#events h3{
    font-size:14px;
    font-family: Arial, Helvetica, san-serif;
    color:#069;
    font-weight:bold;
    padding:5px 5px 5px 0px;
    display:block;
    line-height:1.2em;
    margin: 0;
    width:650px;
}

html #featured_event h3 a {
    font-family: Arial, Helvetica, san-serif;
    font-size: 24px;
    color: #3973b9;
    text-decoration: none;
    float: left;
}

#featured_event .moreDeatilButton {
    display: none;
}

#featured_event h3 {
    width: 500px;
    margin-top: -45px;
} 

* html #featured_event h3
{
    margin-top: -10px;
}

*+html #featured_event h3
{
    margin-top: -20px;
}


#featured_event h3 a:hover {
    background: none;
}
#featured_event h4{
margin:3px 20px;
}

#featuredEventBadge img{
    border: none;
}

#featuredEventBadge {
    float: right;
    margin: -30px 10px 0px 0px;
    min-height:51px;
    min-width:141px;
}
#featured_event h4 a{
    font-weight:bold;  
    color:#4D642D;
}

#featured_event .description {
    padding-right: 15px;
    width:680px;
}


#featured_event .datetime {
    font-weight: bold;
}
#featured_event div.vevent {
    border: none;
}

/*************************************/
/*******APPLIED FILTER STYLES ********/                    
/*************************************/


/*knock out the default margin to keep the filters nicely aligned*/
#activeFilters{
	margin:0;
	padding:0
	}

#activeFilters img {
    border: none;
    padding: 0;
}
/*set filters to fall in line and drop the li markers */
#activeFilters li {
	list-style-type:none;
	display:inline
}

/*this class adds all the sizing and style to the filters when they appear - extra right padding to accomodate the "X" */

#activeFilters li a, #activeFilters li span{
	display:inline-block;
	border:2px dashed #06F;
	background-color:#FFC;
	margin:3px 3px;
	padding:5px 8px 5px 8px 
	}


#activeFilters.ajax li a, #activeFilters.ajax li span{
	display:inline-block;
	border:2px dashed #06F;
	background: #FFC url("/static/images/filter-x.png") no-repeat top right;
	margin:3px 3px;
	padding:5px 25px 5px 8px 
	}


/* Hover state to give user a response when they roll over to remove the filter.*/
#activeFilters li a:hover{
	background: #CCC url("/static/images/filter-x-hover.png") no-repeat top right;
	}
	

	
#submit{
	background:rgb(141, 198, 63);
	font-size:12px;
	font-weight:bold;
	color:#fff;
	text-align: center;
}

#submit a {
    text-decoration: none;
    border: none;
}

#submit img {
    border: none;
}


#submit-event, #subscribe-page{
    font-size:medium;
}

#subscribe-page select{
    width:265px;
}


#events h3 a, #content h3 a{
	padding:4px 0px;
	display:block;
	color:#666
}



#events h3 a:hover{
	/*background:#4e652e;*/
	color:#3973B9;
	font-weight:bolder;
}

.frontpage div.vevent{
	border-bottom:1px solid #D3E8F8;
	margin-top:0px;
	padding:0px 0px 0px 20px;
}
	
#events .row{margin-bottom:20px;}

/*align the event details to the right*/
#eventdays dl dt, #eventdays dl dd{
	text-align:right
}

#eventdays h3 a {
    padding-bottom: 0;

}

#eventdays ul, #eventdays li, #featured_event ul, #featured_event li{
	list-style-type:none;
	padding:0;
	margin:0;
	}

#events dd{margin-left:0px}

p.date{
    background: url("/static/images/date-bg.png") no-repeat 0px 0px;
    font-size: 13px;
    color: #fff;
    font-weight: bold;
    height: 45px;
    margin-left: -12px;
    padding-left: 38px;
    padding-top: 7px;
    margin-bottom: 0;
}

* html p.date {
    margin-left: -22px;
    padding-left: 22px !important;
}
div.description p, div#description p{
	font-size:1em;
	line-height:1.5em;}
    


dt{font-size:12px;
color:rgb(141, 198, 63);
font-weight:bold;

}
dd, dd a {font-size:12px;

margin-bottom:10px;
line-height:16px;}

dd a{
	text-decoration:underline;
	color:rgb(57, 115, 191);
}

/*dd a:hover{
	background:rgb(141, 198, 63);
	color:rgb(255, 255, 255);
}*/

#map_canvas{
	margin:15px 0px;
	
}


/*EVENT DETAILS PAGE*/
#event_heading abbr{
	border-bottom:0px
}

#event_details{
	margin-top:8px
}

#event_details .dtstart, #event_details .location{
	font-weight:bold;
	font-size:12px;
	line-height:16px;
}	
	#event_details .location{
	color:rgb(255, 255, 255);
	background:rgb(141, 198, 63);
	padding:10px 5px;
}
	
#address{
	margin:2px 0
}

div.location{
	margin:10px 0px;
	color:rgb(141, 198, 63);}
	
div.location dt, div.location dd, div.location li, div.location ul{
	display:inline;
	color:#666;
	text-decoration:none;
	padding:0; 
	margin:0
}
	
#add_to_cal {
	border:1px solid #8DC63F;
	width:136px;
}

#add_to_cal h4{
	color:rgb(255, 255, 255);
	font-size:12px;
	background:rgb(141, 198, 63);
	padding:10px 5px;
	margin:0;
	font-weight:bold
}

#add_to_cal li, #add_to_cal li a{
	font-size:12px;
	padding:5px;
	margin:0;
	list-style-type:none;
}

#add_to_cal ul{margin:0; padding:0}

#add_to_cal{
    background-image:url("/static/images/closeX.png");
    background-position:right top;
    background-repeat:no-repeat;
}


#metadata {
    text-transform: capitalize;
}




.row.space{padding-bottom:20px;}


#metadata{
	background:transparent url(/static/images/event-detail-background-gradient.jpg) repeat-x;
	padding:1em 
	}

#metadata dd {
	margin:0 0 .5em;
	padding:0
}

#metadata dt {
	color:#000;
	font-weight:normal;

}

#metadata dd ul{
	margin:0;
	padding:0;
}
	
#metadata dd li{
	list-style:none;
	padding:0;
}

#address{margin-bottom:8px}


/*FOOTER*/

#footer{
	background:rgb(57, 115, 191);
	background-image:url(images/footer-bg-tile.png);
	background-repeat:repeat-x;
	padding:20px 0px;
	height:60px;
	text-align:center}
	

#footerNavContainer{
	width:960px;
	margin:10px auto 0
	}


#footer ul.navlist{
	text-align:left;
	margin:0;
	padding:0;
	float:left
}
#footer ul.navlist li a {
	color:rgb(255, 255, 255);
	font-size:11px;
	font-weight:bold;
	padding:8px 10px;
	border-right:1px solid white;
	margin:0;
	
}
	
#footer ul.navlist li a:hover {
	background-color:#006}
	
.sponsorship{
	background:rgb(255, 255, 255);
	height:60px}
	
#poweredBy{
	float:right;
	margin-right:10px;
	margin-top:-15px;
	color:#fff;
	text-align:center
	}

* html #poweredBy {
    margin-top: 0;
}


#poweredBy a {
    color: #fff;
}
	
#poweredBy img{
	margin-top:5px
}
	
/*************************************/
/******** SUBMISSION FORMS ***********/                    
/*************************************/



fieldset legend{
	font-weight:bold;
	text-transform:uppercase;
}

fieldset label{
	color:#666;
	font-size:1.2em;
	font-weight:bold;
	display:block
}

fieldset ul{
	padding-left:.5em;
}
	
fieldset li{
	list-style-type:none;
	margin-left:.5em;
	padding:.25em;
	padding-left: .75em;
	color:#666666;
	font-size:.8em;
	margin-bottom:5px;
	clear: both;
	text-align: left;
	height: 100%;
}


fieldset input, fieldset textarea, fieldset select{
	display:block;
}

/* Fix alignments of fields for IEs */
*+html fieldset select {
    margin-left: 25px;
}

* html fieldset select {
    margin-left: 25px;
}


#emailSignup, #contactForm, #contactInfo {
	border:1px solid #666;
	background:#efefef;
	margin-bottom:5px; 
	width: 325px;
	margin-left:300px;
	}

#contactForm {
    margin-left: 0;
    float: left;
}

#contactForm {
    width: 425px;
}

#contactInfo {
    margin: 0px 0px 0px 190px;
    width: 270px;
    padding: 20px;
    padding-top: 5px;
    float: left;
    margin-left: px;
}

#contactInfo h3 {
    margin-bottom: 5px;
}

#emailSignup input,
#emailSignup select {
    margin: 0px;
    padding:0px;

}


#subscribe-page h1{
	margin-top:0;
}

#signupForm{
	background-image:url(/static/images/email-mockup-right-tilt.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	overflow:visible;
	height:400px;
	padding-top:60px;
	
}

#signupForm fieldset {
	border:1px solid #666;
	background:#efefef;
}


#signupForm fieldset ul{
	padding-left:0
}

/*image margin for social media icons */
#socmediaicons img{margin-right:5px}




#aboutEvent{
	margin:0 5px;
	float:left;
	width:590px;	
}

#aboutEvent #id_end_datetime_1_hour,
#aboutEvent #id_end_datetime_1_minute,
#aboutEvent #id_end_datetime_1_meridiem,
#aboutEvent #id_start_datetime_1_hour,
#aboutEvent #id_start_datetime_1_minute,
#aboutEvent #id_start_datetime_1_meridiem{
    width:50px;
    display:inline;
}
#aboutEvent #id_start_datetime_1_second,
#aboutEvent #id_end_datetime_1_second{
    display:none
}

#aboutEvent .placeholder{color:gray;}

#aboutEvent .dates{
   width:500px;
    
}
#aboutEvent .times{
    width:260px;
    float:right;
    text-align:right;

}
.datefields{
    float:left;
}

#aboutEvent select, #aboutEvent textarea, #aboutEvent input{
	width:500px
}

#aboutEvent #id_start_datetime_0,
#aboutEvent #id_end_datetime_0{
    width:230px;
    display:inline;
}

.dates h3{
    width:100px;
    text-align:left;
}




/*Specific margin on one element for IE6's padding weirdness */

* html fieldset#aboutUser select {
    margin-left: 0px;
}

#aboutUser select{
	width:200px
}

#submitEmail, #submitEvent{
	margin:5px 0px
}


#submitEventButton{
    margin-bottom:20px;
    float:right;
    display:block;
     
}


	

#emailSignup .buttonset{
   float:right;
   margin-right:24px
}

#emailSignup .error{
    color:red;
}

ul.errorlist {
    margin: 0;
    padding-left: 0;
}	

ul.errorlist li {
    margin: 0;
    padding-left: 0;
    font-size: 1.4em;
    font-weight: bold;
    color: #f00;
    height: 100%;
}

.errorItem {
    border: 3px dashed #F33;
    margin-top: 10px; 
    clear: both;
    display: block;
}

.ajaxShow {
    display: none;
}



/* Blueprint css typography - cause it's prettier */

/* typography.css */
body {font-size:75%;color:#222; font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em; line-height:1.5em}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline;}
blockquote {margin:1.5em;color:#333;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {
    border-bottom:0px dotted #666;
    color:black;
  }
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

/*styling for error pages  */
#cboxContent h1{
   margin-top:0em;
    
    
}

#cboxContent #cboxLoadedContent{
   
   padding:10px;
    
    
}


#cboxLoadedContent ul{padding-left:0px;}



.leafbox h1{background-image:url(/static/images/just-leaf.png);
        background-repeat:no-repeat;
        margin-right:30px;
        padding-left:60px;
}

/*styling for error pages  */
#errormessage{
    min-height:300px;
    
    
}

/*styling for error pages  */
body.iframed {    background:#fff;
    background-image:none;}