/* ------------------------------------------------
   Standards compliant CSS attempt by Ryan Salerno
   Questions and problems: rsalerno@gmail.com
   ------------------------------------------------ */

/* --- index page specific --- */
body { background-color: #f2eed2; width: 88%; margin: auto; padding: 0; text-align: center; color: #333; }

div#header { margin: 20px 0 0 0; }
div#header h1 { padding: 0; margin: 10px; }
div#header p { color: #744143; font-size: 125%; }

h2 { color: #744143; width: 400px; }
ul { list-style-type: none; margin: 0; padding: 0; }

div#container { text-align: left; margin: 29px auto; }
div#secretmessage { xfloat: left; width: 200px; position: absolute; margin-top: 10px; xmargin-left: 234px; padding: 10px; background-color: #d0ccb0; border: 2px solid white; text-align: left; }
html>body div#secretmessage { margin: 29px 0 0 214px; }

div#navbar { float: left; margin: 0 0 10px 0; padding: 0; background-color: #d0ccb0; border: 2px solid white; border-bottom: 0; width: 200px; }
div#navbar ul li { text-align: left; border-bottom: 2px solid white; margin: 0; }
div#navbar ul li a { display: block; width: 100%; height: 100%; padding: 5px; border-left: 10px solid #d0ccb0; color: #666; }
div#navbar ul li a:hover { color: #744143; background-color: #e1ddc1; border-left: 10px solid #f2eed2; text-decoration: none; }
html>body #navbar ul li a { width: auto; }

div#newsphotos { width: 621px; float: left; padding: 5px 0 5px 5px; margin-left: 10px; text-align: left; background-color: #d0ccb0; border: 2px solid white; position: relative; z-index: 2; }
div#newsphotos ul { margin: 0 0 0 -15px; padding: 0; height: 134px; }
html>body div#newsphotos ul { margin: 0 0 0 -5px; height: 114px; }
div#newsphotos ul li { margin: 0 0 10px 10px; padding: 10px; float: left; border: 2px solid white; }
html>body div#newsphotos ul li { padding-bottom: 5px; }

p#desc { height: 3em; }
img#bigpicture { margin: 0 25px; }
p.photocopy { margin: 10px 10px 0 5px; padding: 10px; border: 2px solid white; }
p.breakingnews { margin: 10px 10px 10px 5px; padding: 10px; border: 2px solid white; background-color: #f2eed2; }

.odd { background-color: #f2eed2; }
.clearer { clear: both; float: none; }
.spaceless { height: 1px; line-height: 1px; margin: 0; padding: 0; }

h1, h2 { margin: auto; padding: 20px 0 0 0; color: #744143; text-decoration: none; font-weight: normal; text-align: center; }
h2 { text-align: left; padding: 0; margin: 0; }
a:link { text-decoration: none; color: #744143; }
a:visited { text-decoration: none; color: #744143; }
a:hover { text-decoration: underline; }
a:active { text-decoration: none; color: gray; }
a img { border: 0; }