/**
 * This typography file is included in the WYSIWYG editor
 */


/* ################### Resetting #################### */

body {
  color: #333;
  font-size: 62.5%; /* reset font-sizes to 1em == 10px */
  font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
}

* {
  font-size: 1em; /* reset font-sizes to 1em == 10px */
  list-style: none;
}


.typography * { font-size: 1em; }

.typography blockquote  { margin-left: 20px; }
.typography hr          { padding: 5px; }

.typography p,
.typography a,
.typography ul li,
.typography ol li {
  font-size:   1.4em;
  line-height: 1.3em;
}

.typography p a,
.typography ul li p,
.typography ul li a,
.typography ul li li  { font-size: 1em; }

.typography a       { color: #70991e; text-decoration: underline; }
.typography a:hover { color: #c12828; text-decoration: underline; }

.typography p.p00       { margin-bottom: 0;     }
.typography p.p02       { margin-bottom: 0.3em; }
.typography p.p05       { margin-bottom: 0.6em; }

.typography p,
.typography p.p10,
.typography ul,
.typography ol,
.typography table { margin-bottom: 1.3em; }

.typography p.p15       { margin-bottom: 1.9em; }
.typography p.p20       { margin-bottom: 2.6em; }
.typography p.p25       { margin-bottom: 3.2em; }
.typography p.p30       { margin-bottom: 3.9em; }



/* ############### CMS List Styles ################# */

.typography ul,
.typography ol {
  margin-left: 10px;
}
  .typography ul li,
  .typography ol li {
    margin: 4px 10px;
    line-height: 1.4em;
  }
    .typography ul li {
      list-style-type: square;
    }
    .typography ol li {
      list-style-type: decimal;
    }



/* ################ Header Styles ################## */

.typography h1,
.typography h2,
.typography h3,
.typography h4 { color: #666; font-weight: bold; margin-bottom: 0.5em; }

.typography h1 { font-size: 2.1em; }
.typography h2 { font-size: 1.8em; color: #666; }
.typography h1.title { margin-bottom: 1.5em; }
.typography h3 { font-size: 1.6em; }
.typography h4 { font-size: 1.4em; }

.typography h1,
.typography h3 { font-weight: bold; }

.typography h2,
.typography h4 { font-weight: normal; }


.typography h1.title {
  margin-top: 0px;
}


/* ################# Table Styles ################## */

.typography table {
   font-size: 1;
}
  .typography table tr td {
    padding: 3px 5px;
  }


/* ####### WYSIWYG Editor Alignment Classes ######## */

.typography .left         { text-align: left; }
.typography .center       { text-align: center; }
.typography .right        { text-align: right; }
.typography img.right     { float: right; }
.typography img.left      { float: left; }

.typography p.MsoNormal,
.typography p.MsoBodyText { margin: 0; }


/* #################### Images ##################### */
.typography img {
	border: none;
}
	.typography div.image.right,
	.typography div.captionImage.right {
		float: right;
		margin-left: 20px;
	}

	.typography .captionImage {
		border: 1px solid #aaa;
		padding: 5px;
	}

	.typography div.image.left,
	.typography div.captionImage.left {
		float: left;
	}
	.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 .caption {
		font-weight: bold;
		text-align: center;
		color: #666;
	}