/* -------------------------------------------------------------- Blueprint CSS Framework Screen Styles * Version: 0.5 (28/8/2007) * Website: http://code.google.com/p/blueprintcss/ 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'; @import 'lib/buttons.css'; /* Compressed version (re-compress if you change the core files): [http://teenage.cz/acidofil/tools/cssformat.php] Comment out @import statements above, and add this line instead, when your site has launched (compresses ca 60% of the core files in BP): @import 'lib/compressed.css'; */ /* Uncomment the line below to see the grid and baseline. .container { background: url(/css/blueprint/lib/img/grid.png); } */ .relative { position: relative; } /* =Branding ------------------------------------------------------------------ */ #branding { padding: 0; margin: 0; position: relative; width: 255px; height: 160px; /* 143px */ background: transparent url(/images/logo.gif) 0 0 no-repeat; } #branding span { position: absolute; left: -9999px; } p#tagline { width: 675px; position: absolute; left: 280px; top: 100px; font-size: 16px; line-height:36px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #c30; } p#tagline strong { text-transform: uppercase; font-weight: normal; } /* =Navigation ------------------------------------------------------------------ */ #navigation { margin: 35px 0 0 0; padding: 0; background: transparent url(/images/nav.gif) 0 0 no-repeat; position: relative; width: 675px; height: 45px; } #navigation li { list-style: none; position: absolute; top: 0; } #navigation li, #navigation a { height: 45px; display: block; } #navigation li a { text-indent: -9999px; text-decoration: none; } #nb1 {left: 0; width: 115px;} #nb2 {left: 140px; width: 115px;} #nb3 {left: 280px; width: 115px;} #nb4 {left: 420px; width: 115px;} #nb5 {left: 560px; width: 115px;} #nb1 a:hover {background: transparent url("/images/nav.gif") 0 -45px no-repeat;} #nb2 a:hover {background: transparent url("/images/nav.gif") -140px -45px no-repeat;} #nb3 a:hover {background: transparent url("/images/nav.gif") -280px -45px no-repeat;} #nb4 a:hover {background: transparent url("/images/nav.gif") -420px -45px no-repeat;} #nb5 a:hover {background: transparent url("/images/nav.gif") -560px -45px no-repeat;} /* You are here */ body.nHome #nb1 {background: transparent url("/images/nav.gif") 0 -45px no-repeat;} body.nMenu #nb2 {background: transparent url("/images/nav.gif") -140px -45px no-repeat;} body.nStore #nb3 {background: transparent url("/images/nav.gif") -280px -45px no-repeat;} body.nFaq #nb4 {background: transparent url("/images/nav.gif") -420px -45px no-repeat;} body.nContact #nb5 {background: transparent url("/images/nav.gif") -560px -45px no-repeat;} /* =Footer ------------------------------------------------------------------ */ #footer { margin-top: 19px; border-top: 1px solid #ccc; } /* =Menu ------------------------------------------------------------------ */ #menu h2 { font: bold 16px/20px Verdana,Arial,Helvetica,sans-serif; color: #c30; margin: 0 0 0 10px; } #menu h3 { font: bold 14px/20px Verdana, Arial, Helvetica, sans-serif; } #menu p { font: normal 12px/20px Verdana, Arial, Helvetica, sans-serif; } #menu p.incr { font-style: italic; line-height: 20px; color: #c30; font-style: italic; margin: 0 0 0 10px; } /*#menu h2+p.incr { margin: 0 0 20px; } #menu h3+p.incr { margin: 0; }*/ #menu dl { margin: 0 0 20px; } #menu dt { font: normal 12px/20px Verdana, Arial, Helvetica, sans-serif; margin: 0 0 0 10px; float: left; } #menu dd { font: normal 12px/20px Georgia, "Times New Roman", Times, serif; margin: 0; text-align: right; } #menu dl dd dl { clear: both; margin-bottom: 0; } #menu h3.accept { position: absolute; left: -9999em; } #menu p.creditcards { background: transparent url(/images/visa-mc.png) top left no-repeat; width: 175px; height: 36px; margin: 0 0 0 10px; } #menu p.creditcards span { position: absolute; left: -9999em; } /* =Map --------------------------------------------------- */ #googlemap { width: 251px; height: 255px; float: right; border: 2px solid #B67020; margin-bottom: 20px; } /* =hCard --------------------------------------------------- */ .vcard {float: left; width: 255px; margin: 0 0 20px 10px;} .vcard div {line-height: 20px;} .vcard .adr {margin-bottom: 20px;} /* =Vertical Grid spacing (place a block element a multiple of typographic lines below ------------------------------------------------------------------ */ .margin-top-1 { margin-top: 18px; }