a:link { /* background-color: #1C1c1c; */ /* color: #FF2EDF; */ color:#B4FA55; color: #dc3616; padding: 0px 1px; } a:visited { color: #a78317; } code { font-size: 12px; } html { background-color: #111111; background-color: #EAEAEA; padding: 0; margin: 0; height: 100%; } body { height: 100%; padding: 0; margin: 0; font-size: 60%; font-family: Verdana,sans-serif; } .darkBG { background-color: #1C1C1C; } .readingFont { font-family: Verdana,sans-serif; font-size: 1.4em; color: #333; } #wrapper { background-color: transparent; /* background-color: #EAEAEA; */ /* background-color: #E6E4DC; */ min-height: 100%; height: auto !important; height: 100%; position: relative; width: 960px; margin: 0 auto -100px; } #footer, #push { height: 100px; /* .push must be the same height as .footer */ } #header,#footer { font-family: Arial,Helvetica, sans-serif !important; } #footer { color: #FF2EDF; color: #2A2222; /*width: 960px;*/ font-weight: bold; text-align: center; padding-top: 40px; margin:0; margin: 0 auto; letter-spacing: 0.25em; z-index: 11; font-size: 5em; } #innerFooter { text-align: center; margin: 0 auto; width: 960px; } #footer a { color:#6A5620; color: #3A3333; } #footer span { position:relative; display:block; padding-top: 25px; font-size:0.26em; font-weight:normal; bottom:0px; color:#6A5620; color: #3A3333; letter-spacing:normal !important; } .notationalColor { color:#FF2EDF; color:#84FF00; color:#b4FF00; color: #a78317; } .velocityColor { color:#84FF00; color:#FF2EDF; color: #dc3616; } #header { padding-top: 10px; width:100%; height:286px; padding-top: 20px; } #notational,#velocity { font-size:15em; font-weight:bold; left:.6em; height:110px; line-height: 110px; width:900px; position: relative; } #notational { /* color:#eebE5a; */ letter-spacing: -0.06em; } #velocity { letter-spacing: -0.07em; /* margin-left: 1.45em; */ margin-left: 8px; } #kanjiTransl{ font-size: 5.5em; font-weight: bold; position: absolute; left: 25px; top:15px; line-height: 1.1em; } #jaN { margin-bottom: 5px; } #kana { color: #777; position: absolute; right: 30px; top:130px; font-size: 1.4em; } #intro { font-weight: bold; width: 690px; line-height: 1.5em; padding: 20px 5px 10px 5px; font-size: .7em !important; color: #444; } #languages { padding:11px 0px; } #french { width:19px; height:9px; float:left; display:block; background: transparent url(images/frenchicon-t.png) no-repeat; } #french:hover { background: transparent url(images/frenchicon.png) no-repeat; } #en { width:19px; height:9px; margin-left:10px; float:left; display:block; background: transparent url(images/usaicon-t.png) no-repeat; } #en:hover { background: transparent url(images/usaicon.png) no-repeat; } #pt { width:19px; height:9px; margin-left:10px; float:left; display:block; background: transparent url(images/brazilicon-t.png) no-repeat; } #pt:hover { background: transparent url(images/brazilicon.png) no-repeat; } #opener { font-weight: bold; /* border-left: 30px solid #EDEDED; */ color: #2a2a2a; position:relative; right:0px; margin: 0px 30px 30px 0px; padding: 10px; font-size: 1.9em; background-color: #DADACA; } #downloads { position: absolute; right: -32px; /* padding-top: 20px; */ text-align: center; z-index: 5; background: transparent url(images/darkBG3.png) no-repeat; width: 292px; height: 442px; } #innerDL { margin: 8px auto; padding-left: 25px; width:150px; } #dlKana { color: #777; margin-left: 8em; position: relative; } #innerDL a img { margin-top: 10px; border: 0; outline: 0; } #innerDL a img:active {border: 0;outline: 0;} #dlLink { padding: 5px; } #dlLink:hover { border-bottom: 2px solid white; padding-bottom: 3px; } #downloadsTitle { font-weight: bold; font-size: 2.2em; color: #777; } .dlDesc,.dlData { font-size: 1.2em; } #downloads #dlDescHolder { width: 170px; padding-left:5px; margin: 0 auto; height: 80px; color: #BBB; } #downloads .dlDesc { padding-left: 5px; float: left; color: #777; text-align: right !important; } #downloads .dlData { color: #BBB; padding-left: 3px; float: left; text-align: left; } #downloads .dlHiLite { color:white; } .contentTitle { font-size: 1.6em; font-weight: bold; color: #333; padding: 10px; background-color: #DADAD0; } #introduction { background-color: #DADAD0; /* margin-left: 10px; */ width: 100%; min-height: 270px; padding-bottom:20px; } #introduction #leftIntro { float: left; padding-bottom:30px; margin-left:20px; border-right: 1px solid #555; padding-right: 40px; } #introduction ul { list-style-image: url(images/arrow.png); width: 300px; } #introduction ul li { padding-top: 10px; padding-bottom: 5px; } #introduction #rightIntro { float: left; } #usage { position: relative; margin-top: 50px; float: left; margin-bottom:70px; width: 580px; } #usageInner { } #screenshot { float: right; height:260px; margin-left:6px; width:200px; padding:4px; /* background-color: #ddd;*/ } #example { padding: 8px; padding-left: 10px; background-color: #dAdAda; } #screenshot span { position:relative; line-height:normal; } #opensource { width: 270px; position: relative; float: right; margin-right: 50px; margin-top:48px; padding-left: 5px; } #innerOpensource { width: 290px; padding: 5px; padding-top: 10px; } #opensource img { border: 0; outline: 0; padding-left: 7%; padding-top: 25px; margin: 0 auto; } #mainContent { position: relative; width: 100%; height: 840px; } #iusethis { position: relative; margin-top: 50px; float: right; } #faq { background: #DADAD0 url('images/talk-face.png') no-repeat; background-position: 25% 50%; width:100%; height:50px; clear:both; letter-spacing:.1em; font-size:1.5em; color:#B92A10; text-align:center; } #faq span { position:relative; top:15px; padding-left:60px; } #contact { background: #DADAD0 url('images/mail.png') no-repeat; background-position: 25% 50%; width:100%; height:50px; clear:both; letter-spacing:.1em; font-size:1.5em; color:#B92A10; text-align:center; } #contact, #faq a {color:#B92A10;} #contact span { position:relative; top:15px; padding-left:9.8em; } #contact img { display:inline; border:1px solid black; padding-top:15px; padding-right:10px; } #releaseNotesIcon { border:0; outline:0; position:absolute; z-index:10; right:20px; top:560px; } .cl { clear:both; }