.news-wrapper
{
	background-color: #0A1D41;
	color: #0A1D41;
}

.news-wrapper .news-contents-wrapper
{
	width: auto;
	margin: auto;
	border-right: 1px dashed #6a6a6a;
	border-left: 1px dashed #6a6a6a;
	height: 100%;
    color: #0A1D41;
}

.news-wrapper .news-contents
{
	overflow: hidden;
	position:relative;
	z-index: 998;
	height: 100%;
	text-align: left;
    color: #0A1D41;
}

.news-wrapper .news
{
	width: 100%;
	height: 120px;
	color: #0A1D41;
	text-align:left;
	position: absolute;
	z-index: 999;
	border-bottom: 1px dashed #6a6a6a;
}

.news-wrapper .news-header
{
	color: #0A1D41;
	height: 10px;
	font-weight: bold;
	font-size: 14px;
	padding-top: 5px;
	padding-left: 5px;
	text-align: left;
}

h1
{
	color: #0A1D41;
	font-size: 14px;
	text-align: left;
}

.clear
{
	clear: both;
}

.circle-outer
{
	width: 75px;
	height: 75px;
	border-radius: 11px;
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	text-align: center;
	vertical-align: middle;
	border: solid 2px #0A1D41;
	overflow: hidden;
	font-size: 14px;
	font-weight: bold;
	background-color: #0A1D41;
}

.circle
{
	width: 75px;
	height: 75px;
	border-radius: 32px;
	-moz-border-radius: 32px;
	-webkit-border-radius: 32px;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
	font-size: 14px;
	font-weight: bold;
}
.circle.red
{
	color: #ff0000;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#E95F5F, endColorstr=#C64444)";
	background-image: -o-linear-gradient(#E95F5F, #C64444);
	background-color: #ff0000;
}
.circle.yellow
{
	color: #956537;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#FED86D, endColorstr=#FFBD4E)";
	background-image: -o-linear-gradient(#FED86D, #FFBD4E);
}
.circle.green
{
	color: #566F38;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#C4D8A6, endColorstr=#C4D8A6)";
	background-image: -o-linear-gradient(#C4D8A6, #C4D8A6);
}
.circle.blue
{
	color: #0A1D41;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#0A1D41, endColorstr=#0A1D41)";
	background-color: #0A1D41;
}

.history
{
	padding-top: 5px;
	float: left;
	width: 10%;
	padding-left: 5px;
	color: #0A1D41;
}

.description
{
	float: left;
	padding: 5px;
	background: url('../images/guernseytimesbackground.png');
	border-radius: 10px; 
	margin: 5px;
	color: #0A1D41;
	height: 88%;
    width: 88%;
 }

.detail
{
	float: none;
    vertical-align: top;
	font-size: 16px;
	color: #0A1D41;
	line-height: 6em;
    height: 12em;       /* height is 2x line-height, so two lines will display */
    overflow: hidden;  /* prevents extra lines from being visible */
    line-height: 1.5em; /* Sets line height to 1.5 times text size */
    height: 3em; /* Sets the div height to 2x line-height (3 times text size) */
    width: 100%; /* Use whatever width you want */
    white-space: normal; /* Wrap lines of text */
    overflow: hidden; /* Hide text that goes beyond the boundaries of the div */
    text-overflow: ellipsis; /* Ellipses (cross-browser) */
    -o-text-overflow: ellipsis; /* Ellipses (cross-browser) */
 }

.elipses, .day, .month, .year
{
	color:white;
	display: block;
	height: 10px;
}
.day, .month, .year
{
	text-align: left;
	padding-left:12px;
	padding-top:12px;
}
h1 a, h1 a:active, h1 a:visited
{
	font-family:Arial;
	font-size:large;
	text-decoration: underline;
	color: #0A1D41;
}
h1 a:hover
{
	font-family:Arial;
	text-decoration: underline;
	color: #0A1D41;
}