/* @override http://localhost:8888/spinshell.tv/trunk/css/events.css */

a:link, .metaColumn a:visited, #periodNavigator a:visited {
	color: blue;
}

#events {
	width: 550px;
	margin: 0 0 3em 3em;
	position: relative;
	padding-right: 100px;
}

.period h2 {
	margin: 1em 0;
	padding: 7px 0.6em 0;
	color: white;
	height: 28px;
	background: #2a57b3 url(../img/common/navigation.menubar.bg.repeatable.png) repeat-x;
	font-size: 20px;
}

.period h2 .weekday {
	color: #9db0d8;
	font-weight: normal;
}

.events .weekday {
	color: silver;
}

.event {
	margin: 0 0 1em 2em;
}

.event .image, .event .time {
	float: left;
	width: 150px;
}

.event .time {
	font-size: 110%;
	white-space: nowrap;
	color: #a8a8a8;
	border-left: 3px solid #a8a8a8;
	padding-left: 0.5em;
}

.event .time .time {
	float: none;
	width: auto;
	border: none;
	padding: 0;
}

.event .time .day, .event .time .month {
	color: #999;
	font-weight: bold;
}

.event, .event .image, h2 {
	clear: left;
}

.event .image img {
	margin: 10px 0 20px 0;
}

.event h3, .event .description {
	margin-left: 170px;
}

.event h3 {
	margin-bottom: 0.2em;
	font-size: 15pt;
	font-weight: normal;
	font-style: normal;
}

.pagination {
	margin: 1em;
	font-size: 120%;
	text-align: right;
}

.pagination span {
	padding: 0.3em 0.5em 0.2em;
}

.pagination .prevNext {
	display: inline;
	margin: 0 0.5em;
}

.pagination .disabled {
	color: #d8d8d8;
}

#metaColumns {
	float: right;
	clear: right;
	width: 250px;
	margin: 1em;
	color: #545454;
}

.metaColumn {
	margin: 0 0 3em;
}

.metaColumn h4 {
	font-size: 15pt;
	margin-bottom: 1em;
}

.filterList ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.filterList li {
	font-size: 10pt;
	margin: 0.25em 0;
}

.filterList li a {
	display: block;
}

.filterList a.selected,
.cal.selected .monthName th {
	background-color: #f178b6;
	color: white !important;
	text-decoration: none;
	padding: 0.5em 0.8em;
	font-weight: bold;
}

#monthNavigator .year {
	font-size: 150%;
	margin: 0.7em 0 0;
}

.cal {
	margin: 0;
}

.cal a:link, .cal a:visited {
	text-decoration: none;
}

.cal .monthName {
	text-align: left;
}

.cal .weekdays th {
	color: silver;
	font-weight: normal;
	font-size: 80%;
}

.cal .weekday {
	width: 2em;
	height: 2em;
	padding-right: 0.3em;
	vertical-align: bottom;
	background-color: #f1f1f1;
	color: black;
	text-align: right;
}

.cal .prevNextMonth.weekday {
	color: gray;
	background-color: transparent;
}

.cal .prevNextMonth.highlight {
	background-color: #edf8df;
	font-weight: normal;
}

.cal .highlight {
	background-color: #d1e5b7;
	font-weight: bold;
}

.cal .selected {
	background-color: #f178b6;
	color: white;
}

.cal .selected a:link, .cal .selected a:visited, .cal .today a:link, .cal .today a:visited {
	color: white;
}

.cal .today {
	background-color: #8ca5d8;
	color: white;
}

#periodNavigator {
	position: absolute;
	top: 0;
	right: 0;
	text-align: right;
	background-color: #dce2ef;
	width: 80px;
}

#periodNavigator h4 {
	margin: 0;
	background-color: #2a57b3;
	color: white;
	padding: 0.5em 0.7em;
	font-size: 10pt;
}

#periodNavigator a:link, #periodNavigator a:visited {
	text-decoration: none;
}

#periodNavigator ul {
	padding: 0;
	margin: 1em 0;
	list-style-type: none;
}

#periodNavigator .disabled {
	display: none;
}

#periodNavigator a.prevNext {
	display: block;
	margin: 1em 0 1em;
}

#periodNavigator a {
	padding-right: 10px;
}

#periodNavigator .selected {
	border-right: 5px solid #2a57b3;
	padding-right: 5px;
}

.moreEvents {
	text-align: right;
	padding: 0.4em 1em 0.3em;
	background-color: #e5e5e5;
	margin-left: 2em;
}

.moreEvents a {
	display: block;
}

.moreEvents a:link, .moreEvents a:visited {
	text-decoration: none;
	color: #7f7f7f;
}

.moreEvents:hover {
	background-color: #cbcbcb;
	cursor: pointer;
}

.moreEvents:hover a, .moreEvents a:hover, .moreEvents a:active {
	color: #4b4b4b;
}

#event {
	padding: 3em;
}

#event .gmapcontainer {
	float: right;
	width: 300px;
	margin: 0 0 2em;
}

#event .getdirs {
	margin: 10px;
}

#event .getdirs h4 {
	margin-bottom: 0.5em;
}

#event .getdirs label {
	display: block;
	color: gray;
}

#event .getdirs form {
	margin: 0 0 10px 0;
}

#event .getdirs #popularPlaces {
	margin: 0 0 10px 0;
}

#event .headline {
	width: 600px;
	margin: 0 0 2em;
}

#event .headline .logo {
	float: left;
	margin: 0 1em 2em 0;
}

#event h2 {
	clear: none;
	margin: 0 0 0.5em;
	font-size: 200%;
}

#event .headline .area,
#event .headline .time {
	color: #404040;
	font-weight: normal;
	font-style: normal;
}

#event .headline .time {
	font-size: 120%;
	font-weight: bold;
}

#event .headline .time strong {
	background-color: #70c009;
	color: white;
	padding: 0.4em;
	margin: 0 0.5em 0 0;
}

#event .description {
	width: 550px;
	clear: left;
	border: 1px solid gray;
	border-left: none;
	border-right: none;
	padding: 1em 0;
}

#event .meta {
	color: #404040;
	padding: 1em;
	width: 500px;
}

#event .meta p {
	margin: 0.3em 0;
}

#event .meta label {
	font-weight: bold;
}

.emptyResult .message {
	margin: 1em 0;
	font-size: 200%;
	font-weight: bold;
}

#twitterFollowUs {
	padding: 10px 0 30px;
	text-align: right;
}