/* CSS Document */ /* Body ID's and Classes */ body { margin: 0; padding: 0; background: #04658B; text-align: center; font-family: georgia, times, serif; font-size: 80%; line-height: 160%; color: #DB3B21; } #container { position: relative; width: 835px; height: 566px; background: #fff; border-style: solid; border-width: 1px 1px 1px 1px; border-color: #002e40; margin: 10px auto 0px auto; text-align: left; } img { border: none; } /* Generic Classes to tweak the presentation */ .font120 { font-size: 120% } /* Header ID's and Classes */ #header { width: 835px; height: 100px; background: #f6b081 url(../images/header.gif) no-repeat bottom; } /* Navigation ID's and Classes */ #navigation { width: 835px; height: 39px; background: #FFFFFF url(../images/nav-bkg.gif) repeat-x bottom; } #navigation_homepage { width: 835px; height: 39px; background: #FFFFFF url(../images/homepage/nav-bkg-homepage.gif) repeat-x bottom; } #navigation_portfolio { width: 835px; height: 39px; background: #FFFFFF url(../images/portfolio/nav-bkg-portfolio.gif) repeat-x bottom; position: relative; } #navigation_novels01 { width: 835px; height: 39px; background: #FFFFFF url(../images/portfolio-novels/nav-bkg-novels.gif) repeat-x bottom; } #navigation_picbooks01 { width: 835px; height: 39px; background: #FFFFFF url(../images/portfolio-picbooks/nav-bkg-picbooks.gif) repeat-x bottom; } #navigation_sketches01 { width: 835px; height: 39px; background: #FFFFFF url(../images/portfolio-sketches/nav-bkg-sketches.gif) repeat-x bottom; } #navigation_biography { width: 835px; height: 39px; background: #FFFFFF url(../images/biography/nav-bkg-biography.gif) repeat-x bottom; } .sitetitle { margin: 9px 26px 10px 51px; float:left; border: none 0px; } .navimage { margin: 15px 18px 10px 0px; border: none 0px; } /* Content ID's and Classes */ #contentcontainer_homepage { width: 835px; height: 427px; background: #ffffff url(../images/homepage/spot_art-content.jpg) no-repeat top right; } #contentcontainer_portfolio { width: 835px; height: 427px; background: #ffffff url(../images/portfolio/spot_art-content.jpg) no-repeat top right; } #contentcontainer_novels01 { width: 835px; height: 427px; background: #ffffff url(../images/portfolio-novels/spot_art-content.jpg) no-repeat top right; } #contentcontainer_picbooks01 { width: 835px; height: 427px; background: #ffffff url(../images/portfolio-picbooks/spot_art-content.jpg) no-repeat top right; } #contentcontainer_sketches01 { width: 835px; height: 427px; background: #ffffff url(../images/portfolio-sketches/spot_art-content.jpg) no-repeat top right; } #contentcontainer_biography { width: 835px; height: 427px; background: #ffffff /*url(../images/biography/spot_art-content.jpg) no-repeat top right; */ } #contentcontainer_resume { width: 835px; height: 427px; background: #ffffff /*url(../images/biography/spot_art-content.jpg) no-repeat top right; */ } #contentcontainer_contact { width: 835px; height: 427px; background: #ffffff url(../images/contact/spot_art-content.jpg) no-repeat top right; } #content { width: 835px; position: relative;} #mainimage { width: 835px; position: relative; top: 0px; left: 0px; z-index: 0; } #text { background: none; width: 835px; height: 350px; overflow: auto; position: absolute; top: 47px; left: 9px; } #text h1 { margin: .3em 0 0 54px; padding: 0; font-style: italic; font-size: 160%; font-weight: normal; } #text p { margin: 20px 492px 0 54px; padding: 0; } #underlapbuffer { /* Style definitions defined locally to prevent text underlap */ } #underlapbuffer p { margin: 20px 0 0 54px; padding: 0; } #underlapbuffer h1 { margin: .3em 0 0 54px; padding: 0; font-style: italic; font-size: 160%; font-weight: normal; } #text span { text-align: right; } a.nextlink { text-align: right; margin-top: 10px; color: #04658b; text-decoration: none; } a.nextlink:hover { text-align: right; margin-top: 10px; color: #04658b; text-decoration: underline; } a { color: #04658b; text-decoration: none; } a:hover { color: #04658b; text-decoration: underline; } /* Footer ID's and Classes */ #footer { width: 835px; height: 50px; margin: 0px auto 10px auto; padding: 0; text-align: left; position: relative; } #footertext { font-family: arial, helvetica, sans-serif; color: #9BC1D1; position: absolute; top: 0; left: 0; } #footer a, #artfooter a, #artfooter_port a { color: #9BC1D1; text-decoration: none; text-align: left; } #footer a:hover, #artfooter a:hover, #artfooter_port a:hover { color: #fff; text-decoration: underline; text-align: left; } #copyright { font-family: arial, helvetica, sans-serif; color: #9BC1D1; text-align: right; position: absolute; top: 0; right: 0; } /* Artwork Page ID's and Classes */ #artbox { position: relative; width: 650px; background: #fff; border-style: solid; border-width: 1px 1px 1px 1px; border-color: #002e40; margin: 50px auto 0px auto; text-align: left; } #artbox_port { position: relative; width: 600px; background: #fff; border-style: solid; border-width: 1px 1px 1px 1px; border-color: #002e40; margin: 50px auto 0px auto; text-align: left; } #description { position: absolute; width: 180px; background: none; margin: 10px; overflow: hidden; } #description_right { position: absolute; width: 180px; background: none; margin: 10px 10px 10px 460px; overflow: hidden; } #artbox_port #description { position: absolute; width: 180px; background: none; margin: 10px; overflow: hidden; } #artbox_port #description_right { position: absolute; width: 180px; background: none; margin: 10px 10px 10px 400px; overflow: hidden; } #description h1, #description_right h1 { margin: .3em 0 5px 0; padding: 0; font-style: italic; font-size: 140%; font-weight: normal; } #description p, #description_right p { margin: 10px 0 0 0; padding: 0; } #artfooter { width: 650px; height: 50px; margin: 0px auto 10px auto; padding: 0; text-align: left; position: relative; } #artfooter_port { width: 600px; height: 50px; margin: 0px auto 10px auto; padding: 0; text-align: left; position: relative; } /* note, the links in the artfooter share definitions with the regular footer links, and are located in the footer styles section */