/*----------Categories----------*/
#categories								{background:#d0d7dd; margin:0 0 20px 0; padding:20px;}
#categories h2							{font-family:Georgia; font-size:18px; margin:0 0 15px 0;}
#categories .category					{float:left; height:22px; margin:0 50px 0 0;}
#categories .category .swatch			{border:solid 1px #999; height:20px; margin-left:5px; margin-right:5px; float:left; width:20px;}
#categories .category .name				{float:left; height:20px; padding-top:5px;}

/*----------List View----------*/
#eventlist								{}
#eventlist .month						{margin:10px 0;}
#eventlist .month .name					{display:block; font-size:16px; font-weight:bold; margin-bottom:10px;}
#eventlist .month .event				{clear:both; margin-bottom:20px;}
#eventlist .month .event .date,
#eventlist .month .event .title			{display:block;}
#eventlist .month .event .date			{color:#aaa;}
#eventlist .month .event a.title		{color:#000; font-size:14px;}
#eventlist .month .event .swatch		{border:solid 1px #999; float:left; height:20px; margin-left:5px; margin-right:5px; width:20px;}

/*----------Calendar View----------*/
.calendar								{width:100%;}
.calendar td							{}
.calendar .title						{background-color:#666; color:#fff; font-size:16px;}
.calendar .title td						{padding:5px 0 2px 0;}
.calendar .title .navigation			{background-color:#fff; color:#666; font-size:11px;}
.calendar .dayheader,
.calendar .day,
.calendar .today,
.calendar .othermonth,
.calendar .weekendday					{border:solid 1px #ccc;}
.calendar .othermonth					{background-color:#ccc;}
.calendar .dayheader					{background-color:#a44323; color:#fff; font-size:10px; padding:5px 0 0 3px; text-transform:uppercase;}
.calendar .day .heading,
.calendar .othermonth .heading,
.calendar .weekendday .heading			{background-color:#838789; background-image:url(images/day-heading-bg.gif); background-position:center top; background-repeat:repeat-x; display:block; padding:2px 0px 2px 5px; text-align:left;}
.calendar .today .heading				{background-color:#bfc39a; background-image:url(images/today-heading-bg.gif); background-position:center top; background-repeat:repeat-x; display:block; padding:2px 0px 2px 5px; text-align:left;}
.calendar .day .events,
.calendar .othermonth .events,
.calendar .weekendday .events			{min-height:75px;}
.calendar .today .events				{background-color:#f8f6c3; min-height:75px;}
.calendar .events .event .positioner	{position:relative;}
.calendar .events .event				{background-image:url(images/day-event-arrow-right.gif); background-position:right center; background-repeat:no-repeat; border:solid 1px #aaa; clear:both; float:left; margin:1px 1px 0px 1px; padding:2px 15px 2px 4px; text-align:left !important; width:60px; z-index:0;}
.calendar .events .event a				{color:#333; font-weight:bold;}
.calendar .events .eventdetails			{border-top:solid 1px #aaa; margin-left:75px; overflow:hidden; position:absolute; text-align:left; top:-3px; width:0px; z-index:5000;}
.calendar .events .eventdetails .inner	{min-height:105px; padding:10px; width:225px;}
.calendar .events .eventdetails .link	{margin:10px 5px 0px 0px; text-align:right;}


/*----------Event View----------*/
#event									{margin:20px;}
#event .back							{background:#bf343d url(/images/site/back-arrow.jpg) no-repeat; height:17px; padding:2px 5px 2px 20px; width:150px;}
#event .back a							{color:#fff; text-decoration:none;}
#event h2								{font-family:Georgia; font-size:18px; margin:0 0 5px 0;}
#event #title							{font-size:32px; margin-top:20px;}
#event #datestamp						{margin:0 0 30px 0;}
#event #description						{margin-top:10px;}
#event #category						{margin:0 0 40px 0;}
#event #category .swatch				{border:solid 1px #999; float:left; height:20px; margin-left:5px; margin-right:5px; width:20px;}
#event #category .name					{float:left; font-size:16px; height:20px; padding-top:5px;}