/*  Custom stylesheet for jefferysphoto.com */

body{ background: #211710 url(../images/background.gif); margin: 0; color: #fff; }

#nav{ background: #630 url(../images/navigation.gif); }
#nav ul{ margin: 25px 0 0; padding: 0; text-align: right; font: 14px Arial, Helvetica, sans-serif; }
#nav li{ list-style-type: none; }
#nav li a{ display: block; padding: 15px 25px 15px 5px; }
#nav li a:link,
#nav li a:visited{ text-decoration: none; color: #c9c9c9; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75); }
#nav li a:hover,
#nav li a:active{ color: #fff; }

#logo{ display: block; margin: 5px auto; }

#slideshow{ width: 900px; height: 500px; }
.home .controls, .home .thumbs, .home #thumbs{ height: 0; display: none; }

#portfolio{ width: 825px; }
#portfolio ul{ margin: 0; padding: 0; font: 10px Arial, helvetica, sans-serif; text-transform: uppercase; letter-spacing: 2px; text-align: center; }
#portfolio li{ list-stlye-type: none; display: block; float: left; margin: 0; padding: 0; width: 275px; overflow: hidden; }
html>body #portfolio li{ margin: 0 0 25px 0; }
#portfolio li.last{ margin-left: 275px; }
#portfolio .image{ display: block; width: 240px; height: 140px; overflow: hidden; margin: 5px auto 2px auto;  padding: 1px; background: #aaa; border-bottom: 3px solid #130F14; }
#portfolio a{ color: #fff; text-decoration: none; display: block; width: 242px; margin: 0 auto; }
#portfolio a:hover{ color: #fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75); }
#portfolio img{ border: none; }

a:link{ color: #c9c9c9; }
a:visited{ color: #a8a8a8; }
a:hover,
a:active{ text-decoration: none; }

.sessions fieldset{ width: 350px; border: none; }
.sessions input[type="checkbox"], .session input[type="radio"]{ margin: 0 15px 0 0; }
.sessions input[type="text"], .session textarea{ width: 250px; float: left; margin: 3px; }
.sessions input[type="submit"], .session input[type="reset"]{ margin: 3px 0 5px 175px; float: left; }
.sessions input[type="submit"]:hover, .session input[type="reset"]:hover{ cursor: pointer; }
.sessions fieldset p{ clear: both; font-style: italic; }

#session{ margin-bottom: 10px; }
#session label{ clear: left; float: left; width: 150px; padding: 5px; text-align: right; }
#session input[type="text"]{ width: 150px; float: left; margin: 3px; }
#session input[type="submit"]{ clear: both; }
#session p{ text-align: center; padding: 10px 0; }

.required, .error{ color: #792f25; }
.error{ float: left; font-style: italic; width: 100px; padding-top: 2px; font-size: 10px; }

.kalamazoo_message{ padding: 20px; margin: 10px; background: #600; color: #fff; font-style: italic; }