/*******************************************************
  Custom SilverStripe Emerging South Theme
  By Dieter Orens
 
  This typography file is included in the WYSIWYG editor
  Only that typography is included here!! 
  Everything else is in layout.css

********************************************************/

.typography *{ font-family:Arial, Helvetica, sans-serif; }

.typography p, p{ color:#5b5b5b; font-size:1.2em; margin-top:1em; line-height:1.6; }

.typography blockquote { margin:1em; font-style:italic; }	

.typography strong, strong{ font-weight:bold; }
.typography em, em{ font-style:italic; }

/* ---------- LINKS -------------------------------- */

a, .typography a, a:link, a:visited, .typography a:link, .typography a:visited{ color:#4287ff; }

a:hover, a:active, .typography a:hover, .typography a:active{ color:#FFF; text-decoration:none; background-color:#4287ff; }
#SideContent a{ background-color:transparent; }

/* ---------- HEADINGS ----------------------------- */
h3{ font-size:2em; font-weight:bold; }
.typography h1, .typography h3, .typography h2{ font-size:1.8em; font-weight:bold; margin-top:.75em; }
.typography h4{ font-size:1.4em; font-weight:bold; margin-top:.5em; }
.typography h5{ font-size:1.4em; font-weight:bold; }
.typography h6{ font-size:1.4em; font-weight:bold; }

.page .typography h2{ font-size:3.2em; }

/* --------- LISTS -------------------------------- */

/* LIST STYLES */
.typography ul{ list-style:square; margin:1em 1em 0; }
.typography ol { list-style:decimal; margin:1em 1em 0; }

.typography li { font-size:1.2em; margin-left:1em; color:#5b5b5b; line-height:1.6; }
.typography ul li{ list-style-type:square; }
.typography ol li{ list-style-type:decimal; }

/* WYSIWYG EDITOR ALIGNMENT CLASSES */

.typography .left { text-align:left; }

.typography .center { text-align:center; }

.typography .right { text-align:right; }

.typography img{ border:3px solid #f0eee8; }
.typography img.right {	float:right; margin:5px 0 5px 10px; }
.typography img.left {	float:left; margin:5px 10px 5px 0; }
.typography img.leftAlone {	clear:both; }
.typography img.center { float:none; margin-left:auto; margin-right:auto; display:block; }

/* ADRESS STYLES */	
.typography pre { font-family:"Courier New",Courier; display:block;	font-size:1.2em; margin:2em 5em; padding:0.5em; border:1px #ccc solid;	background:#eee; }

.typography q { display:block; font-size:0.8em; margin:1em 1em;	padding:0.5em;	border:1px #ccc solid; }

/* TABLE STYLING */

.typography table { margin: 10px; font-size: 1.2em; color: #666; border-collapse:collapse; }
.typography td { border:1px solid #999;	padding:5px; }

/* Extra redundancy */

.typography p.MsoNormal, .typography p.MsoBodyText { margin: 0; }
.typography #Content p.authorDate {	color: #444; margin-top: -15px;	}