/* events css */

.cat-name {
  color: #000;
  font-size: 30px;
	font-weight: 700;
}

#evt-details {
  height: 40px;
  width: 100%;
}

#evt-details ul {
	margin: 0;
  padding: 0;
}

#evt-details li {
  color: #474749;
	font-size: 12px;
	line-height: 130%;
  list-style: none;
  padding: 0 40px 0 0;
}

.evt-thumbnail-wraper {
  float: left;
  height: 70px;
  width: 150px;
	padding: 0 20px 20px 0;
} 

.evt-thumbnail {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #CB9F29;
  height: 70px;
  padding: 4px;
  width: 150px;
}

.no-break {
  white-space:nowrap;
}



.cal-content {
  margin-top: 18px;
  width: 100%;
}		
		
#page-control {
  border-bottom: 2px solid #474749;
  height: 50px;
	padding: 1px 0 0 0;
  width: 100%;
}

#event-categories {
  font-size: 15px;
	padding: 5px 0;
	width: 200px;
}

#month-containter {
  float: left;
  height: 25px;
	margin: 21px 0 0 20px;
	width: 158px;
}

#cal-month {
  float: left;
	padding:0;
	margin:0;
	text-align: center;
  /*padding-left:20px;*/
	width: 125px;
}

h2#cal-month {
  color: #000000;
  font-size: 24px;
	font-weight: 700;
	line-height: 27px;
}

.month-btn {
	cursor: pointer;
  float: left;
	height: 11px;
	width: 11px;
	padding: 0;
	margin: 6px 2px 0 2px;
}

.cal-icons {
  float: right;
  height: 32px;
	margin: 15px 20px 0 0;
	width: 32px;
}

#evt_calendar_content {
  margin-left: 2px;
}

#week-days ul {
  list-style: none outside none;
	margin: 10px 0 0 0;
	padding: 0;
	overflow: hidden;
}

#week-days li {
  	background: url("../images/title_bg.png") repeat scroll 0 0 transparent;
	/*background: url("http://www.mayfairla.com/wp-content/themes/MayFairLA1/functions/css/body_bg.jpg");*/
	/*box-shadow: 0 1px 2px rgba(153, 125, 11, 200), 0 0 25px rgba(102, 51, 0, 0.75) inset;*/
	color: #FFF;
	float: left;
	font-size: 18px;
	font-weight: 700;
	height: 22px;
	margin-left: 9px;
	padding-top: 5px;
	text-align: center;
  width: 143px;
}

#week-days li:first-child {
  margin-left: 0;
}

.weeks ul {
  list-style: none outside none;
	margin: 20px 0 0;
	padding: 0;
	overflow: hidden;
}

.weeks li {
  margin-bottom: 9px;
  min-height: 190px;
  /*height: 200px;*/
  list-style: none outside none;
}

.days {
  color: blue;	
}

.days ul {
  list-style: none outside none;
	margin: 0;
	padding: 0;
}

.days li {
  border: 1px solid #E0E0E0; 
  float: left;
  list-style: none outside none;
	margin-left: 9px;
  min-height: 196px;
  width: 141px;
}

.days li:first-child {
  margin-left: 0;
}

.day {
  color: #5C5C5C;
  float: right;
  font-size: 18px;
  font-style: italic;
  font-weight: 700;
	padding-right: 10px;
}

.early-days {
  color: #666;
  float: right;
  font-size: 18px;
  font-style: italic;
	padding-right: 10px;
}

.event-image {
  border: 1px solid #E0E0E0; 
  height: 138px;
	margin: 25px 0 0 6px;
  width: 128px;
	overflow:hidden; /* this is important */
	position:relative; /* this is important too */
}

.event-image img {
	position:absolute;
	top:-1px;
	left:-100px;
  height: 140px; /*173px;*/
  width: 297px; /*362px;*/
}

.event-title {
  margin: 3px 0 0 6px;
  min-height: 27px;
  width: 128px;
}

/*
.image-size {
  height: 173px;
  width: 362px;
}*/

.crop{
	float:left;
	margin:.5em 10px .5em 0;
	overflow:hidden; /* this is important */
	position:relative; /* this is important too */
	border:1px solid #ccc;
	width:150px;
	height:170px;
}

.crop img{
	position:absolute;
	top:-20px;
	left:-55px;
}

.more-events {
  text-align: center;
  margin: -px 0 0 6px;
  min-height: 16px;
  width: 128px;
}

#year-label {
  font-size: 26px;
	font-weight: 700;
	position: absolute;
}

#year-label-wrapper {
  bottom: 32px;
	left: 503px;
  position: relative;
  width: 730px;
}