/**
* Ability Explosion - Home Page
*
* @package		css
* @author			Common Zen Media
* @author			Talita Pagani
* @copyright	Copyright (c) 2010, Common Zen Media
*/

.sidebar
{ background: url(/media/static/images/ability-images/bg_sidebar.jpg) repeat-x left top; height: 810px; position: absolute; right: 15px; top: 12px; width: 285px; }

.special-text
{ width: 520px; }

/** Entertainment */

.entertainment
{ width: 555px; }

	.entertainment h2
	{ color: #999; }
	
	.entertainment .complementary-info a, .entertainment .complementary-info a:visited
	{ color: #03508F; }
	
	.entertainment-content
	{ height: 100%; overflow: hidden; padding: 20px 20px 50px 20px; }
	
	.entertainment-content ul
	{ border-right: 2px dotted #999; float: left; padding: 0 20px 0 40px; width: 20%; }
	
	.entertainment-content ul li
	{ font-size: 16px; font-weight: bold; line-height: 30px; list-style-type: disc; text-transform: lowercase; }
	
	.entertainment-content ul.no-border
	{ border: none; }
	
/** Exhibitors */

.exhibitors h2
{ width: 530px; }

	.exhibitors h2
	{ color: #45B64A; }
	
	.exhibitors .complementary-info a, .exhibitors .complementary-info a:visited
	{ color: #45B64A; }
	
	.exhibitors-content
	{ height: 100%; overflow: hidden; padding: 30px; }
	
	.exhibitors p
	{ margin:inherit; line-height:inherit; }
	
	.exhibitors-content dl
	{ border-right: 1px dotted #ECF5DD; float: left; padding: 0 25px 0 25px; width: 18%; }
	
	.exhibitors-content dt
	{ color: #92C83E; font-size: 14px; }
	
	.exhibitors-content dd
	{ padding: 0 0 25px 0; }
	
	.exhibitors-content dd a, .exhibitors-content dd a:visited
	{ color: #999; display: block; font-size: 10px; }
	
/** Location */

.location
{ background: url(/media/static/images/ability-images/bg_date.jpg) no-repeat 0 0; height: 75px; position: relative; width: 284px; }

	.location h3
	{ color: #0F490F; font-size: 30px; font-weight: normal; padding: 20px 0 0 30px; }
	
	.location h4
	{ color: #FFF; font-size: 16px; font-weight: bold; padding: 8px 0 0 30px; }
	
	.location p
	{ background: #6E7F26; bottom: -10px; color: #B6C176; font-size: 18px; padding: 10px; right: 0; position: absolute; }
	
/** Get Involved */

.get-involved
{ overflow: hidden; }

.get-involved h2
{ color: #088D0E; font-size: 20px; font-style: italic; font-weight: bold; padding: 10px 0 0 20px; text-transform: capitalize; }

.get-involved ul
{
	background: url(/media/static/images/ability-images/bg_get_involved.png) no-repeat 20px 0;
	height: 80px;
}

	.get-involved ul li
	{ float: left; text-align: center; }
	
	.get-involved ul a, .get-involved ul a:visited, .get-involved ul span
	{ color: #878240; display: block; font-size: 14px; font-weight: bold; padding: 55px 0 0 0; text-transform: lowercase; width: 100%; }
	
	.get-involved ul li img
	{ display:none;}
	
	.ge-share
	{ width: 85px; }
	
	.ge-donate
	{ width: 90px; }
	
	.ge-volunteer
	{ width: 85px; }
	
/** Calendar Teaser */

.events-calendar
{ padding: 20px 10px 20px 15px; }

.events-calendar p
{ margin:inherit; line-height:inherit; }

.events-calendar h2
{ background: url(/media/static/images/ability-images/bg_calendar_events.jpg) no-repeat bottom left; font-size: 42px; font-weight: normal; line-height: normal; padding: 0 10px 15px 0; position: relative; text-align: right; text-transform: lowercase; }

	.events-calendar h2 span
	{ display: block; font-size: 16px; font-weight: bold; left: 80px; position: absolute; top: -3px; }
	
	.events-calendar h2.orange
	{ background: url(/media/static/images/ability-images/bg_calendar_orange.gif) no-repeat bottom left; }
	
	.events-calendar h2.orange span
	{
	display: block;
	font-size: 16px;
	font-weight: bold;
	left: 95px;
	position: absolute;
	top: -3px;
}
	
	.events-calendar h2.green
	{ background: url(/media/static/images/ability-images/bg_calendar_green.gif) no-repeat bottom left; }
	
	.events-calendar h2.green span
	{
	display: block;
	font-size: 16px;
	font-weight: bold;
	left: 75px;
	position: absolute;
	top: -3px;
}

	.events-calendar h2.babyblue
	{ background: url(/media/static/images/ability-images/bg_calendar_babyblue.gif) no-repeat bottom left; }
	
	.events-calendar h2.babyblue span
	{
	display: block;
	font-size: 16px;
	font-weight: bold;
	left: 75px;
	position: absolute;
	top: -3px;
}
	
	.events-calendar dl
	{ padding: 15px 15px 0 10px; }
	
	.events-calendar dt
	{ color: #333; font-size: 11px; font-weight: bold; padding: 10px 0 0 0; text-transform: uppercase; }
	
	.events-calendar dd
	{ border-bottom: 1px dotted #666; color: #666; font-weight: bold; padding: 0 0 15px 0; }
	
	.events-calendar dd strong
	{
	color: #000;
	display: block;
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
}
	
	.events-calendar dd.no-border
	{ border: none; }
	
	.view-more
	{ background: url(/media/static/images/ability-images/button.jpg) no-repeat 0 0; height: 31px; margin: 15px auto 0 auto; text-align: center; width: 254px; }
	
		.view-more a, .view-more a:visited
		{ color: #A91E23; display: block; font-size: 14px; font-weight: bold; line-height: 31px; text-transform: lowercase; }
		

/** Calendar Page 


.events-calendarpage h2
{ background: url(/media/static/images/ability-images/bg_calendar_events.jpg) no-repeat bottom left; font-size: 42px; font-weight: normal; line-height: normal; padding: 0 10px 15px 0; position: relative; text-align: right; text-transform: lowercase; }

*/

.events-calendarpage
{ padding: 20px 10px 20px 15px; width:550px; }


.events-calendarpage h2
{ background:url(/media/static/images/ability-images/bg_calendar_white.gif) no-repeat top left; font-size: 42px; font-weight: normal; line-height: normal; padding: 0 10px 15px 0; position: relative; text-align: right; text-transform: lowercase; }


	.events-calendarpage h2 span
	{ display: block; font-size: 16px; font-weight: bold; left: 80px; position: absolute; top: -3px; }
	
	.events-calendarpage dl
	{ padding: 15px 15px 0 10px; }
	
	.events-calendarpage dt
	{
	color: #333;
	font-size: 15px;
	font-weight: bold;
	padding: 10px 0 0 0;
	text-transform: uppercase;
}
	
	.events-calendarpage dd
	{
	border-bottom: 1px dotted #666;
	color: #666;
	font-weight: bold;
	padding: 0 0 15px 0;
	font-size: 12px;
}
	
	.events-calendarpage dd strong
	{
	color: #000;
	display: block;
	font-size: 24px;
	font-weight: bold;
	line-height: 32px;
}

	.events-calendarpage p
	{
	color: #333;
	display: block;
	font-size: 19px;
	font-weight: 100;
	line-height: 29px;
}

	.events-calendarpage a
	{ 
	color:inherit; 
}

	.events-calendarpage a:hover
	{ 
	color:#900; 
}

	.events-calendarpage a:active
	{ 
	color:#666; 
}

	.events-calendarpage a:visited
	{ 
	color:#666;
}
	
	.events-calendarpage dd.no-border
	{ border: none; }
	
	.view-more
	{ background: url(/media/static/images/ability-images/button.jpg) no-repeat 0 0; height: 31px; margin: 15px auto 0 auto; text-align: center; width: 254px; }
	
		.view-more a, .view-more a:visited
		{
	color: #0C0;
	display: block;
	font-size: 14px;
	font-weight: bold;
	line-height: 31px;
	text-transform: lowercase;
}

/*////////////////////// NEW STYLE /////////////////////////*/
		
/**
* Slider
*
* @section	slider
*/

#slide-holder
{ height: 310px; overflow: hidden; position: relative; width: 600px; }

#slide-runner
{ height: 272px; left: 0; overflow: hidden; position: absolute; top: 0; width: 600px; }

#slide-controls
{ background: #7F7F7F; border-top: 5px solid #333; bottom: 0; height: 38px; left: 0; margin: 0 0 0 15px; padding: 0; position: absolute; width: 586px; }

div#slide-holder img
{ margin: 0; display: none; position: absolute; }

div#slide-holder div#slide-controls p.text
{ color: #FFFFFF; display: inline; float: left; font-size: 11px; line-height: 16px; margin: 11px 0 0 20px; text-transform: uppercase; }

#slide-nav
{ display: inline; float: right; height: 24px; padding: 5px 15px 0 0; }

div#slide-holder div#slide-controls p#slide-nav a
{ color: #FFF; float: left; width: 24px; height: 24px; display: inline; font-size: 11px; margin: 0 5px 0 0; line-height: 24px; font-weight: bold; text-align: center; text-decoration: none; }

div#slide-holder div#slide-controls p#slide-nav a.on
{ background: url(/media/static/images/ability-images/silde-nav.png) no-repeat 0 0; }


/**
* Description Page
*
* @section	slider
*/

.event_text h3
{ font:19px Arial, Helvetica, sans-serif; margin:9px 0 0 30px; color:#999; line-height:29px; padding-right:10px; }

.event_text p
{ font:14px Arial, Helvetica, sans-serif; margin:9px 0 0 30px; color:#000; line-height:30px; padding-right:10px; }

.facts h3
{ font:21px Arial, Helvetica, sans-serif; margin:13px 0 0 30px; color:#999; padding-right:10px; }

.facts p
{ font:16px Arial, Helvetica, sans-serif; margin:5px 0 0 30px; color:#333; padding-right:10px; }