
body { 
 font-family: luxi sans, trebuchet ms, sans-serif;
 color: #888;
 margin: 12px;
 background-color: #3c3c3c;
}

.header {
 width: 100%;
 margin-bottom: 20px;
 padding: 0px;
 padding-bottom:12px;
 border-bottom: 1px dotted #888;
 font-size: 12px;
}

#title { 
 color: #d5d5d5;
 font-weight: bold;
 margin: 0;
 padding: 0;
 margin-left: 3px;
 font-size: large;
 letter-spacing: .5em;
}

a { 
 text-decoration:none;
 color: #c49200;
}

a:hover { 
 text-decoration:none;
 color: #da1;
}

div.container {
 width: auto;
 margin-top: 45px;
 margin-left: 60px;
 margin-right: 60px;
 margin-bottom: 12px;
}

div.content {
 color: #bbb;
}

div.content img {
 border-top: 2px inset #c49200;
 border-right: 0;
 border-left: 0;
 border-bottom: 2px inset #c49200
}

div.content textarea {
 width:100%;
 background-color: lightgrey;
 color:black;
}

div.content input {
 width:100%;
 margin:0;
 padding:0;
 border:1px outset grey;
 font-family: luxi sans, trebuchet ms, sans-serif;
 font-size:11px;
}

div.subheader {
 color: white;
 letter-spacing: .3em;
}

div.thumbs  {
 clear: both;
 padding: 6px;
 text-align: center;
}

div.thumbs a {
 margin: 6px;
 display: block;
 float: left;
 width: 140px;
 height: 140px;
 border: 1px solid #727272;
 background-color: #282828;
 -moz-border-radius: 5px;
}

div.thumbs img { 
 padding: 4px;
 margin: 24px 3px;
 border: 0px;
}

div#gallery_description {
 clear: both;
 padding: 0px 12px 12px 12px;
}

div.thumbs a:hover {
 background-color: #222;
 border: 1px solid #c49200;
}

div.footer { 
 clear: both;
 padding-top:15px;
 margin-top:15px;
 font-size: 10px;
 border-top: 1px dotted #888;
}


