/* reset.css From http://meyerweb.com/eric/tools/css/reset/ v1.0 | 20080212 */ * { padding:0; margin:0; } 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, b, u, i, center, 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-size: 100%; vertical-align: baseline; background: transparent; font-family: Arial, Helvetica, sans-serif; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } body { background:#f0f9ff url(/static/img/fade-blue.png) top center repeat-x; background-repeat:repeat-x; background-position:top; } #video{ display:none; } #rapper{ margin-top:2%; } #content{ background:url(http://dump.fm/images/20100622/1277257188414-dumpfm-ryder-cloudsslower.gif); background-position:top center; background-repeat:repeat-x; } #preload { position: absolute; left: 0px; top: 0px; } #bigbow{ display:none; } #panel { padding: 10px 10px 10px 10px; height: 600; margin: 0 auto 0 auto; display: none; } .slide { margin: 0 auto 0 auto; margin: 0; padding: 0; border-top:1px solid #ccc; color:black; } .btn-slide { text-align: center; width: 144px; margin: 0 auto 0 auto; height: 0px; padding: 5px 10px 0 0; margin: 0 auto; display: block; font-size:42%; text-decoration: none; text-align: center; width:150; } .active { background-position: right 12px; } #main { width:460px; margin: 0 auto 0 auto; background-color:white; z-index:2; position: relative; border:1px solid black; padding-bottom:15px; box-shadow: 0 0 10px #000; -webkit-box-shadow: 0 0 10px #000; -moz-box-shadow: 0 0 10px #000; } } .menu2 li { padding: 0; margin: 0 2px; float: left; position: relative; text-align: center; } .menu2 a { padding: 14px 10px; display: block; color: #000000; width: 144px; text-decoration: none; font-weight: bold; } .menu2 li em { font-weight: normal; width: 180px; height: 45px; position: absolute; top: -85px; left: -15px; text-align: center; padding: 20px 12px 10px; font-style: normal; z-index: 2; display: none; } #logo-and-text { position: relative; z-index: 20; padding-bottom: 20px; } #horse { position: absolute; z-index: 10; top:-39px; left: 140px; } #remember{ } #furie1 { position: absolute; left: -250px; top: 130px; z-index:-1;display:block; } #furie2 { position: absolute; left:330px; top: 185px; z-index:-1; display:block; } #info { width:420px; margin:30px auto -1px auto; opacity:0.9; z-index:4500; vertical-align: bottom; text-align:center; width:100%; bottom:0px; margin-left:-9px; font-size:11px; word-spacing:6px; line-height:2; color: #666; } #info a{ color:#666; text-decoration:none; } #info a:hover{ color:#f0e; text-decoration:none; } #dumpednow{ position:absolute; height:50px; width:420px; top:0px; } p { font-family: Arial, Helvetica, sans-serif; font-size: 24px; } .btnav { border: 0px #000 solid;} .submit { text-shadow: -1px 1px 1px #ccc; font-size:15px; z-index: 11; } #submit{ cursor:pointer; display:inline-block; width:300px; height:33px; font-size:20px; background-image:url(/static/img/btngrad1.png); font-weight:bold; word-spacing:7; margin-top:12px; text-align:center; z-index:100; font-size:16px; color:#fff; text-shadow:1px 1px 3px #000; z-index:20; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } input { height:40px; width:300px; border:0px; background:#e9e9e9; margin:10px; padding-left:2px; color:#000;z-index:20; font-size:30px; } .txt { font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:1.2;z-index:20; word-spacing: 3px; } .line { font-family:Arial, Helvetica, sans-serif; letter-spacing:0px; line-height:-1; color:#000;z-index:20; font-size:17px; } .no-cursor { cursor: none; } .invisible { display: none !important; } #cursor-big { position: absolute; z-index: 1000; } #signin-submit { display:inline-block; width:300px; height:33px; font-size:20px; background-image:url(/static/img/btngrad1.png); font-weight:bold; word-spacing:7; margin-top:12px; text-align:center; z-index:100; font-size:16px; color:#fff; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; text-shadow:1px 1px 3px #000; z-index:20; } #remembermeInput { width: 15px; height: 15px; margin: 1px; } label { display:inline-block; width: 300px; text-align: right; font-size: 12px; color: #222; line-height:1.5;z-index:20; z-index:30; margin-top:-3px; margin-bottom:7px; } #remember{margin-top:-4px;z-index:30; margin-right:50px;text-align: right;display:inline-block;line-height:0.5;} #remember a{text-decoration:none;font-size:11px;display:block;z-index:30;} #furie3 { position: absolute; left:298px; margin-top:295px; z-index: 10; } #adsense{ padding-top:20px;margin: 0 auto 0 auto; } /* * jQuery Nivo Slider v1.9 * http://nivo.dev7studios.com * * Copyright 2010, Gilbert Pellegrom * Free to use and abuse under the MIT license. * http://www.opensource.org/licenses/mit-license.php * * March 2010 */ #talkaboutus{ position:relative; z-index:-10; height:0px; margin: 0 auto 0 auto; } #slider { position:relative; z-index:-1; //See the "style-pack" below for image } #slider img { position:absolute; top:0px; left:0px; display:none; } /* * jQuery Nivo Slider v1.9 * http://nivo.dev7studios.com * * Copyright 2010, Gilbert Pellegrom * Free to use and abuse under the MIT license. * http://www.opensource.org/licenses/mit-license.php * * March 2010 */ /* The Nivo Slider styles */ .nivoSlider { position:relative; } .nivoSlider img { position:absolute; top:0px; left:0px; } /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:60; display:none; } /* The slices in the Slider */ .nivo-slice { display:block; position:absolute; z-index:50; height:100%; } /* Caption styles */ .nivo-caption { position:absolute; left:0px; bottom:0px; background:#000; color:#fff; opacity:0.8; /* Overridden by captionOpacity setting */ width:100%; z-index:89; } .nivo-caption p { padding:5px; margin:0; } /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a { position:absolute; top:45%; z-index:99; cursor:pointer; } .nivo-prevNav { left:0px; } .nivo-nextNav { right:0px; } /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav a { position:relative; z-index:99; cursor:pointer; } .nivo-controlNav a.active { font-weight:bold; }