/* ---------------------------------------------------------- Office of Tony Blair CSS Managed by: Blue State Digital TABLE OF CONTENT 01 - GLOBAL BROWSER RESET 02 - COMMON STYLE 03 - LAYOUT 04 - HOMEPAGE 05 - SUBPAGES 06 - FRAMEWORK 07 - UTILITY ---------------------------------------------------------- */ /* 01 =GLOBAL BROWSER RESET ---------------------------------------------------------- */ /* YUI Reset version: 2.7.0 */ html { color: #000; background: #FFF; } body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,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,em,strong,th,var,optgroup { font-style: inherit; font-weight: inherit; } del,ins { text-decoration: none; } li { list-style: none; } 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: baseline; } sub { vertical-align: baseline; } /*because legend doesn't inherit in IE */ legend { color: #000; } input,button,textarea,select,optgroup,option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; } /*@purpose To enable resizing for IE */ /*@branch For IE6-Win, IE7-Win */ input,button,textarea,select { *font-size: 100%; } /* 02 =COMMON STYLE ---------------------------------------------------------- */ body { font-size: 75%; font-family: Helvetica, Arial, sans-serif; color: #1a1717; } .base { font-size: 14px; line-height: 18px; } .base h1 { font-size: 24px; line-height: 28px; font-weight: bold; margin-bottom: 15px; } .base h2 { font-size: 18px; line-height: 22px; font-weight: bold; } .base h3 { font-size: 16px; line-height: 20px; font-weight: bold; } .base h4 { font-size: 14px; line-height: 16px; font-weight: bold; } .base p { font-size: 14px; line-height: 18px; margin-bottom: 15px; } a, .base a { color: #557481; font-weight: bold; text-decoration: none; } .base a:hover { text-decoration: underline; } blockquote { float: right; margin: 0px 0 0 15px; padding: 10px; background: url(/page/-/images/home/wrapper/bg-blockquote.png) repeat-y; width: 202px; color: #fff; font-weight: bold; font-size: 14px;} .base ul, ol { margin: 15px 0 15px 20px; } .base ul li { list-style-type: square; } .base ol li { list-style-type: decimal; } .base li ol, .base li ul { margin: 0 0 0 20px; } .serifa-bold { } .serifa-black { font-weight: bold; } /* 03 =LAYOUT ---------------------------------------------------------- */ html { background: #fff; } body { background: #fff;} #container { width: 970px; margin: 0px auto; padding: 28px 50px 0;} #header { height: 73px; } #header a.logo { display: block; height: 100%; width: 270px; text-indent: -9999px; overflow: hidden; float: left;} #header div.return { width: 205px; margin-top: 20px; float: right;} #header div.return img { width: 175px; margin: 7px 15px 0;} #header div.return h4 { text-transform: uppercase; font-size: 10px; text-align: center;} ul#navigation { height: 36px; z-index: 2; position: relative;} ul#navigation li { font-weight: bold; font-size: 12.5px; line-height: 13px;text-transform: uppercase; float: left; padding: 9px;} ul#navigation li.search { padding: 6px 4px 0 15px; border: none; float: right;} ul#navigation li.search input { display: inline; vertical-align: middle; } ul#navigation li.search input.text { padding: 2px 3px; font-size: 11px; color: #555; } ul#navigation li a { color: #fff; text-decoration: none;} /** SUCKERFISH STYLES **/ .sf-menu { line-height: 1.0; } .sf-menu ul { position: absolute; top: -999em; width: 125px; } .sf-menu ul li { width: 100%; } .sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .sf-menu li { float: left; position: relative; } .sf-menu a { position: relative; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 35px; /* match top ul list item height */ z-index: 99; } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top: -999em; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 125px; top: 0; } ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 125px; top: 0; } ul#navigation.sf-menu li li{ border: 0; text-transform: capitalize;} .sf-menu li ul { background: #dfe3e2 url(/page/-/images/home/wrapper/bg-sidebar-main.png) no-repeat 0 0; } ul#navigation.sf-menu li li a { color: #333; } ul#navigation.sf-menu li li a:hover { color: #666; } .sf-shadow ul { background: url('/page/-/js/superfish/images/shadow.png') no-repeat bottom right; padding: 0 8px 9px 0; } .sf-shadow ul.sf-shadow-off { background: transparent; } /** END OF SUCKERFISH STYLES **/ #main { background: url(/page/-/images/home/wrapper/bg-container.png) repeat-y 100% 0; z-index: 1; position: relative;} body.onecol #main { background: none; } #main #content { width: 680px; float: left;} body.interior #main #content { width: 640px; padding: 20px; } body.interior.onecol #main #content { width: 930px; float: none; } #main #sidebar { width: 276px; float: right; background: #cdd0d0 url(/page/-/images/home/wrapper/bg-sidebar-main.png) no-repeat; padding: 7px;} #sidebar h3 { font-size: 18px; color: #fff; margin-bottom: 5px;} #sidebar p { font-size: 11px; color: #fff; line-height: 13px; margin-bottom: 5px;} #sidebar p.more-actions { font-size: 9px; text-transform: uppercase; color: #fff; font-weight: bold; margin: 5px 0 0;} #sidebar p.more-actions a { color: #fff; text-decoration: none;} #sidebar #quick-signup, #sidebar #latest-video, #sidebar #share, #sidebar #by-the-numbers, #sidebar #quotes, #sidebar #tbsf-map, #sidebar #whatwerereading { margin-bottom: 5px; padding: 5px 10px 10px 10px;} #sidebar #whatwerereading { background: url(/page/-/images/home/wrapper/bg-sidebar-whatwerereading.png) repeat-y; height: 239px; overflow: hidden; } #sidebar #whatwerereading h3 { margin-bottom: 10px; color: #333;} #sidebar #whatwerereading li { padding: 10px 0; border-top: 1px solid #dfe3e2; color: #333434; } #sidebar #whatwerereading li.first { border: none; padding-top: 0;} #sidebar #whatwerereading li a { color: #454545; } #sidebar #whatwerereading li a:hover { text-decoration: underline; } #sidebar #whatwerereading li span.date { font-style: italic; display: inline; margin-right: 5px; color: #666;} #sidebar #quick-signup { background: url(/page/-/images/home/wrapper/bg-sidebar-quicksignup-main.png) no-repeat; height: 79px; width: 256px; } #sidebar #quick-signup p { margin-bottom: 10px; } #sidebar #quick-signup input { vertical-align: middle; } #sidebar #quick-signup input.text { padding: 2px 3px; font-size: 11px; color: #555; display: inline; vertical-align: middle; margin-right: 1px;} #sidebar #quick-signup input#quick-email { width: 110px; } #sidebar #quick-signup input#quick-zip { width: 75px; } #sidebar #quick-signup input.submit { width: 38px; height: 21px; border: none; text-indent: -9999px; display: inline-block; font-size: 0px; line-height: 0px; cursor: pointer;} #sidebar #latest-video { background: url(/page/-/images/home/wrapper/bg-sidebar-video-main.png) no-repeat; height: 239px; } #sidebar #share { background: url(/page/-/images/home/wrapper/bg-sidebar-connect-main.png) no-repeat; height: 124px; } #sidebar #share li { float: left; display: inline; } #sidebar #share li a { width: 83px; height: 21px; display: block; margin-right: 3px; font-size: 10px; text-transform: uppercase; font-weight: bold; color: #fff; text-decoration: none; text-align: center; padding-top: 45px;} #sidebar #share ul li a.facebook { background: url(/page/-/images/home/wrapper/btn-sidebar-connect-facebook.png) no-repeat; } #sidebar #share ul li a.rss { background: url(/page/-/images/home/wrapper/btn-sidebar-connect-rss.png) no-repeat; } #sidebar #share ul li a.youtube { background: url(/page/-/images/home/wrapper/btn-sidebar-connect-youtube.png) no-repeat; margin-right: 0;} #share li { display: inline; } #share li a { width:63px !important; height: 66px !important; text-indent: -999em; margin-right: 1px !important; padding-top: 0 !important; } #share .facebook { background: url(/page/-/images/home/wrapper/btn-fb-new.png) top center no-repeat !important; } #share .twitter { background: url(/page/-/images/home/wrapper/btn-tw-new.png) top center no-repeat !important; } #share .rss { background: url(/page/-/images/home/wrapper/btn-rss-new.png) top center no-repeat !important; } #share .youtube { background: url(/page/-/images/home/wrapper/btn-yt-new.png) top center no-repeat !important; } #sidebar #by-the-numbers { background: url(/page/-/images/home/wrapper/bg-sidebar-bythenumbers-main.png) no-repeat; } #sidebar #by-the-numbers h3, #sidebar #quotes h3 { color: #333; } #sidebar #by-the-numbers h4 { font-size: 36px; line-height: 32px; text-align: left;} #sidebar #by-the-numbers p.serifa-bold { color: #333434; font-size: 12px; line-height: 12px; margin-bottom: 10px;} #sidebar #quotes { background: #c0c4c3 url(/page/-/images/home/wrapper/bg-sidebar-quotes-solid.png) no-repeat; } #sidebar #quotes h4 { margin: 18px 5px 0 5px; line-height: 16px;} #sidebar #quotes p { margin-top: 10px; text-align: right; color: #333; font-style: italic; font-size: 11.5px;} #sidebar #tbsf-map { background:url("/page/-/images/home/wrapper/bg-sidebar-video-main.png") no-repeat scroll 0 0 transparent;} #sidebar #tbsf-map h4 { margin: 18px 5px 0 5px; line-height: 16px;} #sidebar #tbsf-map p { margin-top: 10px; text-align: right; color: #333; font-style: italic; font-size: 11.5px;} /** jTweetsAnywhere V1.2.1 **/ .jta-tweet-list { padding: 0; list-style: none; } .jta-tweet-list-item { background: #fafafa; border-bottom: 1px solid #e4e4e4; padding: 8px 0px 8px 0px; overflow: hidden; } .jta-tweet-list-item:first-child { border-top: 1px solid #e4e4e4; } .jta-tweet-profile-image { width: 48px; display: inline; float: left; } .jta-tweet-profile-image img { width: 48px; height: 48px; } .jta-tweet-body-list-profile-image-present { margin-left: 58px; } .jta-tweet-user-name { font-weight: bold; } .jta-tweet-user-full-name { color: #900; } .jta-tweet-user-screen-name-link, .jta-tweet-user-full-name-link, .jta-tweet-a, .twitter-anywhere-user { color: #900; text-decoration: none; } .jta-tweet-user-screen-name-link:hover, .jta-tweet-user-full-name-link:hover, .jta-tweet-a:hover, .twitter-anywhere-user:hover { color: #900; text-decoration: underline; } .jta-tweet-attributes { display: block; color: #999; font-size: 11px; margin-top: 3px; } .jta-tweet-timestamp-link, .jta-tweet-source-link a, .jta-tweet-inreplyto-link, .jta-tweet-location-link, .jta-tweet-retweeter-link { color: #999; text-decoration: none; } .jta-tweet-timestamp-link:hover, .jta-tweet-source-link a:hover, .jta-tweet-inreplyto-link:hover, .jta-tweet-location-link:hover, .jta-tweet-retweeter-link:hover { color: #999; text-decoration: underline; } .jta-tweet-list-controls { margin-top: 20px; } .jta-tweet-list-controls-button { padding: 5px; padding-left: 20px; padding-right: 20px; text-align: center; border: 1px solid #999; } .jta-tweet-list-controls-button:hover { color: black; background-color: #999; cursor: pointer; } .jta-tweet-list-controls-button-next { margin-left: 10px; } .jta-tweet-list-autorefresh-trigger { padding: 8px 0px 8px 0px; margin-bottom: 10px; text-align: center; border: 1px solid #999; } .jta-tweet-list-autorefresh-trigger:hover { color: black; background-color: #999; cursor: pointer; } .jta-loading { margin: 0; padding: 8px 0px 8px 0px; } .jta-error { margin: 0; padding: 8px; color: #000; background-color: #f00; } .jta-nodata { margin: 0; padding-top: 8px; padding-bottom: 8px; } .jta-clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } #sidebar #tweet li { background: #888a8a; border-top: 0; color: #eee; border-bottom: 1px solid #aaa;} #sidebar #tweet li a { color: #eee; font-weight: normal; text-decoration: underline; } #sidebar #tweet li a:hover { color: #333; text-decoration: none; } #sidebar #tweet a.jta-tweet-timestamp-link { color: #ccc; font-size: 10px; font-weight: bold; text-decoration: none;} #sidebar #tweet a.jta-tweet-user-screen-name-link:before { content: '@'; } #sidebar #tweet a.jta-tweet-user-screen-name-link { text-decoration: none; font-style: italic; margin-right: 5px;} #sidebar #tweet span.jta-tweet-retweeter { display: none; } #twitter-feed { background: #888a8a; margin: 0 0 5px 0; padding: 5px 10px 15px; } #twitter-feed h3 { margin: 5px 0; } #twitter-feed h3 a { color: #fff; } .tweets { border-bottom: 1px solid #aaa; color: #eee; padding: 10px 0 5px; } #sidebar .tweets p { background: url(/page/-/images/sports/wrapper/twitter-avatar.jpg) 0 0 no-repeat; font-size: 12px; line-height: 14px; padding: 0 0 0 44px; } #sidebar .tweets.agi p { background: url(/page/-/agi/images/agi-twitter-avatar.png) 0 0 no-repeat; font-size: 12px; line-height: 14px; padding: 0 0 0 44px; } #sidebar .tweets.sports p { background: url(/page/-/Sports/sports-twitter-avatar.png) 0 0 no-repeat; font-size: 12px; line-height: 14px; padding: 0 0 0 44px; } #sidebar .tweets p span { color: #ccc; font-size: 10px; } .tweets a { color: #eee; font-weight: normal; text-decoration: underline; } .tweets a:hover { color: #333; text-decoration: none; } #twitter-feed .footer { font-size: 10px; line-height: 15px; padding: 5px 0; } #twitter-feed .footer a { color: #fff; } #twitter-join { background: url(/page/-/images/sports/wrapper/twitter.png) 0 0 no-repeat; display: block; float: left; height: 15px; text-indent: -9999em; width: 82px; } #twitter-convo { float: right; font-weight: normal; margin: 3px 0 0 0; text-transform: uppercase; } #footer { height: 112px; padding-top: 22px;} #footer ul#site-links { text-align: center; margin-bottom: 28px; } #footer ul#site-links li { display: inline; font-size: 12.5px; text-transform: uppercase; padding: 0 10px;} #footer ul#site-links li a { color: #fff; text-decoration: none;} #footer h3 { text-align: center; font-size: 9px; text-transform: uppercase; margin-bottom: 10px;} #footer #family-links { margin-bottom: 10px; } #footer #family-links li { float: left; display: inline; } #footer #family-links li a { height: 40px; width: 135px; display: block; text-indent: -99999px; overflow: hidden; padding: 0 13px; } #footer p { text-align: center; font-size: 10px; color: #434543; padding: 10px 0;} #footer p a { color: #434543; } /* 04 =HOMEPAGE ---------------------------------------------------------- */ #feature { height: 303px; background: #333; position: relative; overflow: hidden; top: 0; left: 0; } #feature .left { background: url(/page/-/images/home/wrapper/bg-feature-home.png) no-repeat; height: 273px; width: 357px; float: left; text-align: center; padding: 15px; position: relative; z-index: 100;} #feature h2 { font-size: 23px; line-height: 18px; text-transform: uppercase; margin: 15px 10px 10px;} #feature h2 a { text-decoration: none;} #feature p { font-size: 14px; color: #fff; margin-bottom: 15px; padding: 0 25px;} #feature .right { float: left; width: 582px; height: 303px; overflow: hidden;} #feature #pager { position: absolute; top: 265px; left: 170px; z-index: 1000; height: 11px; } #feature #pager.five { left: 155px; } #feature #pager a { color: #fff; display:block; float: left; width: 11px; height: 11px; margin-right: 5px; text-indent: -9999px; overflow: hidden;} body#home #news { padding: 10px 20px; } #news.list h2 img.drop-down { width: 16px; position: relative; top: 4px; cursor: pointer;} #news-nav { position: relative; } #news-nav ul { display:none; width:300px; border: 1px solid #c6c3cd; position: absolute; top: 0; left: 0;} #news-nav ul li { background-color: #dfe3e2; } #news-nav ul li a { text-decoration:none; padding:10px; display:block; } #news-nav ul li a:hover { padding:10px; font-weight:bold; } /* 05 =SUBPAGES ---------------------------------------------------------- */ #news.list h2 { font-size: 18px; line-height: 20px; color: #797e7a; border-bottom: 1px solid #dfe3e2; padding-bottom: 5px;} #news.list h2 a { color: #797e7a; text-decoration: none; } #news.list div.entry img { float: left; margin-right: 11px; } #news.list div.entry img.video-thumb { width: 140px; } #news.list div.entry { padding: 20px 5px; border-bottom: 1px solid #dfe3e2; font-size: 14px; line-height: 16px; } #news.list div.entry div.text.thumbnailed { float: left; width: 475px; } #news.list div.entry span.dateline { font-size: 11px; line-height: 14px; font-style: italic; display: block; margin-bottom: 5px;} #news.list div.entry span.dateline a { color: #1a1717; text-decoration: none; font-weight: normal; border-bottom: 1px solid #c5c5c5;} #news.list div.entry span.dateline a:hover { border: none; } #news.list div.entry h3 { font-size: 16px; line-height: 18px; font-weight: bold; margin-bottom: 5px; } #news.list div.entry h3 a { text-decoration: none; } #news.list div.entry p.more-actions { font-size: 11px; color: #7b807c; text-transform: uppercase; margin-top: 5px; margin-bottom: 0; } #news.list div.entry p.more-actions a.addthis_button { background: url(/page/-/images/home/wrapper/btn-sharethis-home.png) no-repeat; padding-left: 15px;} #news.list div.entry p.more-actions a { font-weight: bold; text-decoration: none; } #news.list div.entry p.more-actions a:hover { text-decoration: underline; } #news.list h4 { font-size: 11px; text-transform: uppercase; margin-top: 10px; text-align: right; font-weight: bold; } #news.list div.entry h4 a { text-decoration: none;} #news.list div.entry a { position: realtive; } #news.list div.entry .play-overlay { display: block; width: 144px; height: 109px; background: url(/page/-/images/home/wrapper/play-overlay.png) center center; position: absolute; left: 25px; } #content.base .heading { color: #797e7a; border-bottom: 1px solid #c6cecd; padding-bottom: 10px; margin-bottom: 10px;} body#news div.large-thumb { position: relative; height: 362px; overflow: hidden; margin-bottom: 10px;} body#news div.large-thumb img.news-image { top: 0%; left: 0%; position: absolute; width: 634px;} body#news span.dateline { font-size: 11px; line-height: 14px; font-style: italic; display: block; margin-bottom: 20px;} body#news span.dateline a { color: #1a1717; text-decoration: none; border-bottom: 1px solid #c5c5c5; font-weight: normal;} body#news span.dateline a:hover { border: none; } div#what-we-do object, div#what-we-do embed { margin-bottom: 15px; } div#what-we-do div.borderbottom { border-bottom: 1px solid #797e7a; margin-bottom: 15px; padding-bottom: 15px;} div#what-we-do h2 { margin-bottom: 20px; } div#what-we-do div.borderbottom img.floatl { padding-bottom: 0; padding-right: 15px;} div#what-we-do h3.serifa-bold { margin-bottom: 10px; line-height: 16px;} #pages div.entry { padding: 20px 5px 0 5px; border-bottom: 1px solid #dfe3e2; } #pages div.entry h2 { margin-bottom: 10px; } #pages div.entry h2 span.position { font-size: 14px; font-weight: normal; font-style: italic; line-height: 14px;} #pages div.entry img { border: 1px solid #dfe3e2; padding: 5px; } #pages div.entry img.floatl { margin-right: 10px; margin-bottom: 5px;} #search-box { background: #646a12; padding: 10px; width: 395px;} #search-box input { vertical-align: middle; } #search-box input.text { width: 300px; padding: 1px 0; margin-right: 5px;} #search-box input#searchSubmit { float: right; } /** Video Section **/ #gallery_display { width: 570px; margin-bottom: 15px; float: left;} #gallery_display h2 { margin: 5px 0 10px; color: #333;} #gallery_display span { font-style: italic; font-size: 12px; margin-bottom: 10px; display: block;} #gallery_display p { font-size: 12px; line-height: 16px; } body#videos div.right { width: 340px; height: 350px; float: right; overflow: auto; border: 1px solid #8E948F;} body#videos div.right div.media_gallery { border-bottom: 1px solid #d8d8d8; padding: 10px; } body#videos div.right div.media_gallery span.thumb { float: left; height: 68px; overflow: hidden; padding-right: 10px; } body#videos div.right div.media_gallery span.thumb img { margin-top: -11px; } body#videos div.right div.media_gallery h3 { font-size: 12px; line-height: 14px; color: #111;} body#videos div.right div.media_gallery p { font-style: italic; font-size: 10px; margin: 0;} body#videos div.right div.media_gallery.hovered { cursor: pointer; background: #bbb58b; } /* 06 =FRAMEWORK ---------------------------------------------------------- */ body#framework #signup input.text { padding: 2px 3px; font-size: 12px; color: #555; display: inline; vertical-align: middle; margin-bottom: 10px; } body#framework #signup input#firstname { width: 140px; margin-right: 10px;} body#framework #signup input#addr1 { margin-bottom: 5px; } body#framework #signup select { margin-bottom: 10px; } .interior .borderbottom { border-bottom: 1px dotted !important; margin-bottom: 10px; } .interior td { border-bottom: 1px ; } .interior tr { padding-bottom: 10px !important; } /* 07 =UTILITY ---------------------------------------------------------- */ .cufon-loading .serifa, .cufon-loading .serifa-bold, .cufon-loading #SKIN #control_set h1, .cufon-loading .serifa-black, .cufon-loading ul#navigation li a { visibility: hidden !important; } .stretcher { clear: both; height: 1px; visibility: hidden; } .nomargin { margin-bottom: 0px; } .floatl {float: left; margin: 0; padding: 0 10px 10px 0;} .floatr {float: right; margin: 0; padding: 0 0 10px 10px;} .floatl-nomargin { float: left; margin: 0; padding: 0;} .floatr-nomargin { float: right; margin: 0; padding: 0;} .clear {clear:both; height:0; margin:0; font-size: 1px; line-height: 0;} .required { color: red; } i, em { font-style: italic; } b, strong { font-weight: bold; } sup, sub { height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative;} sup { bottom: 1ex; } sub { top: .5ex; } .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix {display:inline-block;} .clearfix {display:block;} b, strong { font-weight: bold; } sup, sub { height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative;} sup { bottom: 1ex; } sub { top: .5ex; } .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix {display:inline-block;} .clearfix {display:block;}