body { margin: 0; padding: 17px 20px 0 0; background: #333 url("images/system/background.gif") top left no-repeat; font: 12px Arial; color: #fff; }
body#single { margin: 0; padding: 17px 20px 0 0; }

a:link, a:visited { color: #fff; }
a:hover, a:active { color: #fc3; }
p + ul { margin-top: -.75em; }
ul + p#copyright { margin-top: 3em; }

#info { float: left; width: 275px; margin-top: 225px; padding: 0 20px; } 

#copyright { font-size: 10px; }

#content {  }

#photoframe { font-size: 14px; }
#photo { position: fixed; z-index: 100; top: 50%; left: 50%; width: 770px; height: 600px; margin: -305px 0 0 -400px; border: 3px solid #fff; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 10px 20px 10px 10px; background: rgba(0,0,0,.95); background: #000\9; }
#photo img { border: 1px solid #fff; }
#photo a.close { display: block; position: absolute; bottom: 10px; right: 20px; text-decoration: none; } 
#photo a.close:before { content: "X "; text-decoration: none; }

#gallery { position: absolute; left: 350px; padding: 0; clear: left; }
#gallery a { text-decoration: none; }
#gallery img { margin: 0 10px 10px 0; border: 0; }
#gallery img:hover { outline: 3px solid #fff; }

.new img { outline: 3px solid #fc3; }
.newer img { outline: 3px solid #f60; }
.newest img { outline: 3px solid #f00;  }

.highlighted img { outline: 3px solid #3f6; }

.vertical h3 { margin-top: 0; }
.vertical img { float: left; margin-right: 20px; } 

.horizontal { width: 600px !important; padding: 10px 100px 10px 100px !important; font-size: 11px; }

body#single #photo { position: absolute; top: 20px; left: 350px; margin: 0; }

#pghtee { margin-left: 350px; padding: 1em 1em 1em 250px; background: #ffbc03 url("images/system/pghtee.jpg") bottom left no-repeat; color: #000; }
#pghtee a { color: #000; }