/* PAGE SETUP */
body { background: white; font-family: Arial, Helvetica, sans-serif; color: #333; padding: 0px; margin: 0px; font-size: 84%; padding-bottom: 10px; }
a { color: #333; text-decoration: none; }
a:hover { text-decoration: underline; }
input { border: 1px solid #000; }
input.submit { color: #fff; font-family: Arial, Helvetica, sans-serif; background: #282828; border: 1px solid #000; padding: 5px; font-weight: bold; font-size: 12px; text-transform: uppercase; }
input.submit-over { background: #484848; cursor: pointer; border: 1px solid #777; }
ul { margin-left: 0; padding-left: 1em; text-indent: -0.5m; }

/* TOP OF PAGE */
#logo { text-align: center; padding: 10px; }
#content { padding: 25px 0px; }

/* OTHER CONTENT CONTAINERS */
#textbox { padding: 15px; width: 500px; margin: auto; border: 5px solid #999; }
#textbox a { color: #be5353; }

/* TOP NAV */
#menu { background: #333; padding: 10px 0px; text-align: center; font-family: Arial, Helvetica, sans-serif; }
#menu a { color: #fff; font-size: 13px; text-transform: uppercase; font-weight: bold; }
#menu a:hover { color: #fff; text-decoration: underline; }
#menu-ul { margin: 0px; padding: 0px; }
#menu-ul li {display: inline; margin: 0px 10px; }
#menu.archives #menu-ul li#m-archives a,
#menu.add #menu-ul li#m-add a,
#menu.about #menu-ul li#m-about a { text-decoration: underline;}

/* ARCHIVES */
.archives-container { width: 85%; margin: auto; }
.archives-item { padding: 8px 5px; }
.archives-item-added { font-size: 80%; color: #999; }
.archives-total { margin: 0px 0px 25px 0px; }
.archives-total a { color: #be5353; }
.archives-timezone-note { width: 85%; margin: auto; text-align: right; }

/* FILTERS */
#filters { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dotted #ccc; }
#filters * { font-size: 12px; }
#filters a { padding: 5px; }
#filters form { margin: 0px; padding: 0px; }
#filters.week .f-week a,
#filters.month .f-month a,
#filters.all .f-all a { background: #282828; color: white; font-weight: bold; }
#filters.country .f-country { background: #282828; color: white; padding: 5px; font-weight: bold; }
#filters a:hover { background: #484848; text-decoration: none; color: white; }

/* SINGLE ENTRY */
#item { padding: 10px; text-align: center; font-family: Garamond, Serif; color: #484848; width: 950px; margin: auto; }
#item .to { font-size: 3em; margin-bottom: 15px; font-weight: bold; font-style: italic; }
#item .message { margin-bottom: 15px; font-size: 2em; font-style: italic; }
#item .from { font-size: 1.5em; font-style: italic; font-weight: bold; }
#item .time { width: 400px; margin: 25px auto 15px auto; padding-top: 5px; color: #333; text-transform: uppercase; font-size: 10px; font-family: Arial, Helvetica, sans-serif; }
#item .another { font-family: Arial, Helvetica, sans-serif; margin-bottom: 75px; }
#item .another a { padding: 10px 15px; text-transform: uppercase; font-weight: bold; text-align: center; background: #282828; border: 1px solid #000; color: #fff; }
#item .another a:hover { background: #484848; color: #fff; text-decoration: none; clear: both; border: 1px solid #777; }
#item .another img { border: 0px; }
#item .whatsthis { clear: both; margin-top: 25px; }
#item .social { margin-bottom: 25px; margin-top: 3px; clear: both; }
#item .social .social-box { border: 1px solid #eaeaea; background: #f3f3f3; display: inline-block; padding: 3px 0px 0px 15px; text-align: center; }

/* MISC STUFF */
i { font-style: italic; }
b { font-weight: bold; }
.left { text-align: left; }
.right { text-align: right; }
center, .center { text-align: center; }
.serif { font-family: "Times New Roman", Times, serif; }
.yellowbg { background: #fff1a8; }
.greybg { background: #f2f2f2; }
.error { font-weight: bold; color: #f00; }
select { font-family: Arial, Helvetica, sans-serif; }

/* PAGING */
.Pages { text-align: left; margin: auto; width: 85%; margin-bottom: 20px; margin-top: 20px; clear: both; }
.Page { padding-top: 10px; margin-left: auto; margin-right: auto; font-family: Tahoma, Arial, Helvetica, sans-serif; }
.Page a, .This-page { padding: 2px 4px; color: #be5353; }
.Page .This-page { padding: 2px 4px; font-weight: bold; color: #282828; background: transparent; }
.Pages a:hover { text-decoration: underline; }
.Page .Prev { padding: 2px 4px;  }
.Page .Break { padding: 2px 4px; text-decoration: none; }
.Page .Next { padding: 2px 4px; }
.Page .AtStart { padding: 2px 4px; color: #aaa; }
.Page .AtEnd { padding: 2px 4px; color: #aaa; }
.Pages div.Results { text-align: left; color: #ccc; margin: auto; margin-top: 8px; font-size: 10px; }