/* ---------- SONOMA COUNTY ----------

calendar.css provides layout and typographic 
styles used on the event calendar pages

--------------------------------------- */

@import "base.css";


/* @group HEAD */

#content #callinks {
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 1em 0;
	width: 100%;
}

#callinks li {
	float: left;
	margin: 0 2em .4em 0;
	padding: 0;
	list-style: none;
}

#callinks li a {
	text-transform: uppercase;
	border: 0;
	font-size: .9em;
	color: #5E1C0F;
}

#callinks li a:hover {
	color: #8EA105;
	border: 0;
}

#callinks li.prev a {
	padding-left: 8px;
	background: transparent url(../images/arr-left.gif) no-repeat 0 2px;
}

#callinks li.next a {
	padding-right: 8px;
	background: transparent url(../images/arr-right.gif) no-repeat right 2px;
}
#callinks li.ongoing a {
	padding-left: 9px;
	background: transparent url(../images/arr-down.gif) no-repeat 0 1px;
}



/* @end */

/* @group EVENT LIST */

#content ul.eventlist {
	margin: 0;
	padding: 0;
}

#content ul.eventlist ul {
	margin: 0;
	padding: 0;
}
#content ul.eventlist li {
	position: relative;
	list-style: none;
	width: 100%;
	float: left;
	margin: 0;
	padding: 15px 0 15px 0;
	background-color: #FCF6DB;
}
#content ul.eventlist li.alt, 
#content ul.eventlist li.alt li {
	background-color: #FFF;
}
#content ul.eventlist li li {
	padding: 0;
	background-color: transparent;
}
#content ul.eventlist h4 {
	padding: 0 8px .4em 8px;
	font-size: 1.2em;
}
#content ul.eventlist h4 a {
	color: #5E1C0F;
	border-bottom: 1px dotted #5E1C0F;
}
#content ul.eventlist h4 a:hover {
	color: #8EA105;
	border-bottom: 1px dotted #8EA105;
}
.datetime {
	padding: 0 8px;
}
.desc {
	padding-top: 8px;
}
#content ul.eventlist p, .access {
	font-size: .9em;
	padding: 0 8px .4em 8px;
}
.t-calendar #content h3 {
	float: left;
	padding: 35px 0 .6em 0;
	color: #B52217;
	font: 1.6em/1.2em "Lucida Grande", Arial, Verdana, sans-serif;
}
.t-calendar #content h3 a {
	border: 0;
}
.t-calendar #content h3 a:hover {
	border: 0;
	color: #B52217;
}



/* @end */

/* @group EVENT DETAIL */
.t-calendar #content .eventlisting h3 {
	width: 100%;
	padding-bottom: .3em;
	font: 1.8em/1.2em "Lucida Grande", Arial, Verdana, sans-serif;
}
.eventlisting .datetime {
	padding: 0;
	font-size: 1.2em;
}
.t-calendar #content .eventlisting .date {
	padding: 0;
}
.cost {
	float: left;
	width: 100%;
	padding-bottom: 1em;
}
.t-calendar #content .cost h4 {
	float: left;
	padding-right: .4em;
	color: #B52217;
}
.cost p {
	float: left;
	padding-top: .7em;
}
.t-calendar #content .vcard h4, .t-calendar #content .categories h4 {
	color: #B52217;
}
.t-calendar #content .vcard h4.moreinfo {
	padding-top: 1em;
}
.t-calendar #content .categories {
	float: left;
	width: 100%;
	margin-top: 1.4em;
}
.t-calendar #content .eventlisting .org {
	font-size: 1.3em;
	font-weight: bold;
}
.t-calendar #content .eventlisting .org, .t-calendar #content .eventlisting .street-address,
.t-calendar #content .eventlisting .contact-info {
	padding: 0;
}
.t-calendar #content .tel {
	background: transparent url(../images/grid-phone.gif) no-repeat;
	padding-left: 18px;
	display: inline;
}
.t-calendar #content .tel strong {
	position: absolute;
	left: -999em;
}
.t-calendar #content .eventlisting .infolinks,
.t-calendar #content .eventlisting .catlinks {
	float: left;
	width: 100%;
	margin: .6em 0 0 0;
	padding: 0;
}
.t-calendar #content .eventlisting .infolinks li,
.t-calendar #content .eventlisting .catlinks li  {
	float: left;
	margin: 0;
	padding: 0 .8em 0 0;
	list-style: none;
}
.t-calendar #content .eventlisting .infolinks li a,
.t-calendar #content .eventlisting .catlinks li a {
	display: block;
	background-color: #CFD792;
	border: 0;
	padding: .4em .6em .2em;
	text-transform: uppercase;
	font-size: .8em;
	letter-spacing: .1em;
	color: #637000;
}
.t-calendar #content .eventlisting .infolinks li a:hover,
.t-calendar #content .eventlisting .catlinks li a:hover {
	background-color: #A3B627;
	color: #F0F3D7;
}

/* @end */

/* @group SIDEBAR CALENDAR */

#sidebar #caltable .monthnav td {
	background-color: #A3B627;
	border: 1px solid white;
	border-bottom: 0;
	line-height: 1em;
	padding: 0;
	font-weight: bold;
}
.miniCalJump {
	background-color: #CFD792;
	border: 0px;
	color: #5E3101;
	margin: 3px;
}
#caltable {
	border-collapse: collapse;
	border-spacing: 0;
}
#caltable th {
	border: 2px solid white;
	height: 21px;
	width: 21px;
	vertical-align: middle;
	text-align: center;
	background-color: #CFD792;
}
#caltable td {
	border: 2px solid white;
	height: 21px;
	width: 21px;
	vertical-align: middle;
	text-align: center;
	background-color: #F0F3D7;
}
#caltable td.calevent {
	background-color: #e5eea2;
}
#caltable td.calevent:hover {
	background-color: #b7cc28;
}
#caltable td.today {
	background-color: #A3B627;
	color: #F0F3D7;
	font-weight: bold;
}



/* @end */

/* @group SIDEBAR FEEDS */

#calfeeds, #calsave, #calshare {
	padding-top: 20px;
	margin-top: 10px;
	background: url(../images/line-dbl-horiz.gif) repeat-x 0 top;
}
#calfeeds h4, #calsave h4, #calshare h4 {
	color: #8EA105;
	padding: 0 0 .8em;
	font: 1.8em/1.2em "Lucida Grande", Arial, Verdana, sans-serif;
}
#calfeeds .rsslinks, #calsave .savelinks, #calshare .sharelinks {
	margin: 0;
	padding: 0;
}
#calfeeds .rsslinks li, #calsave .savelinks li, #calshare .sharelinks li {
	list-style: none;
}
#calfeeds .rsslinks li a, #calsave .savelinks li a, #calshare .sharelinks li a {
	font-weight: bold;
	font-size: 1.1em;
	line-height: 1.8em;
	border: 0;
}
#calfeeds .rsslinks li a img, #calsave .savelinks li a img, #calshare .sharelinks li a img {
	margin-bottom: -.4em;
	padding-right: .2em;
}
#calshare .sharelinks  {
	margin-top: 10px;
}


#content ul.eventlist ul {
	margin: 0;
	padding: 0;
}
#content ul.eventlist li {
	position: relative;
	list-style: none;
	width: 100%;
	float: left;
	margin: 0;
	padding: 15px 0 15px 0;
	background-color: #FCF6DB;
}
#eventShareLink {
	color: #8EA105;
	text-decoration: none;
	border-bottom: 1px dotted #8EA105;
	font-size: 1.2em;
}
#eventShareLink:hover {
	color: #637000;
	border-bottom: 1px solid #637000;
}

/* @end */

/* @Tickets */

a.button{
	background:url(../images/button.gif);
	display:block;
	color: #990000;
	font-weight:bold;
	height:30px;
	line-height:29px;
	margin-bottom:14px;
	text-decoration:none;
	width:125px;
}
a:hover.button{
	color: #006600;
}
.ticket{
		background:url(../images/msg.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}


.greyInput{
background:#F0F0F0;
}
/* @end */