/**

  SilverStripe Black Candy Theme

  http://www.silverstripe.com

 

  This typography file is included in the WYSIWYG editor

 */

 

/* GENERIC STYLES */ 

.typography * {

	font-family: Verdana, Lucida, sans-serif; 

}



/* PARAGRAPHS */

.typography p { 

 	color: #000;

 	font-size: 10pt;
   line-height: 1.2;

}

#Layout p {

 	margin: 10px 5px 5px 0;

}

#Sidebar p {

	font-size: 10pt;

 	clear: both;

 	margin: 10px 10px 0 10px;

}

.typography blockquote {

	margin: 10px;

	font-size: 1.4em;

	color: #777;

	font-style: italic;

}	



/* LINKS */

.typography a { 

 	text-decoration: none; 

	color: #990099;

 	font-size: 10pt;

}

.typography a:hover { 

 	text-decoration: underline;

}



/* ICONS */

.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 {

	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: 20px;

	color: #000;

}



.typography li {

	margin: 5px 10px;

	font-size: 1.2em;

}

.typography td ul {
   list-style-type: none;
	margin: 20px;

	color: #000;
}

/* HEADER STYLES */



.typography h1,

.typography h2 { 

	color: #990099; 

	margin: 15px 0;

	clear: both;

	font-weight: 300;

	font-family: Tahoma, Verdana, sans-serif;

}

.typography h1 {

	font-size: 2.4em;

}

.typography h2 { 

 	font-size: 2em; 

}

	

.typography h3 {

	color: #cd69cd;

	margin: 25px 0 15px 0;

	font-weight: 300;

	clear: both;

	font-size: 1.8em;

}

.typography h4 {

	font-size: 1.6em;

	color: #222;

	width: 95%;

	clear: both;

	font-weight: 300;

	line-height: 1.5em;

	border-bottom: 1px solid #ccc;

	margin: 25px 0 15px 0;

}

.typography h5 {

	font-size: 1.4em;

	color: #222;

	font-weight: 300;

	margin: 10px 0;

}

.typography h6 {

	font-size: 1.2em;

	color: #555;

	line-height: 1.4em;

	margin: 10px;

}



/* 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 label {

 	display: block;

	margin: 10px 0 -10px 0;

	color: #777;

}



.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: 8pt;

	color: #666;

	border-collapse:collapse;

}

	.typography td {

		border:0px solid #999;

		padding: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;

	margin-left:20px;

}

.typography img.left {

	float:left;

}

.typography img.leftAlone {

	float:left;

	margin-right:100%;

}

.typography img.center {

	float:none;

	margin-left:auto;

	margin-right:auto;

	display:block;

}



/* FORMS */

.typography label {

	font-size: 1em;

}

.typography input.text, .typography textarea {

	font-size: 1em;

}

/* Extra redundancy */

.typography p.MsoNormal, .typography p.MsoBodyText {

	margin: 0;

}



.typography #Content p.authorDate {

	color: #444;

	margin-top: -15px;

	}