/* -------------------------------------------------------------- CSS Framework Web Design & Development by Studio 24 Ltd www.studio24.net - (0870) 241 6159 * Screen & Projection Styles * This is the main CSS-file for the framework. Include this in the of every page. -------------------------------------------------------------- */ @import "reset.css"; @import "content.css"; @import "typography.css"; @import "forms.css"; /* =CONTAINERS -------------------------------------------------------------- */ body { background: url("/wp-content/themes/James Graven/images/james-graven-bg.jpg") 0 0 repeat-x; } div#container { position:relative; width: 960px; margin: 0 auto; /* outline:solid 1px red; */ } #content-wrap { clear:left; float:left; display:inline; /* added for ie6 double-margin bug */ width:960px; background:#fff; margin-top:0; /* outline:solid 1px green; */ } #content{ float:left; display:inline; /* added for ie6 double-margin bug */ width:685px; margin:0 0 30px 20px; padding:0; background:#fff; /* outline:solid blue 1px; */ } #narrow-content { float:left; display:inline; /* added for ie6 double-margin bug */ width:570px; margin:0 0 30px 20px; padding:0; background:#fff; /* outline:solid blue 1px; */ } div#content-primary { } div#content-secondary { } div#content-tertiary { } #sidebar { float:right; display:inline; /* added for ie6 double-margin bug */ margin:20px 20px 20px 0; padding-bottom:50px; width:222px; background:#f9f8f2 url("/wp-content/themes/James Graven/images/sidebar-bg.gif") bottom left no-repeat; /* outline:solid 1px pink; */ } #home-sidebar { float:right; display:inline; /* added for ie6 double-margin bug */ margin:20px 20px 20px 0; width:330px; /* outline:solid 1px pink; */ } #sidebar p { padding: 5px 0 0px 10px; font-weight:bold; color:#470006; } .entrybody { } /* =HEADER -------------------------------------------------------------- */ #header { height:100px; background:url("/wp-content/themes/James Graven/images/header-bg.jpg") 0 0 no-repeat; } /* logo link */ #header a { display:block; height:90px; width:310px; text-indent:-1000000em; /* outline:solid 1px; */ } /* =SITE-TOOLS -------------------------------------------------------------- */ ul#site-tools { list-style-type: none; } div#site-search { } /* =NAV-PRIMARY -------------------------------------------------------------- */ #nav-wrapper { width:940px; height:42px; padding:0 0 0 20px; margin:0; background:url("/wp-content/themes/James Graven/images/nav-bg.jpg") 0 0 no-repeat; /* outline:solid blue 1px; */ } #nav, #nav ul { list-style:none; margin:0; padding:0; } #nav li { float:left; width:115px; /* outline:solid 1px red; */ } #nav a { display:block; height:20px; padding:15px 10px 5px 10px; width:94px; float:left; color:#e8dac0; font-weight:bold; line-height:1em; /* background:red; */ background:url("/wp-content/themes/James Graven/images/nav-a-bg.jpg") 0 0 repeat-x; /* outline:red solid 1px; */ } #nav ul li a:hover { color:#fff; background:url("/wp-content/themes/James Graven/images/nav-a-roll.jpg") 0 0 repeat-x; } ul#nav li.current_page_item a, ul#nav li.current-cat a { color:#e19f00; background:url("/wp-content/themes/James Graven/images/nav-a-roll.jpg") 0 0 repeat-x !important; } /* dropdown menus */ ul#nav li.current_page_item ul li a { color:#470006 !important; background:#f3e4cc !important; } ul#nav li.current_page_item ul li a:hover { color:#750c0b !important; background:#fff !important; } #nav li ul { position:absolute; width:150px; left: -999em; padding:0; font-size:.8em; margin:40px 0 0 0; color:#000; text-align:left; border:1px solid #960; /* outline:solid 1px; */ } #nav li ul li { width:150px; padding:0; margin:0; background:#560E12; } #nav li ul li.first { border-top:none; } #nav li ul li a { text-align:left; width:130px; height:auto; display:block; color:#470006; font-size:1.1em; line-height:1.2em; padding:10px; margin:0; background:#f3e4cc; /* outline:solid 1px; */ } #nav li ul li a:hover { color:#750c0b; background:#fff; } #nav li:hover ul, #nav li.sfhover ul { left:auto; margin-left:1px; } /* hide the 3rd level on the dropdowns */ #nav li ul li ul { display:none; } /* =NAV-SECONDARY - sidebar -------------------------------------------------------------- */ #sidebar ul, #home-sidebar ul { list-style-type: none; background:#fff; width:222px; padding:0 0 2px 0; margin:0; border-top:solid 1px #e8dac0; } #home-sidebar ul { width:100%; } #sidebar li, #home-sidebar li { list-style-type: none; display:block; width:222px; height:25px; border-bottom:solid 1px #e8dac0; background:#f9f8f2; margin-bottom:2px; } #home-sidebar li { width:100%; } #sidebar li a, #home-sidebar li a, #awards li a { display:block; height:18px; font-weight:bold; background:url("/wp-content/themes/James Graven/images/sidebar-arrow.gif") 0 50% no-repeat; padding:4px 5px 3px 25px; } #awards ul { list-style: none; } #sidebar li a:hover { display:block; height:18px; color:#750c0b; background:#f6f1e9 url("/wp-content/themes/James Graven/images/sidebar-arrow.gif") 0 50% no-repeat; } #sidebar li.current_page_item a { /*sidebar location indicator */ color:#000; background:#f6f1e9 url("/wp-content/themes/James Graven/images/sidebar-arrow.gif") 0 50% no-repeat; } #sidebar ul li ul { clear:both; list-style-type: none; background:#fff; width:222px; padding:0; margin:0; border-top:solid 1px #e8dac0; } #sidebar ul li ul li { list-style-type: none; display:block; width:222px; height:25px !important; border-bottom:solid 1px #e8dac0; background:red; margin-bottom:3px; } #sidebar ul li ul li a { display:block; height:19px; font-weight:bold; background:url("/wp-content/themes/James Graven/images/sidebar-arrow.gif") 0 50% no-repeat; padding:4px 5px 3px 25px; } #sidebar ul li ul li a:hover { background:#f6f1e9 url("/wp-content/themes/James Graven/images/sidebar-arrow.gif") 0 50% no-repeat; } /* =NAV-TERTIRARY -------------------------------------------------------------- */ ul#nav-tertiary { list-style-type: none; } /* =BREADCRUMB -------------------------------------------------------------- */ .breadcrumb { padding:5px 0 15px 5px; font-size:.7em; /* outline:solid 1px red; */ } .breadcrumb a { text-decoration:underline; } /* =SITE-INFO -------------------------------------------------------------- */ #footer{ clear:both; display:block; margin:0; width:960px; height:60px; background:#fff url("/wp-content/themes/James Graven/images/footer-bg.gif") top left no-repeat; margin-bottom:30px; } #footer ul { float:left; display:inline; /* added for ie6 double-margin bug */ list-style:none; margin:0 0 0 20px; } #footer li { float:left; font-size:11px; padding:10px 5px 0 0; } #footer p { float:right; display:inline; /* added for ie6 double-margin bug */ font-size:11px; padding:10px 0 0 20px; margin:0 20px 0 0; } #footer span { } #footer a { color:#962a00; } #footer a:hover { color:#470006 } #footer strong { color:#000; } /* =HOMEPAGE -------------------------------------------------------------- */ #intro { background:#faf7f2 url("/wp-content/themes/James Graven/images/intro-bottom.gif") bottom left no-repeat; width:569px; margin:30px 0 10px 0; padding-bottom:10px; } .highlight-box { float:left; padding:5px; display:inline; /* added for ie6 double-margin bug */ margin:10px 0 10px 0; width:270px; height:350px; background:#faf7f2 url("/wp-content/themes/James Graven/images/highlight-bot.jpg") bottom left no-repeat; } .awards-box { float:left; padding: 5px; display:inline; /* added for ie6 double-margin bug */ margin:0px 0 10px 0; height: 90px; width: 560px; background:#faf7f2 url("/wp-content/themes/James Graven/images/awards-bg.jpg") no-repeat; } .spar-box { float:left; padding: 5px; padding-right: 40px; display:inline; /* added for ie6 double-margin bug */ margin:0px 0 10px 0; height: 110px; width: 560px; background:url("/wp-content/themes/James Graven/images/spar-bg.jpg") no-repeat; } .first-highlight { margin-right:10px; } .highlight-box h3 { background:#faf7f2 url("/wp-content/themes/James Graven/images/highlight-top.jpg") top left no-repeat; margin:-5px; padding-left:10px; padding-bottom:10px; } .highlight-box a.more-link { margin-bottom:10px; } #home-sidebar h2, p.more-news, p.more-comms { clear:both; } .news-teaser { float:left; display:inline; /* to fix ie6 bug */ clear:both; width:330px; background:#faf7f2; padding:5px 0 10px 0; border-bottom:solid 1px #e8dac0; margin-bottom:3px; } .news-teaser:hover { /* background:#f6f1e9; */ } .news-teaser p { margin-left:70px; } div.news-teaser a { color:#680600; font-weight:bold; text-decoration:none; } .news-teaser a:hover { color:#e19f00; } .news-teaser img { /* border:solid 1px #000; */ margin:3px 10px 3px 5px; float:left; } #home-sidebar .date, .postedby { font-size:.7em; line-height:normal; font-weight:bold; color:#403830; } .postedby { border-top:solid 1px #e8dac0; text-align:right; padding:10px 15px 0 0; } /* STORES ------------------------ */ #soham-intro, #dersingham-intro { width:686px; height:205px; background:url("/wp-content/themes/James Graven/images/soham-intro-bg.jpg") top left no-repeat; /* outline:solid 1px; */ } #dersingham-intro { width:686px; height:205px; background:url("/wp-content/themes/James Graven/images/ders-intro-bg.jpg") top left no-repeat; } #soham-intro h3, #soham-intro p, #dersingham-intro h3, #dersingham-intro p { margin-left:455px; width:212px; } #soham-intro p, #dersingham-intro p { margin-left:450px; } #soham-intro span, #dersingham-intro span { font-size:.8em; color:#750c0b; font-weight:bold; } #soham-intro a, #dersingham-intro a { text-decoration:underline; } iframe { width:99%; height:600px; } /* STATIONS ---------------------- */ #ely-intro, #slade-end-intro, #west-st-intro { width:686px; height:205px; background:url("/wp-content/themes/James Graven/images/ely-intro-bg.jpg") top left no-repeat; /* outline:solid 1px; */ } #slade-end-intro { width:686px; height:205px; background:url("/wp-content/themes/James Graven/images/slade-end-intro-bg-new.jpg") top left no-repeat; } #west-st-intro { width:686px; height:205px; background:url("/wp-content/themes/James Graven/images/west-st-intro-bg-new.jpg") top left no-repeat; } #ely-intro h3, #ely-intro p, #slade-end-intro h3, #slade-end-intro p, #west-st-intro h3, #west-st-intro p { margin-left:455px; width:212px; } #ely-intro p, #slade-end-intro p, #west-st-intro p { margin-left:450px; } #ely-intro span, #slade-end-intro span, #west-st-intro span { font-size:.8em; color:#750c0b; font-weight:bold; } #ely-intro a, #slade-end-intro a, #west-st-intro a { text-decoration:underline; } /* BLOG ------------------------ */ .post { /* outline:solid red 1px; */ } div.entrytitle { background:#fff; } .entrytitle h2 { margin-top:-18px; margin-bottom:7px; } .entrytitle p { font-weight:bold; padding:5px; } .entrytitle span { padding:0; float:right; } div.entry { background:#FAF7F2; padding-bottom:10px; margin-bottom:10px; } div.entry p.date { margin-top:-30px; margin-bottom:15px; padding-right:0; text-align:right; color:#666; font-size:.7em; } .entrybody p { } #comment { outline:solid 1px; width:550px; } .nocomments, a.commentslink { font-size:.8em; } a.commentslink, .nocomments { background:url("/wp-content/themes/James Graven/images/comment.png") no-repeat 5px 0; padding-left:25px; } .nocomments { background:url("/wp-content/themes/James Graven/images/no-comment.png") no-repeat 5px 0; }