body {
	margin:0;
	padding:0;
	text-align: left;
	background: white;
	background-image: none;
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:11px;
	font-weight:normal;
	line-height:140%;
}

/* Heading */
h1 {
	font-size: 215%;
	line-height: 110%;
	color: #000;
	letter-spacing: -1px;
	line-height: 32px;
}

h2 {
	font-size: 155%;
	color: #000;
}

h3 {
	font-size: 125%;
	color: #000;
}

h4 {
	font-size: 100%;
	text-transform: uppercase;
	color: #000;
}

.contentheading {
	font-size:22px;
	line-height:100%;
	margin: 15px 0 0;
	color: #000;
	letter-spacing: -1px;
}

.article-wrap .contentheading {
	margin: 15px 0 38px;
}

/* Normal link */
a {
	color: #ee4219;
	text-decoration: none;
}

a:hover, a:active, a:focus {
	color: #f67b5f;
}

/* Tips, Error, Message, Hightlight*/
.error {
	padding-left: 25px;
	color: #000;
	background: url(/images/bruno/bullet-error.gif) no-repeat top left;
}

.message {
	padding-left: 25px;
	color: #EE9600;
	background: url(/images/bruno/bullet-info.gif) no-repeat top left;
}

.tips {
	padding-left: 25px;
	color: #EE9600;
	background: url(/images/bruno/bullet-tips.gif) no-repeat top left;
}

.highlight {
	padding: 1px 5px;
	background: #FFFFCC;
	font-weight: bold;
}


p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 {
	margin: 1em 0 10px;
	padding: 0;
}

/* Title text */
strong, h1, h2, h3, h4 {
	font-weight: bold;
}

ul {
	list-style: none;
}

ul li {
	padding-left: 30px;
	background: url(/images/bruno/bullet-list.gif) no-repeat 13px 8px;
	line-height: 180%;
}

ol li {
	margin-left: 30px;
	line-height: 180%;
}

th {
	padding: 5px;
	font-weight: bold;
	text-align: left;
}

fieldset {
	border: none;
}

fieldset a {
	font-weight: bold;
}

hr {
	border-top: 1px solid #DDDDDD;
	border-right: 0;
	border-left: 0;
	border-bottom: 0;
	height: 1px;
}

a img {
	border: none;
}

td, div {
	
}

/* BONUS TYPOGRAPHY STYLES
--------------------------------------------------------- */
pre, .code {
	padding: 10px 15px;
	margin: 5px 0 15px;
	border-left: 5px solid #999999;
	background: #FFFFCC;
}

/* Rropcap */
.dropcap {
	float: left;
	padding: 4px 8px 0 0;
	display: block;
	color: #999999;
	font: 50px/40px Georgia, Times, serif;
}

blockquote {
	padding: 1em 40px 1em 15px;
}

blockquote span.open-quote {
	padding: 0 0 0 20px;
	background: url(/images/bruno/so-q.gif) no-repeat left top;
}

blockquote span.close-quote {
	padding: 0 20px 0 0;
	background: url(/images/bruno/sc-q.gif) no-repeat bottom right;
}

/* Quote hilight */
.quote-hilite {
	padding: 10px 15px;
	margin: 0;
	border: 1px solid #DDDDDD;
	background: #FFFFFF;
}

/* Small quote */
.small-quote {
	margin: 0;
	padding: 0;
	background: none;
}

.small-quote span.small-open-quote {
	margin: 0;
	padding-left: 20px;
	background: url(/images/bruno/so-q.gif) no-repeat center left;
}

.small-quote span.small-close-quote {
	margin: 0;
	padding-right: 20px;
	background: url(/images/bruno/sc-q.gif) no-repeat center right;
}

.small-quote span.author {
	padding: 2px 5px 2px 20px;
	border-top: 1px solid #DDDDDD;
	margin: 0.5em 0 0;
	display: block;
	background: url(/images/bruno/author.gif) no-repeat 5px 4px #DDDDDD;
	font-size: 90%;
	text-transform: uppercase;
}

.legend {
	border: 1px solid #CBCBCB;
	margin: 20px 0;
	padding: 0 10px;
	position: relative;
}

.legend-title {
	background:#FFFFFF none repeat scroll 0 0;
	color:#333333;
	display:block;
	float:left;
	font-size:100%;
	font-weight:bold;
	left:7px;
	margin:0;
	padding:0 3px;
	position:absolute;
	top:-10px;
}

.green {
	background-color: #B7B9BC;
}

.blue {
	background-color: #6db7ff;
}