/* ------------------ Red dots ------------------ */ .reddot { padding-left:1em; padding-right:1em; background-color:#ffffc0; color:black; border:1px solid black } /* ------------------ HTML base ------------------ */ * { margin: 0px; padding: 0px; border: 0px; } body { background-color: #1B0C37; font-family: Arial, Verdana; font-size: 9px; color: #0b1867; } a { color: #0B1868; text-decoration: none; } a:hover { text-decoration: underline; } /* ------------------ Site placholder ------------------ */ .wrapper { margin: 0 auto; width: 960px; height: 720px; background: url('press_back.jpg') top left no-repeat; position: relative; } /* ------------------ Header ------------------ */ .header { position: relative; top: 0px; left: 0px; } .header img.logo1 { position: absolute; top: 3px; left: 103px; } .header img.logo2 { position: absolute; top: 3px; left: 695px; } /* ------------- main menu ------------- */ .header ul.menu { margin-top: 12px; position: absolute; left: 260px; top: 102px; height: 37px; font-size: 11px; font-weight: bold; text-align: center; } .header ul.menu li { display: inline; margin-right: 19px; } .header ul.menu li a { color: white; } .header ul.menu li.select a { color: #A6CCFA; } /* ------------- submenu ------------- */ .header ul.menuSub { position: absolute; left: 280px; top: 130px; color: #5b043b; margin-top: 3px; margin-bottom: 3px; font-size: 11px; font-weight: bold; text-align: left; } .header ul.menuSub li { display: inline; margin-right: 19px; } .header ul.menuSub li a { color: white; } .header ul.menuSub li.select a { color: #0F1C6D; } /* ------------------ Content ------------------ */ .content { position: absolute; top: 151px; left: 0px; } /* ------------------ Flashing stars ------------------ */ #star1 { position: absolute; top: 344px; left: 1px; display: none; } #star2 { position: absolute; top: 344px; left: 895px; display: none; } /* ------------------ Ticket box ------------------ */ .content .tickets { font-family: Arial, Verdana, Helvetica, Sans-Serif; position:absolute; z-index: 100; top: 0px; left: 62px; width: 168px; height: 183px; background: url('press_tickets.jpg') top left no-repeat; text-align: center; } .content .tickets .textbox { text-align:left; font-size: 13px; font-weight: bold; margin:3px 0px 0px 13px; height: 142px; color: #fff; } .content .tickets .textbox h5 { font-size: 15px; margin-bottom: 0px; } .content .tickets a { font-size: 13px; font-weight: bold; color: #fff; } /* ------------------ Ticket box ------------------ */ .content .body { position: absolute; z-index:200; top: 0px; left: 230px; width: 664px; } .content .body .mainbox { overflow: hidden; font-size: 11px; line-height: 14px; } .content .body .mainbox2 { overflow: auto; } .content .body .mainbox .headline { display:block; margin-bottom: 10px; } .content img#left_key_visual { position: absolute; z-index:150; } .content img#right_key_visual { position: absolute; z-index:250; } /* ================== ST ================== */ .content .ST .body { height: 478px; background: url('press_content_st.jpg') top left no-repeat; } .content .ST img#left_key_visual { left: 62px; top: 183px; } .content .ST img#right_key_visual { left: 556px; top: 0px; } /* ------------------ ST - main content body ------------------ */ .content .ST .mainbox { position: absolute; top: 40px; left: 25px; width: 335px; height: 370px; } .content .ST .mainbox2 { width:600px; } /* ================== PTT ================== */ .content .PTT .body { height: 536px; background: url('press_content_ptt(1).jpg') no-repeat left top; } .content .PTT img#left_key_visual { left: 62px; top: 183px; } .content .PTT img#right_key_visual { display: none; left: 690px; top: 0px; } .content .PTT .detailview { position: absolute; left: 138px; top: 10px; width: 513px; height: 455px; text-align:center; } .content .PTT .detailview img { max-width: 513px; max-height: 453px; } .content .PTT .thumbnails { position: absolute; left: 10px; top: 10px; width: 113px; height: 452px; overflow: auto; text-align: center; } .content .PTT .description { position: absolute; top: 500px; left: 200px; width: 100px; height: 100px; } .content .PTT .thumbnails .scroller { position:absolute; top: 0px; left: 0px; width: 113px; text-align: center; } .content .PTT .thumbnails img { max-width: 93px; max-height: 93px; } .content .PTT #s_up { display: none; position: absolute; top: 0px; left: 22px; height: 20px; } .content .PTT #s_down { display: none; position: absolute; top: 432px; left: 22px; height: 20px; } /* ================== CONTACT ================== */ .content .CONTACT .body { height: 343px; background: url('press_content_contact_1.jpg') top left no-repeat; } .content .CONTACT .messagebox { position: absolute; z-index:200; top: 343px; left: 230px; width: 664px; height: 134px; background: url('press_content_contact_2.jpg') top left no-repeat; } .content .CONTACT img#left_key_visual { left: 62px; top: 183px; } .content .CONTACT img#right_key_visual { left: 646px; top: 0px; } /* ------------------ CONTACT - main content body ------------------ */ .content .CONTACT .mainbox { position: absolute; top: 40px; left: 40px; width: 335px; height: 270px; } .content .CONTACT table{ margin-top:10px; } .content .CONTACT .right textarea{ width:220px; border:1px solid #212c70; height:70px; color:#0b1868; font-family:Arial, Verdana; padding-left:5px; font-size:12px; } .content .CONTACT .right input{ width:220px; border:1px solid #212c70; color:#0b1868; padding-left:5px; font-family:Arial, Verdana; } .content .CONTACT .left { width:100px; } .content .CONTACT .submit { text-align:right; } .content .CONTACT h5, .content .CONTACT a { color:#ab101e; } .content .CONTACT .messagebox { padding:40px 60px 0 40px; font-size:11px; font-weight:bold; width:580px; } .content .CONTACT h5 { margin-bottom:5px; font-size:14px; } /* ------------------ Footer ------------------ */ .footer { position: absolute; } .footer .whenandwhere { position: absolute; left: 230px; } .footer .fansonice { position: absolute; left: 230px; } .footer .video { position: absolute; left: 230px; } #disclaimer { position:absolute; top:700px; left:475px; }