/* -------------------------------------------------------------- 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); } */ html > body { background-color:#333; } body { background-color:#333; } #bg { width: 1000px; margin: 0 auto; background: #000 url(../cssimg/containerbg.jpg) repeat-y; } .container { } #flashcontent { background: #000; height: 430px; } #brand a { display: block; height: 44px; width: 400px; } #brand h1 { background: #485D89 url(../cssimg/brand.jpg) no-repeat; text-indent: -9999px; } #main_nav { margin-bottom: 20px; } #main_nav li { float: left; display: inline; padding-right: 30px; padding-top: 1em; text-transform: uppercase;#000000 url(../cssimg/containerbg.jpg) repeat-y scroll 0pt -20px letter-spacing: .o65em;} #main_nav li a { display: block; } #main_nav li a { text-decoration: none; color: #828DA3; } #main_nav li a:hover { color: #EFEFEF; text-decoration: underline; } #column1 a { color: #D2DEFF; } #column1 a:hover { color: #09F; } #column2 a { color: #82aaf5; } #column2 a:hover { color: #09F; } #content h2, #content h3,#content h4, #content p, #content dl { padding: 0 20px; } #column1 h2, #column1 h3{ /* color: #828DA3; */ color: #C0D0F3; } #column2 h2, #column2 h3, #column2 h4{ color: #475D88; } #content h2 { padding-top: 20px; } #column1 { background: #485D89 url(../cssimg/col1bg.jpg) repeat-x; width: 590px; margin-left: 20px; color: #EFEFEF; } #column2 { text-align: left; width: 310px; padding-right: 0; color: #AAB8D7; } #movie { margin-left: 20px; } ul.send input { padding-top: 20px; } #footer { clear: both; background: transparent url(../cssimg/footerbg.jpg) no-repeat bottom; margin: 0 auto; padding-top: 20px; width: 1000px; min-height: 100px; text-align: center; } #footer a { text-indent: -9999px; text-align: center; display: block; height: 100px; width: 300px; } #footer h4 { text-align: center; padding-left: 200px; height: 100px; width: 300px; } #column2 img { padding: 0 0 0 20px; } #cdbabycart { margin: 10px; } #shelfShow { position: relative; top: 1px; left: 14px; } #shelfHide { position: relative; top: 1px; left: 14px; } #shelfShow a { display: block; width: 180px; height: 30px; text-indent: -9999px; overflow: hidden; background: transparent url(../cssimg/buy-now.jpg) no-repeat; } #shelfShow a:hover { display: block; width: 180px; height: 30px; text-indent: -9999px; overflow: hidden; background: transparent url(../cssimg/buy-now.jpg) no-repeat 0 -32px; }