/********************************************************************/ /* Reset CSS */ /********************************************************************/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;} ol, ul {list-style-type: none;} /********************************************************************/ /* Generic tags */ /********************************************************************/ body {font-family:Arial, Verdana, sans-serif; font-size:12px; color:#333333;} p { padding-bottom:15px;} em { font-style:italic;} strong { font-weight:bold;} abbr { text-decoration:none; border:none;} img {border:0px;} a { font-weight:bold; text-decoration:none; color:#8E0F1C;} a:hover, a:focus {text-decoration:underline;} a:focus {-moz-outline: 1px dotted #000 !important;} .fl { float:left;} .fr { float:right;} .clear { clear:both;} .skiptocontent, .relbookmark {position:absolute; margin-left: -9999px;} #content ul, #content ol { padding:0px 0px 15px 0px;} #content li { padding:0px 0px 5px 10px; background:url('/_images/bullets/bullet.gif') no-repeat 0px 5px;} #content ol li { padding:0px 0px 5px 0px; margin:0px 0px 0px 35px; list-style:decimal outside; background:none;} #content table { float:left; width:100%; margin:0px 0px 15px 0px; border-top:2px solid #f1f2f2; border-bottom:2px solid #f1f2f2; border-left:2px solid #f1f2f2; text-align:left; background:url('/_images/bg/stripes.gif') top right;} #content table th, #content table td { border-right:2px solid #f1f2f2; font-size:11px;} #content table th { padding:10px 5px 10px 5px; font-weight:bold; font-size:14px; letter-spacing:-1px; color:#8E0F1C;} #content table td { padding:5px 5px 5px 5px; font-size:11px; border-top:2px solid #f1f2f2; background:#fff;} legend { display:none;} .fielderror { float:left; width:100%; padding:0px 0px 5px 0px; color:#ff0000;} input, select, textarea { font-size:11px; font-family:Tahoma, Verdana, Arial, sans-serif;} .checkbox { margin:0px 0px 0px 0px; width:13px; height:13px; overflow:hidden;} .checkboxlabel { margin:0px 0px 0px 0px; line-height:13px; float:left; text-align:left;} .accordian div { background:#fff;} /********************************************************************/ /* H tags */ /********************************************************************/ h1 { font-size: 24px; font-weight:bold; padding:0px 0px 10px 0px; line-height:20px; letter-spacing:-2px; color:#8E0F1C;} h1.sectionHeader { position:absolute; margin-left:-9999px;} h2 { font-size: 14px; color:#8E0F1C; font-weight:bold; margin:0px 0px 15px 0px; letter-spacing:-1px;} .categoryList h2, .moduleList h2 { margin:0px 0px 10px 0px;} h2 span, h2 a { color:#fff; padding:1px 5px 1px 5px; background:#8E0F1C;} h2 a span { background:none;} h2 a:hover { background:#666; text-decoration:none;} h3 { font-size: 14px; color:#333333; font-weight:bold; padding:0px 0px 15px 0px; letter-spacing:-1px;} .categoryList h3, .moduleList h3 { margin:0px 0px 10px 0px;} h3 span, h3 a { color:#fff; padding:1px 5px 1px 5px; background:#8E0F1C;} h3 a span { background:none;} h3 a:hover { background:#666; text-decoration:none;} /********************************************************************/ /* Template tags */ /********************************************************************/ #bgHome { background:url('/_images/bg/bg-news.jpg') no-repeat bottom left fixed #086ca7;} #bgAbout { background:url('/_images/bg/bg-about.jpg') no-repeat top center fixed #fff;} #bgGames { background:url('/_images/bg/bg-games.jpg') no-repeat top center fixed #fff;} #bgJobs { background:url('/_images/bg/bg-jobs.jpg') no-repeat center fixed #fff;} #bgContact { background:url('/_images/bg/bg-contact.jpg') no-repeat top center fixed #fff;} #container { width:715px; text-align:left; margin-left:auto; margin-right:auto; padding:30px 0px 0px 0px;} #leftCol, #leftCol .pods, #leftCol .pods li { float:left; width:150px;} #leftCol img { float:left;} #leftCol .logo { float:left; margin:0px 0px 5px 0px;} #nav, #nav ul, #nav li, #nav li a { float:left; width:130px;} #nav { padding:10px 10px 10px 10px; margin:0px 0px 5px 0px; background:#fff;} #nav ul { padding:3px 0px 3px 0px;} #nav li { padding:0px 0px 2px 0px;} #nav a { width:130px; float:left; color:#666666; text-decoration:none; font-size:14px; letter-spacing:-1px;} #nav a:hover, #nav a.selected { color:#8E0F1C;} #nav li li a { width:120px; padding:0px 0px 0px 10px; font-size:10px; letter-spacing:0px; background:url('/_images/bullets/nav.gif') no-repeat 0px 6px;} #leftCol .pods li { margin:0px 0px 5px 0px;} #leftCol .pods #countdown { font-size:13px; width:140px; height:82px; padding:8px 0px 0px 10px; line-height:14px; background:url('/_images/pods/countdown.jpg') no-repeat top left #fff;} #pageContent { float:right; width:540px; border:10px solid #fff; background:#fff; margin:0px 0px 50px 0px;} .banner { float:left; margin:0px 0px 10px 0px;} #content { float:left; width:520px; padding:10px 10px 10px 10px; background:#f1f2f2;} #footer { float:left; width:520px; padding:10px 10px 0px 10px; font-size:10px; color:#888;} #footer p { width:260px; padding:0px 0px 0px 0px; line-height:15px;} #footer .fr { text-align:right;} /********************************************************************/ /* Form tags */ /********************************************************************/ #content .contact { float:left; width:480px; padding:0px 20px 20px 20px; margin:0px 0px 20px 0px; background:url('/_images/bg/stripes.gif') top left;} #content .contact fieldset { float:left; width:400px; padding:20px 40px 20px 40px; margin:20px 0px 0px 0px; background:#fff; font-size:11px;} #content .contact .field { float:left; clear:left; width:400px; padding:0px 0px 5px 0px;} #content .contact .field label { float:left; width:170px; padding:3px 10px 0px 0px;} #content .contact .text input, #content .contact textarea { float:left; width:210px; padding:2px 3px 2px 3px; color:#666; border:2px solid #e2e2e2;} #content .contact textarea { height:120px;} #content .contact .mandatory { color:#8E0F1C; font-weight:bold;} #content .contact .formButton { float:right; display:inline; margin:15px 0px 0px 0px;} #content div.sexy { float:right; width:216px; height:17px; display:block; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; white-space:nowrap; border:2px solid #e2e2e2; } #content div.sexy input { left:0px; top:0px; width:180px; padding:0px 0px 0px 0px; margin:2px 0px 0px 2px; vertical-align:middle; border:0; color:#666; font-family:Arial, Helvetica, sans-serif;} #content div.sexy div.icon { top:0px; right:0px; width:21px; height:17px; border:0; cursor:pointer; background:url('/_images/general/trigger.gif') no-repeat 0 0 transparent;} #content div.sexy div.list-wrapper { left:-2px; top:17px; bottom:auto; width:194px; padding:10px 0px 0px 0px; margin:0px 0px 0px 0px; border-left:2px solid #e2e2e2; border-right:2px solid #e2e2e2; border-bottom:2px solid #e2e2e2; background-color:#FFFFFF;} #content div.sexy div.list-wrapper-up { top:auto; bottom:21px;} #content div.sexy ul { list-style-type:none; padding:0px 0px 0px 0px; font-size:11px; margin:0px 0px 0px 0px; height:194px; color:#5b5b5b;} #content div.sexy li { padding:0px 0px 0px 2px; margin:0px 0px 0px 0px; cursor:pointer; background:#FFFFFF; background:none;} #content div.sexy li.active { color:#8E0F1C; background:#fff;} /*for IE*/ #content div.sexy a, #content div.sexy a:visited, #content div.sexy a:active { display: block; width: 100%; height:20px; margin:0px 0px 0px 0px; text-decoration:none; color:#8E0F1C; cursor:pointer; } #content div.sexy input.empty { color:gray;} #content a.to-highlight:hover { background-color:rgb(223, 232, 246);} /* validation */ #content .contact fieldset .error { float:right; display:block; width:200px; padding:13px 10px 6px 10px; margin:0px 0px 2px 0px; color:#bb0c0c; background:url('/_images/bg/error.gif') no-repeat top left #f7ebb9;} /********************************************************************/ /* Module tags */ /********************************************************************/ #content ul.pageNumbers { float:left; width:500px; padding:0px 10px 0px 10px; margin:0px 0px 15px 0px; background:url('/_images/bg/stripes.gif') repeat-x top right;} #content ul.pageNumbers li { float:left; display:inline; padding:0px 0px 0px 0px; text-align:center; background:none;} #content ul.pageNumbers a { display:block; padding:5px 6px 5px 6px; color:#666; font-weight:normal;} #content ul.pageNumbers a.selected, #content ul.pageNumbers a:hover { text-decoration:underline;} #content .pageOptions { float:left; width:520px;} #content .pageOptions li { display:inline; padding:15px 15px 0px 0px; font-size:14px; background:none;} #content .pageOptions .fr { padding:15px 0px 0px 15px;} #content .pageOptions a { text-decoration:none;} #content .pageOptions a.leftArrow, #content .pageOptions a.rightArrow { padding:2px 0px 2px 24px; background:url('/_images/bg/arrow-left.gif') no-repeat 0px 4px;} #content .pageOptions a:hover.leftArrow { background:url('/_images/bg/arrow-left.gif') no-repeat 0px -21px;} #content .pageOptions a.rightArrow { background:url('/_images/bg/arrow-right.gif') no-repeat 0px 4px;} #content .pageOptions a:hover.rightArrow { background:url('/_images/bg/arrow-right.gif') no-repeat 0px -21px;} #content .categoryList, #content .categoryList li, #content .moduleList, #content .moduleList li { float:left; width:520px;} #content .categoryList, #content .moduleList { padding:0px 0px 30px 0px;} #content .categoryList li, #content .moduleList li { padding:10px 0px 15px 0px; background:url('/_images/bg/dotted-horiz.gif') repeat-x bottom left;} #content .categoryList img { float:right; width:120px; margin:0px 0px 0px 0px;} #content .hentry .photo, #content .moduleList img { float:right; width:180px; margin:17px 0px 0px 0px;} #content .categoryList div, #content .moduleList div { float:left; width:380px; padding:0px 0px 0px 0px;} #content .moduleList div { width:320px;} #content .moduleList dl, #content .articleDetails { float:left; width:520px;} #content .moduleList .hentry dl, #content .hentry dl { float:left; width:320px;} #content .moduleList dt, #content .moduleList dd, #content .hentry dt, #content .hentry dd, #content .articleDetails dt, #content .articleDetails dd { float:left; padding:0px 15px 5px 0px; font-style:italic; color:#5D5D5D;} #content .moduleList dt, #content .hentry dt, #content .articleDetails dt { display:none; padding:0px 5px 5px 0px;} #content .hentry .entry-content { float:left; width:320px;} #content .categoryList h2 img { float:none; width:auto;} #content .categoryList .imageTitle h2 a { padding:0px 0px 0px 0px; background:none;} #content .moduleList.downloads h2 { float:left; width:520px; color:#666; margin:0px 0px 0px 0px;} #content .moduleList.downloads h2 span, #content .moduleList.downloads h2 a { color:#666; padding:0px 0px 0px 0px; background:none;} #content .moduleList.downloads a:hover, #content .moduleList.downloads a:hover span { color:#8E0F1C;} #content .moduleList.downloads h2 a { float:left; padding:10px 0px 10px 50px; background:url('/_images/bullets/downloads/download.gif') no-repeat 0px 0px;} #content .moduleList.downloads h2 a.pdf { background:url('/_images/bullets/downloads/pdf.gif') no-repeat 0px 0px;} #content .moduleList.downloads h2 a.doc { background:url('/_images/bullets/downloads/doc.gif') no-repeat 0px 0px;} #content .moduleList.downloads h2 a.ppt { background:url('/_images/bullets/downloads/ppt.gif') no-repeat 0px 0px;} #content .moduleList.downloads h2 a.xls { background:url('/_images/bullets/downloads/xls.gif') no-repeat 0px 0px;} #content .moduleList.downloads p { padding:0px 0px 0px 50px;} .contentSection { float:left; width:520px; padding:20px 0px 0px 0px; background:url('/_images/bg/dotted-horiz.gif') repeat-x top left;} #content .jobSection h2, #content .jobSection h3 { padding:0px 0px 0px 0px;} #content .jobSection h2 { margin:0px 0px 10px 0px;} #content .jobSection .first { padding:0px 0px 15px 0px;} #content .jobSection h3 { margin:0px 0px 5px 0px;} #content .jobSection h3 a { padding:0px 0px 0px 0px; color:#8E0F1C; background:none;} #content .jobSection a.leftArrow, #content .jobSection a.rightArrow { float:right; font-size:14px; text-decoration:none; padding:2px 0px 2px 24px; background:url('/_images/bg/arrow-right.gif') no-repeat 0px 4px;} #content .jobSection a:hover.rightArrow { background:url('/_images/bg/arrow-right.gif') no-repeat 0px -21px;} #content .artist a:hover.rightArrow { color:#ff6800; background:url('/_images/bg/arrow-right.gif') no-repeat 0px -46px;} #content .programmer a:hover.rightArrow { color:#f7a500; background:url('/_images/bg/arrow-right.gif') no-repeat 0px -71px;} #content .production a:hover.rightArrow { color:#9aaf00; background:url('/_images/bg/arrow-right.gif') no-repeat 0px -96px;} #content .office a:hover.rightArrow { color:#0092a5; background:url('/_images/bg/arrow-right.gif') no-repeat 0px -121px;} #content .audio a:hover.rightArrow { color:#2c38fe; background:url('/_images/bg/arrow-right.gif') no-repeat 0px -146px;} #content .design a:hover.rightArrow { color:#c563f8; background:url('/_images/bg/arrow-right.gif') no-repeat 0px -171px;} #content h1.artist, #content .artist .rightArrow, #content .artist h3 a { color:#ff6800;} #content h1.programmer, #content .programmer .rightArrow, #content .programmer h3 a { color:#f7a500;} #content h1.production, #content .production .rightArrow, #content .production h3 a { color:#9aaf00;} #content h1.office, #content .office .rightArrow, #content .office h3 a { color:#0092a5;} #content h1.audio, #content .audio .rightArrow, #content .audio h3 a { color:#2c38fe;} #content h1.design, #content .design .rightArrow, #content .design h3 a { color:#c563f8;} #content .new_job img { float: right; padding: 0px; margin: -38px 0px; width: 50px; } .latestNews { float:left; width:510px; padding:1px 15px 3px 15px; margin:0px 0px 10px 0px; background:#920F1F; height:15px } .latestNews h2 { float:left; padding:0px 0px 0px 0px; color:#fff;} .latestNews ul { position:relative; float:left; padding:0px 0px 0px 0px } .latestNews li { position:absolute; width:415px; color:#fff; padding:0px 0px 0px 5px; display:none;} .latestNews .show {display:inline;} .latestNews a { color:#fff; } .expoContact {float:left; width:520px; padding:0px 20px 20px 20px; margin:0px 0px 20px 0px; } #content .expoContact fieldset { float:left; width:400px; padding:20px 40px 20px 40px; margin:20px 0px 0px 0px; font-size:11px; background:#fff} #content .expoContact .field { float:left; clear:left; width:400px; padding:0px 0px 5px 0px;} #content .expoContact .field label { float:left; width:170px; padding:3px 10px 0px 0px;} #content .expoContact .text input, #content .contact textarea { float:left; width:210px; padding:2px 3px 2px 3px; color:#666; border:2px solid #e2e2e2;} #content .expoContact textarea { height:120px;} #content .expoContact .mandatory { color:#8E0F1C; font-weight:bold;} #content .expoContact .formButton { float:right; display:inline; margin:15px 0px 0px 0px;} #content .expoContact fieldset div.error { float:right; display:block; width:200px; padding:13px 10px 6px 10px; margin:0px 0px 2px 0px; color:#bb0c0c; background:url('/_images/bg/error.gif') no-repeat top left #f7ebb9;} #content #thankyou {float:left; width:480px; height:130px; padding:0px 20px 20px 0px; margin:0px 0px 20px 0px; background:url('/_images/general/thankyou.jpg') no-repeat 238px #fff; position: relative;} #content #thankyou fieldset {background:none; padding:44px 15px;} #content #thankyou img {position:absolute; bottom:5px; right:5px}