/** * SilverStripe Black Candy Theme * http://www.silverstripe.com * * Main Layout File */ /* Misc Styles and defaults -------------------------------------------- */ * { margin:0; padding:0; } .offLeft { display:block; width:650px; position:fixed; left:-699px; padding-right:50px; text-align:left; } body { color:#5a3914; font-size:62.5%; margin-bottom:40px; font-family:Verdana, Lucida, sans-serif; } html { background:#5a3914 url(../images/bg.gif) repeat; } table { border-collapse:collapse; border-spacing:0; } caption, th, td { text-align:left; font-weight:normal; } .clear{ clear:both; } /* CONTAINERS ----------------------------------------- */ #BgContainer { width:100%; margin:0px; background:transparent url(/site/images/navbkgd.gif) no-repeat left top; } #BgContainer.homepage { width:100%; margin:0px; background:transparent url(/site/images/homenavbkgd.gif) no-repeat left top; } #Container { width:100%; padding-bottom:15px; } #Container.homepage { width:100%; height:678px; padding-bottom:15px; background:transparent url(/site/images/homecontentbkgd.jpg) no-repeat left bottom; } #Layout { width:974px; clear:both; overflow:hidden; margin-top:5px; } #masthead { width:762px; height:202px; margin-top:2px; margin-left:76px; background:transparent url(/site/images/mastheadgeneric.jpg) no-repeat left top; } #masthead.ktea { background:transparent url(/site/images/mastheadktea.jpg) no-repeat left top; } #masthead.about { background:transparent url(/site/images/mastheadabout.jpg) no-repeat left top; } #masthead.government { background:transparent url(/site/images/mastheadgovernment.jpg) no-repeat left top; } #masthead.charitable { background:transparent url(/site/images/mastheadcharitable.jpg) no-repeat left top; } #masthead.contact { background:transparent url(/site/images/mastheadcontact.jpg) no-repeat left top; } #masthead.calendar { background:transparent url(/site/images/mastheadcalendar.jpg) no-repeat left top; } #masthead.careers { background:transparent url(/site/images/mastheadcareers.jpg) no-repeat left top; } #masthead.members { background:transparent url(/site/images/mastheadmembers.jpg) no-repeat left top; } #Content { width:898px; float:right; margin:0px 0px 0px 60px; padding-left:0px; text-align:left; background:transparent url(/site/images/interiorcontentbkgd.gif) repeat-y left 20px; border: } #Content.homepage { width:520px; float:none; margin:0px; text-align:left; background:none; border:none; position:absolute; left:79px; top:274px; } #Content.oneColumn { background:transparent url(/site/images/onecolcontentbkgd.gif) repeat-y left 20px; } #Content h2 { margin-bottom:0px; padding-bottom:0px; } #mainColumn { float:right; width:747px; min-height:400px; margin-right:0px; background:transparent url(/site/images/imagecolbkgd.gif) no-repeat 19px top; border-bottom:#000000 9px solid; } #mainColumn.oneColumn { background:transparent url(/site/images/onecolbkgd.gif) no-repeat 20px top; width:672px; padding:10px 30px 0px 45px; } #subNavColumn { width:132px; float:right; margin-left:0px; margin-right:11px; padding-left:0px; background:transparent url(/site/images/sidenavbkgd.gif) repeat-y right top; } #sidebarwrap { width:132px; background:transparent url(/site/images/sidenavtop.gif) no-repeat right top; } #imageColumn { float:right; width:187px; height:163px; margin-top:21px; } #imageColumn img { margin-left:12px; } #copyColumn { float:right; width:486px; min-height:296px; background:transparent url(/site/images/copycolbkgd.gif) no-repeat left top; padding:10px 30px 30px 17px; } /* HEADER ----------------------------------------- */ #Header { clear:both; position:absolute; left:30px; top:61px; width:219px; z-index:100; } #Header a { text-decoration:none; color:#ffffff; font-size:3.2em; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:300; padding:0px; display:block; } #homeHeader h1 {color:#fdf4d5;} /* MAIN NAVIGATION - TABS ----------------------------------------- */ #Navigation { width:873px; height:28px; margin:0px; padding-top:20px; text-align:center; } #Navigation ul.main { margin-left:225px; } #Navigation ul.main li { list-style:none; margin:0px 2px; float:left; line-height:2.8em; display:block; position:relative; z-index:200;} #Navigation ul.main li a { float:left; text-decoration:none; display:block; font-size:11px; padding:0px 0px 4px 54px; color:#fdf4d5; } #Navigation ul.main li a span { text-align:center; } #Navigation ul.main li a:hover { color:#f59600; cursor:pointer; } #Navigation ul.main li a:hover span { cursor:pointer; } #Navigation ul.main li a.current, #Navigation ul.main li a.section, #Navigation ul.main li a.section:hover, #Navigation ul.main li a.current:hover { color:#f59600; } #Navigation ul.main li a.current span, #Navigation ul.main li a.section span, #Navigation ul.main li a.section:hover span, #Navigation ul.main li a.current:hover span { color:#f59600; } #Navigation ul.flyout { display:none; position:absolute; left:38px; top:28px; z-index:100; margin:0px 0px 0px 0px; padding:0px; text-align:left; width:141px; } #Navigation ul.flyout li { clear:both; margin:0px; padding:0px 0px 0px 5px; display:block; position:relative; width:136px; } #Navigation ul.flyout.level1 li.first { background:transparent url(/site/images/navfirstleveltop.gif) no-repeat left top; } #Navigation ul.flyout.level1 li.first a { margin-top:8px; } #Navigation ul.flyout li a { color:#f59600; float:left; margin:0px; padding:5px 13px 5px 9px; clear:both; width:112px; font-size:10px; line-height:10px; } #Navigation ul.flyout li a:hover { color:#fdf3d0; } #Navigation ul.flyout li ul { float:left; } #Navigation ul.flyout.level1 { padding-bottom:11px; background:transparent url(/site/images/navfirstlevelbottom.gif) no-repeat left bottom; } #Navigation ul.flyout.level1 li { background:transparent url(/site/images/navfirstlevelbkgd.gif) repeat-y left top; } #Navigation ul.flyout.level1 li a { background:transparent url(/site/images/navfirstlevelanchorbkgd.gif) repeat-y left top; border-left:#000000 2px solid; } #Navigation ul.flyout.level1 li a:hover { background:transparent url(/site/images/navfirstlevelanchoroverbkgd.gif) repeat-y left top; border-left:#f59600 2px solid; } #Navigation ul.flyout.level1 li a.hasChildren { background:transparent url(/site/images/navfirstlevelanchorarrow.gif) no-repeat left top; border-left:#000000 2px solid; } #Navigation ul.flyout.level1 li a.hasChildren:hover { background:transparent url(/site/images/navfirstlevelanchorarrowf2.gif) no-repeat left top; border-left:#f59600 2px solid } #Navigation ul.flyout.level2, #Navigation ul.flyout.level3, #Navigation ul.flyout.level4 { left:141px; top:0px; background:transparent url(/site/images/navlowerlevelsbkgd.gif) no-repeat right bottom; width:141px; padding:4px 0px 11px 1px; } #Navigation ul.flyout.level2 li, #Navigation ul.flyout.level3 li, #Navigation ul.flyout.level4 li { background-image:none; width:138px; padding:0px 0px 0px 3px; } #Navigation ul.flyout.level2 li.first, #Navigation ul.flyout.level3 li.first, #Navigation ul.flyout.level4 li.first { background-image:none; padding-top:0px; } #Navigation ul.flyout.level2 li.first a, #Navigation ul.flyout.level3 li.first a, #Navigation ul.flyout.level4 li.first a { margin-top:0px; } #Navigation ul.flyout.level2 li a, #Navigation ul.flyout.level3 li a, #Navigation ul.flyout.level4 li a { background-color:#835835; background-image:none; border:none; width:116px; } #Navigation ul.flyout.level2 li a:hover, #Navigation ul.flyout.level3 li a:hover, #Navigation ul.flyout.level4 li a:hover { background-color:#563612; background-image:none; border:none; } #Navigation ul.flyout.level2 li a.hasChildren, #Navigation ul.flyout.level3 li a.hasChildren, #Navigation ul.flyout.level4 li a.hasChildren { background:#835835 url(/site/images/navarrowout.gif) no-repeat 126px 7px; border:none; } #Navigation ul.flyout.level2 li a.hasChildren:hover, #Navigation ul.flyout.level3 li a.hasChildren:hover, #Navigation ul.flyout.level4 li a.hasChildren:hover { background:#563621 url(/site/images/navarrowover.gif) no-repeat 126px 7px; border:none; } /* QUICKLINKS ----------------------------------------------- */ #quicklinks { width:129px; margin-top:-1px; position:absolute; left:873px; top:31px; } #quicklinks ul { list-style-type:none; } #quicklinks li { background:transparent url(/site/images/quicklinkbkgd.jpg) no-repeat left top; width:129px; height:25px; padding:7px 0px 0px 0px; text-align:right; } #quicklinks li a { color:#fdf3d0; text-decoration:none; padding-right:30px; } #quicklinks li a:hover { color:#f59600; } /* HOME PAGE TEASERS) -------------------------------------------- */ #teasers { float:left; margin:0px 39px 30px 0px; } #teasers a#teaserOne { display:block; width:101px; height:16px; background:transparent url(/site/images/teasercamaspath.jpg) no-repeat left top; text-align:center; text-transform:uppercase; padding-top:85px; font-size:11px; color:#fdf3d0; text-decoration:none; } #teasers a#teaserOne:hover { background-position:right; } #teasers a#teaserTwo { display:block; width:101px; height:16px; background:transparent url(/site/images/teasercamascenter.jpg) no-repeat left top; text-align:center; text-transform:uppercase; padding-top:85px; font-size:11px; color:#fdf3d0; text-decoration:none; margin-top:31px; } #teasers a#teaserTwo:hover { background-position:right; } /* BREADCRUMBS -------------------------------------------- */ #Breadcrumbs { color:#B7C0C5; text-align:left; font-size:0.9em; margin:0px 0px 0px 0px; } #Breadcrumbs p { margin:0; } /* SIDEBAR -------------------------------------- */ #navSidebar { width:132px; background:transparent url(/site/images/sidenavbottom.gif) no-repeat right bottom; padding:15px 0px 75px 0px; min-height:20px; } #Sidebar { width:200px; float:left; margin:10px 0px 0px 0px; padding:0px; } #Sidebar .sidebarBox { margin:0px 0px 5px 0px; padding-bottom:2px; background:#EFEFEF url(../images/sidebarHeader.gif) no-repeat left top; } #Sidebar h3 { clear:both; text-transform:lowercase; color:#fff; font-weight:700; font-size:1.4em; margin:0px 0px 10px 0; line-height:1.8; padding:1px 0px 0px 10px; background:transparent url(../images/sidebarHeaderSub.gif) repeat-x center left; } #Sidebar .sidebarBottom { height:15px; display:block; width:200px; margin:-5px 0px 0px 0px; background:#EFEFEF url(../images/sidebarBottomBg.gif) no-repeat center bottom; } #Sidebar a em { font-style:normal; } #Sidebar p { font-size:11px; clear:both; margin:10px 10px 0px 10px; } /* Sub Menu */ /* COMMENTS ---------------------------------------- */ #CommentHolder ul { list-style:none; margin:20px 0; } #PageComments li { margin:5px 0; padding:1px; width:88%; } #PageComments li.odd { background:#E8F6FF url(../images/commentBg.png) no-repeat 1% 10%; padding-left:40px; padding-right:10px; border-bottom:2px solid #BCE4FE; } #PageComments li.even { background:#fff url(../images/commentBgAlt.png) no-repeat 99% 10%; padding-right:40px; padding-left:10px; } #PageComments li.odd p.info { color:#3AA0C3; } .actionLinks li { display:inline; border-right:1px solid; } .actionLinks li a { padding-right:3px; font-size:10px; } .actionLinks li.last { border-right:none; } .commentrss { background:transparent url(../images/feed-icon-14x14.png) no-repeat; padding-left:20px; font-size:1.1em; line-height:1.6em; } #PageCommentsPagination p { text-align:center; font-size:1.2em; } #PageComments p { font-size:1em; } #PageComments p.info { color:#999; margin:0px; padding:0; line-height:1em; font-size:0.9em; } /* SEARCH RESULTS STYLES ------------------------------------------------ */ ul#SearchResults { margin:10px 0; } ul#SearchResults li { list-style:none; margin:5px 0; font-size:1em; } /* SEARCH FORM -----------------------------------------------*/ html #SearchForm_SearchForm { float:right; width:240px; margin:5px; } html #SearchForm_SearchForm .middleColumn { float:left; width:164px; margin:0px 5px 0px 0; padding:2px; background-color:#51a9df; } html #SearchForm_SearchForm .middleColumn input.text { width:160px; border:none; color:#5a3914; } html #SearchForm_SearchForm #SearchForm_SearchForm_action_results { float:left; margin-top:2px; } /* MESSAGEBOXS --------------------------------------------- */ .message { margin:15px; padding:5px; width:92%; color:#979908; border:4px solid #F7F8B4; background:#FFFFEA; } span.middleColumn .message { margin:4px 0px 0px 3px; } .required { margin:4px 0px 0px 3px; padding:5px; width:92%; color:#DC1313; border:4px solid #FF7373; background:#FED0D0; } p#Remember label { margin:-24px 0px 0px 20px; text-align:left; } .entry { border-bottom:1px solid #eee; } .typography #Content p.authorDate { color:#444; margin-top:-15px; } /* UNSUBSCRIBE NEWSLETTER ------------------------------------------------ */ #Unsubscribe_MailingListForm_MailingListForm { min-height:100px; } #Unsubscribe_MailingListForm_MailingListForm p { margin:0px !important; padding:10px; } #Unsubscribe_MailingListForm_MailingListForm p label { display:inline; } #Unsubscribe_MailingListForm_MailingListForm label{ margin:0; } /* FOOTER ----------------------------------------------- */ #Footer { clear:both; width:100%; text-align:left; } #Footer.homepage { clear:both; width:100%; text-align:left; background:transparent url(/site/images/homefooterbkgd.jpg) no-repeat left top; padding-top:78px; } #Footer p { color:#fdf3d0; font-size:1.1em; text-align:left; padding-left:85px; } #Footer a { color:#fdf3d0; } #Footer a:hover { color:#fdf3d0; }