html, body, p, h1, h2, h3, h4, h5, h6, img, ol, ul, li, dfn, div, strong, em, dd,
dt, dl, form, input, textarea, select, option, a, fieldset, legend, table, caption,
thead, tbody, th, tr, td, tfoot, address, abbr { margin: 0pt; padding: 0pt; border: 0pt none; font-size: 100%; outline: medium none }
ul,ol { list-style: none }
img, a img, table, tr, th, td { border: 0pt none }
img { display: block }
html, body { height: 100% }

body { text-align: center; font-size: 62.5%; background: url("img/bg.jpg") repeat-x scroll 0% 0% #e6e6e6; color: rgb(102, 102, 102) }
#wrapper { position: relative; font: 1.2em/1.5 Arial,sans-serif; text-align: left; background: none repeat scroll 0% 0% rgb(255, 255, 255); margin: 0pt auto; width: 970px }

#datenavwrap { position: absolute; top: -53px; right: 12px }
.jcarousel-container { padding: 0 40px }
.jcarousel-clip { width: 585px; height: 50px; overflow: hidden }
#datenav { width: 585px; height: 50px  }
#datenav li { float:left; display: inline; position: relative; clear: none; margin: 0 !important; height: 50px; width: 45px; text-align: center }
#datenav li a { font-family: "Times New Roman",serif; font-size: 140%; color: #C0C4D0; height: 50px; line-height: 50px; vertical-align: middle; width: 45px }
#datenav li.current { background: url(img/month-current.png) no-repeat bottom center }
#datenav li a:focus, #datenav li a:hover { color: #A6C3EF }
#datenav li a.yearlink { font-weight: bold }
.jcarousel-next { display: block; width: 32px; height: 32px; position: absolute; top: 11px; right: 0; background: url(img/arrow-right-live.png) no-repeat }
.jcarousel-prev { display: block; width: 32px; height: 32px; position: absolute; top: 11px; left: 0; background: url(img/arrow-left-live.png) no-repeat }
.jcarousel-prev-disabled { background-image: url(img/arrow-left-disabled.png) }
.jcarousel-next-disabled { background-image: url(img/arrow-right-disabled.png) }

#aside { float: right; width: 278px; margin: 0 0 45px 15px; position: relative;  display: inline }

.asideInner {
  padding: 10px;
  border: 1px solid rgb(228,
    228, 228);
  margin-bottom: 20px;
}

#header {
  width: 968px;
  margin: 0pt auto;
  position: relative;
  height: 53px;
}

#logo {
  width: 292px;
  height: 50px;
  position: absolute;
  top: 0pt;
  left: 0pt;
  background: url("img/days-of-the-year-logo.jpg") no-repeat scroll
    0% 0% transparent;
}

#searchform {
  position: absolute;
  z-index: 250;
  padding: 0pt;
  width: 406px;
  top: 58px;
  right: 4px;
  height: 46px;
  overflow: hidden;
}

#searchform label { margin: 13px 0 0 12px; text-indent: -9999em; background: url(img/search.png) no-repeat; width: 60px; height: 18px; display: block; position: absolute; top: 0; left: 0 }
#searchform #s { height: 22px; line-height: 22px; vertical-align: top; background: 0; padding: 0; border: 0; width: 256px; margin: 2px 8px; color: #FFF; font: 0.8em/1em Arial,sans-serif }
#searchform .textWrap { width: 273px; height: 24px; background: url(img/searchinput.jpg) no-repeat; position: absolute; left: 86px; top: 12px }
#searchsubmit { position: absolute; top: 16px; right: 15px }

.searchresults .result { padding: 6px 0 12px; border-bottom: 1px silver solid }
.searchresults .result h2 { font-size: 120%; margin: 0;  }
.searchresults .result p { margin: 0 }
.searchresults .result small { display: block }

#promo { margin-top: 51px; width: 406px; height: 288px; background: url(img/ctapod.jpg) no-repeat }
#promo .indented { padding: 0 10px 0 85px; color: #FFF }
#promo .new { background: url(img/new.png) no-repeat 11px 9px }
#promo p { line-height: 1.2em; margin-bottom: 5px }
#promo .more { font-weight: bold; font-size: 110%; color: #FFF; background: url(img/more-arrow.png) no-repeat 0px 2px; padding-left: 16px; display: block }
#promo h3 { color: #FFF; font-size: 1.4em }
#promofb { z-index: 300; position: absolute; top: 307px; left: 131px }
#promo #scroller { height: 200px; overflow: auto; border-bottom: 1px silver solid }
#promo .promolisting { position: relative; padding: 0 0 0 86px; margin: 6px 10px }
#promo .promolisting img { background-color: silver; border: none; top: 4px }
#promo .promolisting h3 { font-size: 1.2em; line-height: 1.2 }
#promo .promolisting a { color: #FFF }
#promo .promolisting .postmeta { margin: -4px 0 0; font-size: 80% } 
#promo .promolisting .postmeta a { color: silver; font-style: italic }
#promo .promolisting .readmore { font-size: 90%; margin-top: -8px }
#promo .bigtargetover a { text-decoration: none }
#promo .bigtargetover .readmore { text-decoration: underline }
#promo .listthumb { width: 75px; height: 39px; top: 3px; border: none; text-align: center }
#promo .listthumb img { margin: 0 auto }

.bannerWrap { position: relative; width: 550px; float: left; display: inline; margin: 5px 4px 5px 5px; z-index: 200; height: 338px }

.banner { height: 292px; position: relative; background: #525151 }
.banner img { height: 292px; width: 550px }
.banner-small img { height: 216px; width: 386px }
.attribution { position: absolute; bottom: 5px; right: 5px; height: 20px; width: 20px; display: block; text-indent: -9999em; background: url(img/attribution.png) no-repeat; z-index: 1000 }
.listPost .attribution { top: 62px; left: 141px }

.banner-small { height: 216px }
.calendarLink {  border-top: 1px #040217 solid; height: 37px; display: block; background: #E4A42F url(img/headingSmall.jpg) repeat-x; margin: 0 0 5px 0; color: #FFF; line-height: 37px; vertical-align: middle; font-size: 130%;  }
.calendarLink:focus, .calendarLink:hover { background-position: 0 -37px }
.calendarLink span { display: block; padding: 0 0 0 35px; background: url(img/calsmall.gif) no-repeat 10px 12px }

.tabs { position: absolute; top: -32px; right: 10px; list-style: none; z-index: 40 }
.listtabs { top: 14px }
.bodytabs { top: 15px }
.tabs li { float: left; position: relative; display: inline; width: 17px !important; height: 17px; margin-left: 4px }
.tabs li a { display: block; width: 17px; height: 17px; text-indent: -9999em }
.bodytabs li a { text-indent: 0; font-size: 80%; line-height: 17px; vertical-align: middle; text-align: center }
.tabs a { background: url(img/pagi.png) no-repeat }
.whitetabs .ui-state-hover a, .whitetabs .ui-state-active a, .whitetabs a:hover { background-position: -17px 0 }
.bluetabs .ui-state-hover a, .bluetabs .ui-state-active a { background-position: -34px 0 }
.greentabs .ui-state-hover a, .greentabs .ui-state-active a { background-position: -51px 0 }

.banner-item { position: absolute; top: 0; left: 0; width: 550px; height: 292px }
.banner-item-alpha { display: block }
.small-banner { height: 216px; width: 386px }
.banner-item .meta, .monthBanner .meta { position: absolute; left: 10px; top: 10px; background: url(img/trans.png) repeat-x; height: auto; padding: 6px 12px; box-shadow: 1px 1px 5px #000; margin-right: 10px }
#content .monthBanner .meta h3 { margin: 0; font-size: 2.1em }
.monthBanner .meta a { color: #FFF }
.monthBanner { position: relative; height: 232px }
#content .monthListPost { margin: 0 5px 5px 0 !important }
.monthListPost .tabs { top: 14px }

.banner-item h1, .banner-item h2, .banner-item h3 { color: rgb(255, 255, 255); font-size: 2.1em; font-weight: bold; margin: 0 }
.banner-item h1 a, .banner-item h2 a, .banner-item h3 a { color: #FFF }

#upcomingDays, #yesterday, #partOf { position: relative; margin-bottom: 4px }
#yesterday, #thisMonth, #partOf { margin-top: 0 }

#asideHead { position: absolute; top: 4px; right: 5px }

.twocol, .onecol, .rightPromo { float: left; position: relative; display: inline; width: 445px }
.onecol { width: 794px; margin: 0 5px; color: #364B57; font-size: 13px; line-height: 1.5 }
.rightPromo { width: 160px }
.colleftwide { margin: 0 4px 4px 5px }
.colrightthin { margin: 0 4px 0 0; width: 386px }
.sidePod { float: left; position: relative; display: inline; width: 120px }

.sidebarPod { background: #FFF; margin: 0 0 10px 20px; width: 257px; float: right; clear: right; position: relative; display: inline; line-height: 1.2; z-index: 500 }
.sidebarPod .inner { border: 1px #DDD solid; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px; border-top: 0 }
#keyinfo { margin-top: 0 }
.onecol .inner h3, .onecol .inner h4, .inner h1 { color: #007CB2 }
.inner h1 { line-height: 1.3; margin: 0 0 12px; font-size: 1.8em }
.onecol .inner { padding: 10px }
#comments .inner { padding: 0 }
.shade { background: url(img/contentbg.jpg) repeat-x 0 0 }

.listPost { height: 83px; background: #525151 url(img/listbg.jpg) repeat-x; position: relative; border-top: 1px #040217 solid }

#content ul li.listPostMonth { margin-bottom: 5px !important; height: 120px }
.listPostMonth .calendarLink { margin: 0; position: absolute; bottom: 0; left: 0; right: 0; display: block; z-index: 2500 }
.listPost img { position: absolute; top: 0; left: 0; height: 83px }
.listPost h3 { margin: 0 8px 0 178px !important; font-size: 1.7em !important; line-height: 1 !important; padding-top: 22px }
.listPost h3.small { font-size: 1.45em !important }
.listPost h3.long { padding-top: 12px }
.listPost h3 a { color: #FFF }
.listPost .dateRange { margin-left: 178px; color: #FFF; font-size: 1.2em; letter-spacing: -0.35px; line-height: 1 }
.shortdates .dateRange { font-size: 1em }
.smalldate { font-size: 0.85em }

.listPostOver, .blue .listPostOver { background-position: 0 -85px }
.green .listPostOver { background-position: 0 -170px }

.sidebarPod h3 { font-size: 1.3em; line-height: 1.2; color: #223740 !important; margin-bottom: 0 }
.sidebarPod .item { background: url(img/calendar.png) no-repeat 0 2px; padding-left: 42px; margin-bottom: 10px; position: relative }
.sidebarPod .types { background-image: url(img/boxes.png) }
.sidebarPod .religions { background-image: url(img/religion.png) }
.sidebarPod .locations { background-image: url(img/world.png) }
.sidebarPod .founded { background-image: url(img/foundation.png) }
.sidebarPod .otherResources { background-image: url(img/otherresources.png) }
.sidebarPod .alternateDates { background-image: url(img/calendar-alt.png) }
.sidebarPod .alternateNames { background-image: url(img/altname.png) }
.sidebarPod .datePattern { background-image: url(img/repeat.png) }
.sidebarPod .time { background-image: url(img/time.png) }
.sidebarPod .category { background-image: url(img/category-box.png) }
.sidebarPod .hashTag { background-image: url(img/hashtag.png) }
.sidebarPod .flickrImages { background-image: url(img/icon_flickr.png) }
.sidebarPod .item .inactive { color: #999 }

#authorPod .author { min-height: 84px; height: auto !important; height: 84px; padding-left: 100px }
.author #avatarpic { position: absolute; top: 56px; left: 10px; border: 1px silver solid; padding: 1px; background: #FFF }
.author #username { font-size: 120% }
.usertwitter, .userurl, .userlinkedin { background: url(img/twittericon.png) no-repeat; height: 24px; line-height: 24px; vertical-align: middle; padding-left: 30px; font-size: 85%; display: block; margin-top: 4px }
.userurl { background-image: url(img/websiteicon.png) }
.userlinkedin { background-image: url(img/linkedinicon.png) }
.inlineusericon { width: auto; float: left; position: relative; display: inline; margin: 0 18px 12px 0; } 

ul.listing { margin-left: 5px !important; margin-bottom: 5px !important }
ul.listing li { float: left; position: relative; display: inline; margin: 0 5px 0 0 !important; width: 415px }

div.listing { border-bottom: 1px #DDD solid; position: relative; padding: 10px 0 10px 130px; min-height: 124px; height: auto !important; height: 124px }
div.listing h2 { margin-top: 0 }
.postmeta { font-size: 90%; color: #999; margin: -5px 0 6px }
.listthumb { position: absolute; top: 17px; left: 0; padding:1px; background: #FFF; border: 1px silver solid }


.ec3_past {
  color: rgb(187, 187, 187);
}

.box {
  position: relative;
  border-bottom: 1px solid rgb(204,
    204, 204);
  padding: 8px 0pt;
  background: url("img/arrow.png") no-repeat scroll
    10px 10px transparent;
  color: rgb(51, 51, 51);
}

.box-alpha {
  border-top: 1px solid rgb(204,
    204, 204);
}

.box h3 {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 1.3;
  margin: 0pt 146px 0pt
    30px;
}

.box h3 a {
  color: rgb(62, 62, 62);
}

.box .date {
  position: absolute;
  top: 10px;
  right: 10px;
}

.bannertwitter {
  position: absolute;
  left: 57px;
  z-index: 5000;
  bottom: 3px;
}

.fblike {
  position: absolute;
  z-index: 5000;
  left: 8px;
  bottom: 5px;
  width:46px;
}
.fblike iframe { z-index: 6000 !important; width: 46px !important; height: 62px !important } 
.fblike .fb_edge_comment_widget iframe { width: 400px !important; height: 200px !important }

.box-over { background-color: rgb(220, 220, 220) }


.box-over h3 a, .box-over .date, .box-over .excerpt {
  color: rgb(102, 102, 102);
  text-shadow: 1px 1px 1px
    rgb(255, 255, 255);
}

.box .icon {
  float: left;
  position: relative;
  display: inline;
  margin: 10px 10px 10px
    0pt;
}

.box .excerpt {
  float: left;
  position: relative;
  display: inline;
  width: 390px;
  margin-top: 10px;
}

h2.upcomingDays {
  text-indent: -9999em;
  height: 55px;
  margin: 0pt 0pt 12px;
}

h2.recommended {

  text-indent: -9999em;
  height: 55px;
  margin: 0pt 0pt 12px;
}

h2.about {

  text-indent: -9999em;
  height: 55px;
  margin: 0pt 0pt 12px;
}

h2.keyinfo {
  text-indent: -9999em;
  height: 55px;
  margin: 0pt;
}

.browsesoon {

  height: 243px;
  text-indent: -9999em;
}

#aside h3.twitter {
  background: url("img/twitter-24.png") no-repeat scroll
    0pt 0pt transparent;
  font-size: 1.2em;
  padding-left: 30px;
  height: 24px;
  line-height: 24px;
  vertical-align: middle;
  letter-spacing: -1px;
}

#aside h3.nodate { margin-bottom: 10px }

.tweet { overflow: hidden; margin: 0pt 0pt 5px; font-size: 90%; margin: 10px }
.tweetauthor { margin: 0 }
.twitterphoto { border: 1px #B6BBBC solid; background: none repeat scroll 0% 0% rgb(228, 228, 228); text-indent: -9999em; overflow: hidden; float: left; position: relative; display: inline; width: 48px; height: 48px; margin: 5px 8px 5px 5px; text-align: center; line-height: 48px; vertical-align: middle }
.tweetbody { margin: 0pt 10px 5px 0pt; padding-left: 61px; font-size: 95%; line-height: 1.35 }
.tweettime { font-size: 85%; color: rgb(170, 170, 170); margin: 0pt }

ul.listing {
  list-style: none outside none;
}

#content ul.listing, #content ul.listing .box {
  margin: 0pt;
}

.rightskyscraper {
  float: right;
  position: relative;
  display: inline;
  width: 160px;
  height: 600px;
  margin-left: 15px;
}

.section { border-left: 10px #C0DFED solid; padding-left: 10px }

div.flickr-gallery { float: left; position: relative; display: inline; margin: 0 0 1px 1px !important }
div.flickr-thumb { margin: 1px 1px 0 0 !important; padding: 0 !important }

#tweets, #ymal { width: 418px; float: left; position: relative; display: inline; clear: right; margin: 0 0 10px 0; height: 280px; overflow: hidden }
#tweets .tabs { top: 14px; right: 10px }
.homeYMAL { clear: left !important; height: 226px !important; margin: 5px 0 0 0 !important; width: 445px !important }
.notweets { background: #ECF6FA; position: relative }
.notweets p { text-align: center; padding-top: 50px; font-size: 1.4em; line-height: 1.3 }
.notweets .bannertwitter { position: absolute; bottom: 60px; left: 180px }
#ymal { width: 371px; margin: 0 0 3px 3px }
#comments { clear: both }
#rawfbcomments { display: none }


ul.structured { list-style-type: square }
ul.structured li { float: left; position: relative; display: inline; width: 344px; background: #EEE; border: 1px #DDD solid; padding: 10px; margin: 10px 0 }
ul.structured li.even { margin-right: 20px }
ul.structured li li { float: none; display: block; padding: 10px; margin: 0 }

.nodayadinner { padding: 15px }


#footer {
  clear: both;
  margin: 5px 5px 0 5px;
  background: none repeat scroll 0% 0% rgb(255, 255, 255);
  position: relative;
  color: rgb(116, 116, 116);
}

#footer #block, #footer #footercontent { height: 76px; margin: 0 0 5px 0; background: url(img/block.jpg) repeat-x }
#footer #footercontent { height: 28px }
#footer .slot { width: 468px; height: 60px; float: left; position: relative; display: inline; margin: 8px }
#footer .omega { margin-left: 0 }
#footer .youradhere { position: absolute; top: 0; right: 0 }

.adlinksky { position: absolute; left: 0; right: 0; bottom: 0 }
.adlinksky a { padding: 2px 0; display: block; background: #DDD; text-align: center; border: 1px #CCC solid }

#footer ul, #footer p { position: absolute; bottom: 0; right: 5px; list-style: none outside none; margin: 0; padding: 0; color: #EEE; height: 28px; line-height: 28px; vertical-align: middle }
#footer p { right: auto; left: 10px }
#footer li { float: left; position: relative; display: inline; margin-right: 10px }
#footer a { color: #EEE }


a { color: #409BBC; text-decoration: none }

h1, h2, h3, h4, h5, h6 { color: rgb(51, 51, 51); font-size: 1.6em; text-transform: uppercase; clear: left; margin: 0.3em 0 0.1em }

p, ol, ul {
  margin-bottom: 1em;
}
ul.postlist { margin-bottom: 0 }

.contentlist li { margin: 0 0 1em }

.heading { font-size: 1.8em;
  color: rgb(255, 255, 255);
  height: 46px;
clear: both;
  line-height: 46px;
  font-weight: bold;
 text-transform: uppercase;
  vertical-align: middle;
  background: url("img/heading.jpg") repeat-x scroll 0% 0% rgb(29, 35, 42);
  margin: 0pt;
  padding: 0pt 12px 0pt 12px;
}

.blueheading { background-position: 0 -46px }
.navyheading { background-position: 0 -92px }
.facebookicon, .twittericon { display: block; padding: 0 0 0 32px; background-position: 0 13px; background-repeat: no-repeat }
.facebookicon { background-image: url(img/facebookicon.png) }
.twittericon { background-image: url(img/twittericon.png) }

.smallprint {
  font-size: 85%;
  color: rgb(170, 170, 170);
}

#content ol, #content ul {
  margin-left: 20px;
}

#content li {
  margin-bottom: 0.5em;
}

.inner ul { margin: 0 0 1em 0 }
.inner li { margin: 1em 0 0 1em }
.inner ol { list-style: decimal; margin-left: 18px }

#content h3 {
  font-size: 1.6em;
  margin-bottom: 0.6em;
}

#content .box h3 { margin-bottom: 0pt }
#aside h3 { margin-bottom: 3px }

.navbottom { float: right; position: relative; display: inline; margin: 12px 0; clear: both }

.shadow { box-shadow: 1px 1px 10px rgb(0, 0, 0) }
.cform, div.cf_info { margin: 10px 0 !important }
.contentwidth { width: 811px; margin: 5px }
.discreet, hr, #logo img, .ui-tabs-hide, .linklove { position: absolute; top: -9999em; left: -9999em }
.clear { clear: left }
.clearboth { clear: both }
div.clear { font-size: 1px; height: 1px; overflow: hidden }
.over { cursor: pointer }
.bigtargetover a { text-decoration: underline }
.floatRight { float: right !important; margin-right: 5px }
.margin { margin: 5px } 

.topShadow, .bottomShadow { position: absolute; top: 0; left: 0; right: 0; z-index: 60; height: 23px; background: url(img/shadow.png) repeat-x }
.bottomShadow { top: auto; bottom: 0; background: url(img/bottomshadow.png) repeat-x }

.debug { padding: 15px; margin-bottom: 15px; color: red; background: none repeat scroll 0% 0% rgb(255, 232, 232); border: 1px solid rgb(254, 186, 186) }
.nomargin { margin: 0 !important }
.noclear { clear: none !important }
.smaller { font-size: 85% }
.dp-highlighter { width: 344px !important; background: #FFF !important; border: 1px silver solid; margin-top: 4px !important; margin-bottom: 0 !important }

.example { color: #000; font-weight: bold }
.example a { color: #409BBC; text-decoration: underline }
.example a img { margin: 0 auto }

.bio { position: relative; min-height:130px; height:auto !important; height:130px; padding-left: 134px; margin-bottom: 5px }
.bio h3 { line-height: 1 } 
.bio img { position: absolute; top: 0; left: 0; background: #FFF; border: 1px silver solid; padding: 1px }

.productList { margin-bottom: 0 }
.productList .product { position: relative; padding: 10px 0 10px 182px; margin: 5px 10px 5px 0; background: url(img/productGradient.png) repeat-y }
.productList h3 { font-size: 1.4em; line-height: 1.2; margin-top: 0 }
.productList img { background: #FFF; padding: 1px; border: 1px #CCC solid; position: absolute; top: 10px; left: 10px; max-width: 156px; max-height: 160px }
.productList .description { font-size: 0.9em }
.productList .over img { border: 1px navy solid }
.productList .amazonLink { clear: left; background: url(img/icons/amazon-buy.png) no-repeat; width: 90px; height: 28px; display: block; text-indent: -9999em; margin-top: 4px }
.productList .over .amazonLink { background-position: -90px 0 }
.productList .product ol, .productList .product ul { list-style: disc; margin: 5px 0 5px 20px }
.productList .buyProduct { font-size: 110%; float: left; position: relative; display: inline; margin: 4px 12px 10px 0 }
.productList .buyProduct a { text-decoration: underline }
.productList .over .buyProduct a { text-decoration: none }
.productList .productPrice { color: red }


/* Syntax Highlighter */
textarea.code { padding: 5px; border: 1px #999 solid; background: #FFF; margin-top: 1em; width: 95%; font-size: 90% }