/* Play */
#play { float: left; }

/* Herobanner */
#herobanner, #viewport, .banner { width: 699px; height: 260px; /*width: 701px; height: 262px;*/ }
#herobanner { background: #171717; border: 1px solid #000; float: right; }
#viewport { background: #000; position: relative; }
.banner { position: absolute; display: block; }
#caption { width: 153px; height: 26px; position: absolute; top: 0; right: 0; display: none; }
#thumb-controls { position: absolute; bottom: 20px; right: 14px; }
#thumb-controls li { width: 11px; height: 11px; margin-right: 11px; background: transparent url(../img/banners/thumb-dots-xl.png) left top no-repeat; float: left; cursor: pointer; }
#thumb-controls li.active { background-position: left bottom; }

/* Featured Items */
#featured-items {}
#item-display, #item-display a, #item-display img { width: 260px; height: 149px; }
#item-display { margin: 22px auto 18px; border: 1px solid #000; background: #000; }
#item-display a, #item-display img { display: block; }
#item-controls { width: 276px; margin: 0 auto; }
#item-controls a { width: 10px; height: 19px; margin-top: 17px; text-indent: -9999px; background-color: transparent; background-image: url(../img/btn/featured-items.png); background-repeat: no-repeat; display: block; }
#prev-btn { background-position: left top; float: left; }
#next-btn { background-position: right top; float: right; }
#item-thumbs { width: 239px; height: 55px; margin: 0 auto; padding: 1px 0; position: relative; overflow: hidden; }
#item-thumbs ul { min-width: 246px; height: 55px; position: absolute; }
#item-thumbs li, #item-thumbs img { width: 75px; height: 55px; }
#item-thumbs li { margin-right: 7px; background: #000; float: left; cursor: pointer; }
#item-thumbs li.active img { outline: 1px solid #000; }

/* Free League Ranking */
#league-ranking table { width: 100%; margin-top: 12px; text-align: center; }
#rank-col { width: 26%; }
#server-col { width: 30%; }
#player-col { width: 44%; }
#league-ranking th { padding: 6px 0; color: #8083fe; background: #1b1b1b; }
#league-ranking td { padding: 4px 0 2px; color: #949494; }
#league-ranking span { width: 100px; margin: 0 auto; text-overflow: ellipsis; overflow: hidden; display: block; }

/* Facebooks Fans */
#facebook iframe { width: 289px; height: 247px; }

/* Social Links */
#social-links { width: 289px; height: 59px; margin-left: 12px; background: transparent url(../img/bg/social-links.jpg) 0 0 no-repeat; position: relative; }
#ytube, #fb { text-indent: -9999px; background: transparent url(../img/btn/social-links.png) left top no-repeat; position: absolute; display: block; }
#ytube { width: 70px; height: 28px; background-position: left bottom; top: 16px; left: 37px; }
#fb { width: 104px; height: 18px; top: 20px; right: 17px; }

/* News module */
#more-news { font-family: 'Quattrocento', serif; font-size: 14px; color: #cacbf0; position: absolute; right: 12px; }
#more-news:hover { text-decoration: underline; }
.news-article { height: 28px; padding-top: 13px; color: #3e3e3e; border-bottom: 1px dashed #8d8d8d; overflow: hidden; }
.news-article h4 { margin-bottom: 7px; float: left; }
.news-article h4 a { font-family: 'Quattrocento', serif; font-weight: normal; font-size: 17px; color: #333; }
.news-info { line-height: 16px; float: right; }
.news-info li { width: 69px; height: 16px; text-align: center; float: left; }
.news-type { font-size: 10px; color: #ccc; text-transform: uppercase; background: #3f3f3f; }
.news-date { color: #666666; margin-right: 12px; font-size: 11px; }
.news-copy { clear: both; font-size:14px; }
.news-copy img { width: 615px; height: auto; margin-bottom: 14px; background: #444; /*border: 1px solid #444;*/ display: none; }
.news-copy p { font-size: 14px; line-height: 20px; display: none; }
.news-copy p + p { margin-top: 20px; }
.news-copy .read-more-news { font-size: 12px; color: #8859ad; border-bottom: 1px dotted #8859ad; }
/* Expanded overrides */
.news-article.expanded { height: auto; padding: 25px 0 26px; color: #3e3e3e; border-bottom: 1px dashed #8d8d8d; }
.news-article.expanded h4 { float: none; }
.news-article.expanded h4 a { font-family: 'Quattrocento', serif; font-weight: normal; font-size: 23px; color: #000; line-height:27px }
.expanded .news-info { margin-bottom: 15px; float: none; }
.expanded .news-copy img, .expanded .news-copy p { display: block; }

.short {max-width: 440px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.expanded .short {max-width: 600px}
#viewport img {width:699px; height:260px;}