#youtube { background-image: url('/assets/images/centerpiece_youtube.jpg'); }
#youtube .paneltext { width: 570px !important; margin-left: 340px !important; }
#youtube #screenshot { position: absolute; top: 19px; left: 19px; width: 320px; height: 200px; }
#youtube #screenshot a { display: block; width: 320px; height: 200px; padding: 1px; }
#youtube #screenshot a:hover { border: 1px solid #0040ff; padding: 0; }

#caucusnight { background-image: url('/assets/images/centerpiece-caucusnight.jpg'); }
#caucusnight .paneltext { width: 680px !important; margin-left: 230px !important; }

p.facebooklink { position: absolute; top: 180px; left: 20px; width: 380px; height: 40px; }
p.facebooklink a { font-size: 0; text-indent: -9999px; overflow: hidden; display: block; width: 380px; height: 40px; background: url('/assets/images/centerpiece-facebook1500-button.jpg') 0px 0px no-repeat; }
p.facebooklink a:hover { background-position: 0px -40px; }



.social-widget { background-color: #f2f7ff; width: 230px; margin-bottom: 10px; padding-bottom: 2px; }
  #pageside .social-widget h4 { width: 204px; height: 18px; padding: 4px 0 0 26px; font: normal 80%/1em Arial; }
    #widget-facebook h4 { background-image: url('/assets/images/icon_facebook.png'); }
    #widget-twitter h4 { background-image: url('/assets/images/icon_twitter.png'); }
  .social-widget .widget-body { position: relative; background: url('/assets/images/widget-body-back.jpg') top left repeat-x #000b80; margin: 0 2px; border: 1px solid #000433; }
    #widget-facebook .widget-body { height: 37px; }
      #facebook-fans strong { display: block; position: absolute; width: 82px; top: 2px; left: 0px; font: bold 200%/1em Arial; text-align: right; color: white; letter-spacing: -1px; }
      #facebook-fans span.lineone { display: block; position: absolute; width: 136px; top: 4px; right: 0px; font: bold 80%/1em Arial; text-align: left; color: #abceff; vertical-align: middle; }
      #facebook-fans span.linetwo { display: block; position: absolute; width: 136px; top: 19px; right: 0px; font: bold 80%/1em Arial; text-align: left; color: #abceff; vertical-align: middle; }
  #facebook-likebox { background-color: white; margin: 2px 2px 0; border: 1px solid #abceff; padding: 3px; }

    #widget-twitter .widget-body { padding: 3px 4px 4px; }
      #widget-twitter .widget-body p.tweet { font: normal 115%/1.125em Georgia; color: white; padding-bottom: 6px; border-bottom: 1px solid #296dcc; margin-bottom: 3px; }
        #widget-twitter .widget-body p.tweet a { color: #80b5ff; }

        #widget-twitter .widget-body p.datestamp { font: normal 70% Arial; text-align: right; color: #296dcc; }
          #widget-twitter .widget-body p.datestamp a { color: #296dcc; }



#recentvideos { width: 190px; border: 1px solid #0057c7; padding: 15px 19px 10px; background: url('/assets/images/content_top_dark.jpg') top left no-repeat #000433; }
  #recentvideos h4 { font: normal 120%/1.125em 'Georgia'; color: white; margin-bottom: 10px; }
  #recentvideos li { margin-bottom: 10px; }
    #recentvideos li a { display: block; width: 160px; border: 1px solid #0033cc; padding: 9px 14px 5px; background-color: #000966; font: bold 75%/1.25em 'Arial'; color: #80bfff; text-decoration: none; }
      #recentvideos li a img { margin-bottom: 5px; }
    #recentvideos li a:hover { background-color: #000d99; color: white; }

#centerpiece a.button, a.button.dark { color: #abceff; height: 14px; vertical-align: middle; padding: 7px 27px 7px 9px; border: 1px solid #000d99; display: inline-block; font: bold 13px/1em 'Arial'; text-decoration: none; background: url('/assets/images/centerpiece_button.gif') top right no-repeat;
   -moz-text-shadow: 0px -1px 0px #000d99;
-webkit-text-shadow: 0px -1px 0px #000d99;
        text-shadow: 0px -1px 0px #000d99; }
#centerpiece a.button:hover, a.button.dark:hover { color: white; background-position: center right; }
#centerpiece a.button:active, a.button.dark:active { color: white; background-position: bottom right; }

a.button.wide { text-align: center; padding-left: 0; padding-right: 0; background-position: top left; }
a.button.wide:hover { background-position: center left; }
a.button.wide:active { background-position: bottom left; }


#pagecontent .newspanel { padding-bottom: 11px; border-bottom: 1px solid black; margin-bottom: 17px; }
  #pagecontent .newspanel h4 { font: normal 12px 'Georgia'; color: #408fff; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 8px; }
  #pagecontent .newspanel h4 a { color: #408fff; text-decoration: none; }
    #pagecontent .newsmain { float: left; width: 415px; }
      #pagecontent .newsmain h4 { font-weight: bold; margin-bottom: 4px; }
      #pagecontent .newsmain h3 { font: normal 28px/1.1em 'Georgia'; color: #000966; margin-bottom: 6px; }
        #pagecontent .newsmain h3 a { text-decoration: none; color: #000966; }
      #pagecontent .newsmain p.storylead { font: normal 16px/1.25em 'Georgia'; color: #000966; padding: 0 10px 10px 50px; text-indent: 0; margin: 0; padding: 0; }
    #pagecontent .newsside { float: right; width: 245px; }
      #pagecontent .storyentry { border-bottom: 1px solid #408fff; padding-bottom: 8px; margin-bottom: 6px; }
        #pagecontent .storyentry p { font: normal 12px/1.25em 'Arial'; color: #000966; text-indent: 0; padding: 0; }
        #pagecontent .storyentry p a { text-decoration: none; color: #000966; display: block; padding-left: 35px; }
          #pagecontent .storyentry p a:hover { text-decoration: underline; }

p.smalldatestamp, p.largedatestamp { padding: 0 !important; text-indent: 0; }

.smalldatestamp { float: left; margin-top: 2px; margin-right: 10px; display: block; position: relative; width: 25px; height: 25px; background: #408fff; overflow: hidden; -moz-box-shadow: 1px 1px 0px rgba(64,148,255,0.33); }
.smalldatestamp .month { position: absolute; width: 24px; height: 11px; top: 0; left: 0; font: bold 10px/1 'Arial'; text-align: center; text-transform: uppercase; color: #f2f8ff; }
.smalldatestamp .day { position: absolute; width: 22px; height: 0; padding: 7px 1px 6px 0; top: 11px; left: 1px; font: bold 15px/0 'Arial'; text-align: center; text-transform: uppercase; color: #408fff; background-color: #f2f8ff; }

.largedatestamp { float: left; margin-top: 3px; margin-right: 10px; position: relative; width: 40px; height: 40px; background: #408fff; overflow: hidden; -moz-box-shadow: 1px 1px 0px rgba(73,129,211,0.33); }
.largedatestamp .month { position: absolute; width: 37px; height: 15px; top: 2px; left: 1px; font: bold 12px/1 'Arial'; text-align: center; text-transform: uppercase; color: #f2f8ff; }
.largedatestamp .day { position: absolute; width: 38px; height: 0; padding: 12px 0 12px; top: 15px; left: 1px; font: bold 25px/0 'Arial'; text-align: center; text-transform: uppercase; color: #408fff; background-color: #f2f8ff; }

#pageside #featuredevents { padding: 16px 20px 20px; background: #f2f7ff; margin-bottom: 10px; }
  #featuredevents h3 { font: normal 125% 'Georgia'; color: #0b1473; border-bottom: 1px solid #abceff; padding-bottom: 5px; }
  #featuredevents .event { padding: 7px 0 14px; border-bottom: 1px solid #abceff; }

  #featuredevents p.dayflag { padding: 2px 0 4px 50px;  }
  #featuredevents p.dayflag span { font: bold 90%/1em Arial; color: white; text-transform: uppercase; background-color: #408fff; padding: 0px 4px 0px 3px; }
    #featuredevents p.dayflag.now span { background-color: #000433; }
  #featuredevents h4 { font: normal 100%/1.125em Georgia; padding-left: 50px; margin-bottom: 3px; }
  #featuredevents p.eventcity { font: bold 80%/1.125em Arial; color: #408fff; padding-left: 50px; }
  #featuredevents p.eventlink { padding-left: 50px; margin-top: 3px; }

  #featuredevents p.buttonbox { margin-top: 10px; }
    #featuredevents p.buttonbox a { width: 188px; }