/* --------------------------------------------------------------------------------------------------  */
/* --------------------- THIS FILE SPANS BOTH EVENTS, ARTICLES AND ARTICLE LISTINGS -----------------  */
/* --------------------------------------------------------------------------------------------------  */


/* *************************************************************************************************** */
/* *******   NEWS, ARTICLE & EVENT ******************************************************************* */
/* *************************************************************************************************** */

@media screen {

div#newsArticle,
div#article,
div#event
{
	margin: 0px 11px 0px 22px;
	font-size: 12px;
	line-height: 1.6em;
}

div#newsArticle h1,
div#article h1,
div#event h1
{
	font-size: 18px;
	font-weight: bold;	
	margin-bottom: 8px;
}

div#newsArticle div#articleDate,
div#article div.articleDate,
div#event div.eventDate
{
	font-weight: bold;
	padding-left: 1px;
}

div#newsArticle div#articleImage,
div#article div.articleImage,
div#event div.eventImage
{
	text-align: center;
}

div#newsArticle div#articleImage img,
div#article div.articleImage img,
div#event div.eventImage img
{
	margin: 6px auto 0px auto;
}

div#newsArticle div.imageCaption,
div#article div.imageCaption,
div#event div.imageCaption
{
	text-align: right;
	font-size: 10px;
}

div#newsArticle div#articleShortDescription,
div#article div.articleShortDescription,
div#event div.eventShortDescription
{
	margin-top: 12px;
}

div#newsArticle div#articleContent,
div#article div.articleContent,
div#event div.eventContent
{
	margin-top: 12px;
}

div#newsArticle div#articleContent img.topleftfloatingimage, /*  THIS CLASS IS HARDCODED IN EPISERVER  */
div#article div.articleContent img.topleftfloatingimage,
div#event div.eventContent img.topleftfloatingimage
{
	float: left;
	clear: none;
	margin-right: 22px;
	margin-bottom: 15px;
}



/*  -------  Related content  ---------------------------------------------------  */

div#newsArticleRelatedContent ul li a,
div#articleRelatedContent ul li a,
div#eventRelatedContent ul li a
{
}

/* *************************************************************************************************** */
/* *******   EVENT/ARTICLE LISTINGS ****************************************************************** */
/* *************************************************************************************************** */

div#newsListingContainer,
div#articleListingContainer,
div#eventListingContainer
{
	margin: 7px 11px 0px 22px;
}

div#newsListingContainer img.mainArticleImage,
div#articleListingContainer img.mainArticleImage,
div#eventListingContainer img.mainEventImage
{
	display: block;
}

div#newsListingContainer img.inlineMainArticleImage,
div#articleListingContainer img.inlineMainArticleImage,
div#eventListingContainer img.inlineMainEventImage
{
	float: left;
	clear: none;
	margin-right: 22px;
	margin-top: 0px; /* 6px i FF */
	padding-bottom: 11px;
	/* padding-bottom: 15px; */
	
}

div#newsListingContainer div.shortArticleDescription,
div#articleListingContainer div.shortArticleDescription,
div#eventListingContainer div.shortEventDescription
{
	line-height: 1.5em;
	font-size: 12px;
	padding-bottom: 8px;
}


div#newsListingContainer div.separatorLine,
div#articleListingContainer div.separatorLine,
div#eventListingContainer div.separatorLine
{
	clear:both;
}



/*  ****** Event-proprietary CSS only ********************************************  */

/* Style for the location of the event, above the heading: */
div#eventListingContainer ul#eventListing li#firstEventItem div.eventLocation span,
div#eventListingContainer ul#eventListing li#secondEventItem div.eventLocation span
{
	font-size: 14px;
	font-weight: normal;
	color: #6c726a;	
}


/* Resetting styles for html elements that may appear in the xhtml fields in EPiServer: */

#article .articleContent p,
#article .articleContent ul,
#article .articleContent ol,
#article .articleContent h2,
#article .articleContent h3,
#article .articleContent h4,
#article .articleContent h5,
#article .articleContent h6
{
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

#article .articleContent ul,
#article .articleContent ol
{
	margin-left: 40px;
}

#article .articleContent ul
{
	list-style-type: disc;
}

#article .articleContent ol
{
	list-style-type: decimal;
}


}