body {
  font: 1em "Lucida Grande", "Nimbus Sans L", "Arial", sans-serif;
  color: #003300;
  margin: 0;
  background: #588E03 repeat-x center top;
}

a:link, a:visited  {
  color: #003300;
  text-decoration: none;
}

a:hover, a:active {
  color: #004C00;
  text-decoration: none;
}

img {
  border: 0;
}

#header {
  padding: .5em 0;
  border-bottom: 1px solid #BEE074;
  background: #9CCE2E repeat center center;
}

#header p {
  margin: 0;
  padding: 0;
  display: inline;
  vertical-align: baseline;
}

#header p.logo {
  font-weight: bold;
  font-size: 1em;
  color: #003300;
  margin-right: .5em;
  text-shadow: #588E03 0 0 .25em;
}

#header p.logo a {
  padding: .5em 1em;
}

#header p.logo a:hover {
  background: #BEE074;
}

#header p.description {
  font-size: .8em;
  color: #003A00;
  text-shadow: #588E03 0 0 .25em;
}

/* Photo */
#photo div#photoWrapper {
  margin: -1px 0 0 0;
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 10px 10px 10px;
  background: #9CCE2E repeat center center;
  border: 1px solid #BEE074;
  border-top: 0;
  text-align: center;
}

#photo div#photoWrapper img {
  border: 1px solid #BEE074;
}

#photo h1 {
  font-size: 1em;
  text-align: left;
}

#photo p#comment {
  margin: 0;
  padding: 0;
  text-align: left;
}

#photo div#photoWrapper a.details {
  display: block;
  float: right;
  padding: .5em;
  font-size: .8em;
  background: #9CCE2E;
  border: 1px solid #BEE074;
  border-top: 0;
  margin-top: -.4em;
  margin-right: -.1em;
}

#photo div#photoWrapper a.details:hover {
  background: #BEE074;
}

#photo div#metadata {
  float: left;
  width: 100%;
  background: #588E03;
}

#photo div#metadata dl {
  margin: 10em 0 0 0;
  padding: 0;
  background: #9CCE2E repeat center center;
}

#photo div#metadata dl dt {
  width: 40%;
  clear: left;
  float: left;
  font-weight: bold;
  text-align: right;
  margin: 0;
  padding: .25em .5em;
}

#photo div#metadata dl dd {
  float: left;
  margin: 0;
  padding: .25em .5em;
}

#photo .filed {
  margin: 0;
  padding: .5em 0 0 0;
  text-align: left;
  font-size: .825em;
}

#photo .filed a {
  font-weight: bold;
}

#photo .filed a:hover {
  text-decoration: underline;
}


/* Archives */
#archives {
  margin: 1em 1em 0 2em;
}

#archives h1 {
  margin-top: 0;
  display: inline;
}

#archives p.meta {
  display: inline;
  margin-left: 1em;
}

#archives #categories {
  float: right;
  width: 20%;
}

#archives #categories h2 {
  display: none;
}

#archives #categories ul {
  list-style: none;
  padding: 0;
  margin: 0 0 0 1em;
}

#archives #categories ul a {
  display: block;
  padding: .25em;
}

#archives #categories ul a:hover {

}

#archives ul.photoList {
  margin-top: 1em;
  float: left;
  width: 80%;
} 

ul.photoList {
  list-style: none;
  padding: 0;
  margin: 0;
}

ul.photoList li {
  float: left;
  display: block;
  width: 145px;
  height: 145px;
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 5px;
  text-align: center;
  vertical-align: top;
  background: #9CCE2E repeat-x center top;
  border: 1px solid #BEE074;
}

/* Albums */

#albums {
  margin: 1em 1em 0 1em;
}

#albums h1 {
  margin-top: 0;
}

#albums ul.photoList li {
  height: 180px;
  font-size: .725em;
}

#albums ul.photoList li p {
  margin: 0;
  padding: 0;
}

/* Error page */
#error {
  width: 40em;
  margin-left: auto;
  margin-right: auto;
}

#error p {
  text-align: justify;
  line-height: 150%;
}

/* End Error page */
div#navigation {
  position: absolute;
  top: 0;
  right: 0;
  width: 30em;
}

div#navigation ul,div#navigation ul li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

div#navigation ul {
  float: right;
  margin-right: 1em;
}

div#navigation ul li {
  float: left;
  text-align: center;
}

div#navigation ul a {
  float: left;
  padding: .5em .75em;
  text-shadow: #588E03 0 0 .25em;
}

div#navigation ul a:hover {
  text-decoration: underline;
}

div#navigation ul li.active a {
  color: #004C00;
}

div#navigation ul li.active a:hover {

}

div#footer {
  clear: both;
  padding-top: 2em;
  padding-bottom: 1em;
  text-align: center;
  font-size: .8em;
  color: #003300;
}

div#footer p {
  display: inline;
  padding: 0 1em;
}

div#footer p.copyright {
  border-right: 1px solid #003300;
}

#upload {
	margin-left:10px;
}

#upload label {
	width:8em;
	float:left;
	text-align:right;
	padding-right:10px;
}

/** comments **/

#commentForm {
  float: left;
  width: 100%;
  background: #588E03;
}

#commentForm h2 {
  margin-left: 5%;
}

#commentForm fieldset {
  border: 0;
  padding: 0;
  margin-top: 1em;
}

#commentForm form {
 margin-left: 5%;
}

#commentForm label {
  color: #ccc;
  font-weight: bold;
  float: right;
  width: 20%;
  padding-top: 0;
}

#commentForm label span {
  font-weight: normal;
  color: #003A00;
}

#commentForm input, #commentForm textarea {
  font: 1em "Lucida Grande", "Nimbus Sans L", "Arial", sans-serif;
  padding: .5em;
  display: block;
  width: 75%;
  margin: 0 0 .75em 0;
  background-color: #003300;
  color:#000;
  border: 1px solid #9CCE2E;
}

#commentForm input.button {
  background: #9CCE2E repeat-x center top;
  color: #003300;
  padding: .5em 1em;
  width: auto;
}

div.comments p {
  margin-top: 0;
}

div.comments .meta span.author {
  font-style: normal;
  font-weight: bold;
}

div.comments {
  width: 820px;
  margin: 0 auto;
  clear: both;
}

div.comments ol.l,div.comments ol.l li {
  list-style: none;
  list-style-image: none;
  padding: 0;
  margin: .5em 0;
}

div.comments ol.l {
  margin: 1em 0 0 0;
}

div.comments ol.l li {
  color: #ffffff;
  margin: 1em 0 0 0;
  /* background: url(balloon.png) no-repeat left center; */
  padding-left: 32px;
}

div.comments ol.l li div {
  padding: 1em;
  background: #000;
  border-bottom: 1px solid #BEE074;
  background: #9CCE2E repeat center center;
  -moz-border-radius: 5px;
}

div.comments ol.l .meta {
  padding: 0;
  margin: 0;
  color: #003A00;
  vertical-align: middle;
}

div.comments ol.l .meta .author {
  color: #ccc;
  font-weight: bold;
}

div.comments ol.l .meta a.date {
  text-decoration: none;
  color: #ccc;
  font-size: .825em;
}

div.comments ol.l .meta .date:hover {
  color: #eee;
}

div.comments ol.l p {
  margin: .125em 0 0 0;
  clear: both;
  color:#fff;
  text-align: justify;
}

input.hidden {
  display:none !important;
}