/**************************/
/* start commonstyles.css */
/**************************/

/* make sure text overflows on the right and icons show in correct order when rtl encoding selected */
div#newspapertitle, div#pagehead, div.newsitemtitle, div.postactions, div.groupheader, div.fdnewsitem {
	direction: ltr;
}

/* search keyword highlight */
span.fdsearchkeyword {
	color: $COLOR-HIGHLIGHT-FORE$;
	background-color: $COLOR-HIGHLIGHT-BACK$;
}
span.fdsearchkeywordnum1 {	background-color: #acf2ad; }  /* light green */
span.fdsearchkeywordnum2 {	background-color: #aeecff; }  /* light blue */
span.fdsearchkeywordnum3 {	background-color: #ffceff; }  /* light purple */
span.fdsearchkeywordnum4 {	background-color: #ffc3c3; }  /* light red */

img { border: none; }

/* profile image - currently only in Twitter Atom feeds */
img.profileimg {
	float: left;
	height: 36px; /* 48px */
	max-width: 36px;
	margin-right: 8px;
	border: 1px solid #555555;
	/*filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=2,OffY=2,Color=silver);*/
}
a:hover img.profileimg { border-color: Highlight; }

div.friendlist { display: inline; }

img.friendimg {
	height: 16px;
	margin-right: 4px;
	border: none;
}

/* slang in Twitter feeds (RT, DM) */
abbr.fdautohint {
	font-weight: bold;
	color: green;
	cursor: help;
}

blockquote { font-style: italic; }

div.categories { font-style: normal; font-size: smaller; }
div.categories, div.categories a { color: GrayText; }
div.categories a { text-decoration: none; }
div.categories a:hover { text-decoration: underline; }

/* don't allow images or other content to overflow the newsitem */
div.fdnewsitem  { overflow: hidden; }

/* get rid of unnecessary whitespace caused by paragraphs in description*/
div.description p {
	margin: 0;
	padding: 0;
	margin-bottom: 1em;
}
/* fixes problem where paragraphs immediately followed by an image may cut off text, or just look misplaced */
div.description p img {
	display: block;
	/*border: 2px dotted red;*/
}
/* ...but don't apply above fix if align attribute is set for the image */
div.description p img[align] {
	display: inline;
	/*border: 2px dotted green;*/
}

/* don't allow images to be wider than description (resizes those that are) */
div.description img { max-width: 100%; }

/* don't allow 'small' tag to make text unreadable */
div.description small {	font-size: 85%; }
/* don't let PRE sections overflow newsitem */
div.description pre { overflow-x: hidden; text-overflow: ellipsis; }
/* post w/o description expanded */
span.nodescription { color: gray; font-style: italic; }

/* postactions.inc */
div.postactions { font-size: 11px; }
img.icon { 
	padding: 2px;
	border: 1px dotted transparent;
}
img.icon:hover { 
	border-color: $COLOR-GROUP-HEADER-BORDER$;
	background-color: $COLOR-FOCUS-HIGHLIGHT$;
}

span.taglist a { color: green; }
img.postactions-sharemenu, img.postactions-moremenu, span.taglist { margin-right: 4px; }
img.postactions-tagmenu {  }
.sep { color: silver; margin: 0 3px; font-size: 10px; }

/* "new items received" message */
div#fdnewitemsreceived {
	display: none;
	background-color: InfoBackground;
	color: InfoText;
	border: 1px solid InfoText;
	padding-top: 8px;
	padding-left: 18px;
	height: 30px;
	position: absolute;	
	left: 0px;
	top: 0px;
	right: 24px;
	z-index: 2;
	vertical-align: middle;
}
div#fdnewitemsreceived a { 
	color: InfoText !important;
	text-decoration: underline;
}

/* used by styles that require a specific version of IE */
div#ie-version8, div#ie-version9 {
	background-image: url("$IMAGEDIR$ie-icon.png");
	background-position-x: 14px;
	background-position-y: center;
	background-repeat: no-repeat;
	border-bottom: 2px solid $COLOR-GROUP-HEADER-BORDER$;
	background-color: $COLOR-GROUP-HEADER$;
	color: $COLOR-GROUP-HEADER-FONT$;
	padding: 10px 48px;
	font-weight: bold;
}
<xsl:if test="$IE-VERSION-MAJOR$ &gt; 7">
	div#ie-version8 { display:none; }
</xsl:if>
<xsl:if test="$IE-VERSION-MAJOR$ &gt; 8">
	div#ie-version9 { display:none; }
</xsl:if>

/* put space above Google feed ads */
img[src*="feedads"] { margin-top: 20px; }

/**************************/
/* end commonstyles.css  */
/**************************/