/* * Red Rabbits gettin' funky with it */ body { font-family: Tahoma, "Helvetica Neue", Arial, Helvetica, sans-serif; } /* * Redefining basic elements ****************************************************************************** */ p { line-height: 1.2em; margin: 0 0 0.5em; } a { color: #007eff; text-decoration: underline; } embed { margin-bottom: 15px; } a:hover { color: #007eff; text-decoration: none; } h3 { margin: 0 0 0.3em; } h3 a { color: #000; text-decoration: none; } h3 a:hover { /*border-bottom: 2px solid #b22534;*/ color: #b22534; text-decoration: none; } label { font-weight: normal; } input[type='submit'] { background: #9e9e9e; color: #FFF; font-size: 10px; } /* * Header and menu ****************************************************************************** */ #wrapper { margin-top: 40px; margin-bottom: 40px; } #header { background: url('/sitefiles/76/design/contact_bubble.png') no-repeat right top; } #header h1 { padding-top: 18px; margin: 0 4px 0 0; } #header h1 a { background: url('/sitefiles/76/design/logo_redrabbits.png') no-repeat; border-bottom: 3px solid #b7b7b7; display: block; height: 58px; padding-bottom: 9px; text-indent: -9000px; } #header h1 a:hover { border-bottom: 3px solid #b22534; } /* * Menu and sub menu */ ul#menu, ul#submenu { list-style-type: none; padding: 0; } ul#menu li { float: left; } ul#menu #menuitem_more { width: 104px; } ul#menu li a { border-bottom: 3px solid #000; color: #000; display: block; font-family: "DIN"; font-size: 11px; margin: 60px 4px 0 0; padding: 5px 0 3px 0; text-decoration: none; text-transform: uppercase; } ul#menu li#menuitem_contact a { background: url('/sitefiles/76/design/contact_phone.png') no-repeat center -1px; margin-right: 0px; text-indent: -9000px; width: 24px; } ul#menu li a:hover { border-bottom: 3px solid #b22534; color: #b22534; text-decoration: none; } ul#menu li.active a { border-bottom: 3px solid #b22534; } /* * Sub menu specifics */ ul#submenu { font-size: 10px; margin: 12px 0 18px 0; } ul#submenu li { display: inline; } ul#submenu li a { color: #666; padding: 2px 4px; margin: 0 4px 0 0; text-decoration: none; text-transform: uppercase; } ul#submenu li:after { content: " / "; } ul#submenu li:last-child:after { content: ""; } ul#submenu li a:hover { background-color: #000; color: #FFF; text-decoration: none; } ul#submenu li.active a { background-color: #000; color: #FFF; font-weight: bold; } /* * Content ****************************************************************************** */ #content { margin-top: 4px; min-height: 450px; } /* * Sidebar-specific styles */ .content_sidebar { color: #333; font-size: 11px; text-align: right; } .content_sidebar h3 { border-top: 3px solid #DDD; } .content_sidebar h3 { font-size: 11px; margin: 0; padding: 5px 0 5px 0; text-transform: uppercase; } /* .content_sidebar h3:first-child { border: 0; } body.frontpage .content_sidebar h3:first-child { border-top: 3px solid #DDD; } */ .content_sidebar p { padding: 0 0 5px 0; } .content_sidebar input[type=text] { color: #666; padding: 3px 0 3px 4px; width: 120px; } .intro_text div { margin-bottom: 15px; } /* * Footer ****************************************************************************** */ #footer { text-align: right; } #footer h5 { border-top: 3px solid #b22534; color: #404040; font-size: 10px; margin: 0; padding: 4px 0 0 0; text-transform: uppercase; } #footer p { color: #666; font-size: 11px; } #footer a { color: #666; text-decoration: none; } .footer_item { margin-left: 2px; margin-top: 20px; width: 125px; } .footer_border { border-top: 3px solid #DDDDDD; margin-top: 20px; width: 640px; margin-right: 1px; float: left; } /* Used in the first footer element if it should have a * grey top border (ie. all sites except the frontpage) */ .footer_spacer { border-top: 3px solid #b7b7b7; } /* * Section specific styles ****************************************************************************** */ /* * Frontpage-specific styles */ .frontpage_column { border-top: 3px solid #DDD; margin-right: 3px; width: 253px; } .frontpage_column h2 { font-size: 1.5em; margin: 8px 0 0 0; } .frontpage_column p { padding-right: 8px; } /* * Services-specific styles */ #spacer_services { margin-top: 24px; } #content .services img { border: 3px solid #d2d2d2; } #content .services img:hover { border: 3px solid #B22534; } #content .services img.noborder { border: 0; } #content .services .emailmarketing { width: 488px; } #content .services .span-2 { width: 245px; margin-right: 10px; } p.morelink { margin-bottom: 18px; } /* * Case-specific styles */ #case_sidebar { margin-top: 3px; } #case_sidebar h2 { font-size: 18px; font-weight: bold; line-height: 1.1em; } #case_sidebar p { font-size: 12px; margin-bottom: 12px; } #case_sidebar span.label { font-weight: bold; } #case_sidebar div.label { font-weight: bold; } #case_sidebar p.buttons a { background-color: black; border: 1px solid white; color: white; font-size: 10px; font-weight: bold; padding: 3px 5px; text-decoration: none; text-transform: uppercase; } #case_sidebar p.buttons a:hover { background-color: #B22534; } #case_sidebar div.ingress { margin: 5px 0 0 0; font-style: italic; line-height: 1.2em; } #case_sidebar div.article_content { margin: 8px 0 0 0; } #case_sidebar div.read_more_trigger { margin: 0 0 15px 0; } #case_sidebar div.article_content p { margin: 0 0 2px 0; } #case_image { overflow: hidden; } #blip_tv { margin: 0; } #blip_iPhone { display: none; margin: 0 0 10px 0; } /* * Work list-specific styles */ .content_works div.work_container { width: 205px; margin: 0 24px 18px 0; float: left; display: none; } .read_more, #less, #read_less { display: none; } .content_works div.work_container.last { margin-right: 0; } .content_works div.work_container.first { clear: left; } .content_works div.work_container.clear { clear: both; margin:0; } .content_works div.work_container h3 { font-size: 12px; font-weight: bold; margin: 2px 0; } .content_works div.work_container h3 a { text-decoration: none; color: black; } .content_works div.work_container img { border: 3px solid #d2d2d2; } .content_works div.work_container img:hover { border: 3px solid #B22534; } .content_works div.work_container p { font-size: 10px; margin: 1px 0; } .content_works div.works_description { margin: 0 0 15px 0; } .content_works p.description { color: #666666; } /* * About-specific styles */ .about_column { border-top: 3px solid #DDD; margin-right: 3px; } .about_column p { padding: 0 20px 3px 0; } .about_column li { padding: 0 20px 0 0; } .about_column ul { padding: 0 0 10px 0; } .about1 { width: 381px; } .about2 { width: 253px; } .about3 { width: 256px; margin-right: 0; } .about4 { width: 512px; margin-right: 0; } .about_column h2 { font-size: 1.5em; margin: 5px 0 5px 0; } .about_column p.spacer { margin-bottom: 10px; } .about_column p.team { margin: 0 0 10px 0; } .about_column span.work_title { font-style:italic; } .about_column h3 { font-size:12px; font-weight:bold; margin:0; } .about_column p.quote { font-style:italic; } .about_column p.quote_end { margin-bottom: 20px; } .about_column ul { margin: 0; padding-left: 20px; } /* * Various */ .big_blip object { margin-top: 20px; } 
 .footer_border { border-top: 0; } .frontpage_link { margin-bottom: 10px; margin-top: 0; } .frontpage_column h2 { margin: 6px 0 2px 0; } #frontpage_showcase{ height: 448px; }