.news {
	position: relative;
	overflow: scroll;
	overflow-x: hidden;
	background-color: #101010;
	-webkit-overflow-scrolling: touch;
}
.news ul.headlines {
	list-style: none;
	margin: 0;
	padding: 0;
	font-family: "MS UI Gothic", sans-serif;
}
.news.smallfont ul.headlines {
	font-size: 14px;
}
.news.normalfont ul.headlines {
	font-size: 16px;
}
.news.largefont ul.headlines {
	font-size: 20px;
}
.news.giantfont ul.headlines {
	font-size: 24px;
}
.news ul.headlines li {
	position: relative;
	overflow: hidden;
	cursor: pointer;
	-webkit-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
}
.news.smallfont ul.headlines li {
	height: 28px;
}
.news.normalfont ul.headlines li {
	height: 32px;
}
.news.largefont ul.headlines li {
	height: 40px;
}
.news.giantfont ul.headlines li {
	height: 48px;
}
.news ul.headlines li:nth-child(even) {
	background-color: #282828;
}
.news ul.headlines li:nth-child(odd) {
	background-color: #101010;
}
.news ul.headlines li div.headline {
	display: block;
	padding: 0.5em 0.1em !important;
	overflow: hidden;
}
.news ul.headlines li.detailed div.headline,
.news ul.headlines li.detailed {
	background-color: #661414;
}
.news ul.headlines li .headline div {
	float: left;
	margin-left: 0.3em;
	/*margin-right: -0.5em;*/
}

.news ul.headlines div.headline > span {
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 100%;
	width: 690px;
	white-space: nowrap;
}
.news.smallfont ul.headlines div.headline > span {
	width: 680px;
}
.news.normalfont ul.headlines div.headline > span {
	width: 680px;
}
.news.largefont ul.headlines div.headline > span {
	width: 650px;
}
.news.giantfont ul.headlines div.headline > span {
	width: 615px;
}
.news ul.headlines li .headline div,
#story .time {
	color: #5894dd;
}
.news ul.headlines li .headline.flash div,
#story.flash .time {
	color: #ff6c32;
}
.news ul.headlines li .headline.notice div,
#story.notice .time {
	color: #47ed47;
}
.news ul.headlines div.headline > span,
#story .title {
	color: #cce2ff;
}
.news ul.headlines div.headline.flash > span,
#story.flash .title {
	color: #ffa07a;
}
.news ul.headlines div.headline.notice > span,
#story.notice .title {
	color: #90ee90;
}

#story {
	position: relative;
	font-family: sans-serif;
	background-color: #101010;
	overflow:  hidden;
	line-height: 160% !important;
}
#story.smallfont {
	font-size: 14px;
}
#story.normalfont {
	font-size: 16px;
}
#story.largefont {
	font-size: 20px;
}
#story.giantfont {
	font-size: 24px;
}
#storyscroll {
	position: relative;
	height: 430px;
	overflow-x: hidden;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}
#story .time {
	float: left;
	/*margin-right: -0.5em;*/
	padding: 0 0.2em;
	background-color: #282828;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
#story .title {
	padding: 0 0.3em;
	background-color: #282828;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
#story.normalfont .title{
	height: 48px;
}
#story.largefont .title {
	height: 60px;
}
#story.giantfont .title {
	height: 72px;
}

#story .body {
	color: #b0c4de;
	padding: 0.3em;
	font-family: "Droid Sans Mono", monospace;
	white-space: pre-wrap;
	-webkit-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
}
.landscape #story.normalfont .body {
	min-height: 325px;
}
.landscape #story.largefont .body {
	min-height: 313px;
}
.landscape #story.giantfont .body {
	min-height: 301px;
}