body { background: #000; FONT-FAMILY: "Lucida Grande", Helvetica, Arial, san-serif; FONT-SIZE: 13px; padding: 0; margin: 0; }
img,table { BORDER: 0; }
a:hover { COLOR: #bb3333; }
#example { display: inline }

.locate { COLOR: #262626; padding: 6px 0 0 23px;  }
.locate a { COLOR: #9bd093; }
.locate a:hover { COLOR: #bb33333; }

.everything { padding-bottom: 15px; width: 100%; margin: 0 auto; width: 1024px; }
  
#hello a { text-decoration: none; color: #E7CECB }
#hello a:hover { COLOR: #bb33333; text-shadow: 0 0 3px #a51319; }
.hello a { COLOR: #151515 }

#curr { COLOR: #bb33333; }

#about a { COLOR: #FFFFFF; }
#about a:hover { COLOR: #bb33333; }

#head { background: #151515 url("/media/topbar-bg.jpg") repeat-x; border-bottom: 1px solid #000; HEIGHT: 71px; z-index: 1000; width: 100%; }
#head span { FLOAT: left; }
#head span img { PADDING: 19px 9px 15px 10px; }
#head ul { BOTTOM:0; FLOAT: right; text-align: right; width: 800px; LIST-STYLE:none; MARGIN: 39px 0 0 0; PADDING:0; font-size: 13px; }
#head li { DISPLAY:inline; FLOAT:right; MARGIN:0; PADDING:0 0 0 3px; }
#head li a { background: url('/media/tabLeft.gif') no-repeat 0 0; COLOR:#fff; FLOAT:left; line-height: 31px; PADDING:0 0 0 6px; TEXT-DECORATION:none; }
#head li a span { background: url('/media/tabRight.gif') no-repeat right 0; COLOR:#333; PADDING:0 19px 2px 13px; }
#head li a:hover { COLOR:#000; FLOAT:left; PADDING:0 0 0 6px; TEXT-DECORATION:underline; }
#head li#cur a { background: url('/media/tabLeft.gif') no-repeat 0 -100px; }
#head li#cur a span { background: url('/media/tabRight.gif') no-repeat right -100px; COLOR:#fff; }

#photos { margin: 10px 0 0 0; width: 730px; float: left;  }

#portfolio { margin: 15px 0 0 0; }
#portfolio a { margin: 0 0 0 32px; }

.gallery a { MARGIN: 0 0 0 23px; PADDING: 0; color: #AAA; }
.gallery a:hover { color: #bb33333; }
.gallery img { opacity: 0.8; }
.gallery img:hover { opacity: 1;}

#right { float: left; margin-top: 15px; width: 250px }
#right h2 { margin: 0 0 13px 17px; padding: 0 0 4px 5px; border-bottom: 1px solid #333; font-size: 18px; color: #956; }
#right a { color: #AAA; }
#right .links { margin: 0 0 0 22px; font-size: 15px; position: relative; top: -5px; line-height: 1.6em; }
#right .links a { color: #E7CECB; line-height: 2.1em;  display: block}
#right .links a:hover { COLOR: #bb33333; }
#right img { opacity: 0.8; MARGIN: 0 0 0 22px; }
#right img:hover { opacity: 1;}

#flickr { position: relative; top: 20px; float: left; width: 250px; line-height: 2.5em; }
#flickr a { color: #E7CECB }
#flickr a:hover { COLOR: #bb33333; }
#flickr h2 { margin: 0; font-size: 28px; ; border-bottom: 1px solid rgba(127,127,127,0.2); margin-bottom: 7px; }
#flickr h2 a { color: #956; }

#colorspy textarea {width: 678px;height: 150px;}
#colorspy { border: 0; margin: 0 0 0 5px; PADDING: 0 0 27px 0; font-size: 14px; line-height: 1.5em; width: 730px; float: left; }
#colorspy h2 a, #colorspy h2 { color: #fff; margin: 0; font-size: 20px; }
#colorspy h2 { background: #000 url(/media/headline.png); padding: 10px 20px; }
#colorspy h2 span { float: right; font-size: 15px; color: #999; }
#colorspy li h2 { color: #fff; margin: 0; background: rgba(0,0,0,0.7); font-size: 20px; padding: 10px 20px; }
#colorspy ul { color: #272727; LIST-STYLE-TYPE: none; PADDING: 0; margin: 0; }
#colorspy li { margin: 0; padding: 15px 20px 30px; }
#colorspy img { BORDER: 3px solid #FFF; margin-right: 7px; }
#colorspy a.image, #colorspy a.image:hover { border: 0 }
#colorspy a { color: #0F60B8; }
#colorspy a:hover { color: #bb3333; }