﻿/**
 * CSS for standard SimpleCMS Events pages
 * 
 * Created 19 February 2010 
 * Updated 24 February 2011
 *
 * @author Allan A Beattie
 * @version 1.0.7
 */


/*--------------------------------------------------------{   upcoming events items on site homepage   }-----------------*/

#no_upcoming_events {
	float:left;
	width:206px;
	clear:both;
	padding:5px 0 5px 3px;
	font-size:87%;
	color:#777;
}

ul#upcoming_events {
	float:left;
	width:209px;
	margin:0;
	padding:0;
	list-style:none;
}

ul#upcoming_events li {
	float:left;
	width:209px;
	background:url(../imgaj/sub-link-bg.gif) no-repeat 10px bottom;
}


ul#upcoming_events li a {
	display:block;
	float:left;
	width:209px;
	padding:10px 0;
}

ul#upcoming_events li a span.event_date {
	display:block;
	float:left;
	width:184px;
	padding:5px 0 5px 21px;
	background:url(../imgaj/calendar.png) no-repeat left center;
	font-size:x-small;
	color:#777;
	cursor:pointer;
}

ul#upcoming_events li a span.event_headline {
	display:block;
	float:left;
	width:209px;
	padding:5px 0;
	font-size:87%;
	color:navy;
	cursor:pointer;
}

ul#upcoming_events li a:hover span.event_date,
ul#upcoming_events li a:hover span.event_headline,
ul#upcoming_events li a:focus span.event_date,
ul#upcoming_events li a:focus span.event_headline {
	color:#333;
}


/*--------------------------------------------------------{   events homepage items list   }-----------------*/

.event_item_container {
	float:left;
	width:663px;
}

#main_content .event_item_container h2 {
	margin:0;
	padding:0;
	font-size:1px;
	line-height:1px;
	color:#fff;
}

#main_content .event_item_container a {
	display:block;
	float:left;
	width:663px;
	padding:0 0 10px;
	border-bottom:1px solid #ddd;
	cursor:pointer;
}

#main_content .event_item_container a:hover,
#main_content .event_item_container a:focus {
	text-decoration:none;
	background:url(../imgaj/hr_fade_over.gif) no-repeat left -3px;
}

.event_item_left {
	display:block;
	float:left;
	width:492px;
}

.fullwidth {
	width:663px;
}

.calendar_container {
	display:block;
	float:left;
	clear:both;
	width:450px;
	padding:5px 0 5px 21px;
	background:url(../imgaj/calendar.png) no-repeat left center;
	font-size:x-small;
	color:#777;
}

.event_item_title {
	display:block;
	float:left;
	width:100%;
	padding:3px 0 7px;
	line-height:normal;
	font-size:130%;
}

.event_item_description {
	display:block;
	float:left;
	width:100%;
	color:#333;
}

.event_item_right {
	display:block;
	float:left;
	width:155px;
	padding:25px 8px 5px;
	text-align:center;
}

.event_item_image {
	float:left;
	width:155px;
}

.event_item_right img {
	padding:1px;
	border:1px solid #ccc;
}

#main_content .event_item_container a:hover .event_item_right img,
#main_content .event_item_container a:focus .event_item_right img {
	border:1px solid #888;
}

/*--------------------------------------------------------{   event details page   }-----------------*/

#event_details_container,
#event_content {
	float:left;
	width:663px;
}

#event_details_container {
	padding:1px 0 0;
}

#event_content h1 {
	line-height:normal;
	font-size:130%;
}

#event_details_image {
	float:right;
	padding:5px;
}

#event_details_image img {
	padding:1px;
	border:1px solid #ccc;
}

#event_details_container .calendar_container {
	width:641px;
	margin-bottom:3px;
}

p.highlight {
	width:90%;
	margin:0 auto 20px;
	padding:3px 0 4px;
	background:#fdfdec;
	border:1px solid #e9d8cf;
	text-align:center;
	font-weight:bold;
	letter-spacing:1px;
	color:#777;
}


/*------------------------------------------------{   searchbox   }------------*/

#event_search_form_container {
	float:left;
	width:187px;
	margin:8px 0 0;
	padding:10px 10px 12px;
	border:1px solid #ccc;
	background:url(../imgaj/content-footer-bg.jpg) repeat-x left bottom #fff;
}

#event_search_heading,
#event_archives_heading {
	float:left;
	width:100%;
	margin:0 0 10px;
	padding:0 0 8px;
	border-bottom:1px dotted #898989;
	font-size:110%;
}

#event_search_form_container form {
	float:left;
	width:100%;
}

#event_search_form label {
	display:block;
	float:left;
	width:100%;
	line-height:normal;
	font-weight:bold;
	color:#932f4c;
}

#event_search_form fieldset {
	display:block;
	float:left;
	width:100%;
	padding:0;
	border:none;
}

#event_search_submit_container {
	float:left;
	clear:both;
	width:100%;
	text-align:right;
}

#efg {
	display:block;
	float:right;
	padding:3px 5px;
	border:1px solid #989898;
	background:#932f4c;
	font-family:Verdana, Geneva, sans-serif;
	font-size:x-small;
	letter-spacing:1px;
	text-transform:uppercase;
	cursor:pointer;
	color:#fff;
}

#event_search_value_container {
	float:left;
	width:100%;
	margin:0 0 10px;
}

#searchfor {
	float:left;
	width:181px;
	margin:2px 0 0;
	padding:2px;
	border:1px solid #989898;
	color:#ccc;
}


/*------------------------------------------------{   filter   }------------*/

#event_filter_container {
	float:left;
	width:209px;
	padding:17px 0;
}

#event_filter_submit_container {
	float:left;
	clear:both;
	width:100%;
	text-align:right;
}

#event_filter_value_container {
	float:left;
	width:100%;
	padding:0 0 10px;
}

#filterfor {
	float:left;
	width:187px;
	margin:2px 0 0;
	padding:1px;
	border:1px solid #999;
}


/*------------------------------------------------{   event search result list   }------------*/

#event_search_result_info p {
	padding:5px 0;
	line-height:normal;
	text-align:right;
	border-bottom:1px solid #c09aaa;
	font-size:87%;
}

#event_search_result_page_indicator {
	float:left;
	line-height:normal;
}

ul#event_search_results {
	margin:20px 0 0;
	padding:0;
	list-style:none;
	list-style-image:none;
}

ul#event_search_results li {
	padding:0 0 20px;
	background:none;
}

.search_result_title {
	display:block;
	clear:both;
	font-size:120%;
	color:#932f4c;
}

#main_content .search_result_title a,
#main_content .search_result_title a:hover,
#main_content .search_result_title a:focus {
	border-bottom:none;
	text-decoration:underline;
	color:#932f4c;
}

#main_content .search_result_title a:hover,
#main_content .search_result_title a:focus {
	text-decoration:none;
	color:#111;
}

.search_result_content {
	display:block;
	clear:both;
	padding:5px 0 2px;
	line-height:110%;
	color:#464646;
}

.search_result_date {
	display:block;
	padding:0 0 3px;
	font-weight:bold;
	color:#888;
}

.search_result_url {
	display:block;
	color:#6e819f;
	font-size:87%;
}


/*------------------------------------------------{   event search result pagination   }------------*/

#event_search_result_pagination_container {
	float:left;
	width:100%;
	margin:30px 0 0;
	padding:10px 0;
	border-top:1px solid #c09aaa;
	text-align:center;
}

#event_search_result_pagination {
	display:inline;
	margin:0 auto;
	line-height:150%;
}

#event_search_result_pagination a,
#event_search_result_pagination b {
	margin:0 5px 0 0;
	padding:4px;
	border:1px solid #aaa;
	background:#fefefe;
	line-height:normal;
	text-align:center;
	font-size:87%;
	font-weight:bold;
	color:#932f4c;
}

#event_search_result_pagination a:hover,
#event_search_result_pagination a:focus {
	border:1px solid #444;
	background:#fff;
	color:#444;
}

#event_search_result_pagination a.page_number_link,
#event_search_result_pagination b {

}

#event_search_result_pagination b {
	border:1px solid #fff;
	background:#fff;
	color:#444;
}

#numbering {
	float:left;
	padding:7px 20px 5px 10px;
}


/*---------------------------------------------------------------------{   archive widget   }------------*/

#event_archives_container {
    float:left;
    width:187px;
	margin:13px 0 0;
	padding:10px 10px 12px;
	border:1px solid #ccc;
	background:url(../imgaj/content-footer-bg.jpg) repeat-x left bottom #fff;
}

#event_archives_wrapper {
	width:187px;
	margin:0 auto;
}

#event_archive_calendar_tab {
    float:left;
    width:187px;
    padding:5px 0 6px;
    background:url(../imgaj/widget_top.gif) no-repeat center bottom;
}

.event_archive_calendar_container {
	float:left;
	width:187px;
}

.event_archive_current_year {
    float:right;
    width:50px;
    background:url(../imgaj/widget_tab_left.gif) no-repeat left top;
    text-align:right;
}

.event_archive_current_year span {
    float:right;
    display:block;
    width:50px;
    padding:3px 0;
    background:url(../imgaj/widget_tab_right.gif) no-repeat right top;
    text-align:center;
    font-size:120%;
    font-family:'Times New Roman', Georgia, serif;
}

.event_archive_year {
    float:left;
    width:185px;
	padding:0 1px;
	border-top:1px solid #ccc;
    background:url(../imgaj/widget_bg.gif) repeat-y #fff;
    text-align:right;
}

.event_archive_year span {
    float:left;
    display:block;
    width:185px;
	background:url(../imgaj/calendar_year_bg.gif) repeat-x left top #fff;
    text-align:right;
    font-family:'Times New Roman', Georgia, serif;
    font-size:120%;
}

.event_archive_current_year a,
.event_archive_year a {
	color:#444;
}

.event_archive_year a {
    display:block;
    width:165px;
    padding:5px 10px;
}

.event_archive_current_year a:hover,
.event_archive_current_year a:focus,
.event_archive_year a:hover,
.event_archive_year a:focus {
	color:#932f4c;
}

.event_archive_calendar {
    float:left;
    clear:both;
    width:187px;
	padding:0 0 2px;
    background:url(../imgaj/widget_bg.gif) repeat-y #fff;
}

.event_archive_calendar table {
    margin:0 auto;
    padding:0;
	border-collapse:separate;
}

.event_archive_month {
    text-transform:uppercase;
    text-align:center;
}

.event_archive_month a {
    display:block;
    width:41px;
    padding:7px 5px;
    background:#fff;
    border:1px solid #932f4c;
    color:#932f4c;
}

.event_archive_month a:hover,
.event_archive_month a.active {
    background:#932f4c;
    color:#fff;
    text-decoration:none;
}

.event_archive_nostory {
    display:block;
    width:41px;
    padding:7px 5px;
    border:1px solid #dedede;
    background:#fdfdfd;
    text-transform:uppercase;
    text-align:center;
    color:#ababab;
}

.event_archives_footer {
    float:left;
    clear:both;
    width:187px;
    height:6px;
    background:url(../imgaj/widget_footer_bg.gif) no-repeat bottom center;
    line-height:1px;
    font-size:1px;
}

.event_archive_current_year a.current,
.event_archive_year a.current {
	font-weight:bold;
	color:#932f4c;
}

.event_archive_current_year a.default,
.event_archive_year a.default {
	font-weight:normal;
	color:#444;
}

.event_archive_month a.current,
.event_archive_month a.current:hover,
.event_archive_month a.current:focus {
	background:#debfc8;
	color:#932f4c;
}