/* Author: Karl Norling --------------------------------------------------------------------*/ /* CSS Reset Rules -------------------------------------------------------------------- Copyright (c) 2009, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.7.0 --------------------------------------------------------------------*/ html{color:#000;background:#FFF;margin:0;padding:0;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;} /* General Rules --------------------------------*/ html,body {background: white url('../images/bg.png') top left; padding: 0; margin: 0; text-align: center; font-family: georgia,'times new roman',sans-serif; font-size: 12px; height: 100%;} a:link,a:visited,a:active,a:hover{text-decoration: none; color: #808080;} a:hover{color: #000;} /* Main Wrap --------------------------------*/ #main-wrap{height: 100%; width: 920px; background: #fff; margin: 0 auto; text-align: left; position: relative;} #header{width: 880px; height: 90px; border-top: 5px solid #000; padding: 0 20px;} #header h1.title{margin-top: 20px; float: left; display: inline; width: 149px;} #main-navigation{float: right; display: inline; width: 212px; margin-top: 24px;} #main-navigation li{float: left; display: inline; padding-bottom: 14px; font-size: 18px; line-height: 18px;} #main-navigation li a{text-indent: -9999px; outline: none; display: block;} #main-navigation li.biography{padding-right: 9px; border-right: 1px solid #bfbfbf;} #main-navigation li.gallery{padding-left: 10px;} #main-navigation li.biography a{width: 108px; height: 13px; background: transparent url("../images/nav-images-sprite.png") no-repeat 0 0;} #main-navigation li.biography a:hover,#main-navigation li.biography a.selected{background: transparent url("../images/nav-images-sprite.png") no-repeat 0 -13px;} #main-navigation li.gallery a{width: 83px; height: 13px; background: transparent url("../images/nav-images-sprite.png") no-repeat 0 -26px;} #main-navigation li.gallery a:hover,#main-navigation li.gallery a.selected{background: transparent url("../images/nav-images-sprite.png") no-repeat 0 -39px;} #sub-navigation{margin-top: 51px; display: block; height: 38px; width: 880px; border-top: 1px solid #bfbfbf;} #sub-navigation li{float: left; display: inline; padding: 12px 21px;} #sub-navigation li a{text-indent: -9999px; outline: none; display: block;} #sub-navigation li.early-paintings{padding-left: 0;} #sub-navigation li.recent-paintings{padding-right: 0;} #sub-navigation li.early-paintings a{width: 80px; height: 14px; background: transparent url("../images/nav-images-sprite.png") no-repeat 0 -52px;} #sub-navigation li.early-paintings a:hover,#sub-navigation li.early-paintings a.selected{background: transparent url("../images/nav-images-sprite.png") no-repeat 0 -66px;} #sub-navigation li.reliefs a{width: 31px; height: 14px; background: transparent url("../images/nav-images-sprite.png") no-repeat 0 -80px;} #sub-navigation li.reliefs a:hover,#sub-navigation li.reliefs a.selected{background: transparent url("../images/nav-images-sprite.png") no-repeat 0 -94px;} #sub-navigation li.paperfolds a{width: 55px; height: 14px; background: transparent url("../images/nav-images-sprite.png") no-repeat 0 -108px;} #sub-navigation li.paperfolds a:hover,#sub-navigation li.paperfolds a.selected{background: transparent url("../images/nav-images-sprite.png") no-repeat 0 -122px;} #sub-navigation li.neo-expressionism a{width: 99px; height: 14px; background: transparent url("../images/nav-images-sprite.png") no-repeat 0 -136px;} #sub-navigation li.neo-expressionism a:hover,#sub-navigation li.neo-expressionism a.selected{background: transparent url("../images/nav-images-sprite.png") no-repeat 0 -150px;} #sub-navigation li.drawings a{width: 48px; height: 14px; background: transparent url("../images/nav-images-sprite.png") no-repeat 0 -164px;} #sub-navigation li.drawings a:hover,#sub-navigation li.drawings a.selected{background: transparent url("../images/nav-images-sprite.png") no-repeat 0 -178px;} #sub-navigation li.lithographs a{width: 59px; height: 14px; background: transparent url("../images/nav-images-sprite.png") no-repeat 0 -192px;} #sub-navigation li.lithographs a:hover,#sub-navigation li.lithographs a.selected{background: transparent url("../images/nav-images-sprite.png") no-repeat 0 -206px;} #sub-navigation li.recent-color-paperfolds a{width: 119px; height: 14px; background: transparent url("../images/nav-images-sprite.png") no-repeat 0 -220px;} #sub-navigation li.recent-color-paperfolds a:hover,#sub-navigation li.recent-color-paperfolds a.selected{background: transparent url("../images/nav-images-sprite.png") no-repeat 0 -234px;} #sub-navigation li.recent-paintings a{width: 85px; height: 14px; background: transparent url("../images/nav-images-sprite.png") no-repeat 0 -248px;} #sub-navigation li.recent-paintings a:hover,#sub-navigation li.recent-paintings a.selected{background: transparent url("../images/nav-images-sprite.png") no-repeat 0 -262px;} #simple-viewer{display: block; width: 880px; height: 80%; padding: 0 20px;} #footer{width: 880px; padding: 20px; position: absolute; bottom: 0;} #footer address{font-style: italic;color: #808080;}