/** * SilverStripe Black Candy Theme * http://www.silverstripe.com * * Main Layout File */ /* Misc Styles and defaults -------------------------------------------- */ * { margin:0px; padding:0px; } .offleft { display:block; position:absolute; text-indent:-9999px; overflow:hidden; padding-right:50px; text-align:left; } html { background-color:#ffffff; background-image:url(/site/images/bodybkgd.gif); background-position:left top; background-repeat:repeat-x; } body { font-family:Arial, Helvetica, sans-serif; color:#4d6c85; font-size:14px; } a { text-decoration:none; } h1, h2, h3 { color:#4581af; text-transform:lowercase; font-weight:bold; clear:both; } h4, h5 { color:#4581af; font-weight:bold; clear:both; } h2 { font-size:22px; line-height:20px; padding-top:6px; margin-bottom:12px; color:#005288; } h3 { font-size:18px; line-height:18px; padding-bottom:6px; } h4 { font-size:16px; line-height:16px; padding-top:6px; margin-bottom:6px; color:#91ba80; } caption { font-size:18px; line-height:18px; margin-bottom:2px; } h3 a, h4 a { text-transform:none; font-size:16px; line-height:16px; padding-top:6px; margin-bottom:6px; color:#91ba80; text-decoration:none; } #pagebody .resources h3, #pagebody .resources h4 { padding:10px 10px 6px 10px; margin-bottom:0px; !important } #pagebody .resources p { padding:4px 10px 10px 10px; margin-bottom:0px; !important } #pagebody .resources h3.even, #pagebody .resources h4.even, #pagebody .resources p.even { background-color:#eafbda; } a { color:#4581af; } a:hover { color:#00365f; } table { border-collapse:collapse; border-spacing:0; margin-bottom:25px; } caption { text-align:left; margin-bottom:8px; color:#91ba80; text-transform:lowercase; font-weight:bold; } th { color:#4581af; font-size:18px; text-transform:lowercase; } th, td { text-align:left; padding:4px 6px 4px 6px; } td h2 { margin-bottom:3px; font-size:18px; } td a, th a { text-decoration:none; } ul li { list-style-type:none; !important } tr.even { background-color:#eafbda; } ul + h2 { margin-top:20px; } td ul + h2 { margin-top:10px; } h2 + table { margin-top:10px; } .highlight { font-weight:bold; font-size:140%; } /* CONTAINER ----------------------------------------- */ #BgContainer { width:977px; margin:0px auto 0px auto; background-color:#f4fee3; background-image:url(/site/images/tertiarycontentbkgd.jpg); background-position:center top; background-repeat:no-repeat; border-right:#005288 14px solid; border-left:#005288 14px solid; position:relative; } #BgContainer.children { border-right:#91ba80 14px solid; border-left:#91ba80 14px solid; } #BgContainer.LandingPage.children { background-image:url(/site/images/childrencontentbkgd.jpg); background-position:center top; background-repeat:no-repeat; } #BgContainer.adult { border-right:#89a3d3 14px solid; border-left:#89a3d3 14px solid; } #BgContainer.LandingPage.adult { background-image:url(/site/images/adultscontentbkgd.jpg); background-position:center top; background-repeat:no-repeat; } #BgContainer.employment { border-right:#73b1a8 14px solid; border-left:#73b1a8 14px solid; } #BgContainer.LandingPage.employment { background-image:url(/site/images/employmentcontentbkgd.jpg); background-position:center top; background-repeat:no-repeat; } #BgContainer.LandingPage.services { background-image:url(/site/images/servicescontentbkgd.jpg); background-position:center top; background-repeat:no-repeat; } #BgContainer.LandingPage.jobs { background-image:url(/site/images/joboppscontentbkgd.jpg); background-position:center top; background-repeat:no-repeat; } #BgContainer.LandingPage.about { background-image:url(/site/images/aboutcontentbkgd.jpg); background-position:center top; background-repeat:no-repeat; } #Container { padding-bottom:15px; } #Layout { clear:both; } #Layout h1 { width:545px; float:left; margin-top:66px; margin-left:70px; color:#4581af; text-transform:lowercase; font-size:30px; line-height:30px; padding-bottom:20px; } #Content { margin:0; text-align:left; } #Layout #landingpagebody h1 { margin:0px; float:none; width:auto; font-size:58px; } #pagebodyouterwrap { float:left; width:661px; margin-left:42px; background-image:url(/site/images/pagebodybkgd.gif); background-position:center top; background-repeat:repeat-y; } #pagebodyinnerwrap { background-image:url(/site/images/pagebodytop.gif); background-position:center top; background-repeat:no-repeat; } #pagebody { padding:0px 28px 18px 28px; background-image:url(/site/images/pagebodybottom.gif); background-position:center bottom; background-repeat:no-repeat; } #pagebody p { margin-bottom:10px; line-height:20px; } #pagebody sup { font-size:70%; line-height:80%; } #pagebody img.left { margin-right:10px; float:left; } #pagebody img.right { margin-left:10px; float:right; } #pagebody ul { list-style-type:none; } #pagebody ul, #pagebody ol { margin-bottom:20px; } #pagebody ol { padding-left:28px; } #pagebody ol li { margin-bottom:4px; } #landingpagebody { float:left; margin-left:300px; margin-top:85px; width:475px; } #landingpagebody p { margin-bottom:10px; } #landingpagebody blockquote, #landingpagebody blockquote p { font-size:20px; line-height:24px; } #linklists { margin-bottom:15px; } #column1, #column2 { width:50%; float:left; } #column1 ul, #column2 ul { margin:0px; padding:0px; } #column1 ul li, #column2 ul li { list-style-type:none; margin-bottom:6px; } #column1 ul li a, #column2 ul li a { text-decoration:none; } /* HEADER ----------------------------------------- */ #Header { width:230px; margin:0 auto; overflow:hidden; float:left; } #Header h1 { font-size:3.2em; padding:20px 0 0 30px; } #Header p { font-size:1.4em; clear:left; } /* BREADCRUMBS -------------------------------------------- */ #Breadcrumbs { color:#B7C0C5; text-align:left; font-size:0.9em; margin:0px 5px 10px 0; } #Breadcrumbs p { margin:0; } /* FOOTER ----------------------------------------------- */ #Footer { width:743px; clear:both; text-align:center; margin:0px auto 0px auto; border-top:#bbdbbe 1px solid; padding-top:16px; } #Footer p { text-align:center; margin-bottom:10px; color:#4581af; font-size:13px; font-weight:bold; } #Footer p a { color:#4581af; } #Footer p a:hover, #Footer p.footerlinks a:hover, #Footer p.copyright a:hover { color:#005288; } #Footer p.copyright, #Footer p.copyright a, #Footer p.footerlinks, #Footer p.footerlinks a { font-size:10px; color:#4581af; font-weight:normal; } #Footer p.copyright img { border:none; } /* SITE MAP ----------------------------------------------- */ #pagebody ul.sitemap-list, #pagebody ul.sitemap-list li ul, #pagebody ul.sitemap-list li ul li ul { margin-bottom:0px; } #pagebody ul.sitemap-list li { list-style-type:none; font-weight:bold; margin-bottom:4px; } #pagebody ul.sitemap-list li ul li { font-weight:bold; } #pagebody ul.sitemap-list li ul li ul li { font-weight:normal; } /* CLEAR FLOATS This forces an element to surround floating elements that it contains, without having to put an element on the page that clears the float. See IE stylesheets for the method that works for that browser, since it doesn't support pseudo-selectors. */ html:after, body:after, #BgContainer:after, #Navigation:after, #Navigation ul.flyout:after, #Navigation ul.main:after, #Sidebar:after, #sidebarbox:after, #Content:after, #Layout:after, #Container:after, #linklists:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }