/* **************************
	TYPOGRAPHY PAGE STYLES 
***************************** */


/* *** ATTENTION ALERTS *** */

span.attention, span.notice, span.alert, span.note, span.info, span.rss, span.question {
	display: block;
	padding: 8px 10px 8px 36px;
	margin: 15px 0;
}
	span.attention {
		color: #ff9933;
		border: 1px solid #ff9933;
		background: #fbe89d url(../images/assets/Typography_Attention.gif) 7px 10px no-repeat;
	}
	span.notice {
		color: #648434;
		border: 1px solid #648434;
		background: #ccff99 url(../images/assets/Typography_Notice.gif) 7px 10px no-repeat;
	}
	span.alert {
		color: #cc6666;
		border: 1px solid #cc6666;
		background: #ffcccc url(../images/assets/Typography_Alert.gif) 7px 10px no-repeat;
	}
	span.note {
		color: #ff7c00;
		border: 1px solid #ff7c00;
		background: #FFF3A3 url(../images/assets/Typography_Note.gif) 7px 10px no-repeat;
	}
	span.info {
		color: #336699;
		border: 1px solid #336699;
		background: #a8cde3 url(../images/assets/Typography_Info.gif) 7px 10px no-repeat;
	}
	span.rss {
		color: #ff6600;
		border: 1px solid #ff6600;
		background: #ffcc66 url(../images/assets/Typography_RSS.gif) 7px 10px no-repeat;
	}
	span.question {
		color: #cc6600;
		border: 1px solid #cc6600;
		background: #ffff99 url(../images/assets/Typography_Question.gif) 7px 10px no-repeat;
	}

/* *** BLOCKQUOTES *** */

blockquote {
	display: block;
	font-size: 13px;
	line-height: 130%;
	width: auto;padding: 10px 20px 10px 20px;
	margin: 15px 0;
	background: #e1e1e1;
	border: 2px solid #b7b7b7;
	text-align: left;
}
	/* Blockquote Colors */
	blockquote.blue, blockquote.lightblue, blockquote.darkblue, 
	blockquote.green, blockquote.lightgreen, blockquote.darkgreen, 
	blockquote.red, blockquote.lightred, blockquote.darkred,
	blockquote.grey, blockquote.lightgray, blockquote.darkgray,
	blockquote.white, blockquote.brown {
		display: block;
		line-height: 150%;
		width: auto;
		padding: 0px 20px;
		margin: 15px 0;
		border: 0;
		background: 0;
	}
		
	blockquote.green { color: #648434; }
	blockquote.blue { color: #0066cc; }
	blockquote.purple { color: #D12E2E; }	
	blockquote.red { color: #d12525; }
	blockquote.orange { color: #ff6600; }
	blockquote.yellow { color: #fbfb06; }
	blockquote.white { color: #D12E2E; }	
	blockquote.grey { color: #7d7d7d; }
	blockquote.brown { color: #754c24; }
	
	/* blockquote photos */
	blockquote.photo {
		display: block;
		line-height: 150%;
		width: auto;
		padding: 0px 20px;
		margin: 15px 0;
		border: 0;
		color: #336699;
		border: 1px solid #336699;
		background: #a8cde3 url(../images/assets/Typography_RSS.gif) 7px 50% no-repeat;
	}


/* *** COLORED TEXT *** */
.text-green { color: #648434; }
.text-blue { color: #336699; }
.text-purple { color: #9933cc; }
.text-red { color: #d12525; }
.text-orange { color: #ff6600; }
.text-yellow { color: #fbfb06; background: #000000;  }
.text-white { color: #ffffff; background: #000000; }
.text-grey { color: #7d7d7d; }
.text-brown { color: #754c24; }
.text-bold { font-weight: bold; font-size: 130%; }


/* *** TEXT INSETS *** */
.inset-left {
	display: block;
	color: #336699;
	padding: 15px;
	float: left;
	width: 30%;
	font-size: 18px;
	font-weight: bold;
}

.inset-right {
	display: block;
	color: #648434;
	padding: 15px;
	float: right;
	width: 30%;
	font-size: 18px;
	font-weight: bold;
}

/* *** IMAGE INSETS *** */
.image-top-fullwidth {
	display: block;
	margin: 0px 0px 10px 0px;
}
.image-top-left {
	display: block;
	float: left;
	margin: 0px 10px 10px 0px;
}
.image-top-right {
	display: block;
	float: right;
	margin: 0px 0px 10px 10px;
}
.image-mid-left {
	display: block;
	float: left;
	margin: 10px 10px 10px 0px;

}
.image-mid-right {
	display: block;
	float: right;
	margin: 10px 0px 10px 10px;

}
.image-mid-fullwidth {
	display: block;
	margin: 10px 0px 10px 0px;
}
.image-bottom-left {
	display: block;
	float: left;
	margin: 10px 10px 0px 0px;
}
.image-bottom-right {
	display: block;
	float: right;
	margin: 10px 0px 0px 10px;
}
.image-bottom-fullwidth {
	display: block;
	margin: 10px 0px 0px 0px;
}