#content 				{ 
							width		: 561px; 
							float 		: left; 
							padding 	: 30px 30px 30px 0;
							min-height 	: 500px;
						}

aside	 				{ 	
							width		: 187px; 
							float 		: left;
							margin 		: 30px 30px 30px 0px; 
							padding		: 0px; 
							min-height 	: 500px;
						}

aside section			{ 	
							background  : #9DB4C8 url(/images/background-aside.png) top left repeat-x;
							color 		: #fff;
							font-family : 'Nunito', sans-serif;
							font-size 	: 12px;
							line-height : auto;
							min-height 	: 200px;
							padding 	: 20px;
							width		: 187px; 
						}

#sign-up-for-newsletter	{ 	
							display 	: block;
							text-align 	: right;
						}

#sign-up-for-newsletter	span { 	text-transform: uppercase; color: #881551; font-weight: bolder; }

#upcoming-events 		{ 
							list-style-type : none; 
							margin 			: 0; 
							padding 		: 0; 
						}

#upcoming-events li 	{ 	float 	: left; 
							width 	: 170px;  
							padding : 0 20px 20px 0; 
							display: block-inline;
						}

@media screen and (max-width: 320px) {

	aside 				{ width: auto; min-height: 0; margin: 10px; }

	aside section 		{ width: auto; min-height: 0; }

	#upcoming-events li { float: none; }

}