/* 

Copyright (C) 2012 Matthew Fries

MF Gig Calendar is free software; you can redistribute it and/or
modify it under the terms of the GNU General Public License
as published by the Free Software Foundation; either version 2
of the License, or (at your option) any later version.

MF Gig Calendar is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program; if not, write to the Free Software
Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.

=======================================
Calendar Layout
=======================================

CALENDAR OUTPUT FORMAT: 

<ul id="cal">

	<li class="event">
		<div class="date">
		
			<!-- ONLY OUTPUT FOR MULTI-DAY EVENTS -->		
			<div class="start-date">
				<div class="weekday"></div>
				<div class="day"></div>
				<div class="month"></div>
				<div class="year"></div>
			</div>
			<!-- ONLY OUTPUT FOR MULTI-DAY EVENTS -->
			
			<div class="end-date">
				<div class="weekday"></div>
				<div class="day"></div>
				<div class="month"></div>
				<div class="year"></div>
			</div>
		</div>
		<div class="info_block">
			<h3>[Event Title]</h3>
			<span class="time">[Event Time]</span>
			<span class="location">[Event Location]</span>
			<span class="details">[Event Details]</span>
		</div>
	</li>

</ul>

=======================================
*/

/* RSS-Link */
a.rss-link {
	display: block;
	height: 16px;
	float: right;
	background: transparent url(../images/icon-rss.png) right top no-repeat;
	padding-right: 20px;
	line-height: 16px;
}

#cal_nav {
	font-size: 0.9em;
	margin-bottom: 1.5em;
}

ul#cal {
	list-style: none;
	margin: 1em 0 1.5em 0;
	padding: 0;
}

#cal li.event {
	clear: both;
	padding-top: 1.5em;
}

/* Datumsspalte (linke Spalte) mit gewünschter Textfarbe */
#cal .date,
#cal .start-date,
#cal .end-date {
	white-space: nowrap;
	float: left;
	padding-bottom: 1.5em;
	color: #FF4D4D;
}

/* Wochentag in eigener Zeile */
#cal .weekday {
	display: block;
	margin-bottom: 0.3em;
	font-size: 0.9em;
	text-transform: uppercase;
}

/* Tag und Monat in einer Zeile – beide werden jetzt mit großer Formatierung dargestellt */
#cal .day,
#cal .month {
	display: inline-block;
	margin-bottom: 0;
	font-size: 1.6em; /* Große Formatierung */
	font-weight: bold;
	line-height: 1em;
}
#cal .day {
	margin-right: 0.5em;
}

/* Jahr in eigener Zeile */
#cal .year {
	display: block;
	margin-top: 0.3em;
	font-size: 0.8em;
	line-height: 1em;
	letter-spacing: 0.1em;
}

/* Erhöhte Breite, um den Text (z. B. "16 März") nicht abzuschneiden */
#cal .start-date {
	float: left;
	text-align: right;
	width: 8em; /* Neuer, breiterer Wert */
	padding-right: 0.5em;
	background: transparent url(../images/hyphen.png) right 2em no-repeat;
	overflow: hidden;
}

#cal .end-date {
	text-align: left;
	width: 8em; /* Neuer, breiterer Wert */
	margin-left: 8.5em; /* Angepasster Abstand */
	overflow: hidden;
}

/* Veranstaltungsinfos mit vergrößertem Abstand zur Datumsspalte */
#cal .info_block {
	padding: 0 0 1em 0;
	margin: 0 0 0 10em; /* Erhöhter Abstand, um die breitere Datumsspalte zu berücksichtigen */
}

#cal .info_block h3 {
	clear: none;
	margin-top: 0;
	padding-top: 0;
}

#cal .time {
	font-weight: bold;
}