/* CSS Document Site: Hollingsworth Design Author: Erskine Design http://www.erskinedesign.com */ /* Reset Stuff */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,fieldset, form, button, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; } /* Body ------------------- */ body { background:white; font-family:/* "Helvetica Neue", Helvetica, */ Arial, sans-serif; font-size:75%; color:#444; } /* Default Styles ------------------- */ .spacer { clear:both; } .cur { font-weight:bold; } /* Headers ------------------- */ h1 { font-family:Georgia, serif; font-size:2.0em; margin-bottom:0.5em; color:#555; font-weight:normal; } h2 { font-family:Georgia, serif; font-size:1.5em; margin-bottom:0.70em; color:#783a3a; font-weight:normal; } h3 { font-weight:bold; font-size:1.0em; margin-bottom:0.5em; color:#904646; } h4 { font-weight:bold; font-size:1.0em; margin-bottom:0.5em; } /* Images */ img.inline_small.fl { float:left; margin:10px 10px 10px 0; } img.inline_small.fr { float:right; margin:10px 0 10px 10px; } /* Default Styling ------------------- */ p { line-height:1.5em; margin-bottom:1.5em; } ul,ol,dl { margin-bottom:1.5em; list-style-image: url(../images/site/bullet.gif); } li { margin-left:1.2em; line-height:1.5em; } blockquote { margin-bottom:1.5em; padding:1.0em; background:#F3F3F2; font-style:italic; border-bottom:1px solid #ccc; font-family:Georgia, serif; line-height:1.5em; } blockquote p { margin-bottom:0.5em; } blockquote cite { font-size:0.8em; font-family:/* "Helvetica Neue", Helvetica, */ Arial, sans-serif; font-style:normal; display:block; margin-top:1.0em; line-height:1.2em;} span.caption { font-family:Georgia,serif; font-style:italic; font-size:0.9em; display:block; } /* Links ------------------- */ a:link, a:visited { color:#444444; text-decoration: underline; } a:hover, a:focus { background:#e1e1de; } h3 a:link, h3 a:visited { text-decoration: none; color:#333; } h4 a:link, h4 a:visited { text-decoration:none; color:#333; } /* Layout ------------------- */ div#master_wrapper { width:765px; margin:0 auto 15px auto; background:url(../images/site/_grid.png) repeat-y; } div#content_wrapper { width:765px; overflow:hidden; padding-bottom:2.0em; } div.span2 { width:505px; float:left; margin-right:15px; } div.span1 { width:245px; float:right; } div.page_heading { border-bottom:1px solid #ccc; padding-bottom:0.3em; margin-bottom:15px; width:505px; padding-right:260px; } /* Branding/masthead ------------------- */ #branding { padding-top:15px; } ul#nav_access { display:none; } h1#logo { float:left; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; width:253px; background:#963c3c; color:#fff; margin-bottom:15px; font-size:1.5em; } h1#logo span { font-size:0.8em; display:block; padding-top:0.4em; } h1#logo a { display:block; color:#fff; text-decoration:none; padding:12px 15px; } h1#logo a:hover, h1#logo a:focus { background:#863c3c; } /* div#nav_sec { float:right; width:382px; font-size:0.9em; } */ div#nav_sec { float:right; width:445px; font-size:0.9em; } div#nav_sec ul { list-style:none; float:left; border-right:1px solid #aaa; margin-top:3px;} div#nav_sec ul li { float:left; width:57px; padding-left:7px; border-left:1px solid #aaa; margin:0; line-height:1.0em; } div#nav_sec ul li a { color:#444; text-decoration:none; } div#nav_sec fieldset#search { float:right; width:245px; } div#nav_sec fieldset#search label { width:66px; display:block; float:left; margin-top:3px; } div#nav_sec fieldset#search input#search_field { width:108px; border:1px solid #aaa; margin-right:12px; height:1.0em; font-family:Georgia, Times, serif; font-size:1.0em; padding:2px;} div#nav_sec fieldset#search input#submit { width:50px; background:#e1e1de; border:1px solid #e1e1de; font-family:Georgia, Times, serif; font-style:italic; font-size:1em; color:#666; } /* Primary Navigation ------------------- */ ul#nav_pri { width:765px; background:#f3f3f2; clear:both; list-style:none; text-transform:uppercase; font-size:0.9em; margin-bottom:15px; overflow:hidden; } ul#nav_pri li { float:left; width:130px; margin:0; overflow:hidden; } ul#nav_pri li.home { width:123px;} ul#nav_pri li.books { width:122px; border-right:none; } ul#nav_pri li.books a { border-right:none; } ul#nav_pri li a { text-decoration:none; display:block; background:#e1e1de; padding-left:7px; padding-top:5px; padding-bottom:5px; border-right:1px solid #999; } ul#nav_pri li a:hover, ul#nav_pri li a:focus { text-decoration:underline; } ul#nav_pri li.cur { font-weight:bold; } ul#nav_pri li.cur ul { font-weight:normal; } ul#nav_pri li ul { list-style:none; margin-top:5px; } ul#nav_pri li ul li { margin:0; border:none; padding:0; text-transform:none; width:auto; float:none; background:#f3f3f2; margin-bottom:3px; } ul#nav_pri li ul li a { display:inline; background:none; border:none; } /* Tagline ------------------- */ div#tagline h1 { background:#85aaaf; color:#fff; padding:15px; font-size:20px; margin-bottom:15px; text-align:justify; clear:both; } div#tagline h1 a:link, div#tagline h1 a:visited { color:#3d656c; text-decoration:none; } /* Breadcrumbs ------------------- */ div#breadcrumbs { background:#8aa5a9; color:#fff; padding:5px 10px; font-size:1.1em; font-weight:bold; margin-bottom:15px; overflow:hidden; clear:both; } div#breadcrumbs ol { list-style:none; overflow:hidden; margin-bottom:0; } div#breadcrumbs ol li { float:left; margin:0 0.5em 0 0; } div#breadcrumbs ol li a { color:#fff; text-decoration:none; margin-right:0.2em; } div#breadcrumbs ol li a:hover, div#breadcrumbs ol li a:focus { background:none; color:#3d656c; } /* Homepage Content ------------------- */ div#content_pri { margin-bottom:0px; overflow:hidden; } div#content_pri .one, div#content_pri .two { float:left; width:245px; margin-right:15px; } div#content_pri .three { float:left; width:245px; } div#content_pri .three#case_study h3 { color:#555; margin-bottom:1.5em; } div#casestudy_image { height:110px; overflow:hidden; margin-bottom:1.5em; } div#casestudy_image img { display:none; } div#content_sec { clear:left; padding-top:15px; margin-bottom:15px; /*padding-bottom:15px; border-bottom:1px solid #ccc;*/ width:765px; overflow:hidden; } div#content_sec .one, div#content_sec .two, div#content_sec .three { float:left; width:130px; padding:15px; padding-bottom:0; padding-right:100px; margin-right:15px; background:#c8c8b5; font-size:1em; position:relative; } div#content_sec h3 { font-family:Georgia, Times, serif; font-style:italic; color:#333; } div#content_sec .one img { position: absolute; top:-6px; right:7px; z-index:1; } div#content_sec .two img { position:absolute; right:15px; top:15px; } div#content_sec .three { margin-right:0; padding-right:15px; width:215px; } /* Testimonials */ div#testimonials div { margin-bottom:3.0em; } /* Article/Case Study */ div#article_title { border-bottom:1px solid #ccc; padding-bottom:1.0em; margin-bottom:15px; width:505px; padding-right:260px; } div#article_title h3 { color:#333; } div#article_standfirst { width:505px; font-weight:bold; margin-bottom:2.0em; padding-right:260px; position:relative; } p.gallery_link { position:absolute; right:0; top:0; width:245px; display:block; background:#904646; } p.gallery_link a { display:block; padding:5px; color:#fff; text-decoration:none; border-bottom:1px solid #532424; } p.gallery_link a:hover, p.gallery_link a:focus { color:#fff; background:#783a3a; } div#article_body { width:505px; } div#article_body_one, div#article_body_two { width:745px; -moz-column-count:3; column-count:3; -moz-column-gap:15px; column-gap:15px; -moz-column-width:245px; column-width:245px; } div#article_supplements { overflow:hidden; margin-bottom:2.0em; padding-left:520px; } div#article_supplements img { display:none; } div#article_pullquote { width:245px; background:#ecf1f1; border-bottom:1px solid #c2ced0; } div#article_pullquote blockquote { border-bottom:none; padding:0; background:#ECF1F1; } div#article_pullquote blockquote p { font-family:Georgia, Times, serif; font-style:italic; color:#783a3a; font-size:1.5em; line-height:1.2em; padding:15px; padding-bottom:0; } div#article_pullquote #article_thumbs { padding-left:15px; padding-bottom:10px; } div#article_pullquote #article_thumbs img { margin-right:10px; display:inline; } div#article_pullquote #article_thumbs p { margin-bottom:0; } /* Case Studies Listing */ ul#murals_list { list-style:none; } ul#murals_list li { margin:0; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #ccc; overflow:hidden; } ul#murals_list li.pagination { margin:0; border:none; } ul#murals_list li div.one { width:245px; height:110px; overflow:hidden; float:left; } ul#murals_list li div.two { width:505px; margin-right:0; float:right; } p.casestudy_link { width:245px; display:block; background:#8AA5A9; float:left; margin-right:15px; } p.casestudy_link a { display:block; padding:5px; color:#fff; text-decoration:none; border-bottom:1px solid #657a7d; } p.casestudy_link a:hover, p.casestudy_link a:focus { color:#fff; background:#657a7d; } ul#murals_list li p.gallery_link { position:inherit; float:left;} /* Gallery */ div#gallery_image { width:305px; float:left; } ul#gallery_thumbs { width:170px; float:right; margin:20px 15px 0 15px; list-style:none; overflow:hidden; } ul#gallery_thumbs li { margin:0; float:left; width:50px; text-indent:-9999px; height:50px; margin:0 10px 10px 0; } ul#gallery_thumbs li.end { margin-right:0;; } ul#gallery_thumbs li a { display:block; height:40px; width:40px; border:5px solid #E1E1DE;} ul#gallery_thumbs li a:hover, ul#gallery_thumbs li a:focus { background:none; border:5px solid #cacac6; } ul#gallery_thumbs + h3 { clear:both; padding-top:20px; } /* Books */ ul#books { list-style:none; } ul#books li { margin-left:0; margin-bottom:20px; } ul#books li h3 a { color:#904646; } /* Blog */ div.blog_post { border-bottom:1px solid #ccc; margin-bottom:1.5em; padding-bottom:1.5em; } div.blog_post p.blog_info { margin-bottom:0; } /* News */ div.news_item { border-bottom:1px solid #ccc; margin-bottom:1.5em; padding-bottom:1.5em; overflow:hidden; } div.news_item p.blog_info { margin-bottom:0; } div.news_item img { float:right; max-width:200px; margin-left:15px; margin-bottom:10px; } div.news_item h3.title { font-family:Georgia, serif; font-size:1.8em; margin-bottom:0.9em; color:#904646; font-weight:normal; } div.news_item h3.title a:link, div.news_item h3.title a:visited { color:#904646; } div.news_sub p.img { text-align:center; } div.news_sub p.img img { max-width:245px; } /* Search Results */ ol#search_results { margin-top:1.5em; } ol#search_results li { margin-bottom:1.5em; padding-bottom:1.5em; border-bottom:1px solid #ccc; } ol#search_results li h4 { margin-bottom:0; } ol#search_results li p { margin-bottom:0.5em; } ol#search_results li p.read_more { margin-bottom:0; } /* Contact */ fieldset#contact h3 { margin-bottom:15px; } fieldset#contact label { display:block; margin-bottom:5px; } fieldset#contact label em { font-weight:bold; color:#904646; } fieldset#contact input.text, fieldset#contact textarea { width:300px; border:2px solid #ccc; margin-bottom:15px; padding:3px; font-size:0.9em; } fieldset#contact textarea { font-family:/* "Helvetica Neue", Helvetica, */ Arial, sans-serif; } fieldset#contact p { margin-bottom:0; } /* User Message */ div#user_message { width:600px; margin:20px auto; border:1px solid #ccc; padding:20px; } div#user_message h1 { color:#904646; } /* Site info/footer ------------------- */ div#site_info { clear:left; background:#e1e1d5; font-size:0.9em; } div#site_info a:link, div#site_info a:visited { text-decoration:none; } div#site_info a:hover, div#site_info a:focus { color:#555; } div#site_info .one, div#site_info .two, div#site_info .three { float:left; width:160px; padding:15px; } div#site_info .three { width:355px; } div#site_info .one input#mb-ijdlu-ijdlu { width:156px; border:1px solid #666; display:block; margin-bottom:15px; padding:2px; font-size:1.0em; font-family:Georgia, Times, serif; } div#site_info .one input#newsletter_submit { font-size:1.0em; } div#site_info .two ul { list-style:none; } div#site_info .two ul li { margin-left:0; } div#site_info .three ul { list-style:none; } div#site_info .three ul li { margin:0; } div#site_info .three ul li em { display:block; text-decoration:underline; } div#site_info .three ul li span { margin-bottom:10px; display:block; } div#copyright { clear:both; background:#fff; border-top:1px solid #ccc; padding-top:1.0em; color:#888; position:relative; } p.backtotop { position:absolute; right:0; top:10px; display:block; }