html {-webkit-animation: safariSelectorFix infinite 1s; }
@-webkit-keyframes safariSelectorFix {
0% {zoom:1;} 
100% {zoom:1;}
}
body {font-family: Georgia, "Times New Roman", Times, serif; font-size:18px; color:#000000; margin: 2px; behavior:url("csshover.htc"); }

#apDiv1  {position: absolute;left:450px;top:106px;width:640px;z-index:0;}/*all other content*/
.copyright  {font-size:16px;}/* .copywright */
.prose  {font-size:16px;position:absolute;left:-50px;top:55px;margin-top:auto;}/*prose page and who is me */
.prose2 {font-size:16px; }/*musician page*/
.prose3 {font-size:16px;position:absolute;left:-50px;top:10px;margin-top:auto;}/*helpful builders page*/
.prose4 {font-size:16px; position:absolute;left:-50px;top:13px;margin-top:auto;}
.prose5 {font-size:16px;position:absolute;left:-50px;top:131px;margin-top:auto;}
.close { font-size:20px; color:#000000;position:absolute;right:5px; margin-top: -0.1cm}  /* refers to the close button */
.names { position:absolute; right:5px; bottom:10px; font-size:16px }/*click the names for the link*/
.date  { font-size:16px; color:#999999; position:absolute; right:5px; bottom:10px; }  /*date mark on poems */
.poem   { position:absolute;left:60px;top:130px; margin-top:auto;}  /* actual poems */
.title  { font-size:20px; color:#000000; position:absolute;left:45px;top:13px; margin-top:auto; }  /* poem titles */
.title2 { font-size:20px; position:absolute;left:-50px;top:13px;margin-top:auto;}/*musicians and who is me title*/
.title3 { font-size:20px; position:absolute;left:-50px;top:93px;margin-top:auto;}
a    { outline: none; }
.one {font-size:20px;}
a.img { position: absolute; top:83px; right:115px; margin-top:auto; }  /* the poetryb image */
#table  { font-size:20px;  line-height: 140%; }
#table1 { position:absolute;left:63px;top:117px; z-index:1}   /* table 1 to 4 are the contents tables */
#table2 { position:absolute;left:63px;top:117px; visibility:hidden; z-index:2}
#table3 {  position:absolute;left:63px;top:117px; visibility:hidden; z-index:3}
#table4 {  position:absolute;left:63px;top:117px; visibility:hidden; z-index:4}
#table5 { position:absolute; left:63px; top:720px;   }  /* this is the switch and link table */
a:link  {text-decoration: none; color:#000000;}
a:visited  {text-decoration: none; color:#000000;}
a:hover  {text-decoration: none; color:#000000;}
a:active  {text-decoration: none; color:#000000}
a img  { border:0 }  /* borders around images */
/* images in the helpful builders page */
.Opimg  {position:absolute; left:380px; top:40px; } 
.Googleimg   {position:absolute;  left:380px; top:139px;} 
.fader   {position:absolute; left:390px; top:232px; font-size:32px;}  
.dd   {position:absolute; left:360px; top:326px;}  
.myimgs  {position:absolute; left:30px; top:70px;}/* family photos pages */
/*family images*/
#gallery2 ul {list-style:none; padding:0; margin:0; width:100px; position:absolute; left:-70px; top:20px;}
#gallery2 ul li {display:inline; width:82px; height:62px; float:left; margin:0 0 2px 2px; }
#gallery2 ul li a {display:block; width:80px; height:60px; text-decoration:none; border:1px solid #000000;  }
#gallery2 ul li a span {display:none;}
#gallery2 ul li a img {display:block; width:80px; height:60px; border:0; }
#gallery2 ul li a:hover { background:#FFFFFF;}
#gallery2 ul li a:hover b {position:absolute; left:175px; top:0; width:500px; height:680px; background:#FFF; z-index:20;}
#gallery2 ul li a:hover span {display:block; color:#000000; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; font-weight:normal; position:relative; top:10px; left:20px; }
#gallery2 ul li a:hover img { width:auto; height:auto; }
#gallery2 ul li a:active, #gallery2 ul li a:focus {background:#FFF;}
#gallery2 ul li a:active b, #gallery2 ul li a:focus b {position:absolute; left:175px; top:0; width:500px; height:680px;  z-index:10;}
#gallery2 ul li a:active span, #gallery2 ul li a:focus span {display:block; color:#000000; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; font-weight:normal; position:relative; top:10px; left:20px; }
#gallery2 ul li a:active img, #gallery2 ul li a:focus img{ width:auto; height:auto; }
/*A short ghost story */
.asgs   { position:relative; left:425px }
.asgs1  { position:relative; left:331px }
.asgs2  { position:relative; left:412px }
.asgs3  { position:relative; left:408px }
.asgs4  { position:relative; left:482px }
.asgs5  { position:relative; left:472px }
/* end of a short ghost story */
/* can I have a drink */
.caihad   {position:relative; left:130px;}
.caihad1  {position:relative; top:-13px; left:140px;}
.caihad2  {position:relative; ; left:200px;}
.caihad3  {position:relative; right:20px;}
.caihad4  {position:relative; top:7px; right:60px}
.caihad5  {position:relative; right:55px}
.caihad6  {position:relative; top:5px; right:40px}
.caihad7  {position:relative; top:5px; right:10px}
.caihad8  {position:relative; top:5px; left:52px}
.caihad9  {position:relative; top:-2px; left:260px}
.caihad10 {position:relative; top:-5px; left:40px}
/* end of can I have a drink */
/* Always missing the  */
.amt  { position:absolute;right:-280px;top:350px; }
/* end of always missing the  */
/* Just 1 more  */
.j1m  { position:relative; left:270px }
.j1m1 {position:relative; left:360px  }
/* end Just 1 more  */
/* Of secrets and doors  */
.osad   { position:relative; left:35px; }
.osad1  { position:relative; left:450px; }
.osad2  { position:relative; left:18px; }
.osad3  { position:relative; left:420px; }
.osad4  { position:relative; left:30px; }
.osad5  { position:relative; left:457px; }
.osad6  { position:relative; left:35px; }
.osad7  { position:relative; left:450px; }
/* end of Of screts and doors  */
/* Pushed in corners  */
.pinc  { position:relative; left:320px; }
/* end of pushed in corners  */
/* somethings are something not  */
.sasn  {color:#0000FF}
.sasn1 {color:#0066FF}
.sasn2 {color:#99FF33}
.sasn3 {color:#FFCC00}
.sasn4 {color:#66FF00}
/* end of somethings are somethings not  */
/* Trying to say the right thing in the right way */
.tts   { position:relative; left:100px }
.tts1  { position:relative;left:300px;top:-105px; }
.tts2  { position:relative; left:105px }
/* end  */
/*words */
.words  {  color:#FFCCCC}
.word2  { position:relative; left:200px;top:420px; }
/* end */
/*Waiting for the day*/
.wftd  {  position:relative; left:330px; }
/*end*/
/* Slap */
.slap1  {position:relative; left:170px; }
.slapfman  { font-size:20px;  }
.slapman  { font-size:17px; font-style:italic }
.turnslap  { position:absolute; right:5px; top:630px; } /*page turning for slap and prose pages*/
.turn  {position:absolute;right:10px;bottom:10px; margin-bottom:auto;}
/* end of slap */
/*rage*/
.rage { font-size:26px; color:#000000; position:absolute;left:45px;top:13px; margin-top:auto; text-align:center; }
.rage2 { font-size:16px; color:#000000; position:absolute;left:245px;top:730px; margin-top:auto;}
.rage3 { position:relative; left:10px; }
.rage4 { position:relative; left:20px; }
.rage5 { position:relative; left:130px; }
.rage6 { position:relative; left:10px; top:6px; }
.rage7 { position:relative; left:2px; }
.rage8 { position:relative; left:-4px; }
.rage9 { position:relative; top:7px; }
.rage10 { position:relative; top:7px; } 
.rage11 { position:relative; left:210px; } 
.rage12 { position:relative; left: -50px; top:-5px; } 
.rage13 { position:relative; left:68px; }
.rage14 { position:relative; left:71px; }
.rage15 { position:relative; left:81px; }  
.rage16 { position:relative; left:-28px; }   
/* end of rage */
#gallery a, .frame, #info {behavior:url(oneBox/trigger.htc)}
#gallery {width:696px; height:100%; margin:0 auto;  margin-top:5px;  position:absolute;left:-75px; z-index:10;}
#gallery a {display:block; float:left; outline:0; padding:2px;  width:100px; height:100px; margin:6px; text-align:center; cursor:pointer; text-decoration:none;}
#gallery a img {margin:0 auto; display:block;}
.oneBox {display:table; position:absolute; top:0; left:-9999px; width:100%; height:700px; z-index:500;}
.oneBox .holder {position:relative; z-index:100; text-align:center; display:table-cell; vertical-align:middle; 
opacity:0;
-webkit-transition: opacity 1.5s;
-moz-transition: opacity 1.5s;
-o-transition: opacity 1.5s;
transition: opacity 1.5s;
}
.oneBox .frame {display:inline-block; margin:0 auto; padding:5px;  position:relative; text-align:left; font-family:arial, sans-serif;}
.oneBox .frame img {width:100%;}
#gallery a:active {direction:ltr;}
#gallery a:active ~ .oneBox {left:0;}
#gallery a:active ~ .oneBox:before {content:""; display:block; position:absolute; left:0; top:0; width:100%; height:700px;  background:#fff;}
#gallery a:focus ~ .oneBox {left:0;}
#gallery a:focus ~ .oneBox:before {content:""; display:block; position:absolute; left:0; top:0; width:100%; height:700px;  background:#fff;}
#gallery a:focus ~ .oneBox .holder {opacity:1;}
#gallery a ~ .oneBox .frame div {float:left;}
a.a1:after {content:url("../Images/thumb/Austria1.jpg");}
a.a2:after {content:url("../Images/thumb/Austria_house.jpg");}
a.a3:after {content:url("../Images/thumb/Berlin_monument.jpg");}
a.a4:after {content:url("../Images/thumb/Berlin_monument2.jpg");}
a.a5:after {content:url("../Images/thumb/Dartmoor_113.jpg");}
a.a6:after {content:url("../Images/thumb/bean.jpg");}
a.a7:after {content:url("../Images/thumb/inbean.jpg");}
a.a8:after {content:url("../Images/thumb/Chitower.jpg");}
a.a9:after {content:url("../Images/thumb/bilbao1.jpg");}
a.a10:after {content:url("../Images/thumb/Paris_75a.jpg");}
a.a11:after {content:url("../Images/thumb/barcelona_bike.jpg");}
a.a12:after {content:url("../Images/thumb/Paris_119a.jpg");}
a.a13:after {content:url("../Images/thumb/Paris_177a.jpg");}
a.a14:after {content:url("../Images/thumb/Paris_121.jpg");}
a.a15:after {content:url("../Images/thumb/Dartmoor_32.jpg");}
a.a16:after {content:url("../Images/thumb/boat.jpg");}
a.a17:after {content:url("../Images/thumb/giles.jpg");}
a.a18:after {content:url("../Images/thumb/mist.jpg");}
a.a19:after {content:url("../Images/thumb/is-it-art.jpg");}
a.a20:after {content:url("../Images/thumb/demon1.jpg");}
a.a21:after {content:url("../Images/thumb/Blickling_cows.jpg");}
a.a22:after {content:url("../Images/thumb/reflect1.jpg");}
a.a23:after {content:url("../Images/thumb/watching.jpg");}
a.a24:after {content:url("../Images/thumb/cropped.jpg");}
a.a25:after {content:url("../Images/thumb/autumn.jpg");}
a.a26:after {content:url("../Images/thumb/phone.jpg");}
a.a27:after {content:url("../Images/thumb/bilbao2.jpg");}
a.a28:after {content:url("../Images/thumb/Dartmoor_20.jpg");}
a.a29:after {content:url("../Images/thumb/nice.jpg");}
a.a30:after {content:url("../Images/thumb/chimney.jpg");}
a.a31:after {content:url("../Images/thumb/fossil.jpg");}
a.a32:after {content:url("../Images/thumb/loddon.jpg");}
a.a33:after {content:url("../Images/thumb/demon3.jpg");}
a.a34:after {content:url("../Images/thumb/tree.jpg");}
a.a35:after {content:url("../Images/thumb/straw.jpg");}
a.a36:after {content:url("../Images/thumb/windmill.jpg");}


a.a1:focus ~ .oneBox .frame div:before {content:url("../Images/Austria1.jpg");}
a.a2:focus ~ .oneBox .frame div:before {content:url("../Images/Austria-house.jpg");}
a.a3:focus ~ .oneBox .frame div:before {content:url("../Images/Berlin-monument.jpg");}
a.a4:focus ~ .oneBox .frame div:before {content:url("../Images/Berlin-monument2.jpg");}
a.a5:focus ~ .oneBox .frame div:before {content:url("../Images/Dartmoor-113.jpg");}
a.a6:focus ~ .oneBox .frame div:before {content:url("../Images/bean.jpg");}
a.a7:focus ~ .oneBox .frame div:before {content:url("../Images/inbean.jpg");}
a.a8:focus ~ .oneBox .frame div:before {content:url("../Images/ChiTower.jpg");}
a.a9:focus ~ .oneBox .frame div:before {content:url("../Images/bilbao1.jpg");}
a.a10:focus ~ .oneBox .frame div:before {content:url("../Images/Paris-75a.jpg");}
a.a11:focus ~ .oneBox .frame div:before {content:url("../Images/barcelona-bike.jpg");}
a.a12:focus ~ .oneBox .frame div:before {content:url("../Images/Paris-119a.jpg");}
a.a13:focus ~ .oneBox .frame div:before {content:url("../Images/Paris 177a.jpg");}
a.a14:focus ~ .oneBox .frame div:before {content:url("../Images/Paris-121.jpg");}
a.a15:focus ~ .oneBox .frame div:before {content:url("../Images/Dartmoor-32.jpg");}
a.a16:focus ~ .oneBox .frame div:before {content:url("../Images/boat.jpg");}
a.a17:focus ~ .oneBox .frame div:before {content:url("../Images/giles.jpg");}
a.a18:focus ~ .oneBox .frame div:before {content:url("../Images/mist.jpg");}
a.a19:focus ~ .oneBox .frame div:before {content:url("../Images/is-it-art.jpg");}
a.a20:focus ~ .oneBox .frame div:before {content:url("../Images/demon1.jpg");}
a.a21:focus ~ .oneBox .frame div:before {content:url("../Images/Blickling-cows.jpg");}
a.a22:focus ~ .oneBox .frame div:before {content:url("../Images/reflect1.jpg");}
a.a23:focus ~ .oneBox .frame div:before {content:url("../Images/watching.jpg");}
a.a24:focus ~ .oneBox .frame div:before {content:url("../Images/cropped.jpg");}
a.a25:focus ~ .oneBox .frame div:before {content:url("../Images/autumn.jpg");}
a.a26:focus ~ .oneBox .frame div:before {content:url("../Images/phone.jpg");}
a.a27:focus ~ .oneBox .frame div:before {content:url("../Images/bilbao2.jpg");}
a.a28:focus ~ .oneBox .frame div:before {content:url("../Images/Dartmoor-20.jpg");}
a.a29:focus ~ .oneBox .frame div:before {content:url("../Images/nice.jpg");}
a.a30:focus ~ .oneBox .frame div:before {content:url("../Images/chimney.jpg");}
a.a31:focus ~ .oneBox .frame div:before {content:url("../Images/fossil.jpg");}
a.a32:focus ~ .oneBox .frame div:before {content:url("../Images/loddon.jpg");}
a.a33:focus ~ .oneBox .frame div:before {content:url("../Images/demon3.jpg");}
a.a34:focus ~ .oneBox .frame div:before {content:url("../Images/tree.jpg");}
a.a35:focus ~ .oneBox .frame div:before {content:url("../Images/straw.jpg");}
a.a36:focus ~ .oneBox .frame div:before {content:url("../Images/windmill.jpg");}