/** 
 * 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.
 */

 
/* GENERIC STYLES 
-------------------------------------------- */
 
.small { font-size:10px!important; }
.large { font-size:14px!important; }
.xlarge { font-size:16px!important; }
.typography .maori {color:#105229;}
.typography * { font-family:Arial, Helvetica, sans-serif; }
.odd {background:#E5EDE8;}
/* PARAGRAPHS 
-------------------------------------------- */
.typography hr {color: #005221;}
.typography p { color: #005221; font-size: 13px; line-height: 20px; margin: 0 0 18px 0; }
#ContentMaori p { color:#4f6e5f;/*color:#7a9c8b;*/ }
#ContentSub p, #ContentSub h1, #ContentSub h2, #ContentSub h3, #ContentSub h4, #ContentSub h5, #ContentSub h6 { color: #005221; margin:0 22px 10px; }
	#home #ContentSub p, #home #ContentSub h1, #home #ContentSub h2, #home #ContentSub h3, #home #ContentSub h4, #home #ContentSub h5, #home #ContentSub h6 { color: #fff;}
#ContentSub p a { color:#005221; }
	#home #ContentSub p a { color:#fff; }
#ContentBottom p, #ContentBottom h1, #ContentBottom h2, #ContentBottom h3, #ContentBottom h4, #ContentBottom h5, #ContentBottom h6 { color:#005221;/* margin-right:24px; margin-left:24px; */}
	#home #ContentBottom p, #home #ContentBottom h1, #home #ContentBottom h2, #home #ContentBottom h3, #home #ContentBottom h4, #home #ContentBottom h5, #home #ContentBottom h6 { color:#2a0301; margin-right:24px; margin-left:24px; }
	#home #ContentBottom .contentSection p, #home #ContentBottom .contentSection h1, #home #ContentBottom .contentSection h2, #home #ContentBottom .contentSection h3, #home #ContentBottom .contentSection h4, #home #ContentBottom .contentSection h5, #home #ContentBottom .contentSection h6 { margin-right:0; margin-left:0; }
#ContentBottom h3 { border-bottom:solid 1px #005221; font-size:13px; font-weight:bold; padding-bottom:8px; text-transform:uppercase; }
	#home #ContentBottom h3 { border-bottom:solid 1px #2a0301; font-size:13px; font-weight:bold; padding-bottom:8px; text-transform:uppercase; }
		#home #ContentBottom .contentSection h3 { border-bottom:none;} 
#ContentBottom ul.threeColumn { float:left; width:176px; }
#ContentBottom li { color:#005221; /*background:url(../images/NTimages/bullet.gif) no-repeat left 7px; list-style:none;*/ margin:5px 0; padding-left:10px; }
	#home #ContentBottom li { color:#2a0301; background:url(../images/NTimages/bullet.gif) no-repeat left 7px; list-style:none; margin:5px 0; padding-left:10px; }

#ContentBottom div.contentSection p { margin:0; color:#005221; width:548px; }
#ContentBottom div.contentSection h2, #ContentBottom div.contentSection h3, #ContentBottom div.contentSection h4, #ContentBottom div.contentSection h5, #ContentBottom div.contentSection h6 { border:none; color:#005221; font-weight:bold; margin:14px 0 3px 0; width:548px; }
#ContentBottom div.contentSection h4 { font-size:14px; }
/* 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; }
/* LINKS 
-------------------------------------------- */

.typography a { text-decoration: underline; color: #005221; }
.typography a:hover { /*background:#005221; color:#fff;*/ text-decoration: none; }

	/* LINK ICONS - shows type of file
	------------------------------------ */
	.typography a[href$=".pdf"],  .typography a[href$=".PDF"],  .typography a.pdf {
 padding: 2px;
 padding-left: 20px;
 background: url(../images/icons/page_white_acrobat.png) no-repeat left center;
}
 .typography a[href$=".doc"],  .typography a[href$=".DOC"],  .typography a.doc,  .typography a[href$=".rtf"] {
 padding: 2px;
 padding-left: 20px;
 background: url(../images/icons/page_word.png) no-repeat left center;
}
 .typography a[href$=".xls"],  .typography a[href$=".XLS"],  .typography a.xls {
 padding: 2px;
 padding-left: 20px;
 background: url(../images/icons/page_excel.png) no-repeat left center;
}
 .typography a[href$=".gz"],  .typography a[href$=".GZ"],  .typography a[href$=".gzip"],  .typography a[href$=".GZIP"],  .typography a[href$=".zip"],  .typography a[href$=".ZIP"],  .typography a.archive {
 padding: 2px;
 padding-left: 20px;
 background: url(../images/icons/page_white_zip.png) no-repeat left center;
}
 .typography a[href$=".exe"],  .typography a[href$=".EXE"],  .typography a.application {
 padding: 2px;
 padding-left: 20px;
 background: url(../images/icons/application.png) no-repeat left center;
}
/* LIST STYLES 
-------------------------------------------- */
.typography ul, .typography ol { margin: 0 0 18px 24px; color: #666; }
.typography li { margin: 5px 10px; font-size: 13px; }
.typography li li { font-size: 11px; }
/* HEADER STYLES 
-------------------------------------------- */

.typography h1, .typography h2 { color: #005221; margin: 0 0 30px 0; font-weight: 300; font-family: Tahoma, Verdana, sans-serif; }
.typography h1 { font-size: 24px; text-transform:uppercase;}
.typography h2 { font-size: 20px;  margin:24px 0 10px;}
.typography h3 { color: #222; margin: 0 0 18px 0; font-weight: 300; clear: both; font-size: 18px; }
.typography h4 { font-size: 16px; color: #222; width: 95%; font-weight: 300; line-height: 18px; border-bottom: 1px solid #ccc; margin: 0 0 16px 0; }
.typography h5 { font-size: 14px; color: #222; font-weight: 700; margin: 0 0 12px 0; }
.typography h6 { font-size: 13px; color: #555; line-height: 1.4em; margin: 0 0 12px 0; }
/* 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: 13px; color: #005221; border:none;border-collapse:collapse;}
.typography tr { }
.typography td , .typography th { padding:5px; vertical-align:top;}
.typography td p, .typography th p { padding:0;margin:0; }
	.typography th {background:#105229;}
	.typography td.tableHeader {background:#105229;}
	.typography td.tableHeader p {color:#fff;}

		.typography th p {color:#fff;}

.col1 {}
		.framework .col1 {width:170px;}
.col2 {}
	.framework .col2 {width:24px;}
.col3 {}
/* 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 img.right { float: right; margin-left: 10px; }
.typography img.left { float: left;margin-right:10px; }
.typography img.leftAlone { float: left; margin-right: 100%; }
.typography img.center { float: none; margin-left: auto; margin-right: auto; display: block; }