/* TODD BARRY CSS */ /* all pages */ body {background-color:Transparent; background-image:url(images/bg_tile.jpg); background-repeat:repeat; margin:0px; padding:0px;} #page {position:absolute; left:50%; width:1024px; margin-left:-512px; background-image:url(images/tb_bgRays.png); background-repeat:no-repeat; height:100%; z-index:1;} .iframe {width:550px; height:387px; left:50%; margin-left:-275px; margin-top:179px; position:absolute; z-index:1000; border:0;} #iframeNews {width:550px; height:370px; left:50%; margin-left:-275px; margin-top:179px; position:absolute; z-index:1000; border:0;} #gallery {width:550px; height:387px; left:50%; margin-left:-200px; margin-top:179px; position:absolute; z-index:1000;} #gallery img {border:2px; border-color:#ff0000;} .iframeShows {width:430px; height:387px; left:50%; margin-left:-200px; margin-top:179px; position:absolute; z-index:1000; border:0;} .iframeContact {width:450px; height:420px; left:50%; margin-left:-200px; margin-top:179px; position:absolute; z-index:1000; border:0;} #photolinks {color:#efe2c3; width:300px; height:93px; margin-left:415px; margin-top:575px; position:absolute; z-index:1001; padding:0 0 0 15px; text-align:left; font-family:Arial, Helvetica, serif; font-size:14px; font-weight:normal; line-height:22px;} #photolinks a{color:#FFFFFF; text-decoration:none; border-bottom:1px dotted #666;} #photolinks a:hover{color:#FFFFFF; text-decoration:none; border-bottom:1px dotted #000;} #signup {width:350px; height:60px; position:absolute; margin-left:285px; color:#efe2c3; margin-top:585px; z-index:1005; text-align:left; font-family:Arial, Helvetica, serif; font-size:13px; font-weight:normal;} #signup a{color:#FFFFFF; text-decoration:none;} #signup a:hover{color:#FFFFFF; text-decoration:none;} #signupInput {position:absolute; margin-left:500px; margin-top:583px; z-index:1006;} #rssBug {margin-bottom:-1px;} /* black background pages only */ #titleBar {width:848px; height:179px; background-image:url(images/titleblack.gif); background-repeat:no-repeat; background-position:center top; background-color:Transparent; margin:0; padding:0; align:center; text-align:center;} #bgHolder {position:absolute; left:50%; width:1024px; margin-left:-512px; background-image:url(images/tb_bgBlack.gif); background-repeat:no-repeat; height:100%;} /* red background pages only */ #titleBarR {width:848px; height:179px; background-image:url(images/titlered.gif); background-repeat:no-repeat; background-position:center top; background-color:Transparent; margin:0; padding:0; align:center; text-align:center;} #bgHolderR {position:absolute; left:50%; width:1024px; margin-left:-512px; background-image:url(images/tb_bgRed.gif); background-repeat:no-repeat; height:100%;} /* news */ #newsHeadL {width:424px; height:179px; background-image:url(images/h_bird_left.gif); background-repeat:no-repeat; background-color:Transparent; background-position:right top; margin-top:0px; padding:0; float:left; align:left; text-align:left;} #newsHeadR {width:424px; height:179px; background-image:url(images/h_bird_right.gif); background-repeat:no-repeat; background-color:Transparent; background-position:left top; margin-top:0px; padding:0; float:right; align:right; text-align:right;} /* shows */ #showsHeadL {width:424px; height:179px; background-image:url(images/h_deer_left.gif); background-repeat:no-repeat; background-color:Transparent; background-position:left top; margin:0; padding:0; float:left; align:left; text-align:left;} #showsHeadR {width:424px; height:179px; background-image:url(images/h_deer_right.gif); background-repeat:no-repeat; background-color:Transparent; background-position:left top; margin:0; padding:0; float:right; align:right; text-align:right;} /* cds */ #cdsHeadL {width:209px; height:81px; background-image:url(images/h_snail_left.gif); background-repeat:no-repeat; background-color:Transparent; background-position:right top; margin-left:20px; margin-top:25px; padding:0; float:left; align:left; text-align:left;} #cdsHeadR {width:209px; height:81px; background-image:url(images/h_snail_right.gif); background-repeat:no-repeat; background-color:Transparent; background-position:left top; margin-right:20px; margin-top:25px; padding:0; float:right; align:right; text-align:right;} /* bio */ #bioHeadL {width:123px; height:100px; background-image:url(images/h_cobra_left.gif); background-repeat:no-repeat; background-color:Transparent; background-position:left top; margin-left:70px; margin-top:5px; padding:0; float:left; align:left; text-align:left;} #bioHeadR {width:123px; height:100px; background-image:url(images/h_cobra_right.gif); background-repeat:no-repeat; background-color:Transparent; background-position:left top; margin-right:73px; margin-top:5px; padding:0; float:right; align:right; text-align:right;} /* photos */ #photosHeadL {width:113px; height:84px; background-image:url(images/h_dog_left.gif); background-repeat:no-repeat; background-color:Transparent; background-position:right top; margin-left:85px; margin-top:15px; padding:0; float:left; align:left; text-align:left;} #photosHeadR {width:113px; height:84px; background-image:url(images/h_dog_right.gif); background-repeat:no-repeat; background-color:Transparent; background-position:left top; margin-right:88px; margin-top:15px; padding:0; float:right; align:right; text-align:right;} /* receipts */ #receiptsHeadL {width:117px; height:114px; background-image:url(images/h_giraffe_left.gif); background-repeat:no-repeat; background-color:Transparent; background-position:left top; margin-left:85px; margin-top:0px; padding:0; float:left; align:left; text-align:left;} #receiptsHeadR {width:117px; height:114px; background-image:url(images/h_giraffe_right.gif); background-repeat:no-repeat; background-color:Transparent; background-position:left top; margin-right:85px; margin-top:0px; padding:0; float:right; align:right; text-align:right;} /* quotes */ #quotesHeadL {width:225px; height:91px; background-image:url(images/h_chameleon_left.gif); background-repeat:no-repeat; background-color:Transparent; background-position:right top; margin-left:35px; margin-top:30px; padding:0; float:left; align:left; text-align:left;} #quotesHeadR {width:225px; height:91px; background-image:url(images/h_chameleon_right.gif); background-repeat:no-repeat; background-color:Transparent; background-position:left top; margin-right:35px; margin-top:30px; padding:0; float:right; align:right; text-align:right;} /* misc */ #miscHeadL {width:149px; height:103px; background-image:url(images/h_burrow_left.gif); background-repeat:no-repeat; background-color:Transparent; background-position:left top; margin-left:65px; margin-top:0px; padding:0; float:left; align:left; text-align:left;} #miscHeadR {width:149px; height:103px; background-image:url(images/h_burrow_right.gif); background-repeat:no-repeat; background-color:Transparent; background-position:left top; margin-right:65px; margin-top:0px; padding:0; float:right; align:right; text-align:right;} /* contact */ #contactHeadL {width:192px; height:90px; background-image:url(images/h_squirrel_left.gif); background-repeat:no-repeat; background-color:Transparent; background-position:right top; margin-left:35px; margin-top:10px; padding:0; float:left; align:left; text-align:left;} #contactHeadR {width:192px; height:90px; background-image:url(images/h_squirrel_right.gif); background-repeat:no-repeat; background-color:Transparent; background-position:left top; margin-right:35px; margin-top:10px; padding:0; float:right; align:right; text-align:right;} /***************************************************************************//* navBlack */ #nav ul {margin:0;} #nav { background:transparent url(images/navBlack.gif) no-repeat 0 0; height:42px; border:0px solid #000; width:611px; float:left; text-indent:-9999px; margin-top:95px; margin-bottom:30px; margin-left:204px; } #nav a {outline:none;} #nav li { margin-left:0; } #buttons { height:42px; position:relative; } #buttons li {list-style: none; position:absolute;} #buttons li, #buttons a {height:42px; display:block; top:0;} #button1 {left: 0; width: 45px;} #button2 {left: 45px; width: 54px;} #button3 {left: 99px; width: 60px;} #button4 {left: 159px; width: 36px;} #button5 {left: 195px; width: 33px;} #button6 {left: 228px; width: 63px;} #button7 {left: 291px; width: 133px;} #button8 {left: 424px; width: 63px;} #button9 {left: 487px; width: 57px;} #button10 {left: 544px; width: 67px;} #button1 a:hover {background: transparent url(images/navBlack.gif) 0 -42px no-repeat;} #button2 a:hover {background: transparent url(images/navBlack.gif) -45px -42px no-repeat;} #button3 a:hover {background: transparent url(images/navBlack.gif) -99px -42px no-repeat;} #button4 a:hover {background: transparent url(images/navBlack.gif) -159px -42px no-repeat;} #button5 a:hover {background: transparent url(images/navBlack.gif) -195px -42px no-repeat;} #button6 a:hover {background: transparent url(images/navBlack.gif) -228px -42px no-repeat;} #button7 a:hover {background: transparent url(images/navBlack.gif) -291px -42px no-repeat;} #button8 a:hover {background: transparent url(images/navBlack.gif) -424px -42px no-repeat;} #button9 a:hover {background: transparent url(images/navBlack.gif) -487px -42px no-repeat;} #button10 a:hover {background: transparent url(images/navBlack.gif) -544px -42px no-repeat;} #button1 a#on {background: transparent url(images/navBlack.gif) 0 -42px no-repeat;} #button2 a#on {background: transparent url(images/navBlack.gif) -45px -42px no-repeat;} #button3 a#on {background: transparent url(images/navBlack.gif) -99px -42px no-repeat;} #button4 a#on {background: transparent url(images/navBlack.gif) -159px -42px no-repeat;} #button5 a#on {background: transparent url(images/navBlack.gif) -195px -42px no-repeat;} #button6 a#on {background: transparent url(images/navBlack.gif) -228px -42px no-repeat;} #button7 a#on {background: transparent url(images/navBlack.gif) -291px -42px no-repeat;} #button8 a#on {background: transparent url(images/navBlack.gif) -424px -42px no-repeat;} #button9 a#on {background: transparent url(images/navBlack.gif) -487px -42px no-repeat;} #button10 a#on {background: transparent url(images/navBlack.gif) -544px -42px no-repeat;} /***************************************************************************//* navRed */ #navR ul {margin:0;} #navR { background:transparent url(images/navRed.gif) no-repeat 0 0; height:42px; border:0px solid #000; width:611px; float:left; text-indent:-9999px; margin-top:95px; margin-bottom:30px; margin-left:204px; } #navR a {outline:none;} #navR li { margin-left:0; } #buttonsR { height:42px; position:relative; } #buttonsR li {list-style: none; position:absolute;} #buttonsR li, #buttonsR a {height:42px; display:block; top:0;} #button1R {left: 0; width: 45px;} #button2R {left: 45px; width: 54px;} #button3R {left: 99px; width: 60px;} #button4R {left: 159px; width: 36px;} #button5R {left: 195px; width: 33px;} #button6R {left: 228px; width: 63px;} #button7R {left: 291px; width: 133px;} #button8R {left: 424px; width: 63px;} #button9R {left: 487px; width: 57px;} #button10R {left: 544px; width: 67px;} #button1R a:hover {background: transparent url(images/navRed.gif) 0 -42px no-repeat;} #button2R a:hover {background: transparent url(images/navRed.gif) -45px -42px no-repeat;} #button3R a:hover {background: transparent url(images/navRed.gif) -99px -42px no-repeat;} #button4R a:hover {background: transparent url(images/navRed.gif) -159px -42px no-repeat;} #button5R a:hover {background: transparent url(images/navRed.gif) -195px -42px no-repeat;} #button6R a:hover {background: transparent url(images/navRed.gif) -228px -42px no-repeat;} #button7R a:hover {background: transparent url(images/navRed.gif) -291px -42px no-repeat;} #button8R a:hover {background: transparent url(images/navRed.gif) -424px -42px no-repeat;} #button9R a:hover {background: transparent url(images/navRed.gif) -487px -42px no-repeat;} #button10R a:hover {background: transparent url(images/navRed.gif) -544px -42px no-repeat;} #button1R a#on {background: transparent url(images/navRed.gif) 0 -42px no-repeat;} #button2R a#on {background: transparent url(images/navRed.gif) -45px -42px no-repeat;} #button3R a#on {background: transparent url(images/navRed.gif) -99px -42px no-repeat;} #button4R a#on {background: transparent url(images/navRed.gif) -159px -42px no-repeat;} #button5R a#on {background: transparent url(images/navRed.gif) -195px -42px no-repeat;} #button6R a#on {background: transparent url(images/navRed.gif) -228px -42px no-repeat;} #button7R a#on {background: transparent url(images/navRed.gif) -291px -42px no-repeat;} #button8R a#on {background: transparent url(images/navRed.gif) -424px -42px no-repeat;} #button9R a#on {background: transparent url(images/navRed.gif) -487px -42px no-repeat;} #button10R a#on {background: transparent url(images/navRed.gif) -544px -42px no-repeat;}