﻿* { padding: 0; margin: 0; }
body { font-family: Trebuchet MS, Arial, Sans-Serif; font-size: 62.5%; color: #fff; background-color: #000; }
    
p h1 h2 h3 h4 {color: #999}
h1 { font-size: 2em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.4em; }
p { font-size: 1.2em; }
img {border: none;}

a:link, a:visited {color: #fff;}
a:hover {color: #bbb;}

.Container {padding: 18px 18px;}
.Logo {letter-spacing: .1em; font-size: 2.4em; color: #999;}

.GalleryHeader {}

div.PrimaryNav {height: 30px;}
.PrimaryNav ul {margin: 0; padding: 10px 0; list-style: none;}
.PrimaryNav li {float: left; display: inline; letter-spacing: 2px; padding-right: 18px; color: #666;}
.PrimaryNav li a { padding-right: 18px; font-size: 1.4em;}

.MiddleContainer td {vertical-align: top;}

.thumbContainer {width:200px;}
.thumbContainer img {margin: 4px 4px; border: solid #999 1px;}

.main {padding: 0 40px;}
.main img {border: solid #999 1px;}

.Description { font-size: 1.3em; padding: 10px 40px; margin: 0;}

.ImagePost {text-align: center; height: 110px; width: 140px; overflow: hidden;}
div.ImagePost {float:left; padding: 5px; position: relative; border: solid 1px #444; background-color: #333; margin: 0 5px 5px 0;}
.ImagePost p {font-size: 1.2em; position: absolute; bottom: 5px; left: 0; width: 100%; margin: 0;}
div.ImagePost:hover {background-color: #444; border: solid 1px #555;}

.HorizontalThumbs {width: 100%;}
.HorizontalThumbs img {margin: 15px 2px 2px 2px;}

.Portfolio {text-align: center;}

img.FullPhoto {border: solid 2px #fff;}
div.FullPhoto {height: 600px;}

.Login  {margin: 50px auto; width: 300px; float: none; text-align: center;}
.Login div, p, input    {padding: 0; margin: 10px 5px;}
.Login div  {float: left;}

.FormContainer  {border: solid 1px gray;}

.Error  {color: Red; font-size: 1.2em; padding: 0 5px;}

/* Admin Pages */
.ContentContainer {position: relative;}
.Right {position: absolute; left: 430px; top: 0;}

.Admin {margin: 0 10px; font-size: 1.2em;}
.Admin h1 {font-size: 1.8em; color: #999;}
.Admin h2 {background-color: #666; font-size: 1.6em; padding: 2px 5px; margin: 0;}
.Admin div {background-color: #999; border: solid 1px #ddd; overflow: auto; margin: 10px 0;}
.Admin div div {border: none; margin: 0;}
.Admin table {width: 100%;}
.Admin td input {width: 100%;}
.Admin table table {width: auto;}
.Admin td, .Admin th {border: solid 1px #aaa; padding: 1px 3px;}
.Admin input {padding: 0; margin: 2px 0;}

.SmallBoxes div {width: 400px;}

/* Gallery */
.Gallery img {border: solid 1px #bbb; margin: 5px; vertical-align: middle;}
.Gallery .Thumbs img {cursor: pointer;}
.Gallery .Error {padding: 20px;}

/* Full Size */
div.FullSize {float:left;}
.FullSize {position: absolute; left: 250px;}
.FullSize h1 {font-size: 1.6em; text-align: center;}
.FullSize p {font-size: 1.2em; text-align: center;}
.FullSize img {border: solid 1px #bbb; margin: 20px;}
.FullSize a {margin-left: 20px; font-size: 1.2em;}

div.Thumbs {float: left; width: 200px;}

.Hidden {position:absolute; left: 1000px;}