/** 
* 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 */
.typography * { font-family: Arial, Helvetica, Verdana, Lucida, Arial, sans-serif; }

/* PARAGRAPHS  */
.typography p { color: #000; line-height: 18px; font-size: 12px; margin: 0 0 12px 0; }

/* 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: none; color: #569D00; }
.typography a:visited { color: #569D00; }
.typography 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 { margin: 0 0 18px 24px; color: #000; }
.typography li { margin: 4px 10px; font-size: 12px; }
.typography li li { font-size: 12px; }

/* HEADER STYLES */
.typography h1, .typography h2 { color: #000; margin: 0 0 12px 0; font-weight: 300; font-family: Tahoma, Verdana, sans-serif; }
.typography h1 { font-size: 33px; line-height: 35px; text-transform: uppercase; color: #333; }
.typography h1 strong, .typography h1 b { font-weight: bold; }
.typography h2 { font-size: 24px; line-height: 26px; }	
.typography h3 { color: #000; margin: 0 0 18px 0; font-weight: 300; clear: both; font-size: 18px; }
.typography h4 { font-size: 16px; color: #000; width: 95%; font-weight: 300; line-height: 18px; border-bottom: 0px solid #ccc; margin: 0 0 16px 0; }
.typography h5 { font-size: 14px; color: #000; font-weight: 700; margin: 0 0 12px 0; } 
.typography h6 { font-size: 13px; color: #000; line-height: 1.4em; margin: 0 0 12px 0; }

/* PRE STYLES  */	
.typography pre { font-family:"Courier New",Courier; display:block; font-size:12px; 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: #000; 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 img.right { float: right; margin: 0 0 8px 20px; }
.typography img.left { float: left; margin: 0 20px 8px 0; }
.typography img.leftAlone { float: left; margin-right: 100%; padding-bottom: 10px; }
.typography img.center { float: none; margin-left: auto; margin-right: auto; display: block; }

/* LORENBERG'S STYLES */
.typography p.ingress, .ingress { font-size: 14px; }