@import url("style_shorts.css");

/* Latest features */

#homepage h1.mainTitle {
	width: 149px;
	height: 57px;
	background-image: url(en/title_latestfeatures.png);
	margin-bottom: 1em;
	float: left;
}

#homepage a.pastfeatures {
	display: block;
	clear: both;

	background-image: url(en/bg_button_pastfeatures.png);

	width: 154px;
	height: 32px;

	margin-top: 24px;
}

#homepage #features {
	clear: both;
	width: 698px;
	overflow: visible;
}

#features div {
	width: 338px;
	float: left;
	position: relative;
	margin: 0 0 20px 0;
}

/*
 	Add the following '#features div + div' when advert is not present
	Remove when advert is present

#features div + div {
	margin-left: 20px;
}
*/

#features img {
	background-image: url(bg_feature.png);
	width: 320px;
	height: 155px;
	display: block;
	padding: 6px 9px 12px 9px;
	margin: 0 0 0 -4px;
}

#features h2 {
	position: absolute;
	top: 16px;
	left: 5px;
	padding: 0 5px 0 0;
	margin: 0;
	font-family: Georgia, sans-serif;
	font-size: 1.8em;
	text-decoration: none;
	color: #000;
	vertical-align: top;
	line-height: 40px;
	display: inline;
}

#features h2 span {
	background-color: #FFF;
	padding: 3px 0px 3px 0px;
	color: #000;
}

#features a.mainLink {
	text-decoration: none;
}

#features a.mainLink:hover h2 span {
	text-decoration: underline;
}

#features div p {
	margin: 12px 0 0 0;
	padding: 0;
}

#features div p.readmore {
	margin: 5px 0 0 0;
}

div.clear {
	clear: both;
}

#profiledlinks {
	padding: 0; /* 40px top */
	padding-top: 30px;
/*	margin-bottom: 30px;*/
	clear: both;
	width: 698px;
}

#profiledlinks a {
	background-image: url(bg_profiledlink.png);
	padding: 1px 4px 7px 4px;
	height: 110px;
	display: block;
	width: 195px;
	float: left;
	margin-left: 40px;
}

#profiledlinks a.first {
	margin-left: 0;
}

/* Sidebar, Blog Summary */

#blogTitle {
	margin: 0;
	width: 231px;
	height: 154px;
	background-image: url(../base/bg_blogtitle.png);
	position: relative;
}

#blogGlobe {
	width: 99px;
	height: 99px;
	position: absolute;
	background-image: url(../base/bg_globelogo.png);
	left: -26px;
	top: -18px;
}

dl#blogPosts a {
	text-decoration: none !important;
	display: block;
	margin-bottom: 1.2em;
}

dl#blogPosts dt {
	color: #000;
	font-weight: bold;
	font-size: 1em;
}

dl#blogPosts dd {
	margin: 0;
	color: #000;
}

dl#blogPosts dd p {
	margin-top: 0.33em;
	margin-bottom: 0.33em;
}

dl#blogPosts p.blogDate {
	color: #e20026;
	margin: 0;
	font-size: 0.9em;
}

dl#blogPosts dd img {
	float: left;
	border: 2px solid #777;
	margin: 0 0.5em 0.25em 0;
}

dl#blogPosts a:hover dt {
	text-decoration: underline;
}

div#advert_column {
	float: right;
	width: 334px;
	height: 592px;
	margin: 4px 0 0 0;
	overflow: hidden;
}

div#advert_column img {
	width: auto;
	height: auto;
	background-image: url(advert_vertlarge_bg.png);
	padding: 0 4px 7px 4px;
}

div#adverts {
	width: 9999em;
}

div#adverts > a {
	width: 338px;
	display: block;
	float: left;
}