/* AmRiCal Default Style for first calendar on page */
/*----------------------------------------------- */
/* html5 code */
	article, aside, figure, footer, header, hgroup, menu, nav, section { 
	/* for browsers  that are not up to html5 yet, except will not work on IE  */
		display: block;
	}
/* Optional - for grouping collapseability  */
 .master th.level0  { font-weight: bold; background-color: #ddd; }
 .master th.group .termdesc  {  font-weight: normal; text-transform: none; }

 #calendar_toggle {
	float: right;
	} 
tr.level0 {
	background: #ccc;
}	

/*----------------------------------------------- */
#events_wrap {  
	word-wrap: break-word; /* make sure that any very long words do not cause overflow*/
}
#events_wrap abbr {  
/* do not show the hcalendar abbr underline - the abbr is confusing  especially since the format of the date is ISO8601, not human friendly 
However is required if we want hcal functionality */
	border-bottom: none;
}
#events_wrap .largecalendar tbody td {  /* wordpress default too big */
	font-size: small;
}
#events_wrap  thead th { 
	text-align: center;
}
#events_wrap  .largecalendar thead th,
#events_wrap  .largecalendar tbody td {
	padding: 3px 0 2px; /*  the 0 so that the multi-days line up */
}

#calendar tr th, #calendar thead th {
    color: #974B09;
    background-color: #E5DEBB;
    border:1px solid;
    border-color: #FAF4D6 #B2AE99 #B2AE99 #FAF4D6;
    font-size: 100%;
    font-family: 'Open Sans',sans-serif;
    font-weight: bold;
    letter-spacing: 0.065em;
    line-height: 1em;
    text-transform: uppercase;
    padding: .6em .6em .6em .6em;
	margin-top:-1px;
	text-align: center;
}
.entry-content .bigboxcal #events_wrap .ical {
	color: #555555;
	font-size: 12px;
	font-size: 1rem;
	line-height: 1.6;
	margin-top:1em;
}
#events_wrap table.ical caption {
    color: #974B09;
    letter-spacing: 0.06em;
    margin-top: -3.7rem;
    position: absolute;
    text-transform: uppercase;
    max-width:220px;
    font-weight: bold;
}

#events_wrap  .largecalendar tbody td {
	/* padding: 3px 3px 2px; */ /*- no for multi day - need them next to each other */
}
#events_wrap  .largecalendar tbody td .day {
	padding: 0 3px 0;
	text-align: right;
}
td.pad,
.day1, .day2, .day3, .day4, .day5, .day6, .day7 {
	border-right: 1px dotted #cccccc;
}
td.pad,
.day7 {
	border-left: 1px dotted #cccccc;;
}
#events_wrap .largecalendar tbody td .event {
    margin: 0 3px;
    white-space: nowrap;
    overflow: hidden;
    font-size: .9em;
}
#events_wrap table.largecalendar td { 
	width: 100px; /* the min width*/
}
#events_wrap table.largecalendar {
	table-layout: fixed;  
	width: 100%;
	/* width: 650px; */ /* if you wanted to fix to a certain size,  - or use margins instead*/
}	
#events_wrap table a { /* generally in the table , better not to have these */
	text-decoration: none;
}

/*--------------- WIDGETS ---------------- */

/* Calendar Widget  - styles to look like the post calendar widget */
/* Note this works for 2011 theme to override default table settings and achieve compatibility with the wpcalendar widget .
  You need to find out what works for your theme */
.widget_calendar .smallcalendar  caption,
.widget_calendar .smallcalendar td,
.widget_calendar .smallcalendarp th {
	text-align: center;
}
.widget_calendar .smallcalendar {
	color: #555;
	text-align: center;
	width: 100%;
}
.widget_calendar .smallcalendar caption {
	font-size: 11px;
	font-weight: 500;
	padding: 5px 0 3px 0;
	text-transform: uppercase;
}
.widget_calendar .smallcalendar th {
	background: #f4f4f4;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
}
.widget_calendar .smallcalendar tfoot td {
	background: #f4f4f4;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}	

/*--------------- BOXCALENDAR DAYS------------ */

#events_wrap table td {
	vertical-align: top;
}
#events_wrap table td.day6,
 table.ical td.day7 { /* to style the weekend  */
	 /* background: #eee; */
}
/*#events_wrap table td.pad {
	border: 1px dotted;
	border-color: # #ccc transparent #ccc;*/
	/* background: #eeeeee; */  /* if you wanted the padding cells to show - else let background come through */

/* highlight which day we are hovering over */
#events_wrap  .largecalendar td.hasevents:hover .day {
	background: transparent;
	color: #904A38f;
}
#events_wrap  .largecalendar td.hasevents:hover .day a {
	color: #904A38;
}
#events_wrap table.ical tbody tr.week  div.day {
	color: #904A38;
}

#events_wrap table.largecalendar td.today a {
	color: #904A38;
}
table.largecalendar td.today a {
	color: #904A38;
}	
#events_wrap table.largecalendar tbody td {
	height:100px; /* it will expand if necessary */
}
#events_wrap  table tbody td .firstday,	  
#events_wrap  table tbody td .middleday,  
#events_wrap  table tbody td .lastday { /* Multi day styling */
      background: transparent;
     }	
/* must be after multiday */
#events_wrap table.largecalendar td.today  {
	background: #F2EEDA;
	color: #000;
}	 
	 
/* to override Multi day styling  */	
#events_wrap  table tbody td.today .firstday,	  
#events_wrap  table tbody td.today  .middleday,  
#events_wrap  table tbody td.today  .lastday 
#events_wrap  table tbody td.today  .firstday,	  
#events_wrap  table tbody td.today  .middleday,  
#events_wrap  table tbody td.today  .lastday { 
    background: #F9F1D6; 
     }
	 
/* unfortunately we need to use divs to hide the details if we want to allow html in details and keep html valid */
/* ------------------------------ In Box Calendar-- hide the details until we want them -----------*/
.bigboxcal #events_wrap .event:hover  {
	width:6.5em;
}
#events_wrap table.ical .event:hover .details1 {
	color: #000;
	overflow: visible;
	white-space: normal;
	display:block;
    position:absolute; 
	margin: 10px 0 0 1.9em;
	font-size: 100%;
	font-weight: bold;
	line-height: 1.2em;
	padding: 0;
	background-color:#E5DEBB; 
	width:200px; 
    z-index:120;
	cursor: default;
}

#events_wrap table.ical td .event div.details2 { /* hide column 2 */
	display: none;
}
#events_wrap table.ical .event:hover  .details2 {
        color:#333333; 
        background:#E5DEBB; 
        display:block;
        position:absolute; 
        margin-top: 0px; 
		margin-left: 1em;
        padding:30px 10px 10px 10px; 
        width:200px; 
        z-index:100;
		border: 1px solid #ACA78D;
		border-radius:7px;
		box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
		overflow: visible;  /* v 4.0.12 */
	white-space: normal;
}

/*#events_wrap table.ical .event:hover  div.details2 {
	display: block;
         }
 */
#events_wrap table.ical .event:hover  div.details2 img {
	width: 50px;  /* make any images smaller */
         }	
#events_wrap table.ical td.endweek .event:hover  div.details1 {
	margin-left: -102px;
}     
#events_wrap table.ical td.endweek .event:hover  div.details2 {  /* shift the last column right side over a bit so it fits on the page*/
		margin-left: -110px;
        }	
	
/*-------------------calendar_navigation ---------------- */

.calendar_navigation {
	clear: both;
	margin: 0;
	padding: 0;
	border: hidden;
}
#icallookmore a#icalalookmore,
.calendar_navigation .nextweek,
.calendar_navigation .nextmonth {
	text-align: right;
	float:right;
}
#icallookmore a#icalalookprev,
.calendar_navigation .prevweek,
.calendar_navigation .prevmonth {
	text-align: left;
	float: left;
}
.calendar_navigation .prevweek,
.calendar_navigation .nextweek {
	font-size: XX-large;
}

.calendar_navigation form { 
	/* display: inline; */
	padding: 0 8px;
	text-align: center;
	margin: auto;

}
.calendar_navigation  input,
.calendar_navigation  select{ 
	margin: 0;
	line-height: 14px;
	font-size: 12px;
}

.calendar_navigation a {
	text-decoration: none;
}

/*----------------------- calendar_views  -------------------- */	
#calendar_views {
    display: block;
    float: right;
    line-height: 1;
    margin-bottom: 0.9em;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    position: relative;
    text-align: right;
}
#calendar_views a {
	text-decoration: none;
}
.bigboxcal #events_wrap #calprop0.vcalendar tbody tr td.col2 a.amr-bling img.amr-bling,
.bigboxcal #events_wrap .calendar_navigation {
	display: none;
}
.bigboxcal #events_wrap div#calendar_views a.calendarlink {
	padding-left: 2em;
}
/*----------------------------------------weeks calendar  */	
#events_wrap table.weekscalendar  caption {
	/* text-align: left; */
}
#events_wrap  .weekscalendar  	tr.caption {
	background: #eee; /* do not normally want to do this, but looks shite in 2011 otherwise*/
}
#events_wrap  .weekscalendar  	th,
#events_wrap  .weekscalendar  	td {
	width: 14%;
	padding: 0;
	margin: 0;
}
#events_wrap  .weekscalendar 	td div.event {
	padding-left: 2px;
	padding-right: 2px; 
}
/*-----------------ics calendar properties  */
.icalprop,
#events_wrap .icalprop {
	border: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	max-width: 100%;
}	
.icalprop td,
#events_wrap .icalprop td {
	border: 0;
	text-align: left;
	padding: 0;
}

/* ---------- images can look strange in some themes  -------------*/
#events_wrap img {
	border: none !important;
}
#events_wrap .vevent {  /*--/ helps */
	clear: right;
}
/*-----if event posts have large images in the content - can make the table too wide ---- */
#events_wrap table img {
		max-width: 16px;
		clear: both;
}	
/* ------------ the bling icons  -----------------------*/
.amr-bling { /* float our little icons to the right */
	padding:0; 
	margin: .1875rem;   /* required where sometimes they don't line up nicely if limited text */
	font-size: small;
}
/*#events_wrap table.ical img {
	    box-shadow:none;	
}*/
.map, .addevent {
	display:inline-block;
	clear:none;
	border: none;	
	float: right;
}
/* ----------------  for semi paginate   -------------------- */	
#icalnavs {
	width: 100%;
	text-align: center; 
	vertical-align: middle;
	margin: 0 auto;
	font-size:1em;
}
.icalnav { vertical-align:middle;}
.icalnav a { text-decoration: none; color: 	#904A38;}
.icalnav a.symbol { font-size:large; }
.icalnavs:hover  { background-color: #ffffff;}
.icalnav a:hover  { color: #000000;}
.add-new-event {display: block; clear:both;}
#icalmuchless, #icalless, #icalmore, #icalmuchmore {
    display:none;
}

/* for credits if shown - keep it low key  ------------------------------------------------------- */	
.amrical_credit,.amrical_credit a,.amrical_credit a:visited {
	font-size:x-small; 
	color: 	#ADADAD;
	font-style: italic;
	vertical-align: middle;
}
.amrical_credit a:hover  {
	font-size: x-small; 
	font-style: italic;
	color: #000000;
}
/* ---- ----------------------------------------------  to make large images okay */
.eventinfo ul li {  
	clear: both;
}	
/* ---------------------------------------------------OPTIONAL --------------*/

table.largecalendar tbody td:hover div.day { /* and then use this to see the day box on hover - confusing with too manu hover's though, so maybe do not use desc hover then */
/*	position: absolute;
	border: 1px solid #000000;
	padding: 10px;
	background: #eee; 
	overflow: visible;
	z-index:100; */
} 

#events_wrap .history { 
	/* to style past events */
}