/**

  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: #666;

 	line-height:14px;

 	font-size:10px;

}

#Layout p {

 	margin: 10px 5px 5px 0;

}

#Sidebar p {

	font-size: 1.1em;

 	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:#5F70A2; font-size:9px; font-weight:bold;

}

.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: #666;

}



.typography li {font-size:10px;
                 
				color: #666;

 	           line-height:14px;}




/* HEADER STYLES */



.typography h1,

.typography h2 { 

	color: #5F70A2; 

	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: #222;

	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;

}

.typography h7 {
	color: #ffffff; 
		
	font-weight:bold;
	
	clear: both;

	font-size:1.1em;}
	
.typography h8 { 

    margin-top:5px;
	
	padding-left:2px;   

    color:#999999; 
	
	font-size:12px; 
	
	font-weight:bold;

	clear: both;

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


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

	color: #666;

	border-collapse:collapse;

}

	.typography td {

		border:1px solid #999;

		padding:5px;

	}
	.typography th {
		color: #666;

 	line-height:14px;

 	font-size:10px;
	
		
		}



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

	}