body { font: 62.5%/1 Helvetica, Verdana, Arial, sans-serif; color:#666; background-image:url(/img/bg.gif); } a { color:#7ab700; font-weight:bold; } a:hover { color:#006699;} p { font-size:1.2em; margin-bottom:12px; line-height:1.2; } h1, h2, h3, h4, h5, h6 { margin-bottom:12px; } #container { margin:0 auto 10px auto; padding:12px 20px 20px 20px; width:930px; background-color:#fff; } #column-container { overflow: hidden; } .column { display:inline; float:left; } #menu-container { width:193px; margin-right:20px; } a#logo-link { margin-bottom:20px; } a#logo-link img { display:block; } #menu { margin-top:20px; border-bottom:1px solid #7ab700; margin-bottom:26px; } #menu li { border-top:1px solid #7ab700; padding:6px 0;} #menu li a { position:relative; display:block; text-decoration:none; color:#fff; } #menu li.temp a { color: #7ab700; } #menu li.temp a:hover { position:relative; display:block; text-decoration:none; color:#006699; } #menu li a span { position:absolute; top:0px; left:0px; height:10px; background-repeat:no-repeat; cursor:pointer; background-position:0 0;} #menu li a:hover span { background-position:0 -10px; } #menu li#home-menu-item a span { background-image:url(/img/home-menu-item.gif); width:31px; } #menu li#about-us-menu-item a span { background-image:url(/img/about-us-menu-item.gif); width:60px; } #menu li#partners-menu-item a span { background-image:url(/img/partners-menu-item.gif); width:61px; } #menu li#current-projects-menu-item a span { background-image:url(/img/current-projects-menu-item.gif); width:119px; } #menu li#past-projects-menu-item a span { background-image:url(/img/past-projects-menu-item.gif); width:96px; } #menu li#documents-menu-item a span { background-image:url(/img/documents-menu-item.gif); width:96px; } #menu li#logout-menu-item a span { background-image:url(/img/logout-menu-item.gif); width:69px; } #menu li#signup-menu-item a span { background-image:url(/img/signup-menu-item.gif); width:120px; } #menu li ul { margin:6px 0 0 0; border:0; } #menu li ul li { border:0; padding:2px 0; } #menu li ul li a { color:#7ab700; font-weight:normal; font-size:1.1em; } #menu li ul li a:hover { color:#069; } #menu li ul li.selected a { color:#069; } #login-form { margin-top:12px; } #login-form input { margin-bottom:12px; } #login-form input.text, #login-form input.password { width:187px; font-size:1.2em; color:#666; } #login-form input.submit { float:right; background-color:#7ab700; color:#fff; border:0; padding:2px 6px; font-size:1.2em; } #body-container { width:717px; padding-top:11px; } #footer { border-top:1px solid #666; margin-top:12px; padding-top:6px; font-size:1.1em; } #footer a { color:#7ab700; } #footer a:hover {color:#069;} #footer #colophon { float:right; } /* Home Page */ body#home li#home-menu-item a span { background-position:0 -10px; } #current-project { background-color:#7ab700; overflow:auto; margin-bottom:12px; } #current-project img#current-project-img { float:left; } #current-project-text { float:left; margin:12px; width:200px; color:#fff; } #current-project-text img { margin-bottom:20px; } #current-project-text h2 { font-size:1.8em; margin-bottom:12px; } #current-project-text a { color:#FFFFFF; text-transform:uppercase; } #current-project-text a:hover { color:#006699;} #block-menu { overflow:auto; } #block-menu div { float:left; width:231px; margin-right:12px; } #block-menu div.last { margin:0; } #block-menu div img { margin-bottom:12px; } #block-menu div h3 { color:#069; font-size:1.3em; margin-bottom:4px; } /* About Us Page */ body#about-us li#about-us-menu-item a span { background-position:0 -10px; } body#about-us h1 { clear:both; } body#about-us p { font-size:1.3em; margin-left:243px; } body#about-us p.img { margin-left:0; } body#about-us p img { float:left; margin-right:12px; margin-bottom:12px; } body#about-us p.intro { font-size:1.3em; color:#069; font-weight:bold } body#about-us h2 { color:#069; font-size:1.3em; margin-bottom:0; } body#about-us a {color:#7ab700;} body#about-us a:hover {color:#069;} body#about-us p.small { font-size:1.1em;} /* Partners Section */ body.partners li#partners-menu-item a span { background-position:0 -10px; } body.partners p img { float:left; margin:0 12px 12px 0; } body.partners h2 { color:#069; font-size:1.3em; margin-bottom:12px; } body.partners p.intro { font-size:1.3em; color:#069; } body.partners p { font-size:1.3em; } body.partners a {color:#7ab700;} body.partners a:hover {color:#069;} body.partners p.small { font-size:1.1em;} /* Partners Pages */ body#partners p img { float:none; margin:0; } body#abney-park-trust li#abney-park-trust-li a { color:#069; } body#the-building-exploratory li#the-building-exploratory-li a { color:#069; } body#every-generation-media-foundation li#every-generation-media-foundation-li a { color:#069; } body#the-geffrye-museum li#the-geffrye-museum-li a { color:#069; } body#hackney-archives li#hackney-archives-li a { color:#069; } body#hackney-historic-building-trust li#hackney-historic-building-trust-li a { color:#069; } body#hackney-museum li#hackney-museum-li a { color:#069; } body#hackney-society li#hackney-society-li a { color:#069; } body#hoxton-hall li#hoxton-hall-li a { color:#069; } body#sutton-house li#sutton-house-li a { color:#069; } /* Projects Section */ body.projects #project { float:left; width:231px; height:275px; overflow:hidden; margin:0 12px 20px 0; } body.projects a.project { text-decoration:none; } body.projects #projectthird { float:left; width:231px; height:275px; overflow:hidden; margin:0 0px 20px 0; } body.projects a.third { } body.projects a.project img { margin-bottom:12px; float:left; } body.projects a.project strong { color:#7ab700; font-size:1.3em; float:left; width:100%; text-decoration:underline; padding-bottom:4px;} body.projects a.project strong:hover { color:#069; } body.projects a.project span { font-weight:normal; float:left; font-size:1.3em; } body.projects span { font-weight:normal; float:left; font-size:1.2em; } /* Project Page */ body.project-page p.img { margin:0; } body.project-page p.img img { float:left; margin:0 12px 12px 0; } body.project-page h2 { color:#069; font-size:18px; margin-left:243px; } body.project-page p.intro { font-size:1.3em; } body.project-page p { font-size:1.2em; margin-left:243px; } /* Documents page */ body#documents li#documents-menu-item a { color:#069; } body#documents li#documents-menu-item a span { background-position:0 -10px; } body#documents ul#documents li.even { background-color:#eee; } body#documents ul#documents li:hover { background-color:#ccc; } body#documents ul#documents li a { display:block; padding:12px; font-size:1.2em; font-weight:normal; text-decoration:none; } body#documents ul#documents li a:hover { }