/*

	File: events.css
	Media: screen
	Copyright: (c) 2010 Church Media Group, Inc. www.churchmedia.cc
	Author: Church Media Group
	Notes: 

/* Events Module
______________________________________________________________________________________ */

.events_mod_cmg { width: 100%; margin-top: 24px;}
.events_mod_head { width: 100%; border-bottom: 1px solid #cccccc; overflow: hidden; padding-bottom: 10px;}
.events_mod_content { width: 100%; border-top: 4px solid #f5f5f5; border-bottom: 4px solid #f5f5f5; overflow: hidden;}
.events_mod_foot { width: 100%; border-top: 1px solid #cccccc;}

label.event_filter { float: right; display: inline; margin-top: 10px; }
select.event_filter { float: right; display: inline; margin-top: 8px; margin-right: 16px}

.events_mod_head h4 { float: left; display: inline; font-size: 1.8em; font-weight: bold; margin-top: 5px;}

.event_list_row { width: 100%; overflow: hidden; border-bottom: 1px solid #dddddd; padding: 10px 0;}
.events_mod_content .last { border: 0;}
.event_list_row .float-left { width: 40px; text-align: center;}
.event_list_row .float-right { width: 540px; overflow: hidden; }
.event_list_row .float-right .float-right { width: 468px; overflow: hidden; }

.location_badge { float: right; display: inline; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: red; color: #fff; margin-right: 6px; padding: 2px 4px 1px 4px; margin-top: -1px; font-size: .725em;}
.contact_location_badge { display: inline; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: red; color: #fff; margin-left: 6px; padding: 2px 4px 1px 4px; margin-top: -1px; font-size: .6em;}
.location_badge.location_1 { background-color: blue;}
.location_badge.location_2 { background-color: green;}
.location_badge.location_3 { background-color: orange;}
.location_badge.location_4 { background-color: yellow;}
.location_badge.location_5 { background-color: purple;}
.location_badge.location_6 { background-color: teal;}
.secondary_double_column .location_badge { margin-top: 3px;}

.location_badges { width: 100%; margin-top: 12px;}
.event_details .location_badge { float: left; display: inline; font-size: 1em; padding: 3px 6px; line-height: 1em;}

.event_list_row .float-right h4 { margin-bottom: 3px;}
span.featured { display: block;  float: right; width: 17px; height: 17px; margin: 10px 0px 0 20px; background: transparent url(../images/icon_featured.png) 0 0 no-repeat; text-indent: -9999px;}

.event_list_row .img_border { padding: 4px; float: left; display: inline; }
.event_list_row:hover .img_border { border-color: #999999; }
.event_list_row:hover .img_border:hover { border-color: #176f52; background-color: #eeb324; }

.event_day_number { font-size: 3.4em; font-weight: bold; line-height: .7em;}
.event_day_name { font-size: 1em; text-transform: uppercase; font-weight: bold; margin: 5px 0 0 2px; letter-spacing: .4em; line-height: 1em;}
.event_year { font-size: 1em; text-transform: uppercase; font-weight: bold; margin: 5px 0 0 2px; letter-spacing: .35em; line-height: 1em;}
.event_month { font-size: 1em; text-transform: uppercase; font-weight: bold; margin: 0 0 3px 2px; letter-spacing: .5em; line-height: 1em;}

.btn_event_prev { display: block; height: 24px; width: 28px; text-indent: -9999px; background: #eeb324 url(../images/btn_event_arrows.png) top center no-repeat; float: left; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin-top: 4px;}
.btn_event_prev:hover { background-color: #333333; }
.btn_event_next { display: block; height: 24px; width: 28px; text-indent: -9999px; background: #eeb324 url(../images/btn_event_arrows.png) bottom center no-repeat; float: left; margin: 0 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin-top: 4px;}
.btn_event_next:hover { background-color: #333333; }
a.btn_event_today { display: block; height: 24px; padding: 0 6px; line-height: 24px; font-size: 1.4em; font-weight: bold; background: #eeb324; float: left; margin-right: 8px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-decoration: none; color: #ffffff; margin-top: 4px;}
a.btn_event_today:hover { background-color: #333333; text-decoration: none; color: #ffffff;}
span.btn_event_today { display: block; height: 24px; padding: 0 6px; line-height: 24px; font-size: 1.4em; font-weight: bold; background: #dddddd; float: left; margin-right: 8px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-decoration: none; color: #ffffff; margin-top: 4px;}

a.btn_event_details { display: block; height: 30px; padding: 0 12px; line-height: 30px; font-size: 1.2em; font-weight: bold; background: #f5f5f5; color: #aaaaaa; border: 1px solid #e8e8e8; float: right; margin: 5px 0 0 16px; -moz-border-radius: 4px; -webkit-border-radius: 4px; text-decoration: none; }
.event_list_row_blog:hover a.btn_event_details { border: 1px solid #333333; background: #333333; color: #ffffff; }
.event_list_row_blog:hover a.btn_event_details:hover { background-color: #eeb324; border-color: #eeb324; text-decoration: none; color: #ffffff;}
.featured_events a.btn_event_details { margin-top: 9px; }

.events_mod_head label { font-size: 1.1em; font-weight: bold;}
.events_mod_head .float-right select { margin: 3px 0 0 0; }
.events_mod_head .float-right label { margin: 6px 8px 0 0; }

.event_details { margin: 24px 0 16px 0; border: 0;}
.event_details .float-left { margin-top: 4px; padding-right: 18px; border-right: 2px solid #e8e8e8;}
.event_details .float-right { width: 520px; overflow: hidden; }
.event_details h4 { font-size: 3em; font-weight: 600; line-height: 1em; margin-top: 0; margin-bottom: 24px; }
.event_details h4 span { font-weight: normal; margin-right: 8px; color: #666;}
.events_image { margin: 24px 0 6px 0;}

.event_map { float: right; display: inline; margin-top: 3px;}


/* Title
--------------------------------------------------------------------------------------- */

.event_list_row_blog { width: 100%; overflow: hidden; border-bottom: 1px solid #dddddd; padding: 10px 0; }
.event_list_row_blog h4 { font-family: Helvetica, Arial, sans-serif; margin: 10px 0; font-size: 2em; font-weight: normal;}
.event_list_row_blog h4 span { margin-right: 8px; font-weight: bold;}
.event_list_row_blog small { color: #999;}
.event_list_row_blog h4 a { color: #000; font-weight: normal;}

h3.helvetica { font-family: Helvetica, Arial, sans-serif; margin: 30px 0 20px 0; font-weight: bold; }