/********************************************************** ******* Emma Hubble - base style 2008 enginehouse@gmail.com **********************************************************/ /****** global reset and body ****************************************************/ html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,cite, code,del,em,img,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li, fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0;padding:0;border:0;outline:0;font-size:100.01%;vertical-align:baseline;background:transparent;font-family:arial, sans-serif;line-height:1.5;} ol,ul {list-style:none;} blockquote,q {quotes:none;} :focus {outline:0;} ins {text-decoration:none;} del {text-decoration:line-through;} body {background:#fee url(/images/structure/bg.jpg) repeat left top;color:#666;font-family:Helvetica,arial,sans-serif;text-align:center;padding-bottom:40px;} a {outline:none;} img {border:none;display:inline;} /****** plain typography ****************************************************/ h1 a {text-indent:-9999px;float:left;display:block;width:200px;height:20px;background:url(/images/structure/emma-hubble-logo.gif) no-repeat left top;margin-top:30px;} h1 a:hover {background-position:0 -30px;} h2 {font-size:130%;padding:15px 0;font-weight:normal;font-family:times, georgia, serif;} h3 {font-size:92%;font-weight:normal;padding:0 0 15px;} h4 {font-weight:normal;font-size:90%;} h5 {font-size:71%;} div.right-column h3.projects, div.right-column h3.contact {font-size:0px; text-indent:-9999px;background:url(/images/structure/h3-projects.gif) no-repeat left bottom;width:63px;height:20px;display:block;padding:5px 0 3px;clear:both;} div.right-column h3.contact {background:url(/images/structure/h3-contact.gif) no-repeat left bottom;} #content-inner h2.homepage {text-indent:-9999px;} div.right-column img {} div.right-column img a {} p {font-family:Tahoma, arial, sans-serif;font-size:78%;padding:0 0 15px;color:#9A8975;} img.image-medium {background-color:red;display:inline;} #content-inner h2 {display:block;width:100%;clear:both;} /****** structure divs ****************************************************/ ul#accessibility {display:none;} #wrapper {background-color:#fff;width:890px;margin:0 auto;text-align:left;} #header {height:60px;clear:both;margin:0 40px;border-bottom:1px solid #C5B8A8;} #centre-panel {padding:10px 0 60px;margin:0 40px;} #content, #content-inner {width:520px;float:left;padding-top:10px;} #projects #content-inner {width:810px;clear:both;display:block;float:none;overflow:hidden} div.right-column {width:270px;float:right;display:inline;} #magazine-centre-panel {margin-bottom:15px;} #magazine-centre-panel img {margin-left:10px;} div.image-lead {float:left;position:relative;} div.image-holder {clear:both;width:100%;float:left;} div.image-lead p {font-family:"Trebuchet MS", trebuchet, arial, sans-serif;font-size:65%;color:#ff6600;} ul#thumbs {width:auto;display:inline;} ul#thumbs li {display:inline;} ul#thumbs li.hidden {display:none;} ul#thumbs a {float:left;border:5px solid #fff;display:block;text-decoration:none;margin-bottom:-1px !important;margin:0 4px 4px 0;} ul#thumbs a.active {border-color:red;} ul#thumbs a:hover {} #content-inner p {width:470px;} /****** main navigation ****************************************************/ ul#main-navigation {float:right;margin-top:30px;width:273px;} ul#main-navigation li {display:inline;} ul#main-navigation a {float:left;display:block;line-height:20px;margin:0 2px 0 0;text-indent:-9999px;} a#nav-bespoke {background:url(/images/structure/nav-bespoke.gif) no-repeat 0 0;width:79px;} a#nav-about {background:url(/images/structure/nav-about.gif) no-repeat 0 0;width:72px;} a#nav-home {background:url(/images/structure/nav-home.gif) no-repeat 0 0;width:71px;} ul#main-navigation li a.here, ul#main-navigation li a.here:hover, ul#main-navigation li a:hover {background-position:0 -31px;} /****** right column navigation ****************************************************/ ul#subnav {margin:5px 0 15px;clear:both;width:100%;float:left;display:block;} ul#subnav li {display:inline;} ul#subnav a {float:left;font-size:0;display:block;text-decoration:none;text-indent:-9999px;height:20px;} a#sub-kitchens {width:72px;background:url(/images/structure/sub-navigation-kitchens.gif) no-repeat 0 0;} a#sub-cupboards {width:92px;background:url(/images/structure/sub-navigation-cupboards.gif) no-repeat 0 0;} a#sub-chairs {width:62px;background:url(/images/structure/sub-navigation-chairs.gif) no-repeat 0 0;} a#sub-tables {width:56px;background:url(/images/structure/sub-navigation-tables.gif) no-repeat 0 0;} a#sub-wardrobes {width:93px;background:url(/images/structure/sub-navigation-wardrobes.gif) no-repeat 0 0;} a#sub-other {width:42px;background:url(/images/structure/sub-navigation-other.gif) no-repeat 0 0;} ul#subnav a.here, ul#subnav a.here:hover, ul#subnav a:hover {background-position:0 -108px;} a.more {padding:1px 5px 1px 1px;background-color:#fff;color:#ff6600;} a.more:hover {background-color:#FF6600;color:#fff;} /****** projects front page ****************************************************/ div#slideshow {position:relative;overflow:hidden;width:810px;} div#slideshow ul {} div#slideshow ul li {float:left;width:268px;min-height:320px;margin:0 2px 0 0;} div#slideshow ul li a {text-decoration:none;} div#slideshow ul li h3 {padding:5px 0;} div#slideshow ul li h3 a {padding:5px 0;font-size:130%;color:#666;font-family:georgia, times, serif;line-height:1;} div#slideshow ul li p {width:250px;} div#slideshow ul li p a.thumbnail {display:block;width:268px;height:250px;margin:0;} #buttons {position:absolute;z-index:9999;width:810px;height:0;} #buttons span.prev a, #buttons span.next a {text-indent:-9999px;cursor:pointer;background:transparent url(/images/structure/previous.png) no-repeat left top;width:72px;height:250px;float:left;display:block;} #buttons span.next a {float:right;background:transparent url(/images/structure/next.png) no-repeat right top;} #buttons span a:hover {background-position:left bottom;} #buttons span.disabled a, #buttons span.disabled a:hover {height:0;width:0;} div#progress {width:810px;height:30px;float:left;display:block;} div#progress a {font-family:tahoma,arial,sans-serif;font-size:115%;padding:5px;display:inline;text-decoration:none;color:#AB9B88;} div#progress a.here {color:#ff6600;} /* div.project-list-item {float:left;width:268px;min-height:320px;margin:0 2px 0 0;} div.project-list-item a {text-decoration:none;} div.project-list-item h3 {padding:5px 0;} div.project-list-item h3 a {padding:5px 0;font-size:130%;color:#666;font-family:georgia, times, serif;line-height:1;} div.project-list-item p {width:250px;} div.project-list-item p a.thumbnail {display:block;width:268px;height:250px;background-color:#f2f2f2;margin:0;} */ /****** 'back to' buttons ****************************************************/ h2.back a {width:200px;height:30px;display:block;text-indent:-9999px;} h2.kitchens a {background:url(/images/structure/backto-kitchens.gif) no-repeat -5px 0;} h2.chairs a {background:url(/images/structure/backto-chairs.gif) no-repeat -5px 0;} h2.cupboards a {background:url(/images/structure/backto-cupboards.gif) no-repeat -5px 0;} h2.wardrobes a {background:url(/images/structure/backto-wardrobes.gif) no-repeat -5px 0;} h2.tables a {background:url(/images/structure/backto-tables.gif) no-repeat -5px 0;} h2.other a {background:url(/images/structure/backto-other.gif) no-repeat -5px 0;} /****** right column thumbnails ****************************************************/ ul#gallery-thumbs {width:auto;float:right;padding-bottom:25px;border-bottom:1px solid #E2DBD3;margin-bottom:15px;} ul#gallery-thumbs li {display:inline;} ul#gallery-thumbs a {float:left;display:block;text-decoration:none;margin-bottom:-1px !important;margin:0 4px 4px 0;} ul#gallery-thumbs a:hover {} /****** strong,emphasis,acronym and abbreviation ****************************************************/ strong {font-weight:bold;} #loading {position:absolute;top:0;left:0px;width:100%;height:100%;background:#fff url(/images/structure/ajax-loader.gif) no-repeat 30px 30px;display:none;} #backing {display:block;padding-right:20px;} div.body-content {clear:both;display:block;width:500px;} /****** footer links and forms ****************************************************/ #footer {clear:both;width:890px;height:40px;} .active {color:red;} /****** hacks ****************************************************/ .clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;} .clearfix {display:inline-table;} * html .clearfix {height:1%;} .clearfix {display:block;} /*************************************************** ******* enginehouse@gmail.com ****************************************************/