/* CSS Document */
/* Hubs only */
.hub #page { width: 900px;}
.hub #content { border-width: 10px;}
.hub #center { width: 500px;}
.hub #center h1 { margin: 25px 0 5px;}
.hub .musichub #center h1 { margin: 25px 0 -15px; padding: 0;}
.hub .gameshub #center h1 { border-bottom: 1px solid #ccc; padding-bottom: 5px; margin-bottom: 12px;}
.newlyadded { clear: both; height: 1%; }
.hub #center h2 { clear: both; border-top: 1px solid #ccc; margin: 0; padding: 15px 15px 5px;}
.hub .gameshub #center h2 { border: none; padding: 0; margin-bottom: 0;}
.hub #center .newlyadded h2 { margin: 0 0 5px; padding: 10px 0 0; }
.hub #center h2 img { float: left; border: none; margin: 0 12px 10px 0;  }
.hub .filmhub #center h2 img { float: right; border: none; margin: 0 -15px 0 20px; height: 100px; }
.hub #center h2.artistname, .hub #center h2.programinfo { margin: -5px 0 10px; padding: 0 0 0 112px; font-size: 15px; color: #999; clear: none; border: none; line-height: 1.2;}
h5.whenadded { font-style: italic; font-size: 15px; margin: 0 0 7px; clear: both; padding-top: 25px;}
.hub #center p { padding: 0 15px 0 112px; margin: 0 0 10px;  }
.hub #center p.intro { margin: 8px 0; padding: 0;}
.hub .filmhub #center p { padding: 0 15px; }
.hub .gameshub #center p.featuredgameplatform { color: #999; font-size: 15px; font-weight: bold; line-height: 1; margin: -10px 0 15px; padding-top: 0;}
.hub #center p.metascore span { display: block; font-size: 17px; height: 20px; width: 112px; padding: 2px 0 3px 6px; background-image: url(http://www.ghostclick.com/proxy.cgi/111010A/http/www.metacritic.com/_images2/metascore-hub.gif); background-repeat: no-repeat; background-position: top right; border-width: 1px; border-style: solid;}
.hub #center p.metascore { margin-left: 15px; width: 120px; height: 27px; padding: 0 8px 8px 0; background: url(http://www.ghostclick.com/proxy.cgi/111010A/http/www.metacritic.com/_images2/bg-metascore-hub.jpg) no-repeat bottom right;}
.hub #center p.metascore span.green { color: #fff;}
.rssbutton { float: right; margin-top: 10px; }
.hub .platformhub #center p.metascore { margin: 0; float: left; width: 120px; height: 27px; padding: 0 8px 8px 0; background: url(http://www.ghostclick.com/proxy.cgi/111010A/http/www.metacritic.com/_images2/bg-metascore-hub.jpg) no-repeat bottom right;}
.hub .platformhub #center p.publisher { margin: 0; font-weight: bold; }

/* Games only */
#gamesboxes { position: relative; left: -10px; width: 510px; height: 1%; }
.platformbox { position: relative; width: 225px; height: 175px; float: left; margin: 0 0 10px 0; border-left: 10px solid #fff; padding: 10px; background: #e5e5e5 url(http://www.ghostclick.com/proxy.cgi/111010A/http/www.metacritic.com/_images2/bg-platformbox.jpg) repeat-x left bottom; font-size: 13px; }
.platformbox ul { list-style: none; margin: 15px 0 17px; padding: 0;}
.platformbox li { list-style: none; margin: 0 0 6px; padding: 0; line-height: 1.1;}
.gameshub #center .platformbox h2 { border-bottom: 1px solid #fff; padding: 5px 0; margin-top: 0;}
.platformbox h2 span.seeall { float: right; font-size: 11px; font-weight: bold; margin-top: 8px;}
.platformbox h2 a:hover span.seeall { background-color: #336699;}
#gamesboxes a.morelink { font-weight: bold;}
.gameshub #center .platformbox p { margin: 0; padding: 15px 0 0; float: left; width: 110px; font-size: 11px; height: 1%;}
.platformbox p a { display: block; margin: 0 0 6px;}
*html .gameshub #center { padding-right: 5px;}
.extlinkbox { position: relative; width: 225px; height: 230px; float: left; margin: 0; border-left: 10px solid #fff; padding: 10px; background: #666;}
.extlinkbox a { color: #ffcc00;}
.extlinkbox a:hover { background: #ffcc00; color: #666;}
.gameshub #center .extlinkbox h2 { color: #fff; border-bottom: 1px solid #fff; padding: 0 0 5px; }
.extlinkbox ul { list-style: none; margin: 5px 0 17px; padding: 0;}
.extlinkbox li { border-bottom: 1px solid #999; list-style: none; padding: 5px 0;}
.extlinkbox a.morelink { font-size: 13px;}


/* Metacritic modules */
.centercharts { border-top: 1px solid #ccc; margin: 10px 0; clear: both; background: #e5e5e5 url(http://www.ghostclick.com/proxy.cgi/111010A/http/www.metacritic.com/_images2/bg-centercharts.jpg) repeat-x bottom left;}
.centermodules { border-top: 10px solid #fff; width: 100%;}
.centermodules .leftmodule { width: 246px; vertical-align: top; padding: 0; border-right: 4px solid #fff;}
.centermodules .rightmodule { width: 246px; vertical-align: top; padding: 0; border-left: 4px solid #fff;}
.platformhub .centermodules .leftmodule { border-right: none; margin-right: 4px; float: left;}
.platformhub .centermodules .rightmodule { border-left: none; margin-left: 4px; float: right;}
.hub #center .centercharts h3 { margin: 0; padding: 12px 10px 6px; border-top: 0px;}
.scorelist { margin: 0 0 10px;}
.scorelist tr td:first-child { width: 15px; padding-left: 10px;}
.scorelist td { border-bottom: 1px solid #fff; padding: 3px 6px; color: #666;}
.scorelist .green, .scorelist .yellow, .scorelist .red, .scorelist .noscore { -webkit-box-shadow: 2px 2px 5px #666; -moz-box-shadow: 2px 2px #666;}
.centercharts a { font-weight: bold;}
.centercharts .scorelist td a { font-weight: normal;}
.hub #center .centermodules td p { margin: 5px 5px 10px 9px; padding: 0;}
#comingsoon { min-height: 190px; zoom:1;}
.musichub #comingsoon { height: 175px; min-height: 175px; border: none; margin-top: 30px; }
.hub #center #comingsoon h3 { margin: 0; padding: 12px 10px 6px; border-top: 10px solid #fff; border-bottom: 1px solid #fff;}
.hub .filmhub #center #comingsoon h2 img { float: left; margin-left: 0; margin: 0 10px 10px 0; } 
.hub #center #comingsoon h4 { margin: 0;}
.hub #center p.fullcalendar { padding: 0 0 10px; margin: 20px 0 0;}
.hub .musichub #center #comingsoon h4 { font-size: 18px; font-weight: normal;}
.hub #center #comingsoon h2.artistname { color: #666; }

/* Cross-promo modules */
#right .crosspromo { width: 122px; padding: 19px; border-bottom: 1px dotted #fff;}
.crosspromo { background: #666; color: #fff;}
.crosspromo a { color: #ffcc00; font-weight: bold;}
.crosspromo a:hover { color: #666; background-color: #ffcc00;}
.crosspromo p, .crosspromo h5, .crosspromo h6 { margin: 4px 0;}
.crosspromo img { border: 1px solid #000; }