*{padding:0;margin:0}
body{overflow-x:hidden;background:#888 fixed;background-image:url(images/bg.jpg);background-image:-moz-radial-gradient(center 45deg,circle cover,rgba(0,0,0,0) 300px,#111 800px),url(images/bg.jpg);background-image:-webkit-gradient(radial,center center,300,center center,800,from(rgba(0,0,0,0)),to(#111)),url(images/bg.jpg);padding-top:0;font-family:Geneva, Arial, Helvetica, sans-serif;line-height:1}
p{padding-bottom:1em}
img{max-width:100%}
#main,#photo,#footer{max-width:800px;margin-left:auto;margin-right:auto}
#title{position:fixed;top:0;text-align:center;width:100%}
acronym,abbr{cursor:help;font-size:0.9em;letter-spacing:0.07em;border-bottom:1px dashed #999}
h1{padding-bottom:.1em;font-size:5em;color:rgba(0,0,0,.5);text-shadow:0 2px 1px rgba(186,186,186,.3);font-family:"Candal",Geneva,Arial,Helvetica,sans-serif;font-variant:small-caps}h1 b{color:rgba(255,129,0,.5);text-shadow:0 1px 1px rgba(255,255,255,.5);font-size:50%;vertical-align:super;font-family:courier}
#main{-webkit-transition:all 1.5s;-moz-transition:all 1.5s;-o-transition:all 1.5s;transition:all 1.5s;-webkit-border-radius:0 0 .5em .5em;-moz-border-radius:0 0 .5em .5em;border-radius:0 0 .5em .5em;margin-bottom:1em}
#me{z-index:-1;position:fixed;margin:1em;padding:2em 2em 0 2em;background:#fff;-webkit-transition:-webkit-transform 3s ease;-moz-transition:-moz-transform 3s ease;-o-transition:-o-transform 3s ease;transition:transform 3s ease;border:#ddd 1px solid}
.me{-webkit-transform:rotate(-10deg);-moz-transform:rotate(-15deg);-o-transform:rotate(-10deg);transform:rotate(-10deg)}
#me .img{overflow:hidden;height:25em;-webkit-transition:height 1s ease;-moz-transition:height 1s ease;-o-transition:height 1s ease;transition:height 1s ease}
#note{font-family:"Reenie Beanie","Comic Sans MS",cursive;text-align:center;padding:1em 0;-webkit-transform:rotate(3deg);-moz-transform:rotate(3deg);-o-transform:rotate(3deg);transform:rotate(3deg);font-size:2em}
#text{color:#fff;position:relative;font:14px/22px Helvetica,Arial,Verdana,sans-serif;-webkit-border-radius:1em 0;-moz-border-radius:1em 0;border-radius:1em 0;float:right;min-width:20em;width:45%;background:#000;padding:1em;background:-moz-radial-gradient(top left,ellipse cover,rgba(0,92,168,0.75) 0%,rgba(17,46,88,0.75) 50%);background:-webkit-radial-gradient(top left,ellipse cover,rgba(0,92,168,0.75) 0%,rgba(17,46,88,0.75) 50%);background:-o-radial-gradient(top left,ellipse cover,rgba(0,92,168,0.75) 0%,rgba(17,46,88,0.75) 50%);background:-ms-radial-gradient(top left,ellipse cover,rgba(0,92,168,0.75) 0%,rgba(17,46,88,0.75) 50%);background:radial-gradient(top left,ellipse cover,rgba(33,92,168,0.75) 0%,rgba(17,46,88,0.75) 50%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf215ca8',endColorstr='#bf112e58',GradientType=1);-webkit-transition:all 2s ease-in;-moz-transition:all 3s ease;-o-transition:all 3s ease;transition:all 3s ease}
ol{overflow:hidden}
#content{padding:1em}
.nav{margin-top:5em;background:#fff;position:relative;z-index:1}
.nav ul{line-height:2em;padding:1em 0 0;font-family:"Reenie Beanie","Courier New",Courier,mono;border-bottom:solid 1px #aaa;text-align:center}
.nav li{display:inline;list-style-type:none;padding:.5em;font-size:1.5em}
.nav a{color:#333;text-decoration:none;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.nav a:hover,.nav a:focus{color:#f03;opacity:0.50;filter:alpha(opacity=50)}
.ext,#note a:hover,#note a:focus{background:url(images/spwright.png) no-repeat right .5em;padding-right:20px}
#note a{color:#333;text-decoration:none}
#note a:hover,#note a:focus,.picasa a:hover,.picasa a:focus{text-decoration:underline}
#resume{background:url(images/spwright.png) no-repeat right -30px;padding-right:20px}
#h2{font-family:"Gill Sans";color:#c00;padding-bottom:1em}
#h2 li{font-size:large;font-weight:800;color:#ff6;display:inline;list-style-type:none;padding-right:1em}
#h2 .h2{color:#9eb37f}
#contact{text-align:center;position:relative;z-index:1;background:#f60;background:-moz-linear-gradient(top, #f60 12%, #ff4300 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(12%,#f60), color-stop(100%,#f00));padding-left:1em;overflow:hidden;-webkit-transition:all .3s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all .3s ease}
#contact li{display:inline-block;list-style-type:none;padding-right:2em;font-size:.8em;height:100%;line-height:32px}
#e{line-height:32px;display:inline-block}
.p{background:url(images/spwright2.png) no-repeat left -52px;padding-left:32px}
.e{background:url(images/spwright2.png) no-repeat left 0;padding-left:32px}
#ps{color:#4ad;font-size:.8em;padding-top:1em;font-style:italic}
.ciActive{-webkit-border-radius:.25em .25em 0 0;-moz-border-radius:.25em .25em 0 0;border-radius:.25em .25em 0 0;border:1px solid #aaa;border-bottom:0;background:#f60;color:#003}
.ciActive a:hover,.ciActive a:focus,#contact,#contact a{color:#fff;opacity:1;filter:alpha(opacity=100)}
#contact a:hover{color:#dee0fd}
#footer{-webkit-border-radius:.5em .5em 0 0;-moz-border-radius:.5em .5em 0 0;border-radius:.5em .5em 0 0;z-index:1;font-size:x-small;background:#fff;filter:alpha(opacity=50);opacity:0.5;border-top:solid 1px #ddd;border-right:solid 1px #ddd;text-align:center;text-transform:uppercase;padding:.5em;position:fixed;bottom:0;z-index:999}
#footer:hover{filter:alpha(opacity=100);opacity:1}
#footer a{text-decoration:none;color:#000}
#footer a:hover{text-decoration:underline;color:#00f}
.hide{display:none}
#photo{position:relative;text-align:right;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;margin-bottom:1em}
#photo .change{padding:.5em;text-decoration:none}
#photo ul{display:block;padding-left:1em}
#photo li{display:inline;list-style-type:none;float:left}
#photo .other{z-index:6;position:absolute;top:0;left:0;width:100%}
.pic1 #pic1:hover,.pic2 #pic2:hover,.pic3 #pic3:hover,.pic4 #pic4:hover,.pic1 #pic1:focus,.pic2 #pic2:focus,.pic3 #pic3:focus,.pic4 #pic4:focus{border-color:transparent}
.pic1 .change,.pic2 .change,.pic3 .change,.pic4 .change{color:#fff;border:1px solid transparent;-webkit-border-radius:.5em;-moz-border-radius:.5em;border-radius:.25em;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.pic1 .change:hover,.pic2 .change:hover,.pic3 .change:hover,.pic4 .change:hover{border-color:#fff}
.pic1 #pic1,.pic2 #pic2,.pic3 #pic3,.pic4 #pic4{background:#000;background:rgba(0,0,0,.5)}
div.img{position:absolute;height:100%;width:100%;-webkit-border-radius:0 0 .5em .5em;-moz-border-radius:0 0 .5em .5em;border-radius:0 0 .5em .5em}
#pic11,#pic21,#pic31,#pic41{-webkit-transition:all 2s;-moz-transition:all 2s;-o-transition:all 2s;transition:all 2s;-o-background-size:100%;-moz-background-size:100%;-webkit-background-size:100%;background-size:100%}
.pic11 #pic11{background:url(http://lh4.googleusercontent.com/-a1a73gXFKP8/TiHXwVYkh6I/AAAAAAAABOY/KG18Q99xJQM/s800/DSC00918.JPG) no-repeat}
.pic21 #pic21{background:url(http://lh4.googleusercontent.com/-u3CP9PPlZhk/TLC4I_VMfzI/AAAAAAAAAeE/9rEG6NdbdmU/s800/DSC00310.JPG) no-repeat}
.pic31 #pic31{background:url(http://lh4.googleusercontent.com/-bt298dRj1JQ/TKkwUGBvohI/AAAAAAAAAJQ/fiBHLEDgPEo/s800/DSC00052.JPG) no-repeat}
.pic41 #pic41{background:url(http://lh4.googleusercontent.com/-tTVTU6YcGCY/TL-fmLPhqvI/AAAAAAAAA9w/rQ_P3GnOMuo/s800/DSC00736.JPG) no-repeat}
.pic1 #pic11,.pic2 #pic21,.pic3 #pic31,.pic4 #pic41{z-index:5}
.pic1 #pic21,.pic1 #pic31,.pic1 #pic41,.pic2 #pic31,.pic2 #pic41,.pic3 #pic41{opacity:0;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.pic2 #pic11,.pic3 #pic11,.pic3 #pic21,.pic4 #pic21,.pic4 #pic31,.pic4 #pic11{opacity:0;-webkit-transform:scale(10);-moz-transform:scale(10);-o-transform:scale(10);transform:scale(10)}
.pic1 #imgholder,.pic3 #imgholder,.pic4 #imgholder,#photo,.pic2 #imgholder{height:516px}
#imgholder{position:absolute;top:0;left:0;width:100%}
#photo h2{color:#fff;padding:.25em;text-align:center;background:#333;background:rgba(41,41,41,.75);border-bottom:1px solid #666;text-shadow:2px 2px 0 #000;font-family:"Arial Black";font-variant:small-caps}
.picasa{position:relative;top:-1.75em;right:1em}
.picasa a{color:#ccc;text-decoration:none;width:100%;padding:.25em;padding-right:1em;font-family:"Reenie Beanie","Comic Sans MS",cursive;font-size:1.5em;border:1px solid #ccc;-webkit-border-radius:.5em;-moz-border-radius:.5em;border-radius:.25em}
.me,.nav,#contact{-moz-box-shadow:3px 6px 5px rgba(0,0,0,.25);-webkit-box-shadow:3px 6px 5px rgba(0,0,0,.25);box-shadow:3px 6px 5px rgba(0,0,0,.25)}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}