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


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

.attention, .notice, .alert, .note, .info, .rss, .question {
	display: block;
	padding: 8px 10px 8px 36px;
	margin: 15px 0;
}
	.attention {
		color: #ff9933;
		border: 1px solid #ff9933;
		background: #fbe89d url(../images/assets/Typography_Attention.gif) 7px 10px no-repeat;
	}
	.notice {
		color: #648434;
		border: 1px solid #648434;
		background: #ccff99 url(../images/assets/Typography_Notice.gif) 7px 10px no-repeat;
	}
	.alert {
		color: #cc6666;
		border: 1px solid #cc6666;
		background: #ffcccc url(../images/assets/Typography_Alert.gif) 7px 10px no-repeat;
	}
	.note {
		color: #ff7c00;
		border: 1px solid #ff7c00;
		background: #FFF3A3 url(../images/assets/Typography_Note.gif) 7px 10px no-repeat;
	}
	.info {
		color: #336699;
		border: 1px solid #336699;
		background: #a8cde3 url(../images/assets/Typography_Info.gif) 7px 10px no-repeat;
	}
	.rss {
		color: #ff6600;
		border: 1px solid #ff6600;
		background: #ffcc66 url(../images/assets/Typography_RSS.gif) 7px 10px no-repeat;
	}
	.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: 10px 0;
	background: #e1e1e1;
	border: 1px solid #ebebeb;
	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 *** */
.color-green { color: #648434; }
.color-blue { color: #336699; }
.color-purple { color: #9933cc; }
.color-red { color: #d12525; }
.color-orange { color: #ff6600; }
.color-yellow { color: #fbfb06; }
.color-white { color: #ffffff; }
.color-grey { color: #7d7d7d; }
.color-brown { color: #754c24; }

/* *** 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;
}