/* @override 
	http://epicchurch.cpmpreview.com/css/events.css
	http://eastside.dev/css/events.css
*/

#events-container {
   position: relative;
   padding-top: 20px;
   z-index: 1;
}

#primaryContent #views {
   padding: 0;
   margin: 0;
   list-style: none;
   position: absolute;
   right: 0;
   top: 20px;
   height: 25px;
   z-index: 201;
}

#months {
   position: absolute;
   top: 25px;
   right: 190px;
   width: 150px;
   z-index: 200;
}

/* @group VIEWS TABS */

#views li {
   float: left;
}

#views li a {
   display: block;
   line-height: 25px;
   padding: 0 10px;
}

#views li.current a {
   text-decoration: none;
   background: #77891b;
   color: #fff;
}

#views .current a:hover {
   text-decoration: underline;
}

/* @end */

/* @group CALENDAR */

#events-calendar {
   position: relative;
}

#primaryContent table.calendar {
   margin-bottom: 25px;
   border-collapse: collapse;
   width: 100%;
}

caption {
   color: #333;
   font-size: 18px;
   position: relative;
   padding: 0 0 20px 60px;
   text-align: left;
   margin-bottom: 15px;
}

caption .currentMonth {
   position: relative;
   top: 4px;
   color: #77891b;
   line-height: 1.2;
}

#events-calendar caption a {
   position: absolute;
   top: 0;
   display: block;
   padding: 1px 8px;
   line-height: 1;
   background: #77891b;
   color: #fff;
   text-decoration: none;
   font-size: 20px;
   font-weight: bold;
   text-align: center;
}

caption .prevMonth a {
   left: 0;
}

caption .nextMonth a {
   left: 30px;
}

#events-calendar caption a:hover {
   background: #000;
}

#primaryContent table.calendar th {
   padding: 6px 0;
   background: #ded4b9;
   color: #2a2b28;
   font-size: 14px;
   text-align: center;
   line-height: 24px;
   font-weight: bold;
   text-transform: uppercase;
}

#primaryContent table.calendar td {
   width: 68px;
   height: 68px;
   padding: 2px;
   border: 1px solid #ded4b9;
   border-left: 0;
   border-top: 0;
   background: #f4e9cb;
   color: #333;
   font-size: 11px;
   vertical-align: top;
}

#primaryContent table.calendar td a {
   text-decoration: none;
   color: #77891b;
}

#primaryContent table.calendar td ul {
   margin: .5em 0 0 .5em;
   padding: 0;
   font-size: 100%;
   list-style: none;
}

#primaryContent table.calendar td li {
   margin-bottom: .75em;
   font-size: 1.1em;
   line-height: 1.2;
}

#primaryContent table.calendar td li a {
   text-decoration: underline;
}

#primaryContent table.calendar td li a:hover {
   text-decoration: none;
}

td.today span {
   display: none;
}

#primaryContent table.calendar td.today {
   background: #fff;
}

/* @end */

/* @group LIST VIEW */

#list-view ul {
   height: 25px;
   padding: 0;
   margin: 0 0 25px;
   list-style: none;
}

#list-view li {
   float: left;
   margin-right: 5px;
   font-size: 18px;
   color: #333;
}

#primaryContent #list-view li a {
   padding: 1px 8px;
   line-height: 1;
   display: block;
   background: #77891b;
   color: #fff;
   text-decoration: none;
   text-align: center;
   font-size: 20px;
   line-height: 20px;
}

#list-view dt {
   font-size: 14px;
   color: #333;
   margin: 25px 0 5px;
}

#list-view dd {
   font-size: 11px;
}

#list-view dd.title {
   font-size: 15px;
   margin-bottom: 10px;
}

#list-view dd.title span {
   font-size: 12px;
}

#list-view dd.description {
   margin-bottom: 15px;
}

#list-view dd a {
   font-weight: bold;
}

/* @end LIST VIEW */