/* Styles for title section including title link bar */ * {margin: 0;} body {background: #ececec} .bg .title {position: relative; left: 5%; top: 10%; margin-left: -75px; margin-top: 0px; } h1 {font-size: 40px; font-family: Century Gothic, Monaco, Trebuchet, sans-serif; color: #bc001d; letter-spacing: 8px; position: relative; top: 0px: } h2 {font-size: 20px; font-family: Bradley Hand ITC, Monaco, Trebuchet, sans-serif; color: #a0a0a0; text: center; letter-spacing: 2px; position: relative; top: 0px; } h3 {font-size: 15px; font-family: Century Gothic, Monaco, Trebuchet sans-serif; color: #bc001d; text-align: center; letter-spacing: 0px; } html, body {height: 100%; } .bg {width: 650px; height: 380px; text-align: center; border: 2px solid #bc001d; background-color: #fff; position: absolute; left: 50%; top: 50%; margin-left: -325px; margin-top: -190px; } .links {font-size: 18px; font-family: Bradley Hand ITC, Monaco, Verdana, sans-serif; text-align: center; position: absolute; left: 25%; top: 0px; margin-left: -158px; margin-top: 5px; height: 30px; padding: 5px 0px 0px 0px; width: 620px; border: solid 0px #f00; border-left: solid 10px #606a74; border-right: solid 10px #606a74; border-bottom: solid 1px #606a74; background-color: #cacbcf;} .contact {font-size: 18px; font-family: Bradley Hand ITC, Monaco, Verdana, sans-serif; color: #01172e; text: center; position: absolute; left: 37%; top: 0px; margin-left: -163px; margin-top: 0px; height: 30px; width: 68px; border-top: solid 1px #606a74 ;border-right: solid 1px #606a74 ;border-left: solid 1px #606a74; padding: 5px 0px 0px 0px; background-color: #ffffff; } .individual {font-size: 18px; font-family: Bradley Hand ITC, Monaco, Verdana, sans-serif;color: #01172e; text: center; position: absolute; left: 49%; top: 0px; margin-left: -163px; margin-top: 0px; height: 30px; width: 88px; border-top: solid 1px #606a74 ;border-right: solid 1px #606a74 ;border-left: solid 1px #606a74; padding: 5px 0px 0px 0px; background-color: #ffffff; } .series {font-size: 18px; font-family: Bradley Hand ITC, Monaco, Verdana, sans-serif;color: #01172e; text: center; position: absolute; left: 63%; top: 0px; margin-left: -158px; margin-top: 0px; height: 30px; width: 58px; border-top: solid 1px #606a74 ;border-right: solid 1px #606a74 ;border-left: solid 1px #606a74; padding: 5px 0px 0px 0px; background-color: #ffffff; } .commissioned {font-size: 18px; font-family: Bradley Hand ITC, Monaco, Verdana, sans-serif;color: #01172e; text: center; position: absolute; left: 74%; top: 0px; margin-left: -160px; margin-top: 0px; height: 30px; width: 123px; border-top: solid 1px #606a74 ;border-right: solid 1px #606a74 ;border-left: solid 1px #606a74; padding: 5px 0px 0px 0px; background-color: #ffffff; } .exhibitions {font-size: 18px; font-family: Bradley Hand ITC, Monaco, Verdana, sans-serif;color: #01172e; text: center; position: absolute; left: 95%; top: 0px; margin-left: -163px; margin-top: 0px; height: 30px; width: 93px; border-top: solid 1px #606a74 ;border-right: solid 1px #606a74 ;border-left: solid 1px #606a74; padding: 5px 0px 0px 0px; background-color: #ffffff; } .biography {font-size: 18px; font-family: Bradley Hand ITC, Monaco, Verdana, sans-serif;color: #01172e; text: center; position: absolute; left: 111%; top: 0px; margin-left: -163px; margin-top: 0px; height: 30px; width: 93px; border-top: solid 1px #606a74 ;border-right: solid 1px #606a74 ;border-left: solid 1px #606a74; padding: 5px 0px 0px 0px; background-color: #ffffff; } /* Images and Text for Contact Page */ .ci2 {position: absolute; left: 10%; top: 70%; margin-left: -60px; margin-top: -166px; padding: 0px 0px 0px 0px; border: solid 2px #bc001d; } .si2 {position: absolute; left: 130%; top: 70%; margin-left: -382px; margin-top: -166px; padding: 0px 0px 0px 0px; border: solid 2px #bc001d; } .artist {position: absolute; left: 50%; top: 32%; margin-left: -132px; margin-top: 0px; border: solid 0px #f00; width: 260px; height: 25px;} .designer {position: absolute; left: 50%; top: 65%; margin-left: -130px; margin-top: 0px; border: solid 0px #f00; width: 260px; height: 25px;} .artmail {font-size: 15px; font-family: Century Gothic, sans-serif; font-weight: bolder; position: absolute; left: 62%; top: 38%; margin-left: -118px; margin-top: 0px; border: solid 0px #f00; width: 80px; height: 30px; text-align: center; } .designmail {font-size: 15px; font-family: Century Gothic, sans-serif; font-weight: bolder; position: absolute; left: 62%; top: 71%; margin-left: -118px; margin-top: 0px; border: solid 0px #f00; width: 80px; height: 30px; text-align: center; } .text2 {position: absolute; left: 50%; top: 43%; margin-left: -132px; margin-top: 0px; border: solid 0px #f00; width: 260px; height: 70px; text-align: center; } .text22 {position: absolute; left: 50%; top: 76%; margin-left: -130px; margin-top: 0px; border: solid 0px #f00; width: 260px; height: 50px; text-align: center; } /* Images and Text for Individual Page */ .ci3 {position: absolute; left: 10%; top: 56%; margin-left: -60px; margin-top: -164px; padding: 0px 0px 0px 0px; border: solid 2px #bc001d; } .si3 {position: absolute; left: 107%; top: 80%; margin-left: -383px; margin-top: -163px; padding: 0px 0px 0px 0px; border: solid 2px #bc001d; } .text3 {text-align: center; position: absolute; left: 45%; top: 34%; margin-left: -128px; margin-top: 0px; border: solid 0px #f00; width: 140px; height: 190px;} .text33 {text-align: center; position: absolute; left: 93%; top: 14%; margin-left: -128px; margin-top: 0px; border: solid 0px #f00; width: 160px; height: 320px;} .imgs3 {font-size: 11px; font-weight: bolder; font-family: Century Gothic, Monaco, Verdana, sans-serif; text-align: center; position: absolute; left: 45%; top: 60%; margin-left: -133px; margin-top: 100px; border: solid 0px #f00; width: 150px; height: 40px; } /* Images and Text for Series Page */ .si4 {position: absolute; left: 8%; top: 1%; margin-left: -32px; margin-top: 180px; padding: 0px 0px 0px 0px; border: solid 2px #bc001d; } .head4 {text-align: center; position: absolute; left: 30%; top: 25%; margin-left: -125px; margin-top: 0px; border: solid 0px #f00; width: 100px; height: 25px;} .text4 {text-align: center; position: absolute; left: 22%; top: 33%; margin-left: -125px; margin-top: 0px; border: solid 0px #f00; width: 370px; height: 50px;} .text44 {text-align: center; position: absolute; left: 64%; top: 29%; margin-left: 0px; margin-top: 0px; border: solid 0px #f00; width: 230px; height: 260px;} /* Images and Text for Commissioned Page */ .ci5 {position: absolute; left: 10%; top: 66%; margin-left: -60px; margin-top: -169px; padding: 0px 0px 0px 0px; border: solid 2px #bc001d; } .si5 {position: absolute; left: 131%; top: 93%; margin-left: -380px; margin-top: -169px; padding: 0px 0px 0px 0px; border: solid 2px #bc001d; } .head5 {text-align: center; position: absolute; left: 43%; top: 36%; margin-left: -5px; margin-top: 0px; border: solid 0px #f00; width: 100px; height: 30px;} .text5 {text-align: center; position: absolute; left: 75%; top: 18%; margin-left: -5px; margin-top: 0px; border: solid 0px #f00; width: 150px; height: 100px;} .text55 {text-align: center; position: absolute; left: 48%; top: 45%; margin-left: -128px; margin-top: 0px; border: solid 0px #f00; width: 280px; height: 200px;} .imgs5 {font-size: 11px; font-weight: bolder; font-family: Century Gothic, Monaco, Verdana, sans-serif; text-align: center; position: absolute; left: 23%; top: 59%; margin-left: -136px; margin-top: 100px; border: solid 0px #f00; width: 150px; height: 40px; } /* Images and Text for Exhibitions Page */ .book {position: absolute; left: 37%; top: 95%; margin-left: 0px; margin-top: -169px; padding: 0px 0px 0px 0px; border: solid 2px #bc001d; } .head6 {text-align: center; position: absolute; left: 4%; top: 26%; margin-left: -5px; margin-top: 0px; border: solid 0px #f00; width: 150px; height: 25px;} .head66 {text-align: center; position: absolute; left: 71%; top: 26%; margin-left: -5px; margin-top: 0px; border: solid 0px #f00; width: 180px; height: 60px;} .text6 {text-align: left; position: absolute; left: 4%; top:45%; margin-left: -5px; margin-top: 0px; border: solid 0px #f00; width: 240px; height: 300px;} .text66 {text-align: center; position: absolute; left: 38%; top: 37%; margin-left: -5px; margin-top: 0px; border: solid 0px #f00; width: 150px; height: 60px;} .exmail {font-size: 15px; font-weight: bolder; font-family: Century Gothic, sans-serif; position: absolute; left: 65%; top: 30%; margin-left: -132px; margin-top: 0px; border: solid 0px #f00; width: 50px; height: 25px; text-align: center; } .text666 {text-align: left; position: absolute; left: 65%; top: 45%; margin-left: -5px; margin-top: 0px; border: solid 0px #f00; width: 240px; height: 200px;} .text6666 {text-align: left; position: absolute; left: 66%; top:45%; margin-left: -5px; margin-top: 0px; border: solid 0px #f00; width: 240px; height: 300px;} /* Images and Text for Biography Page */ .ci7 {position: absolute; left: 90%; top: 13%; margin-left: -60px; margin-top: 4px; padding: 0px 0px 0px 0px; border: solid 2px #bc001d; } .head7 {text-align: center; position: absolute; left: 12%; top: 14%; margin-left: -32px; margin-top: 4px; border: solid 0px #f00; width: 100px; height: 60px;} .text7 {text-align: center; position: absolute; left: 39%; top: 32%; margin-left: 0px; margin-top: 0px; border: solid 0px #f00; width: 390px; height: 55px;} .text77 {text-align: center; position: absolute; left: 39%; top: 47%; margin-left: 0px; margin-top: 5px; border: solid 0px #f00; width: 390px; height: 105px;} .text777 {text-align: center; position: absolute; left: 39%; top: 77%; margin-left: 0px; margin-top: 3px; border: solid 0px #f00; width: 390px; height: 80px;} ul {font-size: 13px; font-family: Century Gothic, sans-serif; color: #01172e; text-align: left; list-position: inherited; letter-spacing: -1px; position: absolute; left: 0%; top: 32%; margin-left: 5px; padding: 0px 0px 0px 20px; margin-top: 0px; border: solid 0px #f00; width: 215px; height: 250px;} /* Links for Image Detail Pages */ p {font-size: 13px; font-family: Century Gothic, sans-serif; color: #01172e; letter-spacing: -1px; word-spacing: 0px; border: solid 0px #f00; } a:link {color:#01172e; text-decoration: none; } a:visited {color:#01172e; text-decoration: none; } a:hover {color:#bc001d; font-decoration: none; } a:active {color:#d7d7d7; text-decoration: none; }