/* CSS for event calendar */

div#calendar-wrapper {
	display:inline;
	float:right;
	width:214px;
	position:relative;
	background: #223d5f;
	}
ul#months-list {
	padding: 3px 0;
	list-style:none;
	margin: 0!important
	}
ul#months-list li {
	float:left; 
	display:inline;
	margin:1px 5px;
	background-color:#758c75;
	padding:5px 8px;
	}
ul#months-list li.selected-month { background-color:#fff; padding:0; }
ul#months-list a {
	display:block;
	text-decoration:none;
	width:188px;
	font: normal 0.9em Arial, Helvetica, sans-serif; color: #fff;
	text-align: center;
	}
ul#months-list a:hover { color:#c7e7c7; }
div#month-wrapper {
	background-color:#fff;
	}
div#month-wrapper table { margin:0 auto; width:188px; font:0.9em Arial, Helvetica, sans-serif; border-collapse:separate; color: #333; padding:0 2px 10px 2px;}
div#month-wrapper table a { color: #333; }
div#month-wrapper table td, div#month-wrapper table th { padding:2px 4px; text-align:center; }
div#month-wrapper table tbody tr { margin: 5px 0; }
div#month-wrapper table td.daily a, div#month-wrapper table td.special a { display:block; width:auto; font-size:1em; background-color:#cbd5e2; padding: 3px 0; }
div#month-wrapper table td.daily a:hover, div#month-wrapper table td.special a:hover { color:#758C75; }
div#month-wrapper table th#current_month { text-align:center; font-size: 1.2em; font-weight: bold!important; line-height: 50%; }
div#month-wrapper table th#current_month a { font-weight: bold; font-size: 1.1em; }
div#month-wrapper table th#current_month a:hover { color: #333; }
#overlay {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#111 url(/images/ajax-loader.gif) no-repeat 98% 98%;
	z-index:99;
	display:none;
	}

ul.vcalendar {
	float:left;
	display: block; 
	list-style:none;
	margin: 0!important;
	}
ul.vcalendar li.event {clear:left; width: 466px; position: relative; margin-bottom: 20px; zoom: 1;/*these need at least a width set too */}
li.event div.title-wrap { background: url(../images/layout/dotted-with-shadow.png) bottom repeat-x; padding-bottom: 4px; }
li.event h4 { text-transform:none!important; background: url(../images/layout/semi-transparent-bkg.png); border-top: 1px solid #5376a0; margin: 0!important; padding: 5px 9px; }
.event-details {float:left; display:inline;}
.event-date, .event-description, .event-links { margin: 0 9px; }
.event-description p, .event-description ul, .event-description ol { font-size: 13px!important; }
abbr { border:0; }
div.event-links a { display: inline-block; }
.event a.view-details { width: 80px; height: 17px; background-image: url(/images/buttons/view-hide.png); margin: 0; }
.active .view-details { background-position: 0 -17px; }
.share-link { float: none !important; margin: 0 !important; width: 60px; height: 18px; background-image: url(/images/buttons/share.png); }
.event .share-link { position: absolute; top: 10px; right: 8px; }
.event .share-panel { top: 10px; right: 8px; margin-left: 0; z-index: 200; }

/* Blog Styles */

div#posts-wrapper div.post { margin: 10px 0 0 0; }
div.post-links a { display: inline-block; }
.posting-details { width: 80px; height: 17px; background-image: url(/images/buttons/view-hide.png); }
.active .posting-details { background-position: 0 -17px; }
.share-link { float: none !important; margin: 0 !important; width: 48px; height: 13px; background-image: url(/images/buttons/share.png); }

/* Share functionality */
.share-link {float:left; display:inline; margin-left:3px;}
.share-link img {vertical-align:top;}
.share-close {float:right; text-decoration:none;}
.share-panel {display:none; color: #19355F; border:1px solid #375171; background-color:#fff; position:absolute; width:320px; padding:3px 10px 5px 10px; z-index: 100; margin-left:65px;/*this sets the left/right position, not the left attribute*/ }
.share-panel a { font: normal 0.8em Arial, Helvetica, sans-serif; color: #19355F!important; }
#share-panel {margin-left:0;/*update this for the permalink page if buttons are side by side on main page*/ }
.share-caption {font-weight:bold; font-size:1.1em; float:left; margin-bottom:5px;}
.share-panel ul {clear:both; margin:0 !important;}
.share-panel ul li {width:50%; float:left; display:inline; height:20px;}
.share-panel ul li a {padding:3px 0 3px 20px; text-decoration:none; background:url(/images/rss/icons.gif) no-repeat;}
.share-email a {background-position:0 -1220px !important;}
.share-reddit a {background-position:0 -320px !important;}
.share-digg a {background-position:0 -20px !important;}
.share-facebook a {background-position:0 -180px !important;}
.share-myspace a {background-position:0 -260px !important;}
.share-delicious a {background-position:0 -40px !important;}
.share-stumbleupon a {background-position:0 -140px !important;}
.share-technorati a {background-position:0 -120px !important;}
.share-twitter a {background-position:0 -620px !important;}
.share-newsvine a {background-position:0 -360px !important;}
.share-buzz a {background-position:0 -1280px !important;}
.share-mixx a {background-position:0 -580px !important;}

/* Follow functionality */
.follow-wrapper {position:relative;}
.follow-link {display:block;}
.follow-close {float:right; text-decoration:none;}
.follow-panel {display:none; border:1px solid #375171; background-color:#fff; position:absolute; left:0px; top:0px; width:140px; padding:3px 5px 3px 10px;}
.follow-caption {font-weight:bold; font-size:1.1em; float:left; margin-bottom:5px;}
.follow-panel ul {clear:both; margin:0 !important; text-align:left;}
.follow-panel ul li {width:50%; float:left; display:inline; height:20px; clear:left;}
.follow-panel ul li a {padding:3px 0 3px 20px; text-decoration:none; background:url(/images/rss/icons.gif) no-repeat;}
.follow-facebook a {background-position:0 -180px !important;}
.follow-twitter a {background-position:0 -620px !important;}