/* -------------------------------------------------------------- Blueprint CSS Framework [bjorkoy.com/blueprint] * Screen & Projection Styles * This is the main CSS-file for the framework. Include this in the of every page. See the Readme file in this directory for further instructions. -------------------------------------------------------------- */ /* Import stylesheets and hide from IE/Mac \*/ @import "lib/reset.css"; @import "lib/typography.css"; @import "lib/grid.css"; @import "lib/buttons.css"; /* @import "expose-mf.css"; /* End import/hide */ /* Compressed version: [http://teenage.cz/acidofil/tools/cssformat.php] Comment out @import statements above, and add this one when your site has launched (Ca 60% compressed): @import "lib/compressed.css"; */ /* Uncomment the line below to see the grid and baseline. (Assuming you've wrapped your columns in a container). */ /* .container { background: url(lib/img/grid.png); } /* .container { background: url(lib/img/baseline.png); } */ html, body { background: #1973BA; } body { background: url(../../images/bg.jpg) top center no-repeat; } #contentwrapper { background: #FFF url(../../images/bg_content.png) repeat-y; /*background: url(../../css/blueprint/lib/img/grid.png);*/ padding: 27px 0px 0px 0px; width: 940px; margin-bottom: 0; } .home #contentwrapper { padding-top:0; } #masthead, #topnav { margin: 0;} /* masthead */ #masthead h1 { background: url(../../images/logo.gif) top left no-repeat; display:inline; float:left; font-size: 1em; line-height: 1em; height: 61px; margin: 15px 0 3px 21px; padding:0; text-indent: -3000px; width: 148px; } #masthead ul { display:inline; float:right; height: 15px; list-style:none; margin-right: 13px; margin-top: 49px; width: 178px; } #masthead ul li { display:inline; float:left; height:15px; } #masthead ul li a { display:block; background-color: transparent; background-image: url(../../images/bg_utilitynav.png); background-repeat: no-repeat; overflow:hidden; height:15px; text-indent:-3000px; } #nav-subscriber a { width:110px; background-position: 0px 2px; } .issafari #nav-subscriber a { margin-top: 2px; background-position: 0px 0px; } #nav-subscriber a:hover, #nav-subscriber a.active, #nav-subscriber a.active:hover { background-position: 0px -18px } #nav-contact a { width:68px; background-position: -110px 2px; } .issafari #nav-contact a { margin-top: 2px; background-position: -110px 0px; } #nav-contact a:hover { background-position: -110px -18px } #nav-contact a.active, #nav-contact a.active:hover { background-position: -110px -18px } .issafari #nav-subscriber a:hover, .issafari #nav-subscriber a.active, .issafari #nav-subscriber a.active:hover, .issafari #nav-contact a:hover, .issafari #nav-contact a.active, .issafari #nav-contact a.active:hover { margin-top: 0; } #topnav { background: url(../../images/navbg.png) top no-repeat; height:30px; /*margin-top:16px;*/ } .issafari #topnav { background-image: url(../../images/navbg.jpg); } #topnav ul { list-style:none; float:left; height:30px; margin-left:7px; } #topnav ul li { display:inline; float:left; height:30px; } #topnav ul li a { display:block; background-image: url(../../images/bg_navbuttons.png); background-repeat:no-repeat; overflow:hidden; height:30px; text-indent:-3000px; } #nav-home a { width:55px; background-position: 0px 0px; } #nav-home a:hover { background-position: -0px -30px } #nav-home a.active, #nav-home a.active:hover { background-position: -0px -60px } #nav-about a { width:68px; background-position: -55px 0px; } #nav-about a:hover { background-position: -55px -30px } #nav-about a.active, #nav-about a.active:hover { background-position: -55px -60px } #nav-brands a { width:59px; background-position: -123px 0px; } #nav-brands a:hover { background-position: -123px -30px} #nav-brands a.active, #nav-brands a.active:hover { background-position: -123px -60px} #nav-solutions a { width:72px; background-position: -182px 0px; } #nav-solutions a:hover { background-position: -182px -30px } #nav-solutions a.active, #nav-solutions a.active:hover { background-position: -182px -60px } #nav-creative a { width:69px; background-position: -254px 0px; } #nav-creative a:hover { background-position: -254px -30px } #nav-creative a.active, #nav-creative a.active:hover { background-position: -254px -60px } /*** Search Components ********************************************************/ #searchform { background: transparent url(../../images/bg_search.png) no-repeat 0px 3px; margin:2px 0 0 0; float: right; width: 198px; overflow: visible; } #searchform #s { background: transparent; border: none; border-width: 0px; color: #999; font-size: 11px; height: 13px; line-height: 11px; margin: -3px 6px 0 10px; width: 140px; padding:0; } #searchform #s.focus, #searchform #s:focus { color: #000; } #searchform #s:blur { color: #999; } *:first-child+html #searchform #s { padding-top:0; margin-top:0; position: relative; top: -4px; line-height: 13px; } .issafari #searchform { background: transparent; } .issafari #searchform #s { color: #000; font-size: 100%; background: transparent; height: auto; margin: 3px 0 0 4px; width: 174px; opacity: 99%; border: 0px; outline: none; } .issafari #searchform #s:focus { border: 0px; outline: none; opacity: 99%; } /*#searchform.issafari #s { width:140px; height: 16px; background: url(http://images.apple.com/global/elements/prettysearch/searchfield_repeat.png) center top repeat-x; border: 0px; margin: 0; padding: 3px 0 0 0; font:11px "Lucida Grande", Geneva, Arial, sans-serif; } #searchform.issafari .search-wrapper { position: relative; display: block; border:#FF0000 1px solid; height: 12px;} #searchform.issafari .search-wrapper #s { width: 144px; padding-left: 4px; margin-left: -2px; margin-top:-1px; margin-right:-2px; } */ #searchform #searchbutton { border: none; background: transparent url(../../images/bg_searchbutton.png) bottom left no-repeat; cursor: pointer; overflow: hidden; text-indent: -100px; width: 21px; height: 23px; margin-top:1px; } #searchform #searchbutton:active { /* background-position: 0 -26px; */ } .issafari #searchform #searchbutton { display: none; height: 21px; width: auto; padding-left:21px; } *:first-child+html #searchbutton { background: transparent url(../../images/bg_searchbutton.png) bottom left no-repeat; padding-left: 100px; } #searchform label { display:none; } /* subnav */ #subnav h2 { font-size:1em; font-weight: bold; height:23px; background: url(../../images/sidebar_bgs.png) top right no-repeat; padding:8px 0 0 21px; margin:0; } * html #subnav h2 { padding-bottom: 5px; } #subnav a { color:#818D98; line-height:20px; text-decoration: none; } #subnav a:hover, #subnav li.selected a { color:#1973BA; } #subnav li.selected li a { color:#818D98; } #subnav ul { background:url(../../images/sidebar_bgs.png) bottom right no-repeat; list-style:none; margin:0; padding:5px 0 13px 0; } #subnav ul ul { background:none; padding:0; } #subnav li { /* background:url(../../images/subnav_li_bg.png) right repeat-y; */ padding-left:21px; padding-right: 10px; } #subnav li li { padding-right: 0; line-height:0px } /* content */ #content ul { list-style:none; margin:0; } #content ol { list-style:none; margin:0; } #content dl { margin: 0 0 1em 0; } dl { clear: both; } #content dl.floatdt dt {float: left; } #content dl.floatdt dd { float: left; display: inline; } #content dl.caption dd { display: block; float: none; clear: both; } h3 { line-height:1.2em } ul.articlelist { color:#818D98; } object { margin: 0 1px 0px 1px; padding: 0; } #headerflash { padding: 2px 0px 0px 0px; } #headerflash object { margin: 0px 1px 2px 1px; display: block; } .bulleted { color: #000000; padding-left: 11px; } .numbered { color: #000000; padding-left: 11px; } ul.bulleted li { list-style:square; color:#1973ba; margin-left: 10px; padding-bottom: .5em; } ul.bulleted li span { color: #3f4143; } ul.bulleted li strong { color: #818d98; } ol.numbered li { list-style:decimal; color:#1973ba; margin-left: 10px; padding-bottom: 1.5em; } ol.numbered li span { color: #3f4143; } ol.numbered li strong { color: #818d98; } /* sidebar */ #sidebar { color: #414143; } #sidebar h3 { font-size:1em; line-height:1em; font-weight: bold; height:16px; background: url(../../images/sidebar_bgs.png) top left no-repeat; padding:7px 0 0 12px; overflow: visible; margin:0; width: 175px; } * html #sidebar h3 { padding-bottom: 5px; } #sidebar h3, #sidebar h3 a { color:#FFF; } #sidebar h3 a { background: transparent url(../../images/arrow-link.gif) 133px -54px no-repeat; display: block; overflow: visible; margin-top: -4px; padding-top: 4px; height:14px; width: 138px; } #sidebar ul { background:url(../../images/sidebar_bgs.png) bottom left no-repeat; list-style:none; margin:0 0 10px 0; padding:10px 22px 13px 13px; } #sidebar dl { margin: 0 0 10px 0; padding: 0; } *:first-child+html #sidebar dl { position:relative; top: -10px; margin-bottom: 0; } *:first-child+html #sidebar li { padding: 0; } *:first-child+html #sidebar hr { margin-bottom: 0; } /* footer */ #footer { background: url(../../images/bg_contentbottom.png) left top no-repeat; color: #95C6ED; font-size: 10px; padding-top: 71px; margin-top: 0; } .home #footer { background: none; padding-top: 17px; } #footer span { display:inline; float:right; margin-right:14px; } #footer ul { list-style:none; margin: 0; } #footer ul li { display:inline; padding-left: 14px; } #footer a { color: #95C6ED; text-decoration: none; } #footer a:hover { color: #FFF; } #footer a abbr, #footer a:hover abbr { color: #FE6500; text-decoration: none; }