/* template styles */
#document { width: 765px; margin-left: auto; margin-right: auto; }
#nav a { margin-right: -4px; }
#footer { background-color: #ed1c24; color: #fff; padding: 5px 5px 10px 5px; font-size: 9px; clear: both; margin-top: -2px;}
#footer div { margin-bottom: 3px; text-align: center; }
#footer a { color: #fff; border-right: 1px solid #fff; padding: 0 5px 0px 5px; }
#footer p { text-align: center; }
#footer #copyright { position: absolute; margin-left: 10px;  margin-top: -10px; font-size: 9px; font-family: arial; }
.portlet { border: 3px solid #e51c24; padding: 9px 10px 8px 10px; background-color: #fff3cf; margin-top: 3px; font-family: arial; }

/* general element styles */
body { font-family: verdana; margin-top: 10px; font-size: 11px; }
ul { list-style-image: url(/src/bullet.gif); margin: 2px 0 5px 0; padding-left: 17px; color: #e51c24; }
li { margin-top: 3px; }
td { vertical-align: top; }
a img { border: 0; }
p { margin: 0; }
em, a { color: #e51c24; font-style: normal; }
address { padding: 10px 10px 10px 10px; font-style: normal; color: #e51c24; font-weight: bold; }
i { font-size: 10px; }

/* page specific styles */
div.home { position: absolute; }
.home p { padding: 10px 200px 0 198px; line-height: 1.75em; width: 366px; }
#contest-text { position: absolute; width: 160px; margin: 38px 0 0 589px; z-index: 1; text-align: center; color: #666; }
#contest-enter { position: absolute; width: 150px; margin: 97px 0 0 596px; z-index: 1; text-align: center; color: #f00; font-size: 16px; font-weight: bold; font-family: arial; }
#contest-enter strong { display: block; color: #000; }

div.menu { background: url(/src/menu/bg.jpg); height: 641px; font-family: arial; line-height: 15px; }

#home-photo-contest { float: right; position: relative; margin-top: -35px; }
#home-photo-kid { margin-left: -1px; margin-bottom: -2px; }
#home-photo-1950 { margin-left: -5px; }
#sahlens-logo { position: absolute; margin: -30px 0 0 -65px; }

.column { float: left; }
.floatClear { clear: both; }

/* entry form styles */
#section-enter { background: url(/src/enter/shadow-bottom.gif) #eb322d 0 100% no-repeat; padding-bottom: 5px; margin-bottom: 5px; }
#section-enter .inner-wrap { background: url(/src/enter/shadow-right.gif) 100% 0 no-repeat; margin-right: -1px;  }
#section-enter h1 { border-top: 1px solid transparent; margin: 0 0 .5em 4px; }
#section-enter h2 { color: #fff; text-align: center; margin: 3em 0 0 0; }
#section-enter #photo-frame { position: absolute; margin: -44px 0 0 185px; }
#section-enter .pageDescription { width: 230px;  color: #fff; font-size: 13px; font-family: arial; line-height: 1.5em; }
#section-enter .pageDescription p:first-child { margin: .5em 2em 2.75em 3px; }
#section-enter form .field { margin-bottom: 8px; }
#section-enter form label { float: left; margin: 0 1em 0 .5em; }
#section-enter form .field input { border: 0; padding-left: 3px; color: #555; font-weight: bold;  width: 248px; }
#section-enter form select { border: 0; color: #555; font-weight: bold; }
#section-enter form textarea { border: 0; width: 250px; overflow-y: scroll; padding: 0 0 0 3px; color: #555; }
#section-enter form .formControls { text-align: right; padding-left: 3px; }

/* safari fixes */
body:first-of-type #sahlens-logo  { margin: -180px 0 0 510px; }
body:first-of-type #section-enter .pageDescription p:first-child { margin: .5em 2em 2em 3px; }