.headline-wrapper { position: relative; margin: 0; padding: 0; }
.headline-wrapper .pill-nav { position: absolute; right: 10px; bottom: 10px; }
.headline-anchor { text-decoration: none; }
.headline { border: 1px solid #A05800; width: 614px; height: 350px; margin: 15px 6px 6px 6px; }
.headline .headline-story { margin-top: 260px; padding: 15px; }
.headline .headline-title { font-size: 16pt; font-weight: bold; font-style: italic;
    color: #F6E5B8;  }
.headline .headline-text { font-size: 10pt; color: #43CDCA; margin-right: 89px; }
.pill-nav div { float: left; background: url("../images/nav_marks.png") no-repeat; cursor: pointer;
    width: 14px; height: 18px; cursor: pointer; }
.pill-nav .left-arrow:hover { background-position: 0 -18px; }
.pill-nav .right-arrow { background-position: -36px 0; }
.pill-nav .right-arrow:hover { background-position: -36px -18px; }
.pill-nav .pill { background-position: -18px 0; }
.pill-nav .active, .pill-nav .pill:hover { background-position: -18px -18px; }
.pill-nav .active { cursor: default; }

#blog .article { background: url("../images/blog_bg.png") #1E272E no-repeat; width: 578px;
    margin: 0 5px 5px 5px; padding: 5px 20px 1px 20px; }
#blog .article .article-title, #blog .article .article-title a { color: white; font-weight: bold;
    font-size: 14pt; text-decoration: none;}
#blog .article .article-title a:hover { color: white; text-decoration: underline; }
#blog .article .article-author { color: #C29329; font-size: 10pt; float: left; padding-top: 10px; }
#blog .article .article-date { color: #FFC134; font-size: 10pt; font-weight: bold; }
#blog .article .article-content { margin-bottom: 14px; }
#blog .article .article-content img { float: left; margin: 2px 0 10px 0; }
#blog .article .article-date, #blog .article .article-text { margin-left: 170px; padding: 10px; }
#blog .article .article-text { color: #5999A6; font-size: 11pt; padding-top: 0; padding-bottom: 0; }
#blog .article .article-text p:first-child { margin: 0; }
#blog .article .read-more { text-align: right; margin-bottom: 14px; color: #FFC134; }
#blog .article .read-more a { text-decoration: none; color: #FFC134; }
#blog .article .read-more a:hover { text-decoration: underline; color: #FFC134; }

#blog .nav-row { height: 19px; padding: 2px 10px; }
#blog .nav-row a { color: #091B2A; text-decoration: none; }
#blog .nav-row .left { float: left; position: relative; width: 65px; cursor: pointer; }
#blog .nav-row .head { background: url("../images/arrow.png") no-repeat; width: 12px;
    height: 15px; position: absolute; left: 0; }
#blog .nav-row .left:hover .head { background-position: 0 -15px; }
#blog .nav-row .mid { background: #496E8B; height: 15px; position: absolute; left: 12px;
    right: 6px; }
#blog .nav-row .left:hover .mid, #blog .nav-row .right:hover .mid { background: white; }
#blog .nav-row .tail { background: url("../images/arrow.png") no-repeat -13px 0; width: 6px;
    height: 15px; position: absolute; right: 0; }
#blog .nav-row .left:hover .tail { background-position: -13px -15px; }
#blog .nav-row .text { position: absolute; padding-left: 12px; left: 0; top: 0; right: 0;
    text-align: center; }
#blog .nav-row .right { float: right; position: relative; width: 65px; cursor: pointer; }
#blog .nav-row .right .head { background-position: -26px 0; left: auto; right: 0; }
#blog .nav-row .right:hover .head { background-position: -26px -15px; }
#blog .nav-row .right .mid { left: 6px; right: 12px; }
#blog .nav-row .right .tail { background-position: -19px 0; left: 0; right: auto; }
#blog .nav-row .right:hover .tail { background-position: -19px -15px; }
#blog .nav-row .right .text { position: absolute; padding: 0 12px 0 0; }

#play-now { margin: 15px 5px; }
#play-now img { display: block; }
#play-now a { cursor: pointer; }
#play-now .play-now-top { display: block; }
#play-now .play-now-button { width: 341px; height: 62px; display: block;
    background-repeat: no-repeat; }
#play-now .play-now-button span { display: none; }
#play-now .social { position: relative; height: 21px; }
#play-now .social img { position: absolute; top: 7px; }
#play-now .social .steam { left: 56px; }
#play-now .social .download { right: 54px; }

#latest-vid { padding: 0 6px 10px 6px; }
#latest-vid a { float: right; color: white; text-decoration: none; margin-right: 3px; }
#latest-vid a:hover { color: white; text-decoration: underline; }

#follow-us { position: relative; width: 333px; height: 78px; color: #7BECDE; margin-top: 11px;
    background: url("../images/header_social.png") no-repeat; font-size: 16pt; font-weight: bold;
    padding-top: 12px; padding-left: 12px; margin-left: 4px; }
#follow-us a { position: absolute; height: 33px; top: 47px; }
#follow-us a.facebook-url { width: 109px; left: 14px; }
#follow-us a.twitter-url { width: 107px; left: 129px; }
#follow-us a.youtube-url { width: 93px; left: 242px; }
#follow-us a span { display: none; }
#follow-us iframe { position: absolute; top: 12px; left: 250px; }

#newsletter { margin: 0 6px 0 5px; border: 1px solid #212B35; border-top: none;
    background-color: #142029; }