html, body { background-color: #CCC; }
* {margin: 0; padding: 0;}
body {margin: 10px; font-family: verdana, arial, sans-serif; font-size: 10pt;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
a {color: #fff; text-decoration: none;}
a:hover {color: #C6DC00;}
img {border: 0;}

#pageContainer {width: 960px; margin: 0 auto;}
#pageFrame {width: 960px; min-height: 599px; padding-top: 1px; margin: 0 auto; background-color: #fff; position: relative;}
#header {margin-top: 72px; height: 87px; background-color: #5B5254; border-bottom: 15px solid #CCC; text-transform: lowercase; position: relative; z-index:1;}
#header.gallery_old {margin-top: 10px; height: 45px;}
#siteTitle a {
  outline: 0;
  text-indent: -5000px; background-image: url('../img/logo.png'); 
  display: block; width: 166px; height: 90px;
  position: absolute; top: 8px; left: 20px;}
#header.gallery_old #siteTitle a {
  background-image: url('../img/logoShape.png'); 
  width: 35px; height: 39px;
  position: absolute; top: 10px; left: 20px;}

ul#menu {list-style: none; position: absolute; top: 41px; left: 215px; font-size: 85%;}
#header.gallery_old ul#menu {top: 19px; left: 73px;}
ul#menu li {display: inline; margin-right: 20px;}
ul#menu li.active a {color: #C6DC00;}

ul#social {list-style: none; position: absolute; top: 41px; right:20px; margin:0; padding:0;}
ul#social li {display:inline; margin:0 ; padding:0;}
ul#social li a {text-indent:-5000px; display:inline-block; height:14px; width:14px; margin:0; padding:0; outline: 0;}
ul#social li.facebook a {background:url(/img/facebook.jpeg) no-repeat;}
ul#social li.linkedin a {background:url(/img/linkedin.png) no-repeat;}

#authMessage p {color: #F00; text-align: center;}
#content {width: 516px; margin: 75px auto 20px auto; color: #FFF;}
#content h1 {font-size: 1.6em; font-weight: normal; margin-bottom: 6px;}
.corners {position: relative;}
.corners .top {height: 14px; background-image: url('../img/cornersTop.png');}
.corners .mid {background: transparent url('../img/cornersMid.png') repeat-y 0 0; padding: 16px 30px 1px 30px;}
.corners .bot {height: 14px; background-image: url('../img/cornersBot.png');}
#content p {padding-bottom: 15px;}

ul.LinkCategory {margin-bottom: 15px; list-style: none;}
dl.Link {margin-bottom: 15px;}
dl.Link dt {float: left; clear: left; width: 12em;}

ul#backgrounds {
  position: absolute; bottom: 20px; left: 20px;
  list-style: none; text-transform: lowercase; font-size: 0.8em;}
ul#backgrounds li.hide {display: none;}
ul#backgrounds li.black,
ul#backgrounds li.black a {color: #000;}
ul#backgrounds li.white {color: #FFF;}

img.old {display: block; margin: 12px auto;}
img.gallery {position:absolute; top:0;}
#admin img {display: inline; margin: 0;}

#footer_old {position: absolute; bottom: 0; width: 100%; background-color: #5B5254;}
#footer_old {background-color: #5B5254;}
ul#subMenu {list-style: none; width: 465px; margin: 0 auto; padding: 10px;}
ul#subMenu li {float: left; margin-right: 6px;}
ul#subMenu li.nav {width: 15px; padding-top: 12px; margin-right: 9px; font-size: 0.9em;}
ul#subMenu li.nav.next {margin-right: 0;}
ul#subMenu li.thumb {width: 41px; height: 45px;}
ul#subMenu li.thumb a {
  outline: 0;
  text-indent: -5000px;
  display: block; float: left; width: 41px; height: 45px;
  background: transparent url('../img/thumbFrameThin.png') no-repeat 0 0;
}
ul#subMenu li.thumb a:hover,
ul#subMenu li.thumb.active a {background: transparent url('../img/thumbFrameThin.png') no-repeat -41px 0;}

#admin {padding: 20px;}
#admin a {color: #929F00; text-decoration: underline;}
#admin a:hover {color: #C6D600;}
#admin p.options {padding-bottom: 10px;}

#adminMessage {text-align: center; padding: 2px; background-color: #090; color: #FFF; margin-bottom: 10px;}
#adminMessage.error {background-color: #900;}

table.index {width: 100%; border-collapse: collapse;}
table.index thead tr {background-color: #e5e5e5;}
table.index th,
table.index td {border: 1px solid #ccc; padding: 0.1em 0.2em;}
table.index td {text-align: center;}
table.index tbody tr.altrow {background-color: #f5f5f5;}

.form.float {margin-bottom: 15px;}
.form.float .input {clear: both; margin-bottom: 0.3em;}
.form.float label {float: left; width: 10em;}
.form.float input[type='text'],
.form.float input[type='password'] {width: 25em;}
.form.float .input.datePick input {width: 5.5em;}
.form.float input[type='submit'] {padding: 0 0.75em;}
.form.float .error-message {margin-left: 11em; color: #900; font-size: 0.9em; font-weight: bold;}

.login.form.float input[type='text'],
.login.form.float input[type='password'] {width: auto;}