/* Unchanged */
/** 
 * SilverStripe Black Candy Theme
 * http://www.silverstripe.com
 *
 * This Content 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; }
.Content * { font-family:Arial, Helvetica, sans-serif; }
.ContentMain strong { color:#111; }
/* PARAGRAPHS 
-------------------------------------------- */
.ContentMain p { color: #494949; line-height: 18px; font-size: 12px; margin: 0 0 18px 0; }
/* QUOTES
-------------------------------------------- */
.ContentMain blockquote { margin: 10px; font-size: 1.4em; color: #777; font-style: italic; }
.ContentMain q { display:block; font-size: 0.8em; margin: 1em 1em; padding: 0.5em; border: 1px #ccc solid; }
/* LINKS 
-------------------------------------------- */

.ContentMain a { /*text-decoration: none; */ color: #949F01; }
.ContentMain a:hover { color: #7A003C; text-decoration: none; background:#C2CD23; }

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

.ContentMain h1, .ContentMain h2 { color: #7a003c; padding: 0 0 24px 0; font-weight: 300; font-family: Arial, Helvetica, sans-serif; font-weight:bold; }
.ContentMain h1 { font-size: 34px; }
.ContentMain h2 { font-size: 22px; }
.ContentMain h3 { color: #333; padding: 6px 0 9px 0; font-weight:bold; clear: both; font-size: 17px; line-height: 22px; }
.ContentMain h4 { font-size: 14px; color: #000; font-weight: 300; line-height: 16px; padding: 4px 0 4px 0; }
.ContentMain h5 { font-size: 12px; color: #000; font-weight: 700; padding: 4px 0 4px 0; }
.ContentMain h6 { font-size: 12px; color: #000; line-height: 1.4em; padding: 0 0 12px 0; }
/* PRE STYLES 
-------------------------------------------- */	
.ContentMain 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 
-------------------------------------------- */
.ContentMain table { width:570px; }
.ContentMain tr { border-bottom:1px dotted #C2CD23; }
.ContentMain td { color: #494949; line-height: 18px; font-size: 12px; padding:12px 20px 12px 0; }
/* WYSIWYG EDITOR ALIGNMENT CLASSES 
-------------------------------------------- */
.ContentMain .left { text-align: left; }
.ContentMain .center { text-align: center; }
.ContentMain .right { text-align: right; }
/* IMAGES 
-------------------------------------------- */
.ContentMain img { border: none; margin-bottom:10px; }
.ContentMain div.image.right, .ContentMain div.captionImage.right { float: right; margin-left: 20px; }
.ContentMain .captionImage { border: 1px solid #aaa; padding: 5px; }
.ContentMain div.image.left, .ContentMain div.captionImage.left { float: left; }
.ContentMain div.image.leftAlone, .ContentMain div.captionImage.leftAlone { float: left; margin-right: 100%; }
.ContentMain div.image.center, .ContentMain div.captionImage.center { float: none; margin-left: auto; margin-right: auto; display: block; }
.ContentMain .caption { font-weight: bold; text-align: center; color: #666; }