body { margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em;  }

.spacer { clear: both; }

a { text-decoration: none; border-bottom: 1px dashed #000; height: 1%; color: #551A8B; }

a:hover { text-decoration: none; border-bottom: 1px solid #000; height: 1%; }

a:visited { color: #551A8B; }

A.nodecoration { border-bottom-width: 0px; }

A.nodecoration:hover { border-bottom-width: 0px; }

P { margin: 0; padding: 0; }

P.title { font-weight: bold; margin-top: 0.3em;  margin-bottom: 0.3em; }

.pageWidth { width: 850px; margin-left: auto; margin-right: auto; }

/* MENU */

.menubg { background: #ffffff; margin-bottom: 1em; }

.menu { width: 820px; margin-left: auto; margin-right: auto; padding: 5px 10px 5px 17px; font-size: 0.8em; background: #ffffff; }

.menu A { font-weight: bold; background: #ffffff; border-bottom: 1px dashed #000; }

.menu A:visited { font-weight: bold; background: #ffffff; border-bottom: 1px dashed #000; }

.menu .menuImg { float: left; background: #ffffff; }

.menu .menuImg IMG { border-width: 0; margin-right: 1em; background: #ffffff; }

.menu .menuRight { margin-top: 0.4em; width: 60%; float: right; background: #ffffff; text-align: right; }

.menu .menuRight A {   }

.menu .menuRight IMG { border-width: 0; margin-left: 0.8em; margin-right: 0; }

html>body .menu .menuRight IMG { border-width: 0; margin-left: 1em; }

/* FOOTER */

.footer { font-weight: bold; font-size: 0.8em; margin-top: 1em; padding: 0.8em 0 0.6em 0; background: #FFF; }


/* -------------------- WIDE PHOTO -------------------- */

/* WIDE PHOTO - PHOTO */

.photo { width: 810px; margin-left: auto; margin-right: auto; }

.photo IMG { margin-top: 1.5em; border: 1px solid #999; }

/* WIDE PHOTO - PHOTO DETAILS */

.belowDetails { margin-top: 0.4em;}

.belowDetails P.left { width: 45%; float: left; margin-bottom: 2em; text-align: left; margin-left: 1em; }

.belowDetails P.right { width: 45%; float: right; margin-bottom: 2em; text-align: right; margin-right: 1em; }

/* WIDE PHOTO - MAIN BOXES */

.boxes { width: 100%; background: #ccc; }

.details, .comments, .recent { width: 30%; float: left; border: 1px dashed #000; margin-right: 1em; margin-left: 1em; margin-top: 1em; margin-bottom: 1em; 
                              min-height: 272px; height: 272px; }
							  
/* WIDE PHOTO - DETAILS BOX */

.details { width: 29%; }

.details P { text-align: left; margin-left: 0.8em; margin-right: 0.8em; margin-bottom: 1em; }

.details P.title { text-align: center; margin-top: 0.3em;  margin-bottom: 0.3em; }

html>body .details { width: 30%; }

/* WIDE PHOTO - COMMENTS BOX */

.comments {  }

.comments FORM P { margin-top: 0.3em; }

.comments LABEL { font-size: 0.8em; }

.comments INPUT, TEXTAREA { color: #781351; background: #fee3ad; border: 1px solid #781351; }

.comments INPUT { font-size: 0.8em; }

.comments .submit input { color: #000; background: #ffa20f; border: 2px outset #d7b9c9; margin-top: 0.5em; }

html>body .comments {  }

.comments .comment { margin: 0.7em 1em 0 1.5em; font-size: 0.8em; }

.comments .comment P.person { font-weight: bold; margin-bottom: 0.5em; }

.comments .comment P.text { padding: 0; font-weight: normal; margin-left: 0.5em; margin-bottom: 0; }

/* WIDE PHOTO - RECENT BOX */

.recent { height: 272px; }

.recent .recentPic { float: left; width: 125px; margin-top: 6px;  font-size: 0.7em; }

html>body .recent .recentPic { float: left; width: 127px; margin-top: 6px;  font-size: 0.7em; }

.recent .recentPic img { border: 1px solid #333; }

.recent .recentPic a { border-width: 0; }

.recent .recentPic a:hover { border-width: 0; }

html>body .recent {  }

/* POTD ARCHIVE */

.paWidth { margin-left: 4em; margin-right: 3em; margin-bottom: 2em; }

.paFloat { float: left; width: 100px; margin: 0; padding: 0; }

.paFloat IMG { padding: 0; margin: 0; }