/* -------------------------------------------------------------- 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/compressed.css"; /* End import/hide */ a { color: #0099cc; } a:hover { color: #006699; } #header { margin: 0 23px; width: 930px; height: 98px; background: url('../../images/layout/diagonals.png') repeat-x top; } #header img { margin: 0; padding: 0; } #nav { float: right; padding: 30px 19px 0 0; height: 24px; line-height: 24px; } #nav a { vertical-align: middle } /* Standards */ #nav img { vertical-align: middle; position: relative; top: -2px; } /* IE <= 6 */ * html #nav img { position: inherit; } #nav a { color: #747474; text-decoration: none; } #nav a:hover { text-decoration: underline; } #footer { width: 900px; margin: 4em 23px 0 23px; padding: 16px 16px 16px 16px; background: url('../../images/layout/diagonals.png') repeat-x top; border-top: 1px dotted #CCCCCC; color: #666666; } #tl, #tr, #bl, #br { position: absolute; width: 23px; } #tl, #tr { height: 446px; top:0; } #bl, #br { height: 140px; bottom:0; } #tl { left: 0; background: url('../../images/layout/shadow-tl.png') no-repeat top; } #tr { right: 0; background: url('../../images/layout/shadow-tr.png') no-repeat top; } #bl { left: 0; background: url('../../images/layout/shadow-bl.png') no-repeat bottom; } #br { right: 0; background: url('../../images/layout/shadow-br.png') no-repeat bottom; } #grit-bot { position: absolute; bottom: 0; right: 23px; width: 363px; height: 47px; background: url('../../images/layout/footer.png') no-repeat top; } #artists { margin-bottom: 1.5em; } #artists img { margin-bottom: .4em; } table td.first { padding-left: 0px; } .section-head { background: url('../../images/layout/dots.png') repeat-x 0 10px; } .data { padding: 3px; background-color: #EDEDED; text-align: center } table, tr, th, td { border: 0px; } .blog-entry { border-bottom: 1px dotted #CCCCCC; margin-bottom: 3em; } .blog-entry h4 { margin-bottom: 1em;} .blog-entry img { float: none; margin: 0;} .feedback { margin: 1em 0 2em 0;} h4#comments, h4#postcomment { border-top: 1px dotted #CCCCCC; padding-top: 1em; margin-bottom: 2em; } #commentlist { list-style-type: none; margin: 0; } #commentlist li { margin: 0 0 1em 0; padding: .5em; } #commentlist .odd { background-color: #EFEFEF; } .fade img { filter:alpha(opacity=50); -moz-opacity:.5; opacity:.5; } .fade a:hover img, .except_arts_the_beatdoctor #arts_the_beatdoctor img, .except_cymarshall_law #cymarshall_law img, .except_everliven_inf #everliven_inf img, .except_max_fischer #max_fischer img, .except_inf #inf img, .except_kapabel_and_inf #kapabel_and_inf img, .except_leadsmen #leadsmen img, .except_sense_sotu #sense_sotu img, .except_skiggy_rapz #skiggy_rapz img, .except_yadamnskippy #yadamnskippy img { filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; } .addtocart { height: 112px; background: #EBEBEB; text-align: center; } .addtocart table { width: 112px; padding: 0; margin: 0; } .addtocart td { height: 112px; vertical-align: middle; text-align: center; } .addtocart strong { color: #009CCC; } .store_buttons_wrapper { margin: 1.5em 0; width: 220px; height: 35px; position: relative; } .store_buttons_wrapper_wrapper { width: 242px; position: absolute; top: 0; } button.store_button, a.store_button { clear: none; display: block; width: 112px; height: 35px; line-height: 35px; overflow: hidden; background: url('../images/store/button.png'); text-align: center; font-weight: bold; text-decoration: none; } a.store_button:hover { color: #0099cc } a.store_button .price { color: #111111; } button.store_button { border: 0; margin: 0; color: #111111; } * html button.store_button { line-height: 30px; /* <= IE6 */ } *:first-child+html button[type]{ line-height: 20px; /* IE7 */ } .photo-credit { margin-top: 1em; } * html .photo-credit, *:first-child+html .photo-credit { margin-top: 0em; } /* Slider */ #artists { overflow: hidden; height: 78px; } #artists-mover { margin-left: -9px; } #artists > .column { height: 78px; } #artists img { margin: 0; } #artists img.artist-name { margin-top: 4px; } #artists-mover { width: 4000px; /* arbitrarily large */ } #artists-nav-left, #artists-nav-right { display: block; position: absolute; top: 108px; width: 19px; height: 59px; background: url('/images/layout/artists-nav.png'); z-index: 10000; text-indent: -2000em; } #artists-nav-left { left: 4px; background-position: -19px 0; } #artists-nav-left:hover { background-position: 0 0; } #artists-nav-right { right: 4px; background-position: -57px 0; } #artists-nav-right:hover { background-position: -38px 0; }