/* -------------------------------------------------------------- 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 "lib/reset.css"; @import "lib/typography.css"; @import "lib/grid.css"; body { background-color:#3EE8FC; margin:0; } h1 { position:relative; width:225px; height:225px; left:50%; padding:0; margin:15px -112px; background:url('../img/layout/h1_we_buy_blue.gif') no-repeat; } h1 span { display:none; } #container { position:absolute; width:613px; left:50%; margin:0 -307px; } #content { width:100%; } #content-inner { padding:11px; } /* -------------------------------------------------------------- NAVIGATION -------------------------------------------------------------- */ #navigation { margin:0; width:613px; height:37px; list-style:none; margin-bottom:10px; } #navigation li { float:left; display:block; height:37px; line-height:37px; width:145px; margin:0 11px 0 0; text-align:center; } #navigation li.last { margin:0; } #navigation li a { font-size:18px; text-transform:uppercase; font-family: Arial, Helvetica, "Lucida Grande", Verdana, sans-serif; } /* -------------------------------------------------------------- COMMON ELEMENTS -------------------------------------------------------------- */ .item { padding-bottom:7px; width:590px;} .item p { font-size:18px; line-height:24px; margin:inherit 10px;} /*.grid { background-image:url('../img/layout/bkg_grid.png'); }*/ .news .grid { background-image:url('../img/layout/bkg_grid_blue.gif'); } .work .grid { background-image:url('../img/layout/bkg_grid_grey.gif'); } .about .grid { background-image:url('../img/layout/bkg_grid_orange.gif'); } /* -------------------------------------------------------------- NEWS -------------------------------------------------------------- */ .news .post * { color:#000; } .news .post { background:#FFF; margin-bottom:25px;} .item img { margin:0; } .item h3 { font-size:18px; margin:0; padding:30px 10px; text-transform:uppercase; } .item h3 span { color:#3EE8FC; font-weight:bold; } .item h3 em { font-family: Georgia, Times, sans-serif; text-transform:none; } /* -------------------------------------------------------------- WORK -------------------------------------------------------------- */ .work { background-color:#FFF; color:#000; } .work p, .work li { color:#000; } .work h1 { display:none; } .work #navigation { margin-top:20px; } .work #navigation li, .work #navigation li a { background-color:#DDD; } .work #navigation li a:hover { background-color:#000; } .work #content { background:none; padding:0;} #work-navigation { position:relative; margin:0 0 10px; } #work-navigation img { margin:0; } #work-navigation ul { position:absolute; top:5px; left:155px; margin:0; list-style:none; width:100%;} #work-navigation li { float:left; width:145px; margin:0 11px 0 0; text-align:center; } #work-navigation a { background-color:transparent; font-size:18px; text-transform:uppercase; } #work-navigation a:hover { background-color:#000; } #work-sub-navigation { width:613px; margin:0 0 10px; background-color:#DDD } #work-sub-navigation ul { list-style:none; margin:0; padding:10px; } #work-sub-navigation li { display:inline; margin-right:5px; } #work-sub-navigation a { background-color:transparent; font-size:13px; margin-right:5px; } #work-sub-navigation a:hover, #work-sub-navigation a.reverse { background-color:#000; color:#FFF; } #work-content { clear:both; } #work-content img { margin:0 0 10px; } #work-content .grid { float:left; width:100%; background-color:#DDD; } #work-content .item { padding:15px 15px 0; margin:0; } #work-content .item h3 { color:#000; padding:0 0 15px; } #work-content .item p { color:#666; width:auto; } #work-content .item a { background-color:#DDD; } #work-content .item a:hover { background-color:#000; } /* -------------------------------------------------------------- ABOUT -------------------------------------------------------------- */ body.about, .about a { background-color:#ff503b; } .about a:hover { background-color:#000; } .about h1 { background:url('../img/layout/h1_we_buy_orange.gif') no-repeat; } .about .item { padding-top:15px; margin:0; }