/* johndmchugh.com                */
            /* handheld.css                   */
            /* 2006-08-17                     */

              @import url(thumbs.css);


            /* GLOBAL RESET */

              * {
                border: none;
              }


            /* DOCUMENT */

              html {
                background: #000;
                color: #fff;
                margin: 0;
                padding: 2px;
              }

              body {
                font-family: "Trebuchet MS", sans-serif;
                margin: 0;
                padding: 0;
              }


            /* LINKS */

              a:link,
              a:visited {
                color: #aaa;
              }

              a:focus,
              a:hover {
                color: #ccc;
              }

              a:active {
                color: #999;
              }


            /* MENU */

              .menu {
                list-style: none none outside;
              }


            /* PHOTO */

              #photo img {
                max-width: 100%;
              }


            /* STORY */

              #story p {
                text-align: justify;
              }


            /* NAVIGATION */

              #navigation a,
              #navigation strong {
                display: block;
                float: left;
                margin: 2px;
              }

              #navigation a.thumb {
                background: #fff;
                color: #000;
                height: 42px;
              }

              #navigation a.thumb:focus img,
              #navigation a.thumb:hover img {
                opacity: 0.8;
              }

              #navigation a.thumb:active {
                background: #000;
                color: #fff;
              }

              #navigation a.next {
                background: url('next-focus.png') no-repeat;
              }

              #navigation a.previous {
                background: url('previous-focus.png') no-repeat;
              }

              #navigation a.start {
                background: url('start-focus.png') no-repeat;
              }

              #navigation a.next:focus img,
              #navigation a.next:hover img,
              #navigation a.previous:focus img,
              #navigation a.previous:hover img,
              #navigation a.start:focus img,
              #navigation a.start:hover img {
                visibility: hidden;
              }

              #navigation a.next:active {
                background: url('next-active.png') no-repeat;
              }

              #navigation a.previous:active {
                background: url('previous-active.png') no-repeat;
              }

              #navigation a.start:active {
                background: url('start-active.png') no-repeat;
              }

              #navigation strong {
                font-size: 24px;
                line-height: 42px;
                text-align: center;
              }


            /* CREDIT */

              #credit {
                clear: both;
              }