/* CSS Document */

/* Global styles */



/* Basic structure */

body { background: #002348; margin: 0; padding: 0;}

#masthead { margin: 0; width: 100%; height:176px; color: #fff; background: url(/_images2/bg-masthead.jpg) repeat-x 0 0;}

#page { width: 980px; margin: 0 auto 20px; }





/* Basic text and links */

body, input, select, option, textarea, button { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000;}

a { color: #336699; text-decoration: none;}

a:hover { color: #fff; background-color: #336699;}

h1 { font-size: 22px;}

h2 { font-size: 18px;}

h3 { font-size: 18px;}

h4 { font-size: 14px;}

h5 { font-size: 14px;}

h6 { font-size: 13px;}





/* Masthead contents */

#eyebrow { width: 980px; margin: 0 auto; height: 25px;}

#eyebrow ul { list-style: none; margin: 0; padding: 5px 0;}

#eyebrow li { list-style: none; padding: 0 25px 0 0; margin: 0; float: left;}

#eyebrow li a { color: #ffcc00;}

#eyebrow li a:hover { background-color: #ffcc00; color: #002348;}

#eyeright { float: right; height: 25px; width: 200px; overflow: hidden; display: inline; border: 1px solid red; }

#cbseyebrow { border: 0; height: 25px; margin: 0 0 0 25px; background: #002448; display: inline; float: right; width: 200px; overflow: hidden;}

#logorow { width: 980px; height: 113px; margin: 0 auto;}

#nav1 { width: 980px; height: 38px; margin: 0 auto;}

#logo { padding: 20px 0;}

#minisearch { float: right; text-align: right; padding: 22px 0 0;}

#minisearch a { color: #ffcc00; font-weight: bold; padding: 0 3px;}

#minisearch a:hover { color: #002348; background-color: #ffcc00;}

#minisearch form { margin: 2px 0 0; background-color: #183758; padding: 8px 7px 7px 8px; border-left: 1px solid #677b91; border-top: 1px solid #677b91;}

#minisearch select, #minisearch input { margin-right: 5px; font-size: 12px; color: #333;}

#minisearch input#minisearchbutton { color: #333; font-size: 11px; font-weight: bold; padding: 2px 6px; background: #ffcc00 url(/_images2/bg-searchbutton.jpg) repeat-x top left; border-top: 1px solid #fff3c2; border-left: 1px solid #fff3c2; border-right: 1px solid #ffcc00; border-bottom: 1px solid #ffcc00;}

#minisearch form a:hover { background: none;}

span.cbsipromolink {float: right; padding-top: 5px;}

a.xpromolink { color: #ffcc00;}



/* Navigation */

#nav1 ul { height: 37px; list-style: none; margin: 0; padding: 0; border-left: 1px solid #bbb;}

#nav1 li { height: 37px; list-style: none; margin: 0; padding: 0; display: inline; float: left; background-image: url(/_images2/bg-nav1.gif); background-position: top right; background-repeat: repeat-y; border-right: 1px solid #fefefe;}

#nav1 li a { display: block; padding: 10px 20px; font-size: 14px; font-weight: bold;}

#nav1 li a:hover { background: none; color: #336699; text-decoration: underline;}

#nav1 li:first-child { border-left: 1px solid #fefefe; }

.home #nav1 li#home a { color: #fff; background: #15385c url(/_images2/bg-nav1on.jpg) repeat-x center bottom; margin-top: 1px;} 

.film #nav1 li#film a { color: #fff; background: #15385c url(/_images2/bg-nav1on.jpg) repeat-x center bottom; margin-top: 1px;} 

.video #nav1 li#video a { color: #fff; background: #15385c url(/_images2/bg-nav1on.jpg) repeat-x center bottom; margin-top: 1px;} 

.tv #nav1 li#tv a { color: #fff; background: #15385c url(/_images2/bg-nav1on.jpg) repeat-x center bottom; margin-top: 1px;} 

.music #nav1 li#music a { color: #fff; background: #15385c url(/_images2/bg-nav1on.jpg) repeat-x center bottom; margin-top: 1px;} 

.games #nav1 li#games a { color: #fff; background: #15385c url(/_images2/bg-nav1on.jpg) repeat-x center bottom; margin-top: 1px;} 





/* Ad units */

#topleaderboard { width: 980px; margin: 0 auto; }

.leaderboard { text-align: center; padding: 5px 0 10px; }

.skyscraper { margin-bottom: 15px;}





/* Metascores */

.green { background-color: #62c746; border-color: #62c746; color: #000; font-weight: bold; padding: 0px 3px;}

.yellow { background-color: #fbb803; border-color: #fbb803; color: #000; font-weight: bold; padding: 0px 3px;}

.red { background-color: #cc0000; border-color: #cc0000; color: #fff; font-weight: bold; padding: 0px 3px;}

.noscore { background-color: #ccc; border-color: #ccc; color: #000; font-weight: bold; padding: 0px 3px;}





/* Sidebar */

#left { width: 161px; margin: 0; padding: 0 15px 15px; float: left; color: #fff; line-height: 1.5;}

#left a { color: #ffcc00;}

#left a:hover { color: #002348; background-color: #ffcc00;}

.mainmenu a { font-weight: bold; }

#left h2 { font-size: 34px; margin: 8px 0 15px;}

#left h2 a { color: #fff;}

#left h2 a:hover { color: #fff; background: none; border-bottom: 1px solid #fff;}

#left p { margin-bottom: 20px;}

#left h4 { margin: 50px 0 10px; line-height: 1;}

#left h4.platformgrouping { font-weight: bold; line-height: 1.1; margin: 0; padding: 0; font-size: 11px;}

.curplatform { font-weight: bold;}

#left p.platforms { margin: 0 0 12px;}

#left p.sortby { font-size: 10px; margin: 12px 0;}

#left p.sortby a { padding: 3px 9px; border: 1px solid #8091a4;}

#left p.sortby a:first-child { border-right-width: 0px;}

#left a.starred { font-weight: bold; margin-right: 2px; color: #ffffcc;}

#left p.listing { margin-bottom: 0;}

#left p.small { line-height: 1.1; font-size: 10px;}





/* Content area */

#content { background: #fff; border: 15px solid #fff; background: #fff url(/_images2/bg-content.gif) repeat-y 0 0; height: 1%;}

#center { float: left; margin: 0; width: 570px; padding: 0 15px 0 14px; background-color: #fff;}

*html #center { padding-right: 14px;}

#right { float: left; margin: 0; width: 160px;}

.clear { clear: both; height: 0;}





/* Footers */

#sitefooter { clear: both; border-left: 1px solid #fff; border-right: 1px solid #fff; background: #3E5871; position: relative;}

#bottomnav { margin: 20px 0 0; padding: 10px 0 20px 0; color: #fff; background: url(/_images2/logo-footer.gif) no-repeat top left;}

.bottomnav1  { font-size: 14px; margin: 0 0 10px 245px;}

.bottomnav1 a { color: #fff; margin-right: 20px; font-weight: bold;}

.bottomnav1 a:hover { text-decoration: underline; background: none;}

.bottomnav2 { margin: 0 0 0 73px;}

.bottomnav2 a { color: #ffcc00; font-weight: bold; padding: 0 5px;}

.bottomnav2 a:hover { color: #3E5871; background-color: #ffcc00;}

#networkfooter { margin: 0; padding: 10px 20px; color: #fff; background: #002348; line-height: 1.6; border-left: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff;}

#networkfooter a { color: #ffcc00;}

#networkfooter a:hover { color: #002348; background-color: #ffcc00; }

#networkfooter form { float: right; text-align: right;}

#networkfooter form label { display: block; padding-bottom: 5px; }

#networkfooter input { margin-left: 5px; color: #333; font-size: 11px; font-weight: bold; padding: 1px 3px; background: #ffcc00 url(/_images2/bg-searchbutton.jpg) repeat-x top left; border-top: 1px solid #fff3c2; border-left: 1px solid #fff3c2; border-right: 1px solid #ffcc00; border-bottom: 1px solid #ffcc00;}

img.gsfooter { position: absolute; right: 10px; bottom: 34px;}