.typography{
  line-height: 140%;
	font-size: 80%;
	color: #4e3a2b;
}

/* block elemnts */

.typography hr{
	visibility: hidden;
	height: 1px;
	clear: both;
}

.typography p{
  
}

.typography blockquote{
	background-color: #F7F7F7;
	margin-left: 0;
	margin-right: 0;
	padding: 10px 40px 10px 60px;
	
	background-image: url(images/quote.png);
	background-position: 16px 12px;
	background-repeat:no-repeat;
	
}

.typography h2{
	margin: 5px 0 10px 0;
	color: #5a2500;
	font-weight: normal;
	font-size: 175%;
}

.typography h3{
	font-size: 140%;
	color: #2d2d2d;
	font-weight: normal;
	margin: 0.8em 0;
	}
	
.typography h4{
	font-size: 120%;
	color: #77787B;
	margin: 1em 0;
}

.typography h5{
	font-size: 100%;
	color: #fdb827;
	margin: 0.1em 0;
}

.typography h6{
	
}

/* table */

.typography table{
	font-size: 100%;
	border-collapse: collapse;
	}

/* inline elements */

.typography em{
	font-style: normal;
	font-weight: bold;
}

.typography strong{
	font-style: normal;
	font-weight: bold;
	/* color: #fdb827; */
}


.typography a{
  color: #795a0d;
}

.typography a:hover,
.typography a:focus{
  text-decoration: none;
}

.typography a:visited{
  /*color: #76787B;*/
}


/* WYSIWYG EDITOR ALIGNMENT CLASSES 
-------------------------------------------- */
.typography .left {
	text-align: left;
}
.typography .center {
	text-align: center;
}
.typography .right {
	text-align: right;
}

/* IMAGES 
-------------------------------------------- */
.typography img {
	border: none;
}
	.typography div.image.right,
	.typography div.captionImage.right {
		float: right;
		margin-left: 10px;
	}
	
	.typography .captionImage {
		border: 1px solid #aaa;
		padding: 5px;
	}
	
	.typography div.image.left,
	.typography div.captionImage.left {
		float: left;
		margin-right: 10px; 
	}
	.typography div.image.leftAlone,
	.typography div.captionImage.leftAlone {
		float: left;
		margin-right: 100%;
	}
	.typography div.image.center,
	.typography div.captionImage.center {
		float: none;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
	
/* --- */

.typography iframe{
	border: solid #E0E0E0 1px;
}


.typography .User-Box{
	padding-left: 10px;
	padding-right: 10px;
	background-color: #eee;
}

.typography .User-Smaller{
	font-size: 95%;
}