/* -------------------------------------------------------------- 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"; /* 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); } */ /*---- Top Navigation ----*/ .top_navigation { float:right; z-index: 100; position: relative; } .top_navigation li { float:left; z-index:100; list-style:none; display:inline; } .top_navigation table { position:absolute; z-index:80; } .top_navigation ul ul { visibility:hidden; position:absolute; } .top_navigation ul li:hover ul, .top_navitaion ul a:hover ul { visibility:visible; } .top_navigation { font-size: 17px; } ul#menu { float: right; margin:0; padding: 0;} ul#menu li { display:block; float:left; list-style: none; } ul#menu li a { display:block; outline:none;height:25px; background:transparent url('/../../images/buttons_blog.gif') no-repeat 0 0; text-indent:-9999px; margin:0; position: relative; } ul#menu li a:hover { background-position:0 -25px; } ul#menu li#about a { width:53px; background-position:0 0; } ul#menu li#about a:hover { background-position:0 -25px; } ul#menu li#about a:active, ul#menu li#about a.on { background-position:0 -50px; } ul#menu li#news a { width:102px; background-position:-52px 0; } ul#menu li#news a:hover {background-position:-52px -25px; } ul#menu li#news a:active, ul#menu li#news a.on {background-position:-52px -50px; } ul#menu li#clients a { width:53px; background-position:-154px 0; } ul#menu li#clients a:hover { background-position:-154px -25px; } ul#menu li#clients a:active, ul#menu li#clients a.on { background-position:-154px -50px; } ul#menu li#work a { width:53px; background-position:-207px 0; } ul#menu li#work a:hover { background-position:-207px -25px; } ul#menu li#work a:active, ul#menu li#work a.on { background-position:-207px -50px; } ul#menu li#contact a { width:65px; background-position:-260px 0; } ul#menu li#contact a:hover { background-position:-260px -25px; } ul#menu li#contact a:active, ul#menu li#contact a.on { background-position:-260px -50px; } ul#menu li#gallery a { width:65px; background-position:-325px 0; } ul#menu li#gallery a:hover { background-position:-325px -25px; } ul#menu li#gallery a:active, ul#menu li#gallery a.on { background-position:-325px -50px; } ul#menu li#blog a { width:53px; background-position:-389px 0; } ul#menu li#blog a:hover { background-position:-389px -25px; } ul#menu li#blog a:active, ul#menu li#gallery a.on { background-position:-389px -50px; } ul#menu li#specialise a { width:82px; background-position:-443px 0; } ul#menu li#specialise a:hover { background-position:-443px -25px; } ul#menu li#specialise a:active, ul#menu li#gallery a.on { background-position:-443px -50px; } .bloggers p { padding-top: 0; text-align: left; } .bloggers img { float: right; padding-left: 20px; margin:0; padding-bottom: 10px; } .bloggers ul { list-style: none; margin: 0; padding:0; display: block; } .bloggers li { list-style: none; border-bottom: 2px solid #c0c0c0; }