/** 
 * 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:Verdana, Lucida, Arial, sans-serif; }


/* PARAGRAPHS 
-------------------------------------------- */

.typography p { color:#5a3914; line-height:18px; font-size:11px; margin:0px 0px 10px 0; }

.typography div.homepage p { color:#fdf3d0; font-size:13px; line-height:26px; }


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


/* LIST STYLES 
-------------------------------------------- */

.typography ul, .typography ol { margin:0px 0px 10px 24px; color:#5a3914; }
.typography li { margin:5px 10px; font-size:11px; }
.typography li li { font-size:10px; }

#navSidebar ul, ul#sidenavList { margin:0px; list-style-type:none; padding-right:10px; }
#navSidebar ul li.link, ul#sidenavList li.sidenav { padding:0px; margin:0px; font-size:10px; line-height:12px; display:inline; }

div#Sidebar ul { margin:0px; }
div#Sidebar li { margin:0px; list-style:none; }

	
/* LINKS 
-------------------------------------------- */

.typography a { text-decoration:none; color:#a46e05; }

.typography a:hover { text-decoration:underline; }

.typography a.current { text-decoration:underline; color:#4e4e4e; }

a#loginLink { color:#fdf3d0; font-size:12px; text-transform:uppercase; padding-left:20px; background:transparent url(/site/images/orangeball.gif) no-repeat left 1px; }

a.navName { display:block; padding:0px 18px 0px 7px; margin:0px 0px 7px 0px; font-size:10px; line-height:13px; font-weight:bold; color:#5a3914; text-decoration:none; }
a.navName:hover { text-decoration:none; color:#a46e05; }

#navSidebar ul li a.link, #navSidebar ul li a.levela, #navSidebar ul li a.levelb { display:block; color:#a46e05; text-decoration:none; display:block; padding:2px 15px 2px 17px; margin-bottom:4px; }
#navSidebar ul li a.link:hover, #navSidebar ul li a.current { color:#5a3914; text-decoration:none; background:transparent url(/site/images/sidenavlinkbkgd.gif) repeat-y left top; }


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


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

.typography h1, .typography h, .typography h3, .typography h4, .typography h5, .typography h6 { color:#5a3914; margin:10px 0px 10px 0px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; }

.typography h1 { font-size:22px; }
.typography h1.homepage { margin:0px 0px 10px 140px; width:366px; height:31px; }
.typography h1.homepage.past { background:transparent url(/site/images/homeheaderpast.gif) no-repeat left top; }
.typography h1.homepage.present { background:transparent url(/site/images/homeheaderpresent.gif) no-repeat left top; }
.typography h1.homepage.future { background:transparent url(/site/images/homeheaderfuture.gif) no-repeat left top; }

.typography h2 { font-size:14px; color:#5a3914; }	
.typography h3 { font-size:12px; color:#5a3914; margin:0px; }
.typography h4 { font-size:11px; color:#5a3914; margin:0px; }
.typography h5 { font-size:11px; color:#5a3914; margin:0px; }
.typography h6 { font-size:11px; color:#5a3914; margin:0px; }


/* 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:0px 0px 18px 0; font-size:11px; color:#5a3914; border-collapse:collapse; }
.typography tr { } 

.typography table.datatable { border-top:#a46e05 1px solid; border-left:#a46e05 1px solid; }
.typography table.datatable caption { margin-bottom:4px; font-weight:bold; font-size:12px; }
.typography table.datatable tr { }
.typography table.datatable th { font-size:11px; font-weight:bold; border-bottom:#a46e05 1px solid; border-right:#a46e05 1px solid; padding:4px; }
.typography table.datatable th[scope='row'] { font-size:11px; font-weight:bold; border-bottom:#a46e05 1px solid; border-right:#a46e05 1px solid; padding:4px; }
.typography table.datatable th[scope='col'] { text-align:center; }
.typography table.datatable td { border-bottom:#a46e05 1px solid; border-right:#a46e05 1px solid; padding:4px; text-align:center; }


/* 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 div.image.right, .typography div.captionImage.right { float:right; margin-left:20px; }
.typography .captionImage { border:1px solid #aaa; padding:5px; }
.typography div.image.left, .typography div.captionImage.left { float:left; }
.typography div.image.leftAlone, .typography div.captionImage.leftAlone { float:left; margin-right:100%; }
.typography div.image.center, .typography div.captionImage.center { float:none; margin-left:auto; margin-right:auto; display:block; }
.typography .caption { font-weight:bold; text-align:center; color:#5a3914; }