/* Stylesheet by Emerson R. Lackey */

/* Global Styles */
.clear {clear: both;}

/* Main Structure */
html {width: 100%; min-width: 260px; min-height: 100%;}
body {width: 100%; min-height: 100%;}

#wrapper {width: 100%; min-height: 100%;}
#col-1 {padding: 2%;}
#home {display: block; width: 96%; padding: 5px 2% 5px 2%; background-color: #333333; color: #ffffff; text-decoration: none; font-family: Georgia; font-size: 16pt; letter-spacing: 3px;}
#home:hover {background-color: #327EA6;}

/* Content Style */
#col-1 h1 {font-family: Georgia; font-size: 18pt; color: #444444; letter-spacing: 3px; word-spacing: 3px; font-weight: normal;}
#col-1 p {font-family: Arial; font-size: 10pt; color: #666666; line-height: 130%; max-width: 43em;}

/* Alert Messages */
#col-2 p.success {clear: both; margin: 10px auto 10px auto; border: 1px solid #999999; padding: 8px; font-family: Arial; font-size: 9pt; color: #555555; line-height: 130%; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #d1f3c9;}
#col-2 p.alert {clear: both; margin: 10px auto 10px auto; border: 1px solid #999999; padding: 8px; font-family: Arial; font-size: 9pt; color: #555555; line-height: 130%; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #f3cdc9;}

/* Controls */
#controls p {text-align: right;}
#controls a {padding: 3px 9px 3px 9px; border: 1px solid #333333; background-color: #efefef; color: #333333; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-family: Arial;}
#controls a:hover {background-color: #000000; color: #ffffff;}

/* Edit Galleries */
#gallery-box {margin: 30px 0 30px 0;}
#gallery-box ul {list-style: none; margin: 0; padding: 0;}
#gallery-box ul li {display: block; min-width: 150px; max-width: 650px; margin: 0 0 30px 0; padding: 1%; border: 1px solid #cccccc; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#gallery-box ul li img {float: left; margin: 1% 2% 1% 2%; padding: 5px; border: 1px solid #efefef; } 
#gallery-box ul li h2 {margin: 1% 0 5px 0; font-family: Georgia; color: #666666; letter-spacing: 2px; word-spacing: 3px;font-size: 14pt;}
#gallery-box ul li p.metadata {font-size: 12px; color: #cccccc; margin: 10px 0 10px 0;}

/* Edit Images */
#image-box {margin: 30px 0 30px 0;}
#image-box ul {list-style: none; margin: 0; padding: 0px 0 0 0;}
#image-box ul li {position: relative; display: block; float: left; width: 150px; height: 150px; padding: 9px; border: 1px solid #cccccc; margin: 0% 0% 5% 5%; display: inline;}
#image-box ul li a.deleteimage {position: absolute; padding: 4px; top: 5px; right: 5px; background-color: #333333; color: #ffffff; font-family: Arial; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#image-box ul li a.deleteimage:hover {background-color: #ff0000; color: #ffffff;}
#image-box h4 {font-family: Arial; font-size: 16pt; color: #666666;}

/* Form Styles */
form {margin: 50px 0 50px 0; position: relative;}
form h3 {font-family: Arial; font-size: 14pt; color: #555555; letter-spacing: 5px; word-spacing: 3px; margin: 15px; text-align: center; border-bottom: 1px solid #cccccc; padding-bottom: 3px; font-weight: normal;}
form label {display: block; width: 100%; margin-bottom: 2px; font-family: Arial; font-size: 9pt; color: #555555; letter-spacing: 1px;}
input.textbox {width: 96%; padding: 3px; font-size: 11pt; border: 1px solid #999999; color: #333333; letter-spacing: 1px; margin-bottom: 15px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
input.file {width: 80%; color: #666666; margin-bottom: 15px; }
input.submit {padding: 3px 15px 3px 15px; font-size: 8pt; border: 1px solid #999999; color: #333333; letter-spacing: 1px; margin-bottom: 15px; float: right; cursor: pointer; background-color: #ffffff; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
input.submit:hover {background-color: #cccccc; color: #000000; border: 1px solid #333333;}
textarea.textarea {width: 96%; height: 100px; padding: 3px; font-family: Arial; font-size: 10pt; border: 1px solid #999999; color: #333333; letter-spacing: 1px; margin-bottom: 15px; line-height: 140%; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
label.loader {float: left; display: block; width: 24px; height: 24px; margin-left: 15px;}
input.right {}

#col-1 h1 {color: #cccccc; font-size:32pt; letter-spacing: 8px;}

/* Navigation */
#nav {margin-top: 10px; margin-bottom: 10px; display: block; background-color: #327EA6; position: relative;}
#nav li {display: block; float: left;}
#nav li a {display: block; float: left; font-family: Arial; color: #ffffff; font-size: 11pt; padding: 8px; text-decoration: none; border-right: 2px solid #ffffff; background-color: #327EA6;}
#nav li a.active {background-color: #333333;}
#nav li.back_button {position: absolute; right: 0; border-left: 2px solid #ffffff;}
#nav li a:hover {background-color: #0A384F; text-decoration: none;}