﻿/* * DaiCon Main CSS File * Coded by Fird Ross (fird@kucing-kelabu.com) * Kucing Kelabu Enterprise * http://www.kucing-kelabu.com/ *  * Code Version: 1.20 *//* * Wrappers */body {	background-color: #000; color: #fff; font-weight: normal;	font: 13px/1 "Lucida Sans Unicode", "Lucida Sans", "Helvetica", "Arial", "Ms Mincho", sans-serif;}h1, h2, h3, h4, h5, h6 { letter-spacing: -1px; font-family: "Helvetica", "Arial", sans-serif; padding-bottom: 8px; font-weight: bold; }a { font-weight: bold; color: #fff; text-decoration: none; }a:hover { text-decoration: underline; }/* * Menu (on top) */#nav-wrap-outer {	width: 1000px; margin: 0px auto; line-height: 25px; font-size: 14px; 	background: transparent url('images/nav-bg.png') no-repeat scroll 0 0; }#nav-wrap-inner { width: 900px; margin: 0px auto;  }ul#nav { font-family: "Helvetica", "Arial", Sans-serif;  }ul#nav li p { text-align: center; }ul#nav a { font-weight: normal; text-decoration: none; display: block; height: 25px; text-align: center;  }ul#nav li { float: left; position: relative; width: 100px; z-index: 900; }ul#nav li ul { display: none; position: absolute; top: 25px; left: 0px;  }ul#nav li ul li { width: 160px; text-align: left; background-color: #fff; color: #00aeef; border-bottom: 1px solid #00aeef; }ul#nav li ul li a { font-size: 12px; text-align: left; padding: 0px 10px; color: #00aeef; }ul#nav li ul li a:hover { background-color: #00aeef; color: #fff; }ul#nav li > ul { top: auto; left: auto; }ul#nav li:hover > a { background-color: #fff; color: #00aeef; }ul#nav li:hover ul, li.over ul { display: block; }ul#nav li:hover, li.over { background-color: #fff; color: #00aeef; }ul#nav li a:hover { color: #00aeef; }#header-wrap { width: 900px; margin: 0px auto; }#header-wrap h1 {	width: 900px; height: 150px; text-indent: -999em;	background: transparent url('images/header-bg.jpg') no-repeat scroll 0 0;}.line-hr {	border: 0px none; height: 3px; width: 1000px; margin: 10px auto; clear: both;	background: transparent url('images/3pxline.png') no-repeat scroll 0 0; border-collapse: collapse;}#hightlights-wrap {	width: 595px; margin: 10px 0px; z-index: 300; height: 220px; overflow: hidden;	background: #000 url('images/high-bg.png') no-repeat scroll 0 0; position: relative;}.semi {	background: transparent url('images/37p.png') repeat scroll 0 0;	width: 350px; padding: 10px; max-height: 160px; overflow: hidden;}#high-carousel-ctrl { z-index: 600; position: absolute; right: 0px; bottom: 10px; }#high-carousel { z-index: 500; position: absolute; width: 595px; height: 220px; overflow: hidden; }#high-carousel h3 { font-size: 18px; font-weight: bold; }#high-carousel li { padding: 20px; width: 555px; float: left; height: 180px; }.left-arrow {	line-height: 17px; display: block; width: 17px; height: 17px; text-indent: -999em; margin-right: 5px;	background: transparent url('images/left-arrow.png') no-repeat scroll 50% 50%; float: left;}.right-arrow {	line-height: 17px; display: block; width: 17px; height: 17px; text-indent: -999em;	background: transparent url('images/right-arrow.png') no-repeat scroll 50% 50%; float: left;}#video-wrap {	width: 280px; margin: 10px 0px; height: 200px; overflow: hidden; margin-left: 5px;	background: #000 url('images/video-bg0.jpg') no-repeat scroll 0 0; padding: 10px;}#mid-pane-wrap { overflow: hidden; width: 910px; margin: 0px auto; position: relative; height: 355px; }#three-panes { position: absolute; height: 355px; }#three-panes li { 	float: left; width: 260px; margin: 0px 7px; height: 315px; padding: 20px 15px;	background: transparent url('images/mainevent-bg.png') no-repeat scroll 0 0;}#three-panes li:hover {	background: transparent url('images/mainevent-bg.png') no-repeat scroll 0 -355px;}#three-panes h3, #three-panes h3 a { font-size: 18px; font-weight: bold; text-decoration: none; color: #fff; }#three-panes li:hover a { color: #ff9933; }.three-panes-nav { font-size: 18px; color: #00aeef; z-index: 900; margin: 5px auto; width: 900px; line-height: 17px; }/* * Sponsors */#bot-pane-wrap {	min-height: 355px; padding: 20px 20px 0; width: 860px; overflow: hidden;	background: transparent url('images/sponsor-bg.png') no-repeat scroll 0 0;}#bot-pane-bottom {	height: 15px; background: transparent url('images/sponsor-bg-bottom.png') no-repeat scroll 0 0;}#bot-pane-wrap h2 { color: #00aeef; font-size: 18px; font-weight: bold;}#bot-org { width: 240px;  height: 355px;  }#bot-sponsors { padding-left: 20px; border-left: 1px solid #000; margin-left: 20px; width: 560px; }/* * Blogs */#bot-pane-blog { padding: 20px; width: 860px; font-size: 14px; }#bot-pane-blog h2 { color: #00aeef; font-size: 18px; font-weight: bold; }#bot-pane-blog ul { list-style-type: disc; padding-left: 18px; }#bot-pane-blog ul a { font-weight: normal; }#bot-pane-blog img { margin-bottom: 2.5px; }/* * Footer */#footer-wrap {	text-align: center; font-size: 12px;}#footer-wrap a { color: #00aeef; }#footer-wrap small, #footer-wrap small a { color: #111; }/* * Subpages */#subpage-wrap { margin: 20px auto; }#subpage-left-wrap {	width: 290px; margin-right: 10px; 	background: transparent url('images/subpage-top-bg.png') no-repeat scroll 0 0;}#subpage-left-bottom { height: 15px; background: transparent url('images/subpage-bottom-bg.png') no-repeat scroll 0 0; }#subpage-left-content { padding: 20px 20px 5px 20px; }#subpage-left-content h3 { font: 26px "Helvetica", "Arial", Sans-serif; text-align: center; border-bottom: 2px solid #fff; padding-bottom: 5px; font-weight: bold; }#subpage-left-content ul { margin-top: 20px; }#subpage-left-content ul li { margin-bottom: 20px; }#subpage-left-content ul li a { display: block; overflow: hidden; width: 250px; height: 75px; text-indent: -999em; }/* Buttons List */a#subpage-link0 { background: transparent url('images/side-minoriv2.jpg') no-repeat scroll 0 0; }a#subpage-link0:hover { background: transparent url('images/side-minoriv2.jpg') no-repeat scroll 0 -75px; }a#subpage-link1 { background: transparent url('images/side-cos.jpg') no-repeat scroll 0 0; }a#subpage-link1:hover { background: transparent url('images/side-cos.jpg') no-repeat scroll 0 -75px; }a#subpage-link2 { background: transparent url('images/side-kara.jpg') no-repeat scroll 0 0; }a#subpage-link2:hover { background: transparent url('images/side-kara.jpg') no-repeat scroll 0 -75px; }a#subpage-link3 { background: transparent url('images/side-jpop.jpg') no-repeat scroll 0 0; }a#subpage-link3:hover { background: transparent url('images/side-jpop.jpg') no-repeat scroll 0 -75px; }a#subpage-link4 { background: transparent url('images/side-figure.jpg') no-repeat scroll 0 0; }a#subpage-link4:hover { background: transparent url('images/side-figure.jpg') no-repeat scroll 0 -75px; }a#subpage-link5 { background: transparent url('images/side-macross.jpg') no-repeat scroll 0 0; }a#subpage-link5:hover { background: transparent url('images/side-macross.jpg') no-repeat scroll 0 -75px; }a#subpage-link6 { background: transparent url('images/side-go.jpg') no-repeat scroll 0 0; }a#subpage-link6:hover { background: transparent url('images/side-go.jpg') no-repeat scroll 0 -75px; }a#subpage-link7 { background: transparent url('images/side-doujin.jpg') no-repeat scroll 0 0; }a#subpage-link7:hover { background: transparent url('images/side-doujin.jpg') no-repeat scroll 0 -75px; }a#subpage-link8 { background: transparent url('images/side-seiyuu.jpg') no-repeat scroll 0 0; }a#subpage-link8:hover { background: transparent url('images/side-seiyuu.jpg') no-repeat scroll 0 -75px; }a#subpage-link9 { background: transparent url('images/side-gundam.jpg') no-repeat scroll 0 0; }a#subpage-link9:hover { background: transparent url('images/side-gundam.jpg') no-repeat scroll 0 -75px; }a#subpage-link10 { background: transparent url('images/side-cgundam.jpg') no-repeat scroll 0 0; }a#subpage-link10:hover { background: transparent url('images/side-cgundam.jpg') no-repeat scroll 0 -75px; }a#subpage-link11 { background: transparent url('images/side-kknm.jpg') no-repeat scroll 0 0; }a#subpage-link11:hover { background: transparent url('images/side-kknm.jpg') no-repeat scroll 0 -75px; }a#subpage-link12 { background: transparent url('images/side-art.jpg') no-repeat scroll 0 0; }a#subpage-link12:hover { background: transparent url('images/side-art.jpg') no-repeat scroll 0 -75px; }a#subpage-link13 { background: transparent url('images/side-board.jpg') no-repeat scroll 0 0; }a#subpage-link13:hover { background: transparent url('images/side-board.jpg') no-repeat scroll 0 -75px; }a#subpage-link14 { background: transparent url('images/side-weiss.jpg') no-repeat scroll 0 0; }a#subpage-link14:hover { background: transparent url('images/side-weiss.jpg') no-repeat scroll 0 -75px; }#subpage-right-wrap { padding: 10px; width: 580px; overflow: hidden; }#subpage-right-wrap h2 { font: 38px "Helvetica", "Arial", Sans-serif; text-align: left; font-weight: bold;}#subpage-right-wrap h3 { font: 22px "Helvetica", "Arial", Sans-serif; text-align: left; font-weight: bold; padding: 5px 0px 5px 0px; margin: 0px; }#subpage-right-wrap p { line-height: 1.1; letter-spacing: -1px; font-size: 16px; margin: 10px 0px 20px;  }.subpage-line { margin: 0px; width: 580px; height: 3px; background: transparent url('images/subpage-line.png') no-repeat scroll 0 0; }#subpage-right-wrap a { color: #00aeef; text-decoration: none; }#subpage-right-wrap a:hover { color: #ffcc33; text-decoration: underline; }/*  * Lists  */#subpage-right-wrap ol {	list-style-type: decimal;	margin-left: 40px;	font-size: 14px;	line-height: 110%;}#subpage-right-wrap ol li {	margin-bottom: 5px;}#subpage-right-wrap ul {	list-style-type: circle;	margin-left: 40px;	font-size: 14px;	line-height: 110%;}#subpage-right-wrap ul li {	margin-bottom: 5px;} 