/** 
 * 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.
 */
 
/* HTML ELEMENTS
-------------------------------------------- */
body {font-family:Arial, Verdana, Helvetica; font-size:10px;}

#content {}

#footer {color:#fff;}

#breadcrumbs {border-bottom:1px solid #ebebeb; font-size:0.7em;}


/* GENERIC STYLES 
-------------------------------------------- */
#content ul,
#content ul a {font-size:14px;}

/* PARAGRAPHS 
-------------------------------------------- */
p {font-size: 1.4em;}

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

#content a { text-decoration: none; color: #3F7EA6;}

#content a:hover { text-decoration: underline; }




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

.typography li {}

.typography li li {}

/* HEADER STYLES 
-------------------------------------------- */

h1 {font-size:2.4em;}

h2 {font-size:2.2em;}

h3 {font-size:2.0em;}

h4 {font-size:1.8em;}

h5 {font-size:1.6em;}

h6 {font-size:1.4em;}



#content h2 {font-weight:normal; color:#E5811A;}

/* 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 #3F7EA6; 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 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; }