/**
 * @fileoverview:  	USELESS FACTS STYLES
 * @author:         Julia Yu
 * @company:        Schematic, Inc.
**/

.article {
	font-family: times, georgia, verdana, arial;
}

.article a {
	color: #00997A;
}

.article .uselessNav {
	float: left;
}

.article .tagline { 
	background-color: #fff;
	font-size: 1.2em;
	color: #000;
	font-style: italic;
}

.article .uselessContent {
	border: solid 1px #00997a;
	float: left;
	padding: 0 10px 10px;
	margin: 10px 0px;
	width: 585px;
	overflow: hidden;
}

.article .uselessContentNav {
	height: 100%;
	overflow: hidden;
	margin-bottom: 20px;
	margin-left: -20px;
}

.article .uselessContentNav li {
	background-color: #00997a;
	color: #fff;
	font-weight: bold;
	padding: 5px 30px;
	margin-right: 20px;
	float: left;
}

.article .uselessContent h1 {
	background-color: #fff;
	font-size: 1.4em;
	color: #000;
	font-weight: bold;
	margin-bottom: 10px;
}

.article .uselessContent h2 {
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 20px;
}

.article .uselessContent .warning {
	background-color: #cf1616;
	color: #fff;
	display: inline;
}

.article .uselessContent .warning span {
	font-style: italic;
}

.article .uselessContent .uselessIndexHeader {
	color: #00997a;
	font-style: italic;
	margin-top: 10px;
}

.article .uselessContent ol.uselessIndex {
	color: #00997a;
	font-style: italic;
	margin-bottom: 20px;
	font-weight: bold;
}

.article .uselessContent ol.uselessIndex  li {
	list-style-type: upper-roman;
	margin-left: 40px;
}

.article .uselessGallery {
	float: right;
	height: 100%;
	overflow: hidden;
	margin: 0 0 10px 10px;
}
* html .article .uselessGallery {
	overflow: visible;
	width: 1%;
}

.article .uselessGallery .blockImg img {
	border: solid 1px green;
	display: block;
}