/* //////////////////////////// */
/* DESKTOP STYLES  */


	/* //////////////////////////// */
	/* LAYOUT */

#calendar {
	width: 95%;
	max-width: 1280px;
	background-color: #fed1d1;
	margin: 4em 0 0 55px;
	}
	
#calendar h6 {
	padding: 0.2em 0.6em 0.2em 55px;
	font-size: 2em;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #fff;
	background-color: rgba(88,88,90, 1);
	position: absolute;
	left: 0;
	}
	
.calendar-month {
	float: left;
	margin: 1em 1em 0 0;
	position: relative;
	}

.calendar-month-details {
	display: block;
	width: 175px;
	height: 175px;
	text-indent: -99999px;
	}

	
#calendar-month-set {
	position: relative;
	top: 4em;
	}

.prerelease #calendar {
	margin-top: 10em;
	}	
	
	
	/* //////////////////////////// */
	/* ARTIST DATE IMAGES  */

#march-13-details {
	background: url(../graphics/calendar/2013_03_image.jpg) 0 0 no-repeat;
	}
	
#april-13-details {
	background: url(../graphics/calendar/2013_04_image.jpg) 0 0 no-repeat;
	}
	
#may-13-details {
	background: url(../graphics/calendar/2013_05_image.jpg) 0 0 no-repeat;
	}
	
#june-13-details {
	background: url(../graphics/calendar/2013_06_image.jpg) 0 0 no-repeat;
	}
	
#july-13-details {
	background: url(../graphics/calendar/2013_07_image.jpg) 0 0 no-repeat;
	}
	
#august-13-details {
	background: url(../graphics/calendar/2013_08_image.jpg) 0 0 no-repeat;
	}

#september-13-details {
	background: url(../graphics/calendar/2013_09_image.jpg) 0 0 no-repeat;
	}

#october-13-details {
	background: url(../graphics/calendar/2013_10_image.jpg) 0 0 no-repeat;
	}
	
#november-13-details {
	background: url(../graphics/calendar/2013_11_image.jpg) 0 0 no-repeat;
	}
	
#december-13-details {
	background: url(../graphics/calendar/2013_12_image.jpg) 0 0 no-repeat;
	}
	
#january-14-details {
	background: url(../graphics/calendar/2014_01_image.jpg) 0 0 no-repeat;
	}
	
#february-14-details {
	background: url(../graphics/calendar/2014_02_image.jpg) 0 0 no-repeat;
	}


#march-13-details:hover, #april-13-details:hover, #may-13-details:hover, #june-13-details:hover, #july-13-details:hover, #september-13-details:hover, #october-13-details:hover, #november-13-details:hover, #january-14-details:hover, #february-14-details:hover {
	background-position: 0 -175px;
	}
	

#august-13-details:hover, #december-13-details:hover { 
	background-position: 0 0px;
	cursor: default;	
	}



	/* //////////////////////////// */
	/* CALENDAR FIXES */
	/* Page-specific adjustments for the vertical placement of the calendar */

#calendar.calendar-fix-2013-04 {
	margin-top: 46em;
	}


	
/* //////////////////////////// */
/* MOBILE STYLES  */

@media only screen and (max-width: 767px) {


	/* //////////////////////////// */
	/* LAYOUT */


#calendar {
	margin: 0 0 0 15px;
	}
	
#calendar h6 {
	padding-left: 15px;
	font-size: 1.4em;
	}

.calendar-month-details {
	text-indent: 0;
	width: 80px;
	height: 80px;
	}

.calendar-month-details span {
	background-color: rgba(155,155,155, 0.6);
	color: #fff;
	font-family: 'Gudea', sans-serif;
	font-size: 0.6em;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	}
	
.calendar-month-details span.calendar-details-artist-name {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 0.3em 0 0.4em 5px;
	width: 75px;
	font-size: 0.7em;
	}

.calendar-month-details span.calendar-details-month-name {
	position: absolute;
	top: 0;
	left: 0;
	padding: 2px 0 0.4em 5px;
	width: 22px;
	}
	
.calendar-month-details span.calendar-details-year {
	position: absolute;
	top: 0;
	left: 27px;
	padding: 2px 0 0.4em 0;
	width: 28px;
	display: none;
	}

.calendar-month {
	margin: 1em 0.5em 0 0;
	}

#calendar-month-set {
	top: 2em;
	}

#march-13-details span.calendar-details-year, #january-14-details span.calendar-details-year {
	display: inline;
	}

.unscheduled .calendar-details-artist-name {
	display: none;
	}

	/* //////////////////////////// */
	/* ARTIST DATE IMAGES  */

#march-13-details {
	background: url(../graphics/calendar/2013_03_image_m.jpg) 0 0 no-repeat;
	}
	
#april-13-details {
	background: url(../graphics/calendar/2013_04_image_m.jpg) 0 0 no-repeat;
	}
	
#may-13-details {
	background: url(../graphics/calendar/2013_05_image_m.jpg) 0 0 no-repeat;
	}
	
#june-13-details {
	background: url(../graphics/calendar/2013_06_image_m.jpg) 0 0 no-repeat;
	}
	
#july-13-details {
	background: url(../graphics/calendar/2013_07_image_m.jpg) 0 0 no-repeat;
	}
	
#august-13-details {
	background: url(../graphics/calendar/2013_08_image_m.jpg) 0 0 no-repeat;
	}

#september-13-details {
	background: url(../graphics/calendar/2013_09_image_m.jpg) 0 0 no-repeat;
	}

#october-13-details {
	background: url(../graphics/calendar/2013_10_image_m.jpg) 0 0 no-repeat;
	}
	
#november-13-details {
	background: url(../graphics/calendar/2013_11_image_m.jpg) 0 0 no-repeat;
	}
	
#december-13-details {
	background: url(../graphics/calendar/2013_12_image_m.jpg) 0 0 no-repeat;
	}
	
#january-14-details {
	background: url(../graphics/calendar/2014_01_image_m.jpg) 0 0 no-repeat;
	}
	
#february-14-details {
	background: url(../graphics/calendar/2014_02_image_m.jpg) 0 0 no-repeat;
	}

#march-13-details:hover, #april-13-details:hover, #may-13-details:hover, #june-13-details:hover, #july-13-details:hover, #august-13-details:hover, #september-13-details:hover, #october-13-details:hover, #november-13-details:hover, #december-13-details:hover, #january-14-details:hover, #february-14-details:hover {
	background-position: 0 0;
	}

	/* //////////////////////////// */
	/* CALENDAR FIXES */
	/* Page-specific adjustments for the vertical placement of the calendar */

#calendar.calendar-fix-2013-04 {
	margin-top: 3em;
	}
	
}