/* CSS for event calendar */

div#calendar-wrapper {
	display:inline;
	float:right;
	width:180px;
	border:1px solid #333;
	position:relative;
	}
ul#months-list {
	padding: 1px 0;
	list-style:none;
	}
ul#months-list li {
	float:left; 
	display:inline;
	margin:1px 2px;
	background-color:#eee;
	padding:5px 8px;
	}
ul#months-list li.selected-month { background-color:#fff; padding:0; }
ul#months-list a {
	display:block;
	text-decoration:none;
	width:162px;
	}
ul#months-list a:hover { color:#111; }
div#month-wrapper {
	background-color:#fff;
	border:1px solid #777;
	}
div#month-wrapper table { margin:0 auto; width:172px; background:#fff; font-size:1em; border-collapse:separate;}
div#month-wrapper table td, div#month-wrapper table th { padding:1px 2px; text-align:center; border:1px solid #fff; }
div#month-wrapper table td.daily, div#month-wrapper table td.special { background-color:#ddd; border-color: #000; }
div#month-wrapper table td.daily, div#month-wrapper table td.daily-selected { border-color:#c00; }
div#month-wrapper table td.daily a, div#month-wrapper table td.special a { display:block; width:auto; font-size:1em; }
div#month-wrapper table td.daily a:hover, div#month-wrapper table td.special a:hover { color:#f00; }
div#month-wrapper table th#current_month { text-align:center; }
#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:inline; 
	list-style:none;
	}
ul.vcalendar li.event {clear:left;/*these need at least a width set too */}
.event-details {float:left; display:inline;}
abbr { border:0; }
/* Share functionality */
.share-link {float:left; display:inline;}
.share-link img {vertical-align:top;}
.share-close {float:right; text-decoration:none;}
.share-panel {display:none; color:#000; border:1px solid #375171; background-color:#fff; position:absolute; left:280px; width:320px; padding:3px 10px 5px 10px; margin-left:65px;/*this sets the left/right position, not the left attribute*/ }
#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; color:#4800F4 !important; text-decoration:none; background:url(/images/rss/icons.gif) no-repeat;}
.share-email a {background-position:0 -1219px !important;}
.share-reddit a {background-position:0 -320px !important;}
.share-digg a {background-position:0 -19px !important;}
.share-facebook a {background-position:0 -179px !important;}
.share-myspace a {background-position:0 -259px !important;}
.share-delicious a {background-position:0 -39px !important;}
.share-stumbleupon a {background-position:0 -139px !important;}
.share-technorati a {background-position:0 -120px !important;}
.share-twitter a {background-position:0 -619px !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;}

div#rss-subscribe { float:right; clear:both; }