/* ------------------- Article holder ------------------- */
.articleHolder { float:left; width:530px; margin-bottom:25px;}
.fullArticleHolder { float:left; width:530px; margin-bottom:25px;}

/* ------------------- Article objects ------------------- */
.articleInfo { float:left; font-size:10px; color:#666666; width:530px; background-color:#fff6ed; padding:5px 0 5px 0; margin-top:10px; margin-bottom:12px; }
.articleInfo .author { float:left; padding-left:7px; }
.articleInfo .category { float:right; padding-right:7px; }
.articleInfo .category a { color:#666666; text-decoration:none; }
.articleInfo .category a:hover { color:#fff; background-color:#000; }

/* Campaign color codes for meta */
.articleInfo.kampanjer.eton { background-color:#f1f1f3; }
.articleInfo.kampanjer.eton .author,
.articleInfo.kampanjer.eton .category a { color:#000; }
.articleInfo.kampanjer.eton .category a:hover { color:#fff; }

.leftColumn.kampanjer.eton .articleHolder .articleInfo { background-color:#f1f1f3; }
.leftColumn.kampanjer.eton .articleHolder .articleInfo .author,
.leftColumn.kampanjer.eton .articleHolder .articleInfo .category a { color:#000; }
.leftColumn.kampanjer.eton .articleHolder .articleInfo .category a:hover { color:#fff; }

.fullArticleHolder p { margin-top:15px; line-height:170%; }

.article_intro { clear: both; font-weight: bold; }
.article_content { clear: both; }
.article_image { margin-bottom: 15px; }
.article_image p { margin-top: 0; font-style: italic; }

p.ingress { margin-top:15px; margin-bottom:15px; line-height:170%; }

#share {width:530px; margin-top:20px;}
#share img {margin-right:5px;}
#share a:hover {background-color:transparent;}

/* ------------------- read more ------------------- */
#read_moreHolder {float:left; width:530px; padding-bottom:10px; border-bottom:solid 1px #c9c9c9; margin-bottom:10px;}
.read_more {background-image:url('/gfx/BTN_las_mer.jpg'); display:block; width:56px; height:20px; background-position:left -20px;}
.read_more:hover {background-position:left 0px;}

/* ------------------- similar articles ------------------- */
.similarArticles { text-transform:uppercase; }
.similarArticles a { background-color:#f7cc8f; color:#000; text-decoration:none; }
.similarArticles a:hover { background-color:#000; color:#fff; }

/* ------------------- similar articles full ------------------- */
.similarArticlesFull { text-transform:uppercase; margin-top:20px; padding-top:20px; border-top:1px solid #c9c9c9; }
.similarArticlesFull a { background-color:#f7cc8f; color:#000; text-decoration:none; }
.similarArticlesFull a:hover { background-color:#000; color:#fff; }

/* ------------------- speechbubble ------------------- */
.spch-bub-inside { position: relative; }
a.spch-bub-inside { color: #000000; text-decoration: none; }
.spch-bub-inside em { font-style: normal; font-family:arial;}
.spch-bub-inside em {
  background: #000000;
  color: #FFF;
  padding: 0 4px 0px 4px;
  -moz-border-radius: 0.25em;
  -webkit-border-radius: 0.25em;
  border-radius: 0.25em;
  position: relative;
}
.spch-bub-inside .point {
  width: 0;
  height: 0;
  position: absolute;
  top: 1.1em;
  left: 0.4em;
  display: block;
  border-left: 0.45em solid #000000; 
  border-bottom: 0.45em solid #FFF; /* IE fix */
  border-bottom: 0.45em solid rgba(0,0,0,0); 
  overflow: hidden; /* IE fix */
}
a.spch-bub-inside:hover { color: #ccc; }
a.spch-bub-inside:hover em { cursor: pointer; background: #000; color: #ccc; }
a.spch-bub-inside:hover .point { border-left: 0.5em solid #000; }


/* ------------------- Kommentarer på artikelnivå ------------------- */
#commentsHolder { margin-top:30px; float:left; width:530px;}
#commentsHolder .header { padding-left:10px; width:530px; float:left; }
#commentsHolder .commentPost { padding:20px; float:left; width:490px; }
#commentsHolder .commentPost .name { float:left; font-weight:bold; }
#commentsHolder .commentPost .date { float:right; font-style:italic; }
#commentsHolder .commentPost .post { margin-top:15px; margin-bottom:15px; }
#commentsHolder .alternate { background-color:#f9f9f9; }

#writeCommentHolder { margin-top:15px; float:left; width:530px; }
#writeCommentHolder .header { padding-left:5px; float:left; width:520px; }

#writeCommentHolder INPUT.comment {
	border:1px solid #000;
	color: #000;
	float:left;
	height:30px;
	margin-right:10px;
	margin-top:15px;
	padding-left:5px;
	width:155px;
	}
#writeCommentHolder .message {
	border:1px solid #000;
	color:#000;
	float:left;
	height:100px;
	margin-bottom:10px;
	margin-top:10px;
	padding:5px;
	width:518px; 
	}
#writeCommentHolder .commentAloneText { padding:5px 5px 5px 15px; }
#writeCommentHolder .commentAloneText a { color:#000; font-weight:bold; }
#writeCommentHolder .commentAloneText a:hover { color:#fff; }

/* ------------------- prev/next ------------------- */
#article_list_prevNext { width:530px; line-height:130%;}
#article_list_prevNext a { color:#000;}
#article_list_prevNext a:hover { color:#fff; }
#article_list_prevNext .prev { text-align:left; width:150px; }
#article_list_prevNext .prev img { margin-right:10px; }
#article_list_prevNext .next { text-align:right; width:150px; }
#article_list_prevNext .next img { margin-left:10px; }

h2.articleHeaders{
	float: left;
	font-size: 30px;
	font-weight: normal;
	line-height: 120%;
}