/* Typohraphy 
-----------------------------------------------------------------------------------*/
pre, .code {
	margin:10px 0pt 15px;
	padding:10px 15px;
	font-size: 11px;
}
.info {
	padding-left:30px;
}
.warning {
	padding-left:30px;
}
.tips {
	padding-left:30px;
}
.date {
	padding-left:30px;
}
.audio, .credit, .email, .feed, .help, .webcam {
	background:transparent url('../images/icons/audio.gif') no-repeat left top;
	padding-left:30px;
}
.credit {
	background:transparent url('../images/icons/credit.gif') no-repeat left top;
}
.email {
	background:transparent url('../images/icons/email.gif') no-repeat left top;
}
.feed {
	background:transparent url('../images/icons/feed.gif') no-repeat left top;
}
.help {
	background:transparent url('../images/icons/help.gif') no-repeat left top;
}
.webcam {
	background:transparent url('../images/icons/webcam.gif') no-repeat left top;
}
.highlight-1, .highlight-2, .highlight-3, .highlight-4 {
	padding:1px 5px;
}
span.clear, span.clear-1, span.clear-2, span.color, span.color-1, span.color-2, span.color-3, span.color-4, span.color-5, span.color-6, span.color-7 {
	display: block;
	padding: 5px 10px;
	margin-bottom: 10px;
}
ul.bullet-1, ul.bullet-2, ul.bullet-3, ul.bullet-4, ul.bullet-5, ul.bullet-6, ul.bullet-7, ul.bullet-8 {
	padding-left: 15px;
	overflow: hidden;
	margin-left: 5px;
}

ul.bullet-1 li,  ul.bullet-2 li, ul.bullet-3 li, ul.bullet-4 li, ul.bullet-5 li {
	list-style: none;
	padding-bottom: 3px;
	margin-bottom: 5px;
	padding-left: 20px;
}

ul.bullet-6 li, ul.bullet-7 li, ul.bullet-8 li {
	list-style: none;
	padding-bottom: 3px;
	margin-bottom: 5px;
	padding-left: 22px;
}

ul.bullet-1 li {background: url(../images/typo/bullet-1.gif) 0 5px no-repeat;}
ul.bullet-2 li {background: url(../images/typo/bullet-2.png) 0 5px no-repeat;}
ul.bullet-3 li {background: url(../images/typo/bullet-3.png) 0 5px no-repeat;}
ul.bullet-4 li {background: url(../images/typo/bullet-4.gif) 0 5px no-repeat;}
ul.bullet-5 li {background: url(../images/typo/bullet-5.png) 0 5px no-repeat;}
ul.bullet-6 li {background: url(../images/typo/bullet-6.png) 0 2px no-repeat;}
ul.bullet-7 li {background: url(../images/typo/bullet-7.png) 0 2px no-repeat;}
ul.bullet-8 li {background: url(../images/typo/bullet-8.png) 0 3px no-repeat;}