/*************************************/
/************** SIDEBAR **************/                    
/*************************************/


#sidebar{
	background-color:#EAF7D9;
	font-size:12px;
	float: right;
	overflow: hidden;
}

/*this is the control for the top header*/
.frontpage #sidebar h3{
	padding:0 8px;
	height: 34px;
	line-height: 34px;
	margin:0px;
	background-color:#4D642D;
	background: url('/static/images/sidebar-header-bg.jpg');
	color:#FFF;
	font-size:13px;
	font-weight:bold;
	text-transform:uppercase
	}
	

/*positioning for the intro text above filters*/
.frontpage  #sidebar p{margin:5px 8px}

.frontpage #sidebar div, .frontpage #sidebar ul {
    margin: 5px 0px;
}

.frontpage #sidebar div#eventCategories {
    margin: 0;
}

.frontpage #sidebar ul {
    padding-bottom: 0;
}

.frontpage #sidebar h4#filterHeading {
    background: url('/static/images/green-graident-header.jpg') repeat-x;
    color: #fff;
    font-weight: bold;
}

#accordionControls {
    text-align: center;
    padding: 5px;
}

#accordionControls img {
    border: none;
    margin-left: 3px;
    vertical-align: middle;
    margin-top: -2px;
}

#expandAll, #collapseAll {
    text-align: center;
    padding: 3px;
    background: url('/static/images/accordion-header.jpg');
    border: 2px solid #fff;
    text-decoration: none;
    color: #4D642D;
    margin: 5px;
}

#expandAll img , #collapseAll img {
    margin: 0;
}

/*styling for the types of filter headers*/
.frontpage #sidebar h4{
	font-size:13px;
	cursor: pointer;
	background-color: #d0d0d0;
	color:rgb(77,100,45);
	padding:8px 7px;
	margin: 0;
	background: url('/static/images/accordion-header.jpg') repeat-x;
	}


.accordionState { 
    width: 14px;
    height: 14px;
    padding-right: 15px;
    float: right;
    background: url('/static/images/accordion-plus.png') no-repeat;
}	

*+html .accordionState {
    margin-top: -15px;
}

.accordionOpen .accordionState { 
        background: url('/static/images/accordion-minus.png') no-repeat;
}

.frontpage #sidebar h5{
	font-size:12px;
	font-weight:bold;
	margin-top:10px;
	margin-bottom: .5em;
	}
	
.frontpage #sidebar .grid_2 {
	width:auto;
}

#sidebar .portlet {
    margin: 5px;
	
}

#emailSignupForm #email {
    width: 120px;
}

#sidebar #datePickerWrapper  {
    margin: 0px;
}

/*Series of classes to control the appearance and UX for listed filters  */
.frontpage #sidebar ul{
    margin-left:10px; 
    padding-left:8px;
    list-style-type: none;
}

.frontpage #sidebar li{
	margin-left:0px;
	padding-left:0px;
	text-transform:capitalize;
	margin-bottom:.5em

}

.frontpage #sidebar li a{
	color:#4D642D;
	padding:3px}
	
.frontpage #sidebar li a:hover{
	background-color:#4D642D;
	color:#FFF}
	
.frontpage #sidebar #emailSignupForm label {
    font-weight: bold;
}

.frontpage #sidebar #emailSignupForm #email {
    margin-bottom: 5px;
}

#datePickerButtons {
    margin-top:10px;
}

#moreCategories{
    color:#4D642D;
    margin-left:20px;
    text-decoration:none;
}

.ui-datepicker {
    width: 211px;
}

.active-filter {
    text-transform:capitalize;
}

#resetFilters {
    display: block; 
    text-align: right;
}



/*************************************/
/********** PROMO SIDEBAR ************/                    
/*************************************/

#promo-sidebar{
	float:right
}

#signUp{
	background: url("/static/images/green-background-gradient.jpg") repeat-x;
	padding:8px
}

#signUp .innerBg{
	background: url("/static/images/green-inner-promo-background-gradient.jpg") repeat-x;
	padding:8px;
}

#signUp h5, #signUp p{
	color:#fff
}

#signUp h5{
	font-size:16px;
	margin:8px 0px
}

#actionBtns{
	text-align:center
}

#actionBtns a{
	color:#EAF7D9;
	font-size:11px
}


#signUpBtn a{
	color:#fff;
	padding:10px 45px;
	margin:3px 0;
	font-size:16px;
	text-decoration:none;
	background: url("/static/images/blue-button.png") no-repeat;
	display:block
}

#signUp a:hover{
	color:#fff;
}

ol#blogroll  {margin:0em;
               list-style-type:none;
               padding-top:1em;
               padding-bottom:1em;
               padding-left:3px;}

               
               
               
               
               
#subscribe_and_follow{
    padding-top:3px;
    padding-bottom:3px;
}

#subscribe_and_follow a{
    margin-right:5px;
    text-decoration:none;
    vertical-align:middle;   
}

#subscribe_and_follow strong{
    margin-top:4px;
    position:relative;
    color:#4D642D;
    text-decoration:underline;
    bottom:5px;

}



.showMoreCategories a{font-weight:bold}

.help{
    color:white;
    text-decoration:none;
}