/* CSS Document

--------------------------------
EMO.cz
Webdesign (c) Metallic Relation, 2008
Last edited: 2008-10-03
--------------------------------

*/



/* CONTENTS SPECIFIC ELEMENTS */

/* Breadcrumbs Navigation */
#breadcrumbs {
	position: relative;
	font-size: 95%;
}
#breadcrumbs a:link, #breadcrumbs a:visited {
	color: #1D3B54;
}
#breadcrumbs a:hover {
	color: #B92630;
}

/* Welcome */
div.welcome {
	margin: 1.3em 0 2em 0;
	padding: .8em 2.5ex;
	border: 5px solid #ddd;
	background-color: #eee;
}
div.welcome h2 {
	margin: .2em 0 .5em 0;
	font-size: 140%;
}

/* Article */
em.date {
	display: block;
	margin-bottom: 1em;
	color: #777;
}
p.box, div.event-details-box {
	margin: 1.8em 0 1.5em 0;
	padding: .8em 2ex;
	border-top: 5px solid #ddd;
	background-color: #eee;
}
p.perex {
	margin-bottom: 1em;
	font-size: 130%;
	line-height: 140%;
}
p.back {
	text-align: right;
}
a.read-all {
	white-space: nowrap;
}

/* Article Preview */
div.article-preview, div.event-preview {
	clear: left;
	margin-top: 1em;
	border-bottom: 2px solid #eee;
}
div.article-preview h3, div.event-preview h3 {
	margin-top: 0;
}
div.article-preview a.image-left, div.event-preview a.image-left {
	margin-bottom: 1.5em;
}
div.article-details, div.event-details {
	margin: .5em 0;
	color: #777;
	font-size: 95%;
}

/* Images in Text */
a.image-left, a.image-right {
	padding: 5px;
	border: 5px solid #ddd;
	background-color: #fff;
}
a.image-left, img.left {
	float: left;
	margin: .2em 2.5ex .5em 0;
}
a.image-right, img.right {
	float: right;
	margin: .2em 0 .5em 2.5ex;
}
a.image-left:hover, a.image-right:hover {
	border-color: #ccc;
}

/* Event Details */
div.event-details-box ul {
	margin: 0;
	padding: 0;
}
div.event-details-box li {
	width: 100%;
	float: left;
	clear: left;
	list-style-type: none;
}
div.event-details-box strong {
	width: 15ex;
	float: left;
}