/* YUI CSS RESET via Yahoo! */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; color: #656565; } table { border-collapse: collapse; border-spacing: 0; } fieldset,img { border: 0; } address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; font-weight: normal; } ol,ul { list-style: none; } caption,th { text-align: left; } h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; line-height: 1em; } q:before,q:after { content: ''; } abbr,acronym { border: 0; } /* LAYOUT */ /* Clearing Divs & Hidden Text */ div.clearall, div.clearall_accordion { display: block; clear: both; height: 0px; overflow: hidden; } div.clearall_accordion { height: 10px; background-color: transparent; } span.hidden { visibility: hidden; text-decoration: none; } /* Shared Styles */ #nav_bg, #site_credit, #content, ul#nav, ul#nav li, #phone_number { display: block; } label, input.zemText, textarea, input.zemSubmit { display: inline; } #nav_bg, #site_credit, #case-studies .cs_image, .tracknumber, ul#nav, #phone_number, #rotating_photos { position: fixed; } #site_credit, #case-studies .cs_image, #mm_minor, #rss_box { width: 200px; } #site_credit, #default .cs_image, #mm_minor, #phone_number; { overflow: hidden; } #search_form, #feedblitz, #scope-of-work .entry, #socialnetworksvcs .entry, #speaking-events dl { margin-bottom: 20px; } .images, #mm_main, form { width: 425px; } .images, form { border-top-width: 1px; border-top-style: solid; } .testimonial, .main_article, .testimonial img, #scope-of-work .entry, #socialnetworksvcs .entry, #speaking-events dl { border-bottom-width: 1px; border-bottom-style: solid; } #case-studies .cs_image img, .main_article img { border-width: 3px; border-style: solid; } input.zemText, textarea, #search_form input, #feedblitz input.cleardefault { border-width: 1px; border-style: solid; } #case-studies .cs_image, .tracknumber { top: 162px; left: 10px; } #metzmash #mm_main ol li, #metzmash #mm_main ul li, #case-studies ol li, #casestudies ul li { margin-left: 20px; margin-bottom: 4px; } #metzmash #mm_main ol, #metzmash #mm_main ul, #case-studies ol, #case-studies ul { margin: 12px 0 16px; } ul#nav li.sow, ul#nav li.pe, ul#nav li.cs, ul#nav li.se, ul#nav li.mm, ul#nav li.p, ul#nav li.cm, ul#nav li.ml, ul#nav li.bs, ul#nav li.bac { position: absolute; } ul#nav li.sow, ul#nav li.pe, ul#nav li.cs { left: 0px; } ul#nav li.se, ul#nav li.mm, ul#nav li.bs { left: 225px; } ul#nav li.cm, ul#nav li.p, ul#nav li.bac { left: 450px; } ul#nav li.ml { left: 675px; } ul#nav li.sow, ul#nav li.se, ul#nav li.cm, ul#nav li.ml { top: 0px; } ul#nav li.pe, ul#nav li.mm, ul#nav li.p { top: 25px; } ul#nav li.cs, ul#nav li.bs, ul#nav li.bac { top: 50px; } input.zemText, textarea, #search_form input, #feedblitz input.cleardefault { padding: 3px; } /* Navigation Styles */ ul#nav { height: 75px; width: 875px; top: 67px; left: 231px; margin: 0; padding: 0; z-index: 10; } ul#nav li { clear: none; width: 200px; height: 25px; background: none; } ul#nav li.sow, ul#nav li.pe { width: 217px; } ul#nav li a { display: block; width: 200px; height: 25px; } ul#nav li.sow a, ul#nav li.pe a { width: 217px; } li.sow a { background: transparent url(/i/nav_01-2.png) 0 0 no-repeat; } li.pe a { background: transparent url(/i/nav_02-2.png) 0 0 no-repeat; } li.cs a { background: transparent url(/i/nav_03.png) 0 0 no-repeat; } li.se a { background: transparent url(/i/nav_04.png) 0 0 no-repeat; } li.mm a { background: transparent url(/i/nav_05.png) 0 0 no-repeat; } li.p a { background: transparent url(/i/nav_08.png) 0 0 no-repeat; } li.cm a { background: transparent url(/i/nav_07.png) 0 0 no-repeat; } li.bs a { background: transparent url(/i/nav_06.png) 0 0 no-repeat; } li.bac a { background: transparent url(/i/nav_09.png) 0 0 no-repeat; } li.ml a { background: transparent url(/i/nav_10.png) 0 0 no-repeat; } /* Building Blocks */ #nav_bg { height: 75px; width: 100%; top: 67px; left: 0px; -khtml-opacity:.75; -moz-opacity:.75; -ms-filter:”alpha(opacity=75)”; filter:alpha(opacity=75); opacity:.75; z-index: 5; } #site_credit { height: 30px; top: 142px; left: 681px; z-index: 20; } #content { left: 0px; width: 650px; margin: 0 0 10px 10px; padding-top: 162px; z-index: 2; } .testimonial { padding-bottom: 20px; margin-bottom: 30px; } #default .cs_image { width: 194px; height: 144px; border-style: solid; border-width: 3px; margin-bottom: 4px; overflow: hidden; } .images { padding-top: 20px; } #mm_main { float: right; } #mm_minor { float: left; padding-top: 168px; } .main_article { margin-bottom: 12px; padding-bottom: 40px; } #recent_articles { margin-top: 12px; padding-top: 20px; border-top-width: 3px; border-top-style: double; } #case-studies .article_navigation { padding-top: 20px; } #rss_box { height: 28px; } .widgets-content { display: none; } #phone_number { width: 109px; height: 21px; top: 42px; left: 236px; } #default #content, #testimonials #content { padding-top: 170px; } #scope-of-work #content, #socialnetworksvcs #content, #speaking-events #content, #photos #content, #contact-us #content, #case-studies #content, #book-a-call #content, #buy-strategy #content { margin-left: 235px; width: 425px; } #scope-of-work .entry, #socialnetworksvcs .entry, #speaking-events dl { padding-bottom: 20px; } #metzmash .last { border-bottom: none; } .widgets-content div.widget-body { margin-bottom: 10px; padding-bottom: 10px; } #rss_box { margin-bottom: 10px; } #rotating_photos { top: 190px; left: 683px; width: 435px; height: 640px; } #rotating_photos img { border-width: 5px; margin-bottom: 10px; } /* Logo */ h1#brand { width: 220px; height: 118px; display: block; position: fixed; top: 24px; left: 0px; z-index: 15; } #default h1#brand { background: transparent url(/i/logo_dkgray.png) left top no-repeat; } #scope-of-work h1#brand { background: transparent url(/i/logo_red.png) left top no-repeat; } #socialnetworksvcs h1#brand { background: transparent url(/i/logo_green.png) left top no-repeat; } #testimonials h1#brand { background: transparent url(/i/logo_ltgray.png) left top no-repeat; } #speaking-events h1#brand { background: transparent url(/i/logo_pink.png) left top no-repeat; } #photos h1#brand { background: transparent url(/i/logo_yellow.png) left top no-repeat; } #contact-us h1#brand { background: transparent url(/i/logo_brown.png) left top no-repeat; } #case-studies h1#brand { background: transparent url(/i/logo_purple.png) left top no-repeat; } #metzmash h1#brand { background: transparent url(/i/logo_blue.png) left top no-repeat; } #book-a-call h1#brand { background: transparent url(/i/logo_orange.png) left top no-repeat; } #buy-strategy h1#brand { background: transparent url(/i/logo_ltblue.png) left top no-repeat; } /* Phone Numbers */ #default #phone_number { background: transparent url(/i/phone_dg.png) left top no-repeat; } #scope-of-work #phone_number { background: transparent url(/i/phone_re.png) left top no-repeat; } #socialnetworksvcs #phone_number { background: transparent url(/i/phone_gr.png) left top no-repeat; } #testimonials #phone_number { background: transparent url(/i/phone_lg.png) left top no-repeat; } #speaking-events #phone_number { background: transparent url(/i/phone_pi.png) left top no-repeat; } #photos #phone_number { background: transparent url(/i/phone_ye.png) left top no-repeat; } #contact-us #phone_number { background: transparent url(/i/phone_br.png) left top no-repeat; } #case-studies #phone_number { background: transparent url(/i/phone_pu.png) left top no-repeat; } #metzmash #phone_number { background: transparent url(/i/phone_bl.png) left top no-repeat; } /* Background Image */ body { background: #f0f0f0; } body#metzmash { background: #161616; } /* Links & Navigation */ #site_credit a { display: block; width: 200px; height: 15px; overflow: hidden; } #site_credit a.design { background: transparent url(/i/credit_design.png) 0 -15px no-repeat; } #site_credit a.photography { background: transparent url(/i/credit_photos.png) 0 -15px no-repeat; } #metzmash #site_credit a.design { background: transparent url(/i/credit_design.png) 0 0 no-repeat; } #metzmash #site_credit a.photography { background: transparent url(/i/credit_photos.png) 0 0 no-repeat; } #site_credit a.design:hover { background: transparent url(/i/credit_design.png) 0 0 no-repeat; } #site_credit a.photography:hover { background: transparent url(/i/credit_photos.png) 0 0 no-repeat; } #metzmash #recent_articles .more_link a { width: 10px; overflow: hidden; background: transparent url(/i/more_arrow.png) left top no-repeat; padding-left: 14px; } /* Images */ .cs_image img { width: 194px; } #case-studies .cs_image, .tracknumber { top: 162px; left: 10px; } .testimonial img { float: right; height: 28px; } .images img { width: 81px; } .main_article img { float: right; margin:4px 0 10px 10px; width: 194px; } img.guest_headshot { width: 30px; border: 1px solid #949494; float: left; display: inline; margin: 4px 5px 5px 0; } /* Lists */ #speaking-events dl { padding-bottom: 0; } #speaking-events dt { padding: 10px 0 4px; border-top-width: 1px; border-top-style: solid; } #rssMenu li { float: left; clear: none; display: inline; } /* Form Styles */ form { padding-top: 10px; } form p { margin-bottom: 8px; } legend { display: none; } label { width: 100px; float: left; margin-right: 10px; text-align: right; text-transform: uppercase; } input.zemText, textarea { width: 307px; } input.zemSubmit { float: left; margin-right: 15px; } input.zemSubmit, p#disclaimer { margin-left: 110px; } #search_form form, #feedblitz form { padding-top: 0; border-top: none; width: 200px; } #search_form input, #feedblitz input.cleardefault { width: 192px; } #feedblitz input.cleardefault { margin-bottom: 8px; } div#if_wrap { display: block; overflow: hidden; height: 0; width: 0; margin: 0; padding: 0; } div#comments form { border-top: none; border-bottom: 1px solid #434343; padding-bottom: 20px; margin-bottom: 0; } div#comments label { font-weight: bold; color: #36a7f6; font-size: 14px; line-height: 20px; display: block; width: 425px; text-align: left; margin: 0; padding: 0; } div#comments input#name, div#comments input#email, div#comments input#web, div#comments textarea#message { margin: 0 0 10px; padding: 3px; width: 417px; border: 1px solid #36a7f6; } div#comments input:focus, div#comments textarea:focus { background-color: #d5e9fe; } div.comment_contain { padding-bottom: 10px; border-bottom: 1px solid #434343; padding-top: 10px; } /* COLORS */ /* Color Chart ********************* Text - #656565 Borders - #dbdbdb Dark Gray - #464f5f, #737a86 (accent) Light Gray - #cdced1, #dadce0 (accent) Red - #d00202, #db4141 (accent) Green - #0c953f, #48af6e (accent) Pink - #d531cf, #df6bdb (accent) Yellow - #d7b720, #e0c857 (accent) Brown - #5e4d12, #85794c (accent) Purple - #5d31a0, #8564b7 (accent) Blue (Dark Background) - #52a8ff, #36a7f6 (accent) ********************************* */ #case-studies .cs_image a:hover, #case-studies .article_navigation a:hover { color: #656565; } /* Shared Styles */ span.meta, #metzmash blockquote, .main_article, #recent_articles, h3.accordion-link, h3.widgets-link, #secondary_nav #listening a:hover, p#cprev_head, p#txpCommentInputForm, .widgets-content div.widget-body, #feedblitz input.cleardefault { border-color: #434343; } .testimonial, #default .cs_image, .images, .testimonial img, #case-studies .cs_image img, #scope-of-work .entry, #socialnetworksvcs .entry, #speaking-events dl, #speaking-events dt, #case-studies a .entry, #case-studies a .entry img, #case-studies .entry h2, #case-studies ol, form { border-color: #dbdbdb; } #case-studies blockquote, #case-studies h5 a, #case-studies h5, #case-studies a:hover .entry img { border-color: #8564b7; } #case-studies blockquote p, #case-studies .cs_image a, #case-studies h5 a, #case-studies .article_navigation a, #case-studies h2, #case-studies h5 { color: #8564b7; } span.meta, span.meta a, #metzmash p.social a, #metzmash p.comment_meta, #metzmash p.comment_meta a, #comments-help a, #comments-help { color: #949494; } span.meta a:hover, #metzmash p.social a:hover, #metzmash h2, #metzmash p.social, #metzmash p a:hover, #metzmash h3 a, #metzmash .article_navigation a, #metzmash #mm_main p span.more_link a, #metzmash #mm_main p.post_date a, #metzmash #mm_main p.post_date, h3.accordion-link, h3.widgets-link, #metzmash #mm_main ol li a:hover, #metzmash #mm_main ul li a:hover, #metzmash #mm_main p a:hover, #metzmash p.post_date a, p.comment_meta a:hover, #metzmash p#cprev_head, #comments-help a:hover, p.search-result strong { color: #36a7f6; } #secondary_nav #archives a, #secondary_nav #blogroll a, #secondary_nav #socialmedia a, #secondary_nav #categories a, #secondary_nav #categories, .widgets-content a, .widgets-content div, .widgets-content h3, .widgets-content h2, .widgets-content h1, .widgets-content h4, .widgets-content h5, .widgets-content h6, .widgets-content span, .main_article p a, #recent_articles p a, #metzmash p, #metzmash #mm_main ol li, #metzmash #mm_main ul li, #metzmash #mm_main ol li a, #metzmash #mm_main ul li a, #metzmash #mm_main p a { color: #cacaca; } .cs_front h2, #default h6.attribute { color: #737a86; } #speaking-events h2, #speaking-events span.rssSubdate { color: #df6bdb; } #metzmash h3 a:hover, #metzmash .article_navigation a:hover, #metzmash #mm_main p span.more_link a:hover, #metzmash #mm_main p.post_date a:hover { color: #fff; } h3.accordion-link:hover, h3.widgets-link:hover, #secondary_nav #archives a:hover, #secondary_nav #blogroll a:hover, #secondary_nav #socialmedia a:hover, #secondary_nav #categories a:hover { background-color: #434343; } /* Horizontal Stripe */ #default #nav_bg { background-color: #464f5f; } #scope-of-work #nav_bg { background-color: #d00202; } #socialnetworksvcs #nav_bg { background-color: #0c953f; } #testimonials #nav_bg { background-color: #cdced1; } #speaking-events #nav_bg { background-color: #d531cf; } #photos #nav_bg { background-color: #d7b720; } #contact-us #nav_bg { background-color: #5e4d12; } #case-studies #nav_bg { background-color: #5d31a0; } #metzmash #nav_bg { background-color: #52a8ff; } #book-a-call #nav_bg { background-color: #fd9c04; } #buy-strategy #nav_bg { background-color: #13eef1; } /* Image Borders */ #default #rotating_photos img { border: 5px solid #717884; } #scope-of-work #rotating_photos img { border: 5px solid #d83e3e; } #socialnetworksvcs #rotating_photos img { border: 5px solid #45ac6c; } #testimonials #rotating_photos img { border: 5px solid #d6d7d9; } #speaking-events #rotating_photos img { border: 5px solid #dc61d8; } #photos #rotating_photos img { border: 5px solid #dec654; } #contact-us #rotating_photos img { border: 5px solid #83764a; } #case-studies #rotating_photos img { border: 5px solid #8261b4; } #metzmash #rotating_photos img { border: 5px solid #4383c4; } #book-a-call #rotating_photos img { border: 5px solid #fab13f; } #buy-strategy #rotating_photos img { border: 5px solid #4beff1; } /* Headlines */ #recent_articles h3 { color: #36a7f6; } #case-studies h6 { border-color: #dbdbdb; } #testimonials h6.attribute { color: #dadce0; } #scope-of-work h2 { color: #db4141; } #socialnetworksvcs h2 { color: #48af6e; } #photos h2 { color: #e0c857; } #contact-us h2 { color: #85794c; } #email_signup h4 { color: #656565; } #book-a-call h2 { color: #fab13f; } #buy-strategy h2 { color: #4beff1; } /* Blockquotes */ #metzmash blockquote { color: #a7a7a7; } /* Spans */ /* Links */ a { color: #656565; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; } #default a.cs_front:hover { background: #737a86; } #default a.cs_front:hover .cs_image { border-color: #737a86; } #default a.cs_front:hover h2 { color: #fff; } #default a.cs_front:hover p { color: #dbdbdb; } .images a { border-color: #656565; } .images a:hover { border-color: #e0c857; } #rss_box a:hover { background-color: #1b8cdb; } #metzmash p a { border-color: #36a7f6; } #book-a-call p a { border-color: #fab13f; } #book-a-call p a:hover { color: #fab13f; } #socialnetworksvcs .entry a { border-color: #48af6e; } #socialnetworksvcs .entry a:hover { color: #48af6e; } #speaking-events .entry a { border-color: #df6bdb; } #speaking-events .entry a:hover { color: #df6bdb; } #case-studies a:hover .entry { background-color: #fdfdfd; } #metzmash #mm_main ol li a, #metzmash #mm_main ul li a { border-color: #36a7f6; } #speaking-events p.no-events a { border-color: #df6bdb; } /* Images */ .main_article img { border-color: #949494; } /* Navigation */ #default ul#nav li a:hover, #default #site_credit a:hover { background-color: #464f5f; } #scope-of-work ul#nav li a:hover, #scope-of-work #site_credit a:hover { background-color: #d00202; } #socialnetworksvcs ul#nav li a:hover, #socialnetworksvcs #site_credit a:hover { background-color: #0c953f; } #testimonials ul#nav li a:hover, #testimonials #site_credit a:hover { background-color: #cdced1; } #speaking-events ul#nav li a:hover, #speaking-events #site_credit a:hover { background-color: #d531cf; } #photos ul#nav li a:hover, #photos #site_credit a:hover { background-color: #d7b720; } #contact-us ul#nav li a:hover, #contact-us #site_credit a:hover { background-color: #5e4d12; } #case-studies ul#nav li a:hover, #case-studies #site_credit a:hover { background-color: #5d31a0; } #metzmash ul#nav li a:hover, #metzmash #site_credit a:hover { background-color: #52a8ff; } #book-a-call ul#nav li a:hover, #book-a-call #site_credit a:hover { background-color: #e88d00; } #buy-strategy ul#nav li a:hover, #buy-strategy #site_credit a:hover { background-color: #02e4e7; } /* Form Styles */ label { color: #85794c; } input.zemText, textarea { border-color: #85794c; background-color: #fff; } input.zemText:focus, textarea:focus { background-color: #feffe5; } input.zemSubmit { color: #000; } #search_form input { border-color: #36a7f9;} .author { padding-left: 10px; padding-right: 10px; background-color: #2a2a2a; } #feedblitz input.cleardefault { background: transparent; color: #cacaca; } #feedblitz input.fb_button { border:none; padding: 0; margin: 0; font-weight: bold; font-size: 12px; text-transform: uppercase; background-color: transparent; color: #36a7f6; float: right; } #feedblitz input.fb_button { cursor: pointer; } /* TYPOGRAPHY */ /* General Styles */ body { font-size: 62.5%; font-family: Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px; } /* Reset 1em to 10px */ em { font-style: italic; } strong, .article_navigation, p.comment_meta, p#cprev_head, #comments-help a { font-weight: bold; text-transform: uppercase; } #metzmash #mm_main .main_article strong { text-transform: none; } /* Shared Styles */ #case-studies h6, #case-studies blockquote, span.meta, #case-studies ol, h3.accordion-link, h3.widgets-link { border-top-width: 1px; border-top-style: solid; } #case-studies h6, #case-studies h5, span.meta, #case-studies a .entry, #case-studies .entry h2, p#cprev_head, p#txpCommentInputForm, .widgets-content div.widget-body, #email_signup h4 { border-bottom-width: 1px; border-bottom-style: solid; } #case-studies h5 a, #metzmash p a, #book-a-call p a, #socialnetworksvcs .entry a, #speaking-events .entry a, #metzmash #mm_main ol li a, #metzmash #mm_main ul li a, #speaking-events p.no-events a { border-bottom-width: 1px; border-bottom-style: dotted; } #case-studies h5 a:hover, #metzmash p a:hover, #book-a-call p a:hover, #socialnetworksvcs .entry a:hover, #speaking-events .entry a:hover, #metzmash #mm_main ol li a:hover, #metzmash #mm_main ul li a:hover, #speaking-events p.no-events a:hover { border-bottom-style: solid; } #case-studies a .entry img, .images a { width: 84px; border-width: 3px; border-style: solid; } #case-studies blockquote p, #case-studies h5, #metzmash blockquote, #recent_articles p, #metzmash .main_article p span.more_link a, #socialnetworksvcs .entry span.dates, .comment_contain p, p #cprev_head, p#txpCommentInputForm, #comments-help a { font-size: 12px; } span.meta, #recent_articles h3 span, #metzmash p.social, #metzmash #recent_articles p span.more_link a, #secondary_nav #archives a, #secondary_nav #blogroll a, #secondary_nav #socialmedia a, #secondary_nav #categories a, p.comment_meta { font-size: 10px; } #metzmash #mm_main ol li, #case-studies ol li { list-style-type: decimal; } #metzmash #mm_main ul li, #case-studies ul li { list-style-type: square; } h3.accordion-link, h3.widgets-link, #secondary_nav #archives a, #secondary_nav #blogroll a, #secondary_nav #socialmedia a, #secondary_nav #categories a, p.comment_meta { font-weight: bold; } h3.accordion-link, h3.widgets-link, #secondary_nav #blogroll a, #secondary_nav #socialmedia a, #secondary_nav #listening a { display: block; } /* Headlines */ h2, h6, #email_signup h4 { font-size: 30px; line-height: 30px; } h3 { font-size: 60px; line-height: 60px; letter-spacing: -2px; text-align: center; margin-bottom: 5px; } h6 { letter-spacing: -1px; text-align: right; margin-right: 40px; } .cs_front h2 { margin: 0 10px; font-size: 14px; line-height: 20px; } #case-studies h2 { width: 425px; clear: both; } #case-studies h6 { text-align: center; margin: 0 0 10px; padding: 8px 0 0px; } #case-studies a .entry .text h2 { width: 315px; } #recent_articles h2 { margin-bottom: 16px; } #recent_articles h3 { font-size: 14px; font-weight: bold; text-transform: uppercase; line-height: 14px; text-align: left; letter-spacing: 0; } #recent_articles h3 span { font-weight: normal; } #speaking-events h2 { margin-bottom: 0; padding-bottom: 0;} /* Paragraphs */ p { margin-top: 4px; } .cs_front p { margin: 0 10px 10px; } #recent_articles p { line-height: 17px; margin-top: 0; padding-bottom: 15px; } #metzmash p { margin-bottom: 8px; } #metzmash p.social { line-height: 16px; text-transform: uppercase; font-weight: bold; } #metzmash p.post_date { text-transform: uppercase; font-weight: bold; } #metzmash p.post_date a { border: none; } .comment_contain p, p#cprev_head, p#txpCommentInputForm { line-height: 16px; } p#cprev_head, p#txpCommentInputForm { padding-bottom: 6px; } #speaking-events p.no-events { margin: 0; padding: 20px 0 0; border-top: 1px solid #dbdbdb; float: none; width: 425px; } /* Blockquotes */ #case-studies blockquote { float: right; display: inline; margin: 10px 0 0 10px; clear: right; width: 200px; padding: 10px 0 0; } #case-studies h5 { margin: 4px 0 10px 10px; line-height: 16px; width: 200px; padding-bottom: 10px; font-weight: bold; text-align: right; display: block; float: right; clear: right; } #metzmash blockquote { padding: 8px; border-style: solid; border-width: 1px; margin: 12px 0 16px; } /* Spans */ #speaking-events span.rssSubdate { height: 40px; font-weight: bold; float: left; width: 20px; } #speaking-events dl dd { margin-top: 4px; margin-bottom: 10px; } #speaking-events p { float: right; width: 403px; } span.meta { line-height: 16px; text-transform: uppercase; font-weight: bold; display: block; padding: 5px 0; margin: 4px 0 10px; } #recent_articles span.meta { border: none; padding: 0; margin: -4px 0 0; line-height: 10px; } .crossposted { padding-left: 16px; background: transparent url(/i/crosspost.png) left top no-repeat; } span.prev { float: left; } span.next { float: right; } #socialnetworksvcs .entry span.dates { line-height: 12px; margin: -3px 0 10px; display: block; } /* Lists */ dl dt { line-height: 16px; font-weight: bold; text-transform: uppercase; } #case-studies ol { margin-top: 0; padding-top: 12px; } /* Links */ a { text-decoration: none; } a.cs_front { width: 200px; margin: 0 25px 10px 0; display: block; float: left; } a.cs_front#last { margin-right: 0px; } .images a { width: 81px; height: 44px; float: left; margin: 0 25px 25px 0; overflow: hidden; display: inline; } .images a.end { margin-right: 0px; } #case-studies .cs_image a { float: right; } #case-studies .article_navigation a { font-weight: normal; text-transform: capitalize;} #rss_box a { display: block; height: 28px; width: 200px; background: transparent url(/i/rss.png) left top no-repeat; } #speaking-events dl dd a { font-weight: bold; } #metzmash p.social a { border-bottom: none; } #metzmash p span.more_link a { text-transform: uppercase; border-bottom: none; font-weight: bold; } #case-studies a .entry { padding: 20px 5px 16px; position: relative; } #case-studies a.first .entry { padding-top: 5px; } #case-studies a div.images { float: left; display: block; width: 90px; } #case-studies a div.text { float: right; width: 315px; display: block; } #case-studies a .entry img { width: 84px; } #case-studies a.first .entry img { top: 5px; } #metzmash p.comment_meta a, #metzmash p.comment_meta a:hover { border-bottom-style: none; } /* Blog Accordion */ h3.accordion-link, h3.widgets-link { font-size: 14px; line-height: 20px; text-transform: uppercase; text-align: right; letter-spacing: 0; padding: 4px 0; margin: 0; } h3.accordion-link:hover, h3.widgets-link:hover { cursor: pointer; } .accordion_content { padding-bottom: 10px; } #secondary_nav #archives a { width: 94px; display: block; line-height: 11px; float: left; padding: 3px; text-transform: uppercase; overflow: hidden; } #secondary_nav #blogroll a, #secondary_nav #socialmedia a, #secondary_nav #categories a { line-height: 11px; padding: 3px; text-transform: uppercase; overflow: hidden; } #secondary_nav #socialmedia a { line-height: 16px; padding: 0 0 0 20px; margin-bottom: 4px; width: 180px; background-color: transparent; background-position-x: top; background-position-y: left; background-repeat: no-repeat; height: 16px; } #secondary_nav #listening a { float: left; width: 90px; height: 90px; padding: 5px; } #secondary_nav #listening a img { width: 90px; height: 90px; } #secondary_nav #reading a { float: left; width: 90px; padding: 5px; line-height: 0; } #secondary_nav #reading a img { width: 90px; } #secondary_nav #listening a:hover, #secondary_nav #reading a:hover { padding: 0px; border-width: 5px; border-style: solid; } #secondary_nav #categories a { padding: 3px 0; } /* E-Mail Signup */ #email_signup { width: 500px; padding: 10px; border: 3px solid #dbdbdb; background: #fff url(http://adammetz.com/i/10.png) 10px 10px no-repeat; display: none; } #email_signup h4 { margin-left: 195px; border-bottom-color: #dbdbdb; } #email_signup form { border: none; padding: none; width: 305px; margin: 0 0 0 195px; } #email_signup label, #email_signup form p { color: #656565; text-align: left; width: 305px; font-family: Helvetica, Arial, sans-serif; text-transform: uppercase; } #email_signup form p { margin-bottom: 0; } #email_signup input.textbox { display: inline; border: 1px solid #656565; background-color: #fff; width: 297px; padding: 3px; margin: 5px 0 10px; } #email_signup input.checkbox { display: inline; clear: left; float: none; } #email_signup label.checkbox { display: inline; width: 200px; clear: none; float: none; text-transform: capitalize; } #email_signup input.button { margin-top: 10px; display: block; } #email_signup a { margin: 10px 0 0; width: 90px; border: 1px solid #dbdbdb; padding: 2px 5px; display: block; font-size: 11px; float: right; text-align: center; } #email_signup a:hover { background-color: #dbdbdb; cursor: pointer; } .jqmWindow { position: fixed; top: 17%; left: 50%; margin-left: -260px; } .jqmOverlay { background-color: #000; } /* Fixed posistioning emulation for IE6 Star selector used to hide definition from browsers other than IE6 For valid CSS, use a conditional include instead */ * html .jqmWindow { position: absolute; top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px'); } /* *********************************************** These are standard sIFR styles... do not modify *********************************************** */ .sIFR-flash { visibility: visible !important; margin: 0; } .sIFR-replaced { visibility: visible !important; } span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } /* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */ .sIFR-flash + div[adblocktab=true] { display: none !important; } /* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */ .sIFR-hasFlash h3.quote { visibility: hidden; font-size: 53px; line-height: 53px; letter-spacing: -7px; margin-bottom: 0; } .sIFR-hasFlash h6.attribute { visibility: hidden; letter-spacing: -5px; } .sIFR-hasFlash #scope-of-work h2, .sIFR-hasFlash #socialnetworksvcs h2, .sIFR-hasFlash #speaking-events h2, .sIFR-hasFlash #photos h2, .sIFR-hasFlash #contact-us h2, .sIFR-hasFlash #case-studies h2, .sIFR-hasFlash #metzmash h2 { visibility: hidden; letter-spacing: -5px; font-size: 27px; line-height: 27px; } .sIFR-hasFlash #case-studies h6 { visibility: hidden; font-size: 27px; line-height: 27px; letter-spacing: -4px; }