/* --- general --- */
.typography {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 	font-size: 100%;
}


/* --- headers --- */
.typography h1 {
	font-size: 1.6em;
	font-weight: bold;
	color: #000;	
}
.typography h2 {
	font-size: 1.2em;
	font-weight: bold;
	color: #000;	
}
.typography h3,
.typography h4,
.typography h5,
.typography h6 {
	font-size: 0.8em;
	font-weight: bold;
	color: #000;	
}

/* --- end headers --- */


/* --- paragraph --- */
.typography p {
	width: 66%;
	margin: 0;
	padding: 0;	
	font-size: 0.8em;
 	color: #666;
	line-height: 1.3em; /* --- 1 1/2 x p font-size --- */
}
/* --- end paragraph --- */


/* --- links --- */
.typography a {  
	color: #666;
	text-decoration: underline;
}
.typography a:hover { 
	color: #ff0000;
 	text-decoration: underline;
}
/* --- end links --- */


/* --- lists --- */
.typography ul,
.typography ol {
	margin: 0 0 0 2.0em;
	padding: 0;
	font-size: 0.8em;
	color: #666;
}
.typography ul ul,
.typography ol ol {
	font-size: 100%;
}
.typography li {
	display: inline-block;
	padding: 5px 10px 5px 0;
	list-style-type: none;
}
/* --- end lists --- */


/* --- blockquote --- */
.typography blockquote {
	margin: 0;
	padding: 20px;
	border: thin solid #bfbfbf;
}
.typography blockquote p,
.typography blockquote em {
	color: #666;
}
/* --- end blockquote --- */


/* --- tables --- */
.typography table {
	width: auto;
	margin: 0;
	padding: 0;
    border-collapse: collapse;
    border-spacing: 0;
	border: none;
	font-size: 0.8em;
	color: #666;
}
.typography table tr {
	border: none;
}
.typography table td {
	padding: 0 40px 0 0;
	border: none;
}
.typography table td.label {
	padding: 0 10px 0 0;
	border: none;
	color: #999;	
}
.typography table td.data {
	padding: 0;
	border: none;
	color: #999;		
}
/* --- end tables --- */


/* --- images --- */
.typography img {
	margin: 0;
	padding: 0;
	border: none;
}
.typography img.right {
	margin: 0 0 0 2.0em;
	padding: 0;
	float: right;
}
.typography img.left {
	margin: 0 2.0em 0 0;
	padding: 0;
	float: left;
}
.typography img.leftAlone {
	margin: 0 100% 0 0;
	padding: 0;
	float: left;
}
.typography img.rightAlone {
	margin: 0 0 0 100%;
	padding: 0;
	float: right;
}
.typography img.center {
	margin: 0 auto;
	padding: 0;
	display: block;
}
/* --- end images --- */


/* --- wysiwyg editor alignment --- */
.typography .left {
	text-align:left;
}
.typography .center {
	text-align:center;
}
.typography .right {
	text-align:right;
}
/* --- end wysiwyg editor alignment --- */