/* TYPOGRAPHY **********************************/

h1, h2, h3, h4 {
	/* setup some more readable header spacing */
	padding-bottom: 5px;
	margin: 10px 0;
	font-family: Arial, Helvetica, sans-serif;
}

h1 { 
	font-size: 200%;
	line-height: 100%;
}

h2 {
	font-size: 175%;
	line-height: 100%;
}

h3 {
	font-size: 150%;
}

h4 {
	font-size: 120%;
}


ul.pdf,
ul.alert,
ul.check,
ul.star {
	padding-left: 10px;
	margin-left: 0;
}

ul.pdf li,
ul.alert li,
ul.check li,
ul.star li {
	list-style: none;
	margin-left: 0;
	padding-bottom: 3px;
	margin-bottom: 5px;
	padding-left: 24px;
}



ul.pdf li {
	background: url(../images/typography/pdf.png) 2px 2px no-repeat;
}

ul.alert li {
	background: url(../images/typography/alert.png) 2px 2px no-repeat;
}

ul.star li {
	background: url(../images/typography/star.png) 0 2px no-repeat;
}

ul.check li {
	background: url(../images/typography/check.png) 2px 2px no-repeat;
}

pre, .code {
	padding: 10px 15px;
	margin: 5px 0 15px;
	border-left: 5px solid #999999;
	background: #FFFFFF;
	font: 1em/1.5 "Courier News", monospace;
}

blockquote {
	color: #666;
	font-style: italic;
	font-size: 120%;
	line-height: 150%;
	width: auto;
	padding: 0px 0px 5px 60px;
	margin: 15px 0;
	background: url(../images/typography/quote-start.png) 0 0 no-repeat;
}

blockquote p {
	padding: 0 60px 10px 0;
	margin-top: 0;
	background: url(../images/typography/quote-end.png) 100% 100% no-repeat;
}

blockquote.b {
	color: #666;
	font-style: italic;
	font-size: 110%;
	line-height: 135%;
	width: auto;
	padding: 0px 0px 5px 20px;
	margin: 15px 0 15px 15px;
	background: url(../images/typography/quote2-start.png) 0 2px no-repeat;
}

/* @group Notice Styles */

span.alert,
span.info,
span.download,
span.note {
	display: block;
	padding: 10px 10px 10px 45px;
	margin: 15px 0;	
}

span.alert {
	color: #c00;
	border-top: 3px solid #fe7b7a;
	border-bottom: 3px solid #fe7b7a;
	background: #FFD6D6 url(../images/typography/status-alert.png) 10px 50% no-repeat;
}

span.info {
	color: #0055BB;
	border-top: 3px solid #629de3;
	border-bottom: 3px solid #629de3;
	background: #D8E5F8 url(../images/typography/status-info.png) 10px 50% no-repeat;
}

span.note {
	color: #B79000;
	border-top: 3px solid #fde179;
	border-bottom: 3px solid #fde179;
	background: #FEF6D8 url(../images/typography/status-note.png) 10px 50% no-repeat;
}

span.download {
	color: #57861A;
	border-top: 3px solid #c2df88;
	border-bottom: 3px solid #c2df88;
	background: #EEF7DD url(../images/typography/status-download.png) 10px 50% no-repeat;
}

/* @end */


.blocknumber {
	clear: both;
	padding: 5px 15px 10px;
	position: relative;
}

/* Bignumber */
.bignumber {
	float: left;
	margin-right: 8px;
	padding: 6px 7px;
	display: block;
	background: url(../images/ol-bg.jpg) no-repeat top left;
	color: #FFFFFF;
	font: bold 20px/normal Arial, sans-serif;
}