body{font:13px/1.5 Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif}
a:focus{outline:1px dotted invert}
hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}
h1{font-size:25px}
h2{font-size:23px}
h3{font-size:21px}
h4{font-size:19px}
h5{font-size:17px}
h6{font-size:15px}
ol{list-style:decimal}
ul{list-style:disc}
li{margin-left:30px}
p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px}

/** 
 * SilverStripe Black Candy Theme
 * http://www.silverstripe.com
 *
 * This typography file is included in the WYSIWYG editor and the front end. It provides
 * a place to add link styles and font styles you would like in the CMS and the Front End.
 */
body{color:#333333;}
a {text-decoration:none;color:#999999;}
a:hover {text-decoration:underline;}
table {margin-bottom:0;width:100%;}
p {margin-bottom:10px;}
h1,h2,h3,h4,h5,h6 {}
h1{font-size:30px;font-weight:normal;margin:0 0 10px}
h2{font-size:23px;font-weight:normal;margin:0 0 10px}
h3{font-size:21px;font-weight:normal;margin:0 0 10px}
h4{font-size:19px;font-weight:normal;margin:0 0 10px}
h5{font-size:17px;font-weight:normal;margin:0 0 10px}
h6{font-size:15px;font-weight:normal;margin:0 0 10px}

	
/* GENERIC STYLES 
-------------------------------------------- */
 

/* QUOTES
-------------------------------------------- */
.typography blockquote {
	margin: 10px;
	font-size: 1.4em;
	color: #777;
	font-style: italic;
}	
.typography q {
	display:block;
	font-size: 0.8em;
	margin: 1em 1em;
	padding: 0.5em;
	border: 1px #ccc solid;
}


/* LIST STYLES 
-------------------------------------------- */
.typography ul, 
.typography ol {
	margin: 0 0 18px 24px;
	color: #666;
}
	.typography li {
		margin: 5px 10px;
		font-size: 11px;
	}
		.typography li li {
			font-size: 10px;
		}

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

/* TABLE STYLING 
-------------------------------------------- */
.typography table {
	margin: 0 0 18px 0;
	font-size: 11px;
	color: #666;
	border-collapse:collapse;
}
	.typography tr {}
	
		.typography td {
			border:1px solid #999;
			padding:5px;
		}

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