/* COBER - EA BRUTAL LEGEND STYLESHEET V1.0 - 06.08.2009 ==================================================================================== */ /* REBOOT */ * {padding:0; margin:0;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,embed,object,form,fieldset,label,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;} table{border-collapse:collapse;border-spacing:0;} fieldset,img{border:none;} address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;} ol,ul {list-style:none;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} q:before,q:after{content:'';} abbr,acronym {border:0;} a img { border: none; } /* Removes Firefox imposed outline */ a { outline: none; } object, embed { display: inline; } body { margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:15px; color:#e1dab0; background-image:url(/images/brutal-bkg-blue.jpg); background-position: top center; background-repeat: no-repeat; background-color: black;} .clear { clear:both; } .right { float:right; } .left { float:left;} a, a:visited {color:#e1dab0; text-decoration: none; font-size: 11px; font-weight: bold;} a:hover, a:active {color:#866c36;} p { font-size: 11px; color:#7b7970; margin:0 0 5px 0; line-height: 12px;} .plus {color:#87080c; padding:0 3px 0 0;} .plus-link {font-size: 9px; font-weight: bold; text-transform: uppercase;} .brutal-red {color: #87080c; } h1, h2 {font-size: 18px; padding:0 0 7px 0; font-weight: bold; color: #ebeb98; } h3 {font-size: 12px; padding:18px 0 3px 0; font-weight: bold; color: #ebeb98; text-transform: uppercase; } /* LAYOUT ==================================================================================== */ #bl-gus {height:25px; } #gus {width:100%; height:25px; background-image: url(/images/bkg-gus-tile.jpg); background-repeat: repeat-x; text-align: center; } #wrap { width:1150px; height:934px; margin: auto; background: url(/images/cover-full-3-bkg-blue8-exported4.png) no-repeat top center; } #left-wrap {width:117px; height:100px; float:left;} /*THIS IS HERE TO OFF-SET THE FLASH DIV ON THE RIGHT */ #content-wrap {width:925px; margin:0 auto; float:left;} #left-column {width:600px; margin:0; padding:0; float:left;} #left-column-media {width:615px; padding:20px 0 0 17px; float:left; } #left-column-media h4 {color: #787657; padding:0 0 3px 0;} #left-column-media p {color: #4d4c3d; line-height: 9px;} /* 61604e 67654b */ #left-column-media-detail {width:590px; padding:20px 0 0 17px; float:left;} #left-column-about {width:615px; padding:20px 0 0 17px; float:left; } #left-column-about h4 {color: #787657; padding:0 0 3px 0;} #left-column-about p {color: #4d4c3d; font-size: 14px; line-height: 16px;} /* 61604e 67654b */ #right-column {width:300px; float:left; } #right-column-media {width:275px; padding:20px 0 0 0; float:left; } #right-column-media-detail {width:310px; padding:20px 0 0 0; float:left;} #right-column-media-detail h2 {width:200px; float:left;} #flash-wrap {width:105px; height:920px;} #about-flash-wrap {width:105px; height:100px;} /* ABOUT DIFFERENCES */ #about-wrap { width:1150px; height:150px; margin: auto; } #about-content-wrap {width:1020px; padding:0 0 0 100px; margin:auto; } #about-content {width:950px; height:600px; background: url(/images/brutal-about-bkg.png) no-repeat; } /* ABOUT CONTENT ==================================================================================== */ #right-column-about {width:280px; padding:20px 0 0 0; float:left; } #left-column-about {width:610px; padding:20px 0 0 0; float:left;} #left-column-about h2 {color: #cccc85; font-size: 16px; line-height: 21px; } #left-column-about p { color:#7b7970; font-size: 14px; line-height: 21px; margin:0 0 10px 0;} /* 61604e 67654b */ h1.about-bl3 {width:356px; height:59px; margin:0px 0 20px 10px; background: url(/images/t-about-bl.png) no-repeat; font-size: 1px; text-indent: -5000px; clear: both; position:relative; top:20px; left:0px;} ul#about {width:249px; margin:0px 0 0 10px; padding:0;} li.the-world {width:249px; height:34px; margin:0 0 15px 0; padding:0; font-size: 1px; text-indent: -5000px;} li.the-world-on {width:249px; height:34px; margin:0 0 15px 0; padding:0; background: url(/images/b-the-world.jpg) 0 -40px no-repeat; font-size: 1px; text-indent: -5000px; display:block;} li.the-world a {width:249px; height:34px; background: url(/images/b-the-world.jpg) 0 0 no-repeat; font-size: 1px; text-indent: -5000px; display:block;} li.the-world a:hover { background: url(/images/b-the-world.jpg) 0 -39px no-repeat;} li.multiplayer {width:249px; height:34px; margin:0 0 15px 0; padding:0; font-size: 1px; text-indent: -5000px;} li.multiplayer-on {width:249px; height:34px; margin:0 0 15px 0; background: url(/images/b-multiplayer.jpg) 0 -40px no-repeat; font-size: 1px; text-indent: -5000px; display:block;} li.multiplayer a {width:249px; height:34px; background: url(/images/b-multiplayer.jpg) 0 0 no-repeat; font-size: 1px; text-indent: -5000px; display:block;} li.multiplayer a:hover { background: url(/images/b-multiplayer.jpg) 0 -39px no-repeat;} li.the-story {width:249px; height:34px; margin:0 0 15px 0; padding:0; font-size: 1px; text-indent: -5000px;} li.the-story-on {width:249px; height:34px; margin:0 0 15px 0; background: url(/images/b-the-story.jpg) 0 -40px no-repeat; font-size: 1px; text-indent: -5000px; display:block;} li.the-story a {width:249px; height:34px; background: url(/images/b-the-story.jpg) 0 0 no-repeat; font-size: 1px; text-indent: -5000px; display:block;} li.the-story a:hover { background: url(/images/b-the-story.jpg) 0 -39px no-repeat;} li.action-gameplay {width:249px; height:34px; margin:0 0 15px 0; padding:0; font-size: 1px; text-indent: -5000px;} li.action-gameplay-on {width:249px; height:34px; margin:0 0 15px 0; background: url(/images/b-action-gameplay.jpg) 0 -40px no-repeat; font-size: 1px; text-indent: -5000px; display:block;} li.action-gameplay a {width:249px; height:34px; background: url(/images/b-action-gameplay.jpg) 0 0 no-repeat; font-size: 1px; text-indent: -5000px; display:block;} li.action-gameplay a:hover { background: url(/images/b-action-gameplay.jpg) 0 -39px no-repeat;} .about-item-wrap {width:450px; margin:auto;} .about-item {width:140px; height:85px; padding:0 13px 0 0; margin:20px 0 10px 0; float:left; } .about-item-last {width:140px; height:85px; padding:0 0 0 0; margin:20px 0 10px 0; float:left; } #about-detail-player {width:515px; height:300px; margin:25px auto; padding:0; } #about-control-panel {width:568px; height:25px; margin:10px 0 0 15px; padding:5px 0 0 0;} #about-brutal-flash-player {width:568px; height:319px; margin:20px 0 20px 18px; padding:0; background: url(/images/flash-indicator.png) repeat; } /* ABOUT DIFFERENCES */ /* #about-wrap { width:1150px; height:150px; margin: auto; } #about-content-wrap {width:1020px; padding:0 0 0 100px; margin:auto;} #about-content {width:950px; height:600px; background: url(/images/brutal-about-bkg.png) no-repeat; padding: 11px 12px;} */ /* TOP NAV ==================================================================================== */ #bl-logo {width:304px; height:132px; margin:0; background-image: url(/images/bl-logo.png); float:left; } #bl-logo a { width:292px; height:123px; display:block;} #bl-logo h1 {font-size: 1px; text-indent: -5000px;} #utility-wrap {width:600px; height:135px; float:left; margin:0; padding:0 0 0 10px; } #twitter {width:360px; height:75px; float:left; margin:12px 0 0 0; font-size: 11px; color: #d2ece4;} #twitter a {color:#d2ece4;} #twitter a:hover {color:#293366;} .twitter-icon {width:38px; height: 43px; background-image: url(/images/icon-twitter-blue.png); margin:0 10px 0 0; float:left;} #share {width:240px; height:60px; float:left; margin:12px 0 0 0;} .share-text {float:left; width:45px; padding:3px 0 0 15px; font-size: 10px; font-weight: bold; color:#d2ece4; } .share-icon {width:146px; height:22px; background: url(/images/icon-share-blue.jpg) 0px 0px no-repeat; float:left;} .share-icon a {width:146px; height:22px; display:block;} .share-icon a:hover {background: url(/images/icon-share-blue.jpg) 0px -22px no-repeat;} /* #share {width:240px; height:60px; float:left; margin:12px 0 0 0;} .share-text {float:left; width:45px; padding:3px 0 0 15px; font-size: 10px; font-weight: bold; } .share-icon {width:146px; height:22px; background: url(/images/icon-share.jpg) 0px 0px no-repeat; float:left;} .share-icon a {width:146px; height:22px; display:block;} .share-icon a:hover {background: url(/images/icon-share.jpg) 0px -22px no-repeat;} #twitter {width:360px; height:75px; float:left; margin:12px 0 0 0; font-size: 11px;} .twitter-icon {width:38px; height: 43px; background-image: url(/images/icon-twitter.jpg); margin:0 10px 0 0; float:left;} .twitter-text {} */ #brutal-nav-wrap {width:608px; clear:both; } #sound {width:590px; height:25px;} .song-name {padding:0 10px 0 15px; float:right; background: url(/images/icon-note.gif) 0px 2px no-repeat; color:#b9ae93;} .sound-icon {width:80px; height:15px; padding:0; background: url(/images/icon-sound.gif) 60px 2px no-repeat; float:right; text-align: left; } .sound-icon a {width:80px; height:15px; display:block; float:right; color:#866c36;} .sound-icon a:hover {background: url(/images/icon-sound.gif) 60px -22px no-repeat; color:#b9ae93;} #brutal-nav {width:590px; height:20px; margin:0; padding:0; } #brutal-nav ul {display: inline; float:right;} #brutal-nav li { margin: 0; padding: 0 4px; list-style: none; float: left; } #brutal-nav a { text-decoration: none; font-size: 11px; text-transform: uppercase; color:#e1dab0;} #brutal-nav a:hover {color:#866c36;} .nav-pre-order {padding:2px 5px; background-color: #6c0e10;} #nav-selected a {color:#866c36;} /* MAIN CONTENT ==================================================================================== */ #brutal-flash-player {width:568px; height:319px; margin:0px 0 0 18px; padding:0;} #media-detail-player {width:568px; height:319px; margin:5px 0 0 0; padding:0;} #blog-detail-player {width:470px; height:268px; margin:0; padding:0;} /* MEDIA CARROUSEL ==================================================================================== */ #media-wrap {width:570px; margin:5px 0 0 18px; } #media-wrap a {color:#cac9b5;} #media-wrap p {color:#7b7970;} .media-item {width:140px; height:164px; padding:0 3px 0 0; float:left; } .media-item a {color:#cac9b5;} .media-item a:hover {color:#cac9b5;} .feature-media-item {width:292px; height:263px; padding:0 14px 0 0; float:left; } .slider-bkg {width:548px; height:10px; margin:5px 0 0 0; background: url(/images/divider-569.png) no-repeat;} #video-comment {width:550px; height:80px; margin:10px 0 0 18px; } .media-button-wrap {width:140px; height:83px; margin:0 0 4px 0; padding:12px 0 0 0; } .media-button {width:140px; height:24px; background-image: url(/images/b-media.jpg); background-repeat: no-repeat; text-align: center; text-transform: uppercase;} .media-button a {width:140px; height:24px; display: block; line-height: 20px;} .media-button a:hover {background-image: url(/images/b-media-hover.jpg);} .rock-on a {width:14px; height:15px; margin:0 3px 0 0; background: url(/images/b-rock-on.gif) 0 0 no-repeat; display:block; font-size: 1px; text-indent: -5000px; float:left; overflow: hidden;} .rock-on a:hover, .rock-on-active a {background: url(/images/b-rock-on.gif) 0 -15px no-repeat;} .thumbs-down a {width:14px; height:15px; margin:0 5px 0 0; background: url(/images/b-thumbs-down.gif) 0 0 no-repeat; display:block; font-size: 1px; text-indent: -9000px; float:left; overflow: hidden;} .thumbs-down a:hover, .thumbs-down-active a {background: url(/images/b-thumbs-down.gif) 0 -15px no-repeat;} .icon-email a {width:16px; height:11px; margin:4px 10px 0 0; background: url(/images/icon-mail.gif) 0 0 no-repeat; display:block; font-size: 1px; text-indent: -9000px; float:right; overflow: hidden;} .icon-email a:hover {background: url(/images/icon-mail.gif) 0 -12px no-repeat;} .icon-embed a {width:17px; height:13px; margin:3px 9px 0 0; background: url(/images/icon-embed.gif) 0 0 no-repeat; display:block; font-size: 1px; text-indent: -9000px; float:right; overflow: hidden;} .icon-embed a:hover {background: url(/images/icon-embed.gif) 0 -14px no-repeat;} .icon-download a {width:14px; height:13px; margin:4px 0 0 0; background: url(/images/icon-download.gif) 0 0 no-repeat; display:block; font-size: 1px; text-indent: -9000px; float:right; overflow: hidden;} .icon-download a:hover {background: url(/images/icon-download.gif) 0 -14px no-repeat;} .icon-volume a {width:13px; height:11px; margin:0 10px 0 0; background: url(/images/icon-sound-red.gif) 0 0 no-repeat; display:block; font-size: 1px; text-indent: -9000px; float:left; overflow: hidden;} .icon-volume a:hover {background: url(/images/icon-sound-red.gif) 0 -12px no-repeat;} .icon-fullscreen a {width:13px; height:12px; margin:0 10px 0 0; background: url(/images/icon-fullscreen.gif) 0 0 no-repeat; display:block; font-size: 1px; text-indent: -9000px; float:left; overflow: hidden;} .icon-fullscreen a:hover {background: url(/images/icon-fullscreen.gif) 0 -13px no-repeat;} .share-it { font-size: 11px; text-transform: uppercase; float:right; padding:2px 10px 0 0;} #media-pagination {width:300px; height:20px; padding:4px 37px 0px 0; float:right; line-height: 14px;} #media-pagination a {color:#fffdd5;} #media-pagination a:hover {} #media-pagination ul {float:right; height:20px; } #media-pagination li {text-decoration: none; display:inline;} #media-pagination li a {width:20px; height:20px; color:#fffdd5; text-align: center; padding:3px 0 0 0; margin:0 0 0 5px; display: block; float:left;} #media-pagination li a:hover {background: url(/images/b-media-page.jpg) no-repeat;} .red-plus {color: #89100d; font-weight: bold;} .number {width:20px; height:20px;} .selected {background: url(/images/b-media-page.jpg) no-repeat;} #media-pagination .centered {margin:auto;} #next-page {float:right; margin:4px 0 0 5px; text-transform:uppercase; } #next-page a {font-size: 8px; font-weight: bold;} #next-page a:hover {color: #89100d;} #false-footer {width:94px; height:121px; margin:10px 0 0 25px; background-image: url(/images/logo-doublefine.jpg);} #false-footer a {width:94px; height:121px; background-image: url(/images/logo-doublefine.jpg); display:block; font-size: 1px; text-indent: -5000px;} .media-hr-long {width:595px; height:3px; background: url(/images/media-hr-long.png) no-repeat;} .media-hr-med {width:568px; height:6px; background: url(/images/divider-med.png) no-repeat;} .media-hr-long-bottom {width:595px; height:3px; margin:3px 0 0 0; background: url(/images/media-hr-long.png) no-repeat;} .media-hr-short {width:268px; height:3px; background: url(/images/media-hr-short.png) no-repeat;} #media-sort {width:595px; height:18px; padding:3px 0 5px 0; font-size: 9px; text-transform: uppercase;} #media-sort .sort {float:left; color:#fffdd5; padding:0 8px 0 0; } #media-sort ul{width:540px;} #media-sort li {display:inline;} #media-sort li a {color:#8a1210; padding:0 15px 0 0;} #media-sort li a:hover {color:#ebeb98;} #media-sort li .clicked {color:#866C36;} #media-detail {width:568px; margin:0; } #media-detail h2 {width:450px; margin:0; float:left; } #media-control-panel-home {width:585px; height:25px; padding:5px 0 0 17px;} #media-control-panel {width:568px; height:25px; padding:5px 0 0 0;} .left-controls {width:150px; float:left; padding:3px 0 0 0;} .center-paging {width:268px; float:left; text-align: center;} .center-paging ul { width:120px; height:20px; margin:0 auto;} .center-paging li {text-decoration: none; display:inline;} .center-paging li a {width:20px; height:20px; color:#fffdd5; text-align: center; padding:3px 0 0 0; margin:0 0 0 5px; display: block; float:left;} .center-paging li a:hover {color:#fffdd5; background: url(/images/b-media-page.jpg) no-repeat;} .right-controls {width:150px; float:left; padding:1px 0 0 0;} .comment-wrapper {margin:5px 0 10px 0;} .comments-title-wrapper {width:568px; height:18px; padding:18px 0 3px 0;} .comments-title {font-size: 12px; font-weight: bold; color: #ebeb98; text-transform: uppercase; float:left; } .padding-fix {padding:3px 0 0 0;} .padding-right-fix {padding:3px 18px 0 0;} /* RIGHT CONTENT ==================================================================================== */ #right-column {width:300px; float:left; margin:5px 0 0 10px;} #right-column h2 {font-size: 1px; text-indent: -5000px;} #pre-order-link a {width:300px; height:179px; background: url(/images/tile-pre-order.jpg); font-size: 1px; display: block;} #brutal-thoughts {width:300px; height:53px; background-image: url(/images/t-brutal-thoughts.jpg);} #brutal-thoughts p {color: white;} .brutal-thoughts-content {width:300px; height:150px; margin:5px 0 0 0; } .btc-content {width:278px; height:50px; padding:57px 0 0 15px;} .btc-entry {color:white;} .btc-nav {position: absolute; width:60px; margin: 100px 0 0 240px; z-index: 3;} .btc-prev a {width:20px; height:20px; margin:0 2px 0 0; background: url(/images/icon-blt-left-arrow.jpg) 0 0 no-repeat; display: block; font-size: 1px; line-height: 1px; text-indent: -5000px; float:left; } .btc-prev a:hover {background: url(/images/icon-blt-left-arrow.jpg) 0 -20px no-repeat; } .btc-next a {width:20px; height:20px; background: url(/images/icon-blt-right-arrow.jpg) 0 0 no-repeat; display: block; font-size: 1px; line-height: 1px; text-indent: -5000px; float:left; } .btc-next a:hover {background: url(/images/icon-blt-right-arrow.jpg) 0 -20px no-repeat; } #brutal-sign-up {width:300px; padding:40px 0 0 5px; background-image: url(/images/t-sign-up.jpg); background-repeat: no-repeat;} .sign-up {width:106px; height:62px; margin:7px 0 0 0; background-image: url(/images/b-sign-up.jpg); background-repeat: no-repeat; } .sign-up a {width:106px; height:62px; padding:3px 0 0 5px; font-size: 12px; color:#e1dab0; font-family: "Myriad Pro Bold"; font-weight: bold; text-transform: uppercase; display:block; background-image: url(/images/b-sign-up.jpg); background-repeat: no-repeat;} .sign-up a:hover {color:#b09785;} .blog {width:87px; height:54px; background-image: url(/images/t-blog.jpg); background-repeat: no-repeat;} .avatar-wrap {width:300px; height:50px; line-height: 13px;} .mini-blog-post {width:270px; margin:6px 0 0 5px; } .mini-blog-post-author {color: #87080c; } .mini-blog-post-day {} .blog-avatar {width:39px; height:39px; float:left; margin:0 10px 0 0;} .right-side-promo {margin:42px 0 0 0; } .media-right-hr-med {width:295px; height:15px; background: url(/images/media-hr-295.png) no-repeat;} /* BLOG ==================================================================================== */ #blog-content {width:640px; padding:30px 0 0 17px; float:left; } #blog-content p { font-size: 11px; color:#7b7970; margin:0 0 10px 0; line-height: 12px;} #blog-content h1 {width:100px; height:40px; background: url(/images/t-blog-title.png) no-repeat; float:left; font-size: 1px; text-indent: -5150px;} #blog-content h2 { font-size: 18px; padding:1px 0 12px 0; font-weight: bold; color: #ebeb98; } .blog-date {float:right; padding:0 6px 0 18px; margin:3px 0 0 0; text-align: right;} .blog-author {float:left; padding:2px 0 0 10px; } .blog-rss {background: url(/images/icon-rss-blog.png) 0 2px no-repeat; float:right; padding:0 6px 0 18px; margin:28px 0 0 0;} .blog-media-wrap {width:470px; height:293px; margin:5px 20px 0 0; float:left;} #blog-control-panel {width:470px; height:25px; padding:5px 0 0 0; } #blog-control-panel .right-controls {width:150px; float:right; padding:1px 0 0 0;} .blog-controls {width:610px; height:20px; padding:5px 6px 5px 0; clear:both; } .blog-controls .right {padding:4px 0 0 15px;} #blog-pagination {width:600px; height:20px; padding:4px 37px 0px 0; line-height: 14px;} #blog-pagination a {color:#fffdd5;} #blog-pagination a:hover {} #blog-pagination ul {height:20px; float:left; } #blog-pagination li {text-decoration: none; display:inline;} #blog-pagination li a {width:20px; height:20px; color:#fffdd5; text-align: center; padding:3px 0 0 0; margin:0 0 0 5px; display: block; float:left;} #blog-pagination li a:hover {background: url(/images/b-media-page.jpg) no-repeat;} .red-plus {color: #89100d; font-weight: bold;} .number {width:20px; height:20px;} .selected {background: url(/images/b-media-page.jpg) no-repeat;} #blog-next-page {float:left; margin:4px 0 0 5px; text-transform:uppercase; } #blog-next-page a {font-size: 8px; font-weight: bold;} #blog-next-page a:hover {color: #89100d;} #blog-slider {width:27px; float:left; padding:77px 0 0 10px; } .blog-up-arrow a {width:15px; height:11px; margin:0 0 10px 2px; background: url(/images/blog-up-arrow.png) no-repeat; display: block; font-size: 1px; text-indent: -5150px;} .blog-down-arrow a {width:16px; height:11px; margin:10px 0 0 2px; background: url(/images/blog-down-arrow.png) no-repeat; display: block; font-size: 1px; text-indent: -5150px;} .blog-track {width:18px; height:560px; background: url(/images/blog-track.png) no-repeat; } .blog-slider a {width:18px; height:81px; background: url(/images/blog-slider.png) no-repeat; display: block; font-size: 1px; text-indent: -5150px; } .blog-divider {width:100%; height:10px; background: url(/images/blog-dotted-line-639.png) no-repeat; clear:left;} .blog-divider-small {width:210px; height:10px; background: url(/images/blog-dotted-line-210.png) no-repeat; clear:left;} .blog-tweet-wrapper {height:45px; margin:5px 0 10px 0; padding:0 0 0 15px;} .blog-comment-wrapper {margin:5px 0 10px 0; padding:0;} .blog-comment-wrapper p {padding:0 60px 0 30px;} #blog-right-column {width:210px; float:left; padding:43px 0 0 0; } #blog-sort h4 {width:180px; height:25px; background: url(/images/t-sort.png) no-repeat; font-size: 1px; text-indent: -5150px; padding:0 0 7px 0; } #blog-archive h4 {width:85px; height:25px; background: url(/images/t-archive.png) no-repeat; font-size: 1px; text-indent: -5150px; padding:0 0 7px 0; } #blog-update-types h4 {width:210px; height:25px; background: url(/images/t-view-update-type.png) no-repeat; font-size: 1px; text-indent: -5150px; padding:0 0 7px 0; } #blog-right-column ul {width:225px; margin:0 0 20px 0;} #blog-right-column ul ul {width:205px; margin:0 0 0 10px;} #blog-right-column li {} #blog-right-column li a {} #blog-right-column li .clicked {color:#850a0c;} .blog-comment-input-wrapper {padding:0 0 0 30px; margin:10px 0 0 0;} #blog-comments { width:560px; height:50px; margin:0; padding:5px; background: url(/images/comment-input-bkg.png) repeat; } #blog-comments input, #blog-comments textarea {width:550px; height:50px; color:#CCCCCC; background: transparent; border:none; margin:0; padding:0; overflow: hidden; } .blog-post {width:110px; height:62px; margin:7px 5px 0 0; background-image: url(/images/b-sign-up.png); background-repeat: no-repeat; float:right; text-align: center; } .blog-post a {width:56px; height:62px; padding:3px 50px 0 10px; font-size: 12px; color:#e1dab0; font-family: "Myriad Pro Bold"; font-weight: bold; text-transform: uppercase; display:block; background-image: url(/images/b-sign-up.png); background-repeat: no-repeat;} .blog-post a:hover {color:#b09785;} /* TAG CLOUD STYLE */ #tag-cloud { width:210px; margin:0 0 10px 0; } #tag-cloud-content {padding: 2px 15px 5px 0; } #tag-cloud h4 {width:60px; height:25px; background: url(/images/t-tags.png) no-repeat; font-size: 1px; text-indent: -5150px; padding:0 0 7px 0;} #tag-cloud ul {width:210px; margin:0;} #tag-cloud ul li {display: inline; line-height: 1.6em;} #tag-cloud ul li a {padding: 0 3px 0 0; text-decoration: none; display: inline; color:#606252; } #tag-cloud ul li a:hover {color:#d9d9b6; } #tag-cloud a.tag1 { font-size: 0.8em; font-weight: 100; } #tag-cloud a.tag2 { font-size: 0.9em; font-weight: 200; } #tag-cloud a.tag3 { font-size: 1.0em; font-weight: 300; } #tag-cloud a.tag4 { font-size: 1.2em; font-weight: 400; color:#737361;} #tag-cloud a.tag5 { font-size: 1.4em; font-weight: 500; color:#737361;} #tag-cloud a.tag6 { font-size: 1.5em; font-weight: 600; color:#737361;} #tag-cloud a.tag7 { font-size: 1.6em; font-weight: 700; color:#adab90; } #tag-cloud a.tag8 { font-size: 1.7em; font-weight: 800; color:#adab90;} #tag-cloud a.tag9 { font-size: 1.8em; font-weight: 900; color:#adab90;} #tag-cloud a.tag10 { font-size: 1.9em; font-weight: 900; color:#adab90;} /* FOOTER ==================================================================================== */ #footer {width:992px; height:262px; margin:46px auto; padding:0; background-image: url(/images/footer-bkg.png); background-repeat: no-repeat; } #footer h5 {font-size: 13px; margin:0 0 12px 0; font-weight: bold; } #footer a {font-size: 11px;} .logo-wrap {width:67px; height:160px; padding:23px 0 0 67px; float:left;} .logo-ea {width:63px; height:70px; background-image: url(/images/logo-ea-metal.jpg);} .logo-ea a {width:63px; height:70px; background-image: url(/images/logo-ea-metal.jpg); display:block; font-size: 1px; text-indent: -5000px;} .logo-dbl-small {width:67px; height:64px; margin:12px 0 0 0; background-image: url(/images/logo-doublefine-small.jpg);} .logo-dbl-small a {width:67px; height:64px; background-image: url(/images/logo-doublefine-small.jpg); display:block; font-size: 1px; text-indent: -5000px;} .logo-wrap-right {width:144px; height:120px; padding:28px 45px 0 0; float:right; } /* WIDTH change by Shawn Stott to accomodate new ESRB rating logo image */ .logo-rp {width:150px; height:75px; margin:0 0 0 3px;} .logo-rp a {width:150px; height:75px; background-image: url(/images/logo-rp.jpg); display:block; font-size: 1px; text-indent: -5000px;} .logo-etrust {width:144px; height:40px; margin:12px 0 0 0; background-image: url(/images/logo-etrust.jpg);} .logo-etrust a {width:144px; height:40px; background-image: url(/images/logo-etrust.jpg); display:block; font-size: 1px; text-indent: -5000px;} .platforms { width:155px; float:left; margin:30px 0 0 40px; } .platforms ul {width:155px; } .platforoms li {} .platforms li a {font-weight: normal;} .platforms li a:hover {} .genres { width:155px; float:left; margin:30px 0 0 40px; } .genres ul {width:155px; } .genres li {} .genres li a {font-weight: normal;} .genres li a:hover {} .eadotcom { width:155px; float:left; margin:30px 0 0 40px; } .eadotcom ul {width:155px;} .eadotcom li {} .eadotcom li a {font-weight: normal;} .eadotcom li a:hover {} .corporate {width:900px; margin:20px 0 0 55px;} .corporate ul {width:900px; display:inline; } .corporate li {float:left; padding:0 10px 0 0;} .corporate li a {font-weight: normal;} .corporate li a:hover {} /* .copyright {color:#656819;} */ /* change as per Mike Cober style sheet */ .copyright {color:#234f68;} /* AGEGATE LAYOUT ==================================================================================== */ #select-agegate-wrap h1{width:372px; height:50px; margin:auto; background: url(/images/agegate-enter-bd.png) no-repeat; font-size: 1px; text-indent: -5150px; } #select-agegate-wrap h2 {font-size: 12px; padding:15px 0 10px 0; text-transform: uppercase; text-align: center; line-height: 18px; color: #7e7e61; font-weight: bold;} #select-agegate-wrap { position: fixed; top: 50%; left: 50%; width:573px; height:233px; margin: -175px 0 0 -300px; _margin: 100px auto; padding:150px 10px 10px 10px; text-align: center; background: url(/images/agegate-bkg.png) no-repeat; } #select-agegate-bad {width:344px; height:152px; padding:20px 10px 10px 10px; text-align: center; } #select-agegate-wrap .enter-birthdate {width:233px; height:25px; margin:auto; background: url(/images/t-birthdate.png) no-repeat;} #select-agegate-wrap.submit {width:75px; height:25px; margin:10px auto 0;} #select-agegate-wrap.submit a {width:75px; height:25px; margin:10px auto; display:block; background: url(/images/b-submit.png) no-repeat; font-size: 1px; text-indent: -5150px;} #select-agegate-wrap.submit a:hover {background: url(/images/b-submit-ov.png) no-repeat;} select {border:none; padding:4px; font-weight: bold; text-align: center; float:left; margin:0 auto;} #form-wrap {width:210px; margin:0 auto; padding:0; } .agegate-selector-m {width:66px;text-align: center; float:left; } .agegate-selector-d {width:67px;text-align: center; float:left; } .agegate-selector-y {width:64px;text-align: center; float:left; } .ag-mm {width:56px;} .ag-dd {width:47px;} .ag-yyyy {width:64px;} #sign-up-wrap {width:145px; height:75px; margin:auto; padding:3px 0 0 103px;} #sorry-wrap {width:150px; height:75px; margin:auto; padding:3px 0 0 40px; } .agegate-sign-up {width:107px; height:73px; margin:auto; background-image: url(/images/agegate-enter.png); background-repeat: no-repeat; } .agegate-sign-up a {width:87px; height:25px; padding:3px 20px 0 0; font-size: 12px; color:#e1dab0; font-weight: bold; text-transform: uppercase; display:block;} .agegate-sign-up a:hover {color:#b09785;} .enter-ea {width:131px; height:73px; margin:auto; background-image: url(/images/visit-ea-enter.png); background-repeat: no-repeat; } .enter-ea a {width:100px; height:25px; padding:3px 50px 0 0; font-size: 12px; color:#e1dab0; font-weight: bold; text-transform: uppercase; display:block;} .enter-ea a:hover {color:#b09785;} /* TERRITORY LAYOUT ==================================================================================== */ #territory-wrap {width:400px; height:110px; margin:0 auto; padding:0 0 0 30px; } #territory-container ul {float:left;} #territory-container h1 {width:288px; height:47px; margin:0 auto; background: url(/images/t-select-territory.png) no-repeat; font-size: 1px; text-indent: -5150px;} .left-side {float:left;} .left-side ul {width:140px; height:110px;} .left-side a {width: 110px;} .middle {float:left; } .middle ul {width:145px;} .middle a {width: 110px;} .right-side {float:left; } .right-side ul {width:115px;} #territory-container ul {float:left; text-align: left;} #territory-container li {padding:0 0 3px 0; text-align: left; text-transform: uppercase;} #territory-container li a {padding:0 0 0 30px; text-decoration: none; color:#37422f; display:block;} #territory-container li a:hover {color:#6a805b;} .canada {background: url(/images/flag-canada.png) no-repeat;} .ceska {background: url(/images/flag-chek.png) no-repeat;} .denmark {background: url(/images/flag-denmark.png) no-repeat;} .germany {background: url(/images/flag-germany.png) no-repeat;} .espana {background: url(/images/flag-espana.png) no-repeat;} .finland {background: url(/images/flag-fin.png) no-repeat;} .france {background: url(/images/flag-france.png) no-repeat;} .hungary {background: url(/images/flag-hungary.png) no-repeat;} .italia {background: url(/images/flag-italia.png) no-repeat;} .japan {background: url(/images/flag-japan.png) no-repeat;} .netherlands {background: url(/images/flag-netherlands.png) no-repeat;} .norway {background: url(/images/flag-norway.png) no-repeat;} .polska {background: url(/images/flag-polska.png) no-repeat;} .portugal {background: url(/images/flag-portugal.png) no-repeat;} .russia {background: url(/images/flag-russia.png) no-repeat;} .sweden {background: url(/images/flag-sweden.png) no-repeat;} .uk {background: url(/images/flag-uk.png) no-repeat;} .usa {background: url(/images/flag-us.png) no-repeat;} /* SHARE LAYOUT ==================================================================================== */ #select-share-wrap {width:573px; padding:15px 0px 10px 0px; text-align: center; background: url(/images/share-bkg2.png) no-repeat; overflow: hidden; } .share-row-wrap-top {width:390px; height: 36px; padding:70px 0 6px 10px; margin: auto;} .share-row-wrap {width:390px; height: 36px; padding:0 0 6px 10px; margin: auto; } .share-row-wrap-email {width:400px; height: 98px; padding:0 0 6px 20px; margin: auto; } .submit {width:75px; height:25px; margin:10px auto 0;} .submit a {width:75px; height:25px; margin:10px auto; display:block; background: url(/images/b-submit.png) no-repeat; font-size: 1px; text-indent: -5150px;} .submit a:hover {background: url(/images/b-submit-ov.png) no-repeat;} #select-share-wrap .input-wrap {width:280px; height:25px; margin:0 0 0 10px; background: url(/images/comment-input-bkg.png) repeat; float:left; } #select-share-wrap .textarea-wrap {width:280px; height:50px; margin:0 0 0 10px; background: url(/images/comment-input-bkg.png) repeat; float:left; } #select-share-wrap input, #select-share-wrap textarea {border:none; padding:2px; background: transparent; color: #7e7e61; font-weight: bold; width:250px; height:18px; margin:3px 0 0 0; float:left; overflow: hidden;} /* #select-share-wrap textarea {border:none; padding:2px; background: transparent; color: #7e7e61; font-weight: bold; width:250px; height:36px; margin:3px 0 0 0; float:left; overflow: hidden;} */ #select-share-wrap .sign-up {width:107px; height:73px; margin:auto; background-image: url(/images/agegate-enter.png); background-repeat: no-repeat; } #select-share-wrap .sign-up a {width:87px; height:25px; padding:3px 20px 0 0; font-size: 12px; color:#e1dab0; font-weight: bold; text-transform: uppercase; display:block;} #select-share-wrap .sign-up a:hover {color:#b09785;} .close {width:131px; height:73px; float:right; background-image: url(/images/visit-ea-enter.png); background-repeat: no-repeat; } .close a {width:100px; height:25px; padding:3px 50px 0 0; font-size: 12px; color:#e1dab0; font-weight: bold; text-transform: uppercase; display:block;} .close a:hover {color:#b09785;} .b-facebook a {width:23px; height:23px; background: url(/images/b-facebook.png) no-repeat; display: block; float:left; margin:0 0 0 10px;} .b-myspace a {width:23px; height:23px; background: url(/images/b-myspace.png) no-repeat; display: block; float:left; margin:0 0 0 10px;} .b-buzz a {width:23px; height:23px; background: url(/images/b-buzz.png) no-repeat; display: block; float:left; margin:0 0 0 10px;} .b-delicious a {width:23px; height:23px; background: url(/images/b-delicious.png) no-repeat; display: block; float:left; margin:0 0 0 10px;} .b-digg a {width:23px; height:23px; background: url(/images/b-digg.png) no-repeat; display: block; float:left; margin:0 0 0 10px;} .b-mixx a {width:26px; height:23px; background: url(/images/b-mixx.png) no-repeat; display: block; float:left; margin:0 0 0 10px;} .b-reddit a {width:23px; height:23px; background: url(/images/b-reddit.png) no-repeat; display: block; float:left; margin:0 0 0 10px;} .blog-post {width:110px; height:62px; margin:7px 5px 0 0; background-image: url(/images/b-sign-up.png); background-repeat: no-repeat; float:right; text-align: center; } .blog-post a {width:56px; height:62px; padding:3px 50px 0 10px; font-size: 12px; color:#e1dab0; font-family: "Myriad Pro Bold"; font-weight: bold; text-transform: uppercase; display:block; background-image: url(/images/b-sign-up.png); background-repeat: no-repeat;} .blog-post a:hover {color:#b09785;} .send {width:135px; height:73px; margin:4px 0 0 0; float:right; background-image: url(/images/visit-ea-enter.png); background-repeat: no-repeat; } .send a {width:100px; height:25px; padding:3px 20px 0 0; font-size: 12px; color:#e1dab0; font-weight: bold; text-transform: uppercase; display:block;} .send a:hover {color:#b09785;} #select-share-wrap h1{width:372px; height:50px; margin:auto; background: url(/images/agegate-enter-bd.png) no-repeat; font-size: 1px; text-indent: -5150px; } #select-share-wrap h2 {font-size: 1px; text-indent: -5150px; float:left;} .url {width:75px; height:25px; background: url(/images/t-url.png) no-repeat; font-size: 1px; text-indent: -5150px; float:left; margin:0; } .embed {width:75px; height:25px; background: url(/images/t-embed.png) no-repeat; font-size: 1px; text-indent: -5150px; float:left; margin:0; } .share {width:75px; height:25px; background: url(/images/t-share.png) no-repeat; font-size: 1px; text-indent: -5150px; float:left; margin:0; } .email {width:75px; height:25px; background: url(/images/t-email.png) no-repeat; font-size: 1px; text-indent: -5150px; float:left; margin:0; } /* MEDIA FILTER ==================================================================================== */ #media-filter {width:350px; padding:20px 25px 10px 25px; background: url(/images/popup-bk-400.png) no-repeat; overflow: hidden; } #filter-by {float: left; width: 150px;} #sort-by {float: left: width: 150px;} .filter-update {width:131px; height:73px; float:left; margin: 25px 0 0 0; background-image: url(/images/visit-ea-enter.png); background-repeat: no-repeat; } .filter-update a {width:100px; height:25px; padding:3px 50px 0 27px; font-size: 12px; color:#e1dab0; font-weight: bold; text-transform: uppercase; display:block;} .filter-update a:hover {color:#b09785;} .generic-divider {width:100%; height:10px; background: url(/images/blog-dotted-line-639.png) no-repeat; clear:left;} /* GENERIC POPUP ==================================================================================== */ #popup-container {width:250px; padding:20px 25px 10px 25px; background: url(/images/popup-bk-300.png) no-repeat; overflow: hidden; } .popup-container-button {width:131px; height:73px; float:left; margin: 25px 0 0 0; background-image: url(/images/visit-ea-enter.png); background-repeat: no-repeat; } .popup-container-button a {width:100px; height:25px; padding:3px 50px 0 20px; font-size: 12px; color:#e1dab0; font-weight: bold; text-transform: uppercase; display:block;} .popup-container-button a:hover {color:#b09785;} /* EA Custom ==================================================================================== */ #globalOverlay { position: fixed; height: 100%; width: 100%; display: none; top: 0; left: 0; z-index: 1000; font-weight: bold; color: #FFF; background-color: #000; } * html #globalOverlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } #globalSelectorBG { position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 1000; _position: absolute; _height: 1000px; _background: #000; _filter: alpha(opacity = 60); background: url(/images/bg_overlay.png); } #globalSelector { position: fixed; _position: absolute; top: 50%; left: 50%; margin: -200px 0 0 -300px; width: 603px; z-index: 1001; } #media-items-carousel .jcarousel-list li,#media-items-carousel .jcarousel-item { width: 140px; height: 160px; padding-right: 3px; _padding: 0; } #media-wrap .jcarousel-clip-horizontal, #media-wrap .jcarousel-container-horizontal { width: 570px; } #thoughts-carousel .jcarousel-list li,#thoughts-carousel .jcarousel-item { width: 300px; height: 150px; } #brutal-thoughts-content .jcarousel-clip-horizontal, #brutal-thoughts-content .jcarousel-container-horizontal { width: 300px; } .hidden { display: none; } object { outline:none; } .brutal-button a { background: url(/images/b-sign-up.jpg) no-repeat; display: block; width: 106px; height: 62px; padding: 3px 0 0 5px; } #video-comment-container { min-height: 50px; } .media-comment-wrapper {margin:5px 0 10px 0; padding:0;} .media-comment-wrapper p {padding:0 60px 0 30px;} .media-comment-input-wrapper {padding:0; margin:10px 0 0 0;} #media-comments { width:550px; height:50px; margin:0; padding:5px; background: url(/images/comment-input-bkg.png) repeat; } #media-comments input, #media-comments textarea {width:560px; height:50px; color:#CCCCCC; background: transparent; border:none; margin:0; padding:0; overflow: hidden; } .media-post {width:110px; height:62px; margin:7px 5px 0 0; background-image: url(/images/b-sign-up.png); background-repeat: no-repeat; float:right; text-align: center; } .media-post a {width:56px; height:62px; padding:3px 50px 0 10px; font-size: 12px; color:#e1dab0; font-family: "Myriad Pro Bold"; font-weight: bold; text-transform: uppercase; display:block; background-image: url(/images/b-sign-up.png); background-repeat: no-repeat;} .media-post a:hover {color:#b09785;} .generic-button {width:110px; height:62px; margin:7px 5px 0 0; background-image: url(/images/agegate-enter.png); background-repeat: no-repeat; float:right; text-align: center; } .generic-button a {width:56px; height:62px; padding:3px 50px 0 10px; font-size: 12px; color:#e1dab0; font-family: "Myriad Pro Bold"; font-weight: bold; text-transform: uppercase; display:block; background-image: url(/images/agegate-enter.png); background-repeat: no-repeat;} .generic-button a:hover {color:#b09785;} .popup-container { padding: 0 15px 5px 15px; } .popup-container h3 { font-size: 12px; font-weight: bold; color: #ebeb98; text-transform: uppercase; } .content-scroll-container { height: 600px; width: 633px; } .jScrollPaneContainer { outline: none; -moz-outline-style: none; } .media-content-scroll-container { height: 300px; width: 595px; } .small-blog-scroll-container { height: 280px; width: 633px; } .media-download { background: url(/images/icon-download.gif) no-repeat; padding-left: 15px; margin-left: 5px; } #single-media-title { padding: 0 0 3px 17px; font-weight: bold; } #blog-content strong { font-weight: bold; } .close-link-button { font-size: 10px; font-weight: normal; } /*********************************************************************************************************************************** "You know how it is there early in the morning in Havana with the bums still asleep against the walls of the buildings; before even the ice wagons come by with ice for the bars? " To Have And Have Not - Hemingway ***********************************************************************************************************************************/ /***************************************************************** new items added by mike cober ******************************************************************/ .twitter {color:#191f3e; padding:0 3px 0 0;} .twitter-link {font-size: 9px; font-weight: bold; text-transform: uppercase;} .twitter-link a {color:#d2ece4;} .twitter-link a:hover {color:#889994;} /* COBER GALLERY */ .demo{position:relative;margin-top:2em;} .gallery_demo{width:610px; height:82px; margin:0 auto 20px; } .gallery_demo li{width:140px;height:82px; margin:0 10px 0 0; float:left;} .gallery_demo li div{left:240px} .gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;} #main_image{margin:20px auto; height:300px;width:515px;} #main_image img{margin-bottom:10px;} #brutal-flash-player-container{margin:20px auto; height:300px;width:515px;}