/* CSS Document */

.ArchiveNavi { width: 100%; margin-top: 10px; margin-bottom: 0px; background-image: url(http://l.yimg.com/www.flickr.com/images/dotted.gif); background-repeat: repeat-x; background-position: left bottom; }
.ArchiveNavi tr { vertical-align: top; }
.ArchiveNavi td { padding: 0 0 5px 0; }
.InHere { color: #ff0084; }
.ChangeView { text-align: right; }

.SurfsUp { margin-right: auto; margin-left: auto; margin-top: 0px; text-align: center; vertical-align: middle; margin-bottom: 10px; }
.SurfsUp td { width: 15px; vertical-align: middle; margin: 0px 1px 1px 1px; border-left: 1px solid #eee; border-right: 1px solid #eee; border-bottom: 1px solid #eee; padding: 2px; font: bold 11px Arial, Helvetica; color: #ccc; }

.ArchiveDetailView { width: 100%; margin-top: 20px; }
.ArchiveDetailView tr { vertical-align: top; } 
.ArchiveDetailView td {width: 33%; }

.ArchiveDisplay { width: 734px; background: #f5f5f5; margin-bottom: 10px; margin-left: auto; margin-right: auto; }
.ArchiveDisplay td { padding: 10px; background: #f5f5f5; }
.ArchiveDisplay p { float: left; display: inline; padding: 4px 4px 12px 4px; border: 1px solid #ddd; background: #fff; margin: 8px; *width: 79px; }
.ArchiveDisplay img { border: none; }

.ArchiveFoot { width: 100%; margin-top: 0px; margin-bottom: 10px; }
.ArchiveFoot tr { vertical-align: middle; }
.ArchiveFoot td { padding: 0px; font: normal 14px Arial, Helvetica; }

.EachMonth { width: 220px; }
.AllMonths { width: 590px; border: none; border-collapse: collapse; }
.YearListing { width: 230px; }
.YearListing h4 { font-size: 16px; }

/* Footer thingy at the bottom of the calendars */

.MonthsAvailable { margin-top: 20px; }
.MonthsAvailable .Options { font-size: 12px; }



/* page that shows you a whole year, with little calendars */

.ArchiveCalendar { background: #fff; border-top: 3px solid #ddd; border-right: 3px solid #ddd; border-left: 3px solid #ddd; border-bottom: 2px solid #ddd; margin: 0px; width: 220px; }
.ArchiveCount { font-weight: normal; font-size: 12px; }
.ArchiveCalendar a:link { font-weight: bold; text-decoration: none; color: #0063DC; padding: 3px; }
.ArchiveCalendar a:visited { font-weight: bold; text-decoration: none; color: #0063DC; padding: 3px; }
.ArchiveCalendar a:hover { font-weight: bold; text-decoration: none; color: #fff; background: #000; padding: 3px; }
.ArchiveCalendar a:active { font-weight: bold; text-decoration: none; color: #ff0084; background: #000; padding: 3px; }
.ArchiveCalendar .Month { background: #e1e1e1; padding: 2px; color: #444; font: bold 14px Arial, Helvetica, sans-serif;	}
.ArchiveCalendar .MON { background: #f5f5f5; padding: 2px; font: bold 13px Arial, Helvetica, sans-serif; }
.ArchiveCalendar td { text-align: center; border-bottom: 1px solid #dddddd; padding: 2px; font: normal 12px Arial, Helvetica, sans-serif; color: #ccc; }
.ArchiveCalendar .DAY { font-size: 11px; font-weight: bold; padding-left: 3px; padding-right: 3px; padding-top: 6px; color: #333; }
.ArchiveCalendar .Today { font-weight: bold; background: #fff; border: 2px solid #bbb; padding:1px; color: #000; }