/* ----------------------------------------------- 8Interactive - - - - - - - - - - - - - - - - - - - - - - - - Description: Base Setup Styles Filename: 8interactive.base.css Author: Catch Design Limited (www.catchdesign.co.nz) Date: 28 May 2009 Updated: 16 March 2010 Version: v.0.80 ----------------------------------------------- */ /* GLOBAL - Reset - Clearfix - Generic - Typography - Forms - Lists - Tables STRUCTURE - Masthead - Content - Footer - Primary Nav - Secondary Nav DETAIL - Articles - **GUYS, this is where anything from Graphical headers, to section specific styles can go** PLUGINS - **Plugin specific styles here** */ /* =GLOBAL ----------------------------------------------- */ /* RESET Copyright (c) 2008, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.6.0 */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;} html, body { height: 100%; } /* IE6 Fix */ * html #holder { height: 100%; } /* /IE6 Fix */ body { background:#fff url(../img/bg_footer_center.jpg) repeat-y center top ; font: 63.7%/1.4 Arial, sans-serif; color:#737373;height:100%; } /* =Clearfix */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-table; } /* Hides from IE-mac \*/ .clearfix { height: 1%; } .clearfix { display: block; } /* End hide from IE-mac */ /* =Generic */ a { color:#ad9b80; text-decoration:underline; } a:hover { text-decoration: none; } a img, a:hover img { border: none; } .hide { text-indent:-9999em; outline: none; } .alignright { float:right; } .alignleft { float:left; } img.alignright { padding:0; margin:0; } img.alignleft { padding:0; margin:0; } /* =Typography */ p { font-size:1.4em; margin-bottom:15px; line-height:1.6em;} li p {font-size:1em;} p.intro{font-size:1.6em; line-height:1.4em;margin-bottom:20px;} small {} strong {font-weight: bold;} em { font-style:italic;} h1 {margin-left:50px; position:absolute} h1 a {background:url(../img/logo.png) no-repeat 0 0; display:block; width:240px; height:177px; float:left;} h1 a:hover {background-position:0 -177px;} h2 {font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size:4em; color:#1d222f; letter-spacing:-1px;line-height:1;margin:20px 0 10px;} h2 span {color:#b3a084;} h3 {font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size:2.2em; color:#4a4744; letter-spacing:-1px;line-height:1; margin-bottom:20px;} h3 a {text-decoration:underline;} h3 a:hover {text-decoration:none;} h4 {font-size:1.5em; color:#737373;letter-spacing:-0.02em;margin-bottom:2px; font-weight:bold;} h5 {font-size:1.2em; color:#5f4e34;margin:7px 0 0; letter-spacing:-0.05em;} /* =Forms */ fieldset {} fieldset legend {display:none;} label {font-size:1.2em;} input {} input.textbox {} input.radio {} input.checkbox {} input.submit {} textarea {background:url(../img/bg_textarea.png) no-repeat 0 0;border:none;font-size:1.4em;color:#858558;height:168px;padding:8px 11px 0 9px;width:509px;margin-bottom:21px;} select {background:url(../img/bg_input_contact.png) no-repeat;border:none; width:261px; font-size:1.4em;padding:5px 6px 4px;color:#858558;margin-bottom:9px; } #sidebar #sign_up_form .textbox{width:220px; *width:210px;} #sign_up_form .textbox {background:url(../img/bg_input_home.png) no-repeat 0 0; display:block; width:190px; border:none; font-size:1.4em; color:#858558;height:22px;margin-bottom:5px;padding:8px 11px 0 10px;} #sign_up_form label {display:none;} .sign_up_button {background:url(../img/btn_sign_up.png) no-repeat 0 0; display:block; width:97px; height:31px; border:none; cursor:pointer; margin-left:115px;} .rh .textbox{background:url(../img/bg_input_rh.png) no-repeat 0 0 !important;width:220px;} #contact_form {margin-bottom:30px;} #contact_form .textbox {background:url(../img/bg_input_contact.png) no-repeat 0 0; display:block; width:240px; border:none; font-size:1.4em; color:#858558;height:22px;margin-bottom:9px;padding:8px 11px 0 10px;} #contact_form label {display:none;} .send_button {background:url(../img/btn_send.png) no-repeat 0 0; display:block; width:79px; height:31px; border:none; cursor:pointer; margin-left:-1px;} .contact_btn{background:url(../img/btn_contact_us.png) no-repeat top left;width:137px;height:31px;text-indent:-999em;display:block; outline:none;} .contact_btn:hover{background:url(../img/btn_contact_us.png) no-repeat bottom left;text-indent:-999em;display:block;} #commentForm {margin-bottom:30px;margin-top:10px;} #commentForm h4{margin-bottom:15px;} #commentForm li {font-size:1em;} #commentForm label {display:none;} #commentForm p label {display:inline; margin-top:-3px;font-size:1em;} #commentForm .textbox {background:url(../img/bg_input_contact.png) no-repeat 0 0; display:block; width:240px; border:none; font-size:1.4em; color:#858558;height:22px;margin-bottom:9px;padding:8px 11px 0 10px;} #commentForm #subscribe {float:left; margin: 1px 5px 0 0} .submit_button {background:url(../img/btn_submit.png) no-repeat 0 0; display:block; width:94px; height:31px; border:none; cursor:pointer; margin-left:-1px;} #errortable {background: #AD9B80;margin:10px 0 !important;padding:5px !important;} #errortable li {color:#FFF; list-style-type:none !important; margin:0 0 5px 5px;} #comment_form {margin-bottom:30px;} #comment_form li {font-size:1em;} #comment_form label {display:none;} #comment_form p label {display:inline; margin-top:-3px;font-size:1em;} #comment_form .textbox {background:url(../img/bg_input_contact.png) no-repeat 0 0; display:block; width:240px; border:none; font-size:1.4em; color:#858558;height:22px;margin-bottom:9px;padding:8px 11px 0 10px;} #commentForm #subscribe {float:left; margin: 1px 5px 0 0} /* =Lists */ ul { list-style: disc;} ol { list-style:decimal;margin-bottom:1em;} li { font-size:1.2em;} ol li {font-size:1.4em; margin-left:25px;line-height: 1.5em;margin-top:.5em;} /*.col_left li {list-style:none;}*/ /* =Tables */ table { font-size:1.2em;} td {} /* =STRUCTURE ----------------------------------------------- */ .wrap {width:880px; margin:0 auto;} #footer {} /* Masthead */ /* Content */ .hr {background: url(../img/hr_fade.png) no-repeat top right; border:none;margin:14px 0 12px; height:1px; width:100%} /* Footer */ #container_bottom {} /*#home #container_bottom .columns {padding:3px 298px 0 0px;}*/ #container_bottom .columns {padding:19px 0px 0 13px; position:relative;} #sign_up {width: 227px !important;} #sign_up h4{color:#3E3E3E !important;} #footer {margin:4px 0 50px;} #footer_tech {margin:61px 0 15px;} #footer_tech a {display:block; height:18px; width:18px; background:url(../img/logo_catch.png) no-repeat top left;float:right;} #footer_tech a:hover {background-position:bottom left;} #footer_tech p {font-size:1.2em !important;} #footer_guardian {margin:120px 0 15px;} #footer_guardian a {display:block; height:18px; width:18px; background:url(../img/logo_catch.png) no-repeat top left;float:right;} #footer_guardian a:hover {background-position:bottom left;} #footer_guardian p {font-size:1.2em !important;} #home #footer {margin-top:20px;position:relative;} #home #footer a {float:none; left:795px;position:absolute;} #footer a {display:block; height:18px; width:18px; background:url(../img/logo_catch.png) no-repeat top left;float:right;} #footer a:hover {background-position:bottom left;} #footer p {font-size:1.2em !important;line-height:1.0em;} #home #footer p {font-size:1.2em !important;line-height:0.4em;} #home #footer #col1 {float:left; width:150px;} #home #footer #col2 {float:left; width:150px;} #home #footer #col3 {float:left; width:150px;} #home #sitemap h4 {color:#5F4E34;font-size:1.2em;font-weight:bold;letter-spacing:-0.02em;margin-bottom:10px;} #home #sitemap a {color:#737373 ;text-decoration:none;} #home #sitemap a:hover {color:#737373 ;text-decoration:none;font-weight:bold;} #home #sitemap #homelink {color:#5F4E34 !important;text-decoration:none;} #home #sitemap p {font-size:1.2em !important;line-height:0.4em;} #home #sitemap #col1 {float:left; width:150px;} #home #sitemap #col2 {float:left; width:150px;} #home #sitemap #col3 {float:left; width:150px;} #home #sitemap #col4 {float:left; width:150px;} #home #sitemap #col1 h4 a {color:#5F4E34 !important;text-decoration:none;} #footer #col1 {float:left; width:150px;} #footer #col2 {float:left; width:150px;} #footer #col3 {float:left; width:150px;} #footer #col4 {float:left; width:150px;} #sitemap h4 {color:#5F4E34;font-size:1.2em;font-weight:bold;letter-spacing:-0.02em;margin-bottom:10px;} #sitemap a {color:#737373 ;text-decoration:none;} #sitemap a:hover {color:#737373 ;text-decoration:none;font-weight:bold;} #sitemap #homelink {color:#5F4E34 !important;text-decoration:none;} #sitemap p {font-size:1.2em !important;line-height:0.4em;} #sitemap #col1 {float:left; width:150px;} #sitemap #col2 {float:left; width:150px;} #sitemap #col3 {float:left; width:150px;} #sitemap #col4 {float:left; width:150px;} #sitemap #col1 h4 a {color:#5F4E34 !important;text-decoration:none;} #tech #sitemap h4 {color:#5F4E34;font-size:1.2em;font-weight:bold;letter-spacing:-0.02em;margin-bottom:10px;} #tech #sitemap a {color:#737373 ;text-decoration:none;} #tech #sitemap a:hover {color:#737373 ;text-decoration:none;font-weight:bold;} #tech #sitemap #homelink {color:#5F4E34 !important;text-decoration:none;} #tech #sitemap p {font-size:1.2em !important;line-height:0.4em;} #tech #sitemap #col1 {float:left; width:150px;} #tech #sitemap #col2 {float:left; width:150px;} #tech #sitemap #col3 {float:left; width:150px;} #tech #sitemap #col4 {float:left; width:150px;} #tech #sitemap #col1 h4 a {color:#5F4E34 !important;text-decoration:none;} #guardian #sitemap h4 {color:#5F4E34;font-size:1.2em;font-weight:bold;letter-spacing:-0.02em;margin-bottom:10px;} #guardian #sitemap a {color:#737373 ;text-decoration:none;} #guardian #sitemap a:hover {color:#737373 ;text-decoration:none;font-weight:bold;} #guardian #sitemap #homelink {color:#5F4E34 !important;text-decoration:none;} #guardian #sitemap p {font-size:1.2em !important;line-height:0.4em;} #guardian #sitemap #col1 {float:left; width:150px;} #guardian #sitemap #col2 {float:left; width:150px;} #guardian #sitemap #col3 {float:left; width:150px;} #guardian #sitemap #col4 {float:left; width:150px;} #guardian #sitemap #col1 h4 a {color:#5F4E34 !important;text-decoration:none;} /* Primary Nav */ #nav {background:url(../img/bg_nav_tile.png) repeat-x 0 59px; display:block; width:880px; position:relative;} #nav ul {background:url(../img/bg_nav_left.png) no-repeat 0 59px;height:122px; list-style:none;margin-bottom:60px;} #nav li { float:left; margin-top:59px;} #nav li a {height:63px; display:block;background:url(../img/navnew.png) no-repeat 0 0; text-indent:-999em; outline:none;} #nav .page-item-65 a {background-position: 0 0; width:118px;margin-left:459px;} #nav #page-item-65.current_page_item a,.page-item-65.current_page_ancestor, #nav .page-item-65 a:hover {background-position:0 -63px;} #nav .page-item-6 a {background-position: -118px 0; width:100px;} #nav #page-item-6.current_page_item a, .page-item-202.current_page_ancestor, #nav .page-item-6 a:hover {background-position:-118px -63px;} #nav .page-item-301 a {background-position: -218px 0; width:124px;} #nav #page-item-301.current_page_item a, #nav .page-item-301.current_page_ancestor, #nav .page-item-301 a:hover {background-position:-218px -63px;} #nav .page-item-38 a {background-position: -341px 0; width:79px;} #nav #page-item-38.current_page_item a, #nav .page-item-38.current_page_ancestor, #nav .page-item-38 a:hover {background-position:-341px -63px;} /* Secondary Nav */ /* =DETAIL ----------------------------------------------- */ /* Home page */ #home h2 {font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size:4.5em; color:#1d222f; letter-spacing:-0.05em;line-height:1;margin:0px 0 5px;} #home h3 {font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size:2.8em; color:#3e3e3e; letter-spacing:-0.02em;line-height:1; margin-bottom:20px;} #home h4 {font-size:1.6em; color:#5f4e34;font-weight:bold; letter-spacing:-0.02em;margin-bottom:2px;} #home h5 {font-size:1.4em; font-weight:bold; color:#413e3e; margin:5px 0; letter-spacing:-0.02em;} #tech h2 {font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size:4.5em; color:#1d222f; letter-spacing:-0.05em;line-height:1;margin:0px 0 5px;} #tech h3 {font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size:2.4em; color:#3e3e3e; letter-spacing:-0.02em;line-height:1; margin-bottom:20px;} #tech h4 {font-size:1.6em; color:#5f4e34;font-weight:bold; letter-spacing:-0.02em;margin-bottom:2px;} #tech h5 {font-size:1.4em; font-weight:bold; color:#413e3e; margin:5px 0; letter-spacing:-0.02em;} #guardian h2 {font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size:4.5em; color:#1d222f; letter-spacing:-0.05em;line-height:1;margin:0px 0 5px;} #guardian h3 {font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size:2.4em; color:#3e3e3e; letter-spacing:-0.02em;line-height:1; margin-bottom:20px;} #guardian h4 {font-size:1.6em; color:#5f4e34;font-weight:bold; letter-spacing:-0.02em;margin-bottom:2px;} #guardian h5 {font-size:1.4em; font-weight:bold; color:#413e3e; margin:5px 0; letter-spacing:-0.02em;} h3.large {font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size:2.8em; color:#3e3e3e; letter-spacing:-0.02em;line-height:1; margin-bottom:20px;} h2.large {font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size:4.5em; color:#1d222f; letter-spacing:-0.05em;line-height:1;margin:20px 0 5px;} h2.large span{color:#B3A084;} #holder { min-height:100%;background:url(../img/bg_footer_center.jpg) repeat-y top center;} #container_top_bg {background:url(../img/bg_top_tile.png) center top;} #container_top {background:url(../img/bg_top_center.jpg) repeat-y center top;} #home #container_top .col_left .clearfix {margin-bottom:103px;} .columns {margin: 0 30px 0 50px;} .col_left {width:520px;} #home .col_left {width: 377px;} .homepage_buttons {width:165px; height:45px; display:block;float:left;top:100px} .homepage_buttons:hover {background-position:0 -45px !important;} #more_about_feedme {background:url(../img/btn_more_about.png) no-repeat 0 0; margin-right:20px;} #available_now {background:url(../img/btn_available_now.png) no-repeat 0 0; display:block; width:240px; float:center; height:65px;} #available_now_small {background:url(../img/btn_app_available_now.png) no-repeat 0 0; display:block; width:173px; height:45px;} #available_now_small_soon {background:url(../img/btn_available_coming_soon.png) no-repeat 0 0; display:block; width:173px; height:45px;} #available_now_small_home {background:url(../img/btn_app_available_now.png) no-repeat 0 0; display:block; width:173px;height:45px; margin-top:30px;} #available_now_intro {margin-left:50px;background:umarginrl(../img/btn_available_now_video.png) no-repeat 0 0; display:block; width:173px; height:45px;margin-right:20px;} #available_now_intro_small {margin-left:68px;background:url(../img/btn_video_small.png) no-repeat 0 0; display:block; width:173px; height:45px;} #available_now_intro_small_home {margin-left:12px;background:url(../img/btn_video_small.png) no-repeat 0 0; display:block; width:173px; height:45px; margin-top:66px;} #watch_video {background:url(../img/available_now_custom.png) no-repeat 0 0;} #home .col_left_side {width: 400px;} .col_right {width:240px; background:url(../img/hr_sidebar.png) no-repeat bottom left;} #home .col_right {width:291px;margin-top:-31px; position:relative; background:none;} #home #twitter {background:url(../img/bg_twitter.png) no-repeat right bottom; display:block; width:650px; height:85px;margin-left:10px; position:absolute;right:262px;top:155px;} #twitter p {font-size:1.3em; font-weight:bold; color:#5f4e34; padding:15px 95px 0 0;text-align:right;} #twitter p a {color:#5f4e34; text-decoration:none;} #twitter p a:hover {text-decoration:underline;} #iphone_top {background:url(../img/bg_iphone_top.png) no-repeat 0 0; display:block; width:251px; height:453px; position:absolute;z-index:100;right:25px;top:-451px;} #iphone_top_product_stories {background:url(../img/bg_iphone_top_custom.png) no-repeat 0 0; display:block; width:251px; height:453px; position:absolute;z-index:100;right:15px;top:-405px;} #iphone_top_product {background:url(../img/bg_iphone_top_custom.png) no-repeat 0 0; display:block; width:251px; height:453px; position:absolute;z-index:100;right:15px;top:-385px;} #iphone_top_tech {background:url(../img/bg_iphone_top_custom.png) no-repeat 0 0; display:block; width:251px; height:453px; position:absolute;z-index:100;right:0px;top:-452px;} #iphone_guardian {background:url(../img/bg_iphone_top_custom.png) no-repeat 0 0; display:block; width:251px; height:453px; position:absolute;z-index:100;right:0px;top:-422px;} #iphone_side {background:url(../img/bg_iphone_side.png) no-repeat 0 0; display:block; width:463px; height:310px; position:absolute;z-index:100;right:400px;top:-415px;} #iphone_shadow {background:url(../img/bg_iphone_shadow.png) no-repeat 0 0; display:block; width:317px; height:52px; position:absolute;z-index:100;right:-8px; top:2px;} #iphone_shadow_tech {background:url(../img/bg_iphone_shadow.png) no-repeat 0 0; display:block; width:317px; height:52px; position:absolute;z-index:100;right:-33px; top:1px;} #iphone_shadow_guardian {background:url(../img/bg_iphone_shadow.png) no-repeat 0 0; display:block; width:317px; height:52px; position:absolute;z-index:100;right:-33px; top:31px;} #iphone_shadow_product {background:url(../img/bg_iphone_shadow.png) no-repeat 0 0; display:block; width:317px; height:52px; position:absolute;z-index:100;right:-18px; top:68px;} #iphone_shadow_product_stories {background:url(../img/bg_iphone_shadow.png) no-repeat 0 0; display:block; width:317px; height:52px; position:absolute;z-index:100;right:-18px; top:48px;} #iphone_display_side {height:188px;overflow:hidden;position:absolute;width:280px;right:476px;top:-391px;} #iphone_display {height:310px;overflow:hidden;position:absolute;width:208px;right:45px;top:-374px;} #iphone_display_tech {height:310px;overflow:hidden;position:absolute;width:208px;right:20px;top:-374px;} #iphone_display_guardian {height:310px;overflow:hidden;position:absolute;width:208px;right:20px;top:-345px;} #iphone_display_product {height:310px;overflow:hidden;position:absolute;width:208px;right:35px;top:-308px;} #iphone_display_product_stories {height:310px;overflow:hidden;position:absolute;width:208px;right:35px;top:-328px;} #iphone_imgs {position:absolute; left:0px;top:0px; width:832px;} #iphone_imgs_side {position:absolute; left:0px;top:0px; width:1120px;} #iphone_imgs img {display:inline;float:left;top:-210px;} #iphone_imgs_side img {display:inline;float:left;top:-282px;} #state_2_text, #state_3_text, #state_4_text {display:none;} #home .col_right_side {width:291px;margin-top:-31px; position:relative; background:none;} #home .col_left p {font-size:1.7em; color:#676767; letter-spacing:-0.02em;margin-bottom:23px;} .col_left_stories p {font-size:1.7em; color:#676767; letter-spacing:-0.02em;margin-bottom:30px;width:520px;} #tech .col_left p {font-size:1.7em; color:#676767; letter-spacing:-0.02em;margin-bottom:23px;} #guardian .col_left p {font-size:1.7em; color:#676767; letter-spacing:-0.02em;margin-bottom:30px;} #stories-product .col_left p {font-size:1.4em; color:#676767; letter-spacing:-0.02em;margin-bottom:20px;} #stories-product .col_left li p {list-style:disc;font-size:1.2em;} #stories-product .col_left li {list-style:disc;margin-left:15px;font-size:1.2em;} #tech-product .col_left p {font-size:1.4em; color:#676767; letter-spacing:-0.02em;margin-bottom:20px;} #tech-product .col_left li p {list-style:disc;font-size:1.2em;} #tech-product .col_left li {list-style:disc;margin-left:15px;font-size:1.2em;} #guardian-product .col_left p {font-size:1.4em; color:#676767; letter-spacing:-0.02em;margin-bottom:20px;} #guardian-product .col_left li p {list-style:disc;font-size:1.2em;} #guardian-product .col_left li {list-style:disc;margin-left:15px;font-size:1.2em;} #home p {line-height:1.4em;} #img_changer {width:240px !important;} #img_changer p {color:#676767;} #img_changer_buttons {background:url(../img/bg_selector.png) no-repeat 0 0; display: block; width:211px; height:40px;position:absolute; top:55px;} #img_changer_highlight {background:url(../img/img_changer_highlight.png) no-repeat 2px 4px; width:211px; height:38px;list-style:none;} #img_changer_highlight li {font-size:1em; float:left;} #img_changer_highlight { background-position:2px 4px /* included for animation */ } #img_changer_buttons a {font-size:1.8em; color:#5e5e5e; letter-spacing:-0.02em; text-decoration:none; margin:8px 23px 3px 19px; display:block;} #home .col_left li{font-size:0.9em;margin-left:15px;} #img_changer_tech {width:240px !important;} #img_changer_tech p {color:#676767;} #img_changer_buttons_tech {background:url(../img/bg_selector.png) no-repeat 0 0; display: block; width:211px; height:40px;position:absolute; top:54px;right:21px;} #img_changer_highlight_tech {background:url(../img/img_changer_highlight.png) no-repeat 2px 4px; width:211px; height:38px;list-style:none;} #img_changer_highlight_tech li {font-size:1em; float:left;} #img_changer_highlight_tech { background-position:2px 4px /* included for animation */ } #img_changer_buttons_tech a {font-size:1.8em; color:#5e5e5e; letter-spacing:-0.02em; text-decoration:none; margin:8px 23px 3px 19px; display:block;} #img_changer_guardian {width:240px !important;} #img_changer_guardian p {color:#676767;} #img_changer_buttons_guardian {background:url(../img/bg_selector.png) no-repeat 0 0; display: block; width:211px; height:40px;position:absolute; top:84px;right:22px;} #img_changer_highlight_guardian {background:url(../img/img_changer_highlight.png) no-repeat 2px 4px; width:211px; height:38px;list-style:none;} #img_changer_highlight_guardian li {font-size:1em; float:left;} #img_changer_highlight_guardian { background-position:2px 4px /* included for animation */ } #img_changer_buttons_guardian a {font-size:1.8em; color:#5e5e5e; letter-spacing:-0.02em; text-decoration:none; margin:8px 23px 3px 19px; display:block;} .learn_more {background:url(../img/btn_learn_more.png) no-repeat 0 0; display:block; width:100px; height:29px; z-index:100;text-indent:-999em;float:right;margin-top:7px;} .learn_more a {text-indent:-999em;width:100%; height:100%;display:block} .watch_video {background:url(../img/available_now_video.png) no-repeat 0 0; display:block; width:100px; height:29px; position:absolute;z-index:100;right:300px;top:570px;} .watch_video_small {background:url(../img/btn_video_small.png) no-repeat 0 0; display:block; width:100px; height:29px; position:absolute;z-index:100;right:300px;top:570px;} #container_bottom .col_right {margin-top:-310px;margin-right:480px;background:none;} #container_bottom_product .col_right {margin-top:-180px;margin-right:510px;background:none;} /* Blog */ .meta {font-size:1.2em; color:#7f7d7d;margin-bottom:8px;} .post img {background:#fff; padding: 2px; border:1px solid #939394; float:right;margin:0 0 10px 10px;} .post h2 {font-size:3em;} #twitter_holder {position:relative;} #twitter { background:url(../img/bg_twitter.png) no-repeat right bottom; display:block; width:350px; height:85px;margin-left:10px; position:absolute;float:rigjt;right:13px;top:-27px;} #twitter_tech { background:url(../img/bg_twitter.png) no-repeat right bottom; display:block; width:350px; height:85px;margin-left:10px; position:absolute;right:13px;top:-487px;} #twitter_guardian { background:url(../img/bg_twitter.png) no-repeat right bottom; display:block; width:350px; height:85px;margin-left:10px; position:absolute;right:13px;top:-430px;} #blog h3 a{color:#4A4744;} #sidebar {margin-top:58px; background:url(../img/hr_sidebar.png) no-repeat top left; padding-top:23px;} #sidebar h3 {font-size:1.6em;background:url(../img/hr_sidebar.png) no-repeat bottom left;padding-bottom:10px;margin-bottom:4px; color:#3a3a3a; letter-spacing:0;} #sidebar .year {color:#333; font-size:1.4em; letter-spacing:-0.05em; margin-bottom:2px; } #sidebar ul {list-style:none;margin-bottom:12px;} #sidebar li {letter-spacing:-0.05em;margin-bottom:2px;} .about img{margin-bottom:10px;} .about p{margin-bottom:15px !important;} img.tim{margin-top:0px;} #next_prev {font-size:1.2em; margin:13px 0 55px;} #prev {float:left; background:url(../img/img_arrow_left.png) no-repeat 0 4px; padding-left:10px;} #next {float:right; background:url(../img/img_arrow_right.png) no-repeat right 4px; padding-right:10px;} /* About */ #photo_list {padding:10px 0 72px;} #photo_list .alignleft {width: 425px;} #photo_list img {background:#fff; padding: 2px; border:1px solid #939394;} #sidebar p {font-size:1.4em;margin-bottom:7px;} #sidebar p.small {font-size:1.2em;} /* Blog entry */ #blog p{margin-bottom:10px;} /* =Comments */ #comments { margin-top:1px; } #comments h4 { color:#333; margin-bottom:15px;} #comments .comment_meta { color:#333; display:inline; float:left; font-size:1.2em; margin:18px 10px 0 0; width:146px; } .vcard cite { font-weight:bold; } .commentmetadata p { color:#808080; font:italic 0.8em/1 Georgia, "Times New Roman", Times, serif; } #comments .comment_text { background:transparent url(../img/bg_comments_top.png) no-repeat scroll right top; float:right; margin-bottom:0; width:360px; } .comment_text p { margin:10px 10px 10px 30px; font-size:1em } #comments li {background:transparent url(../img/bg_comments_btm.png) no-repeat scroll right bottom; position:relative; width:520px; margin-bottom:15px; } ol.comments{background: url(../img/hr_fade.png) no-repeat left bottom;padding-bottom:10px;} input#subscribe { float:left; margin:0 10px 0 10px; } input#btn_post_comment { margin-bottom:15px; } input#subscribe { float:left; margin:0 10px 0 10px; } input#btn_post_comment { margin-bottom:15px; } .commentIcon a {background:transparent url(../img/icon_comments.png) no-repeat scroll 0 3px;color:#7f7d7d !important;padding-left:15px;margin-right:5px;} /* FeedMe page */ #img_rss {} #img_scroll_tap {background:url(../img/img_scroll_tap.png) no-repeat 0px 0px;} #img_news {background:url(../img/img_news.jpg) no-repeat 0px 0px;} #img_iphone_small {background:url(../img/img_iphone_small.jpg) no-repeat 0px 0px;} #img_numbers {background:url(../img/img_numbers.jpg) no-repeat 0px 0px;} #img_switch_modes {background:url(../img/img_switch_modes.jpg) no-repeat 0px 0px;} #img_listen {background:url(../img/img_listen.jpg) no-repeat 0px 0px;} #img_audio_control {background:url(../img/img_audio_control.jpg) no-repeat 0px 0px;} .img_right {padding-right: 44px;} .img_right img {margin-left:20px;} .img_left {} #feedme #sidebar{margin-top:0px;background:none !important;} #feedme .col_right{background:none;} #feedme #sidebar img.feedme_icon{margin:0 0 20px 0;} #feedme .alignleft{margin-right:20px;} #feedme .alignright{margin-left:20px;} #feedme h4{margin-bottom:5px;} #feedme .feature{margin-bottom:20px;} #feedme .feature img{margin-top:10px;} #feedme ul.screenshots a{margin-bottom:0; border:1px solid #939394;width:71px;height:71px;display:block;} #feedme ul.screenshots img{margin-bottom:0; border:2px solid #fff;} #feedme ul.screenshots a:hover img{border:2px solid #B3A084;} #feedme ul.screenshots {margin-top:15px !important;} #feedme ul.screenshots li {float:left;margin-right:4px;margin-bottom:4px;} /* =PLUGINS ----------------------------------------------- */ #state_1_text, #state_2_text, #state_3_text, #state_4_text{width:240px;height:200px;} #state_1_text p { font-size:1.3em;} #state_2_text p { font-size:1.3em;} #state_3_text p { font-size:1.3em;} #state_4_text p { font-size:1.3em;} #img_changer {height:180px;overflow:hidden;}