body {
    font: 10pt "Bitstream Vera Serif", serif;
    background-color: #777777;
    color: Black;
    margin: 1em 2em 2em 4em;
    padding: 0;
}

#main-container {
    background-color: white;
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid black;
}

#main {
    padding-left: 10px;
    padding-right: 10px;
}

#header {
    background: #EEEEFF url(../images/head.jpg) no-repeat scroll;
    height: 120px;
}

#header h1 {
    font: 28pt "Bitstream Vera Serif", serif;
    text-align: center;
    width: 70%;
    margin-top: 0;
    padding-top: 20px;
}
#header a {    
    color: black;
    text-decoration: none;
}

a {
    color: #050090;
}

img { border: none;}


#menu {
  text-align: justify;
  height:30px;
  padding:0px 10px;
  margin:0;
  background-color: black;
  border: 1px solid black;
  line-height: 30px;
}

#menu ul {
/*
  position: relative;
  top: 6px;
*/
  padding: 0;
}

#menu * a {
  padding: 5px 30px 5px 30px;
}

#menu * {
    text-decoration: none;
    display: inline;
    color: white;
    font-weight: bold;
  line-height: 30px;
  height: 30px;
}

#menu hr {
    display: inline-block;
    position: relative;
    width: 100%;
    border: none;
    height: 0;
    color: transparent;
    background-color: transparent;    
}

.code {
font-family:monospace;
font-size:127%;
}
span.code {
background:#EEEEEE none repeat scroll 0% 0%;
font-weight:bold;
}
#flash, .notice {
font-size:120%;
font-weight:bolder;
margin:0pt auto 0.5em;
width:680px;
}
#flash div, .notice {
padding:20px 15px 20px 65px;
}
#flash .ok {
background:#d8ecd8 url(../images/ok.png) no-repeat scroll 10px center;
}
#flash .warning {
background:#fff483 url(../images/warning.png) no-repeat scroll 10px center;
}
#flash .error {
background:#f9c5c1 url(../images/error.png) no-repeat scroll 10px center;
}
#flash .alert,
#flash .info {
background:#EEEEFF url(../images/info.png) no-repeat scroll 10px center;
}
.notice {
background:#EEEEFF url(../images/info.png) no-repeat scroll 10px center;
}
.fielderror {
color:red;
font-weight:bold;
}

.hack {
    width: 70%;
}

.photo-thumbnail-container {
    padding: 20px 0 0px 0;
    margin:0;
}

.photo-thumbnail-container li {
    width: 130px;
    min-height: 160px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    margin: 10px 44px 10px 44px;
    zoom: 1;
    *display: inline;
    _height: 160px;
    color: white;
}

.photo-thumbnail-box {
    border: 1px solid #444;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    width: 130px;
    height: 130px;
    text-align: center;
    line-height: 130px;
}

.photo-thumbnail-box img {
    vertical-align: middle;
}

.dark {
    background-color: black;
    color: white;
}

.photo {
    padding-top: 30px;
    padding-bottom: 40px;
    text-align: center;
}

.photo-data {
    padding-top: 20px;
}


.prev-page {
    line-height: 32px;
    float: left;
}

.next-page {
    line-height: 32px;
    float: right;
}

.prev-page a ,
.next-page a ,
.up-page a {
    color: white;
    text-decoration: none;
}

.prev-page a img ,
.next-page a img ,
.up-page a img {
    vertical-align: middle;    
}

.photo .prev-page ,
.photo .next-page {
    position: relative;
    top: 150px;
}

.up-page {
    text-align: center;
}