/* @override http://ideva-sb/application/lib/css/all.css */ html { background: black;} body { margin: 0; padding: 0; min-width: 960px; background-color: black; color: #5d5d54; font: 12px "Lucida Grande", Lucida, Verdana, sans-serif; } div#beta { display: none; } a { outline: none;} img { border: 0; outline: 0;} /* @group Logo */ h1#logo { margin: 0; } h1#logo a { background-image: url(../images/logo.png); width: 380px; height: 143px; display: block; position: absolute; top: 40px; left: 15px; text-indent: -999px; } /* @end */ /* @group Main Menus */ .main-menu { position: absolute; } .main-menu ul { list-style-type: none; margin: 0; padding: 0; } .main-menu ul li a { color: #5d5d54; text-decoration: none; text-transform: uppercase; } .main-menu ul li a.active, .main-menu ul li a:hover { color: #b3b3aa; /* font-weight: bold; */ } .menu-top { top: 111px; } .menu-language { top: 140px; } .menu-language ul.left { float: left; } .menu-language ul.right { float: left; margin: 0 0 0 30px; } .menu-top { left: 420px; } .menu-language { left: 620px; } .menu-bottom { top: 778px; left: 20px; } .menu-bottom ul li { display: inline; margin-right: 10px;} a#link-music { background: url(../images/cart-mini-off.png) no-repeat right center; display: inline-block; width: 105px; } a.active#link-music, a:hover#link-music { background: url(../images/cart-mini-on.png) no-repeat right center; } /* @end */ #panel-newsletter { position: absolute; top: 154px; right: 10px; } #panel-newsletter label { text-transform: uppercase; } #panel-newsletter input#email { background-color: #5d5d54; border: 0; padding: 4px; color: #b3b3aa; -moz-border-radius: 3px; -webkit-border-radius: 3px;} #panel-newsletter a#submitnews { background: black; border: 0; font-size: 18px; line-height: 14px; color: #5d5d54; cursor: pointer; margin: 12px 0 0 0; padding: 0; text-decoration: none;} #container { position: absolute; overflow: hidden; width: 100%; height: 570px; top: 198px;} #container .panel { position: absolute; width: 1024px; height: 570px; border-left: 4px solid black; overflow: hidden;} #artist { z-index: 20; left: 0px; background: url(../images/artist.jpg) -506px 0; } #ambassador { z-index: 30; left: 100px; background: url(../images/ambassador.jpg) -484px 0; } #entertainer { z-index: 40; left: 200px; background: url(../images/entertainer.jpg) -326px 0; } #philosopher { z-index: 50; left: 300px; background: url(../images/philosopher.jpg) -264px 0; } #main { z-index: 60; left: 400px; background: url(../images/home-1.jpg) 0 0; } .page-selector ul { margin: 0; padding: 0; position: absolute; bottom: 10px; left: 10px;} .page-selector ul li { display: inline; margin: 0; padding: 0; } .page-selector ul li a { text-decoration: none; text-transform: uppercase; padding-right: 8px;} #main .page-selector ul li a { color: #5d5d54; } #main .page-selector ul li a:hover, #main .page-selector ul li a.active { color: #ffffff; } #artist .page-selector ul li a { color: #5d5d54; } #artist .page-selector ul li a:hover, #artist .page-selector ul li a.active { color: #ffffff; } #ambassador .page-selector ul li a { color: #5d5d54; } #ambassador .page-selector ul li a:hover, #ambassador .page-selector ul li a.active { color: #ffffff; } #entertainer .page-selector ul li a { color: #5d5d54; } #entertainer .page-selector ul li a:hover, #entertainer .page-selector ul li a.active { color: #ffffff; } #philosopher .page-selector ul li a { color: #5d5d54; } #philosopher .page-selector ul li a:hover, #philosopher .page-selector ul li a.active { color: #ffffff; } ul.album-list { list-style-type: none; width: 550px; margin: 0; padding: 0;} ul.album-list li { float: left; padding: 15px; } ul.album-list a { color: #b3b3aa; text-decoration: none; } ul.album-list a:hover img { outline: 1px solid #b3b3aa; } .album { padding: 10px 0 0 10px; } .album a { text-decoration: none; } .album .info, .album a, .album h3, .album h4 { color: #b3b3aa; font-weight: normal; margin: 0;} .album h3 { font-size: 17px; margin: 0; } .album .info { width: 620px; font-size: 11px;} .album .image { float: left; margin: -2px 10px 8px 0; } .album .tracks { clear: both; margin: -2px 0 0 0; width: 615px; overflow-y: auto; max-height: 330px;} .album .tracks table { border-collapse: collapse; width: 600px; background-color: #b3b3aa; font-size: 11px;} .album .tracks tr { } .album .tracks tr.odd { background-color: #a3a39b; } a.foxybutton { background-color: #5d5d54; padding: 2px 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } a.foxybutton:hover { color: #ccc;} a.button-continue { position: absolute; bottom: 10px; } a.button-cart { position: absolute; bottom: 10px; right: 410px; } #sponsors { position: absolute; top: 776px; right: 20px; } #sponsors a img { outline: 0 !important; border: 0 !important; } /* Albums photo */ .albumphoto { display: block; height: 150px; margin: 10px 0 10px 10px; position: relative; clear: both; } .albumphoto .image { position: absolute; left: 0; top: 0; } .albumphoto .info { position: absolute; left: 200px; top: 0; width: 500px; color: #d0d0d0; } .albumphoto .info h2 { margin-top: 0; } .albumphoto .image a { text-decoration: none; } .albumphoto .image a:hover img { outline: 1px solid #b3b3aa; } /* FOXYCART */ #fc_tb_window { border: 2px solid #5d5d54; padding: 0; /*background: #b3b3aa;*/ top: 30px; margin-top: 0 !important; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #fc_tb_titleTop.fc_tb_title, #fc_tb_titleBot.fc_tb_title { background-color: black; } a#fc_tb_closeWindowButtonTop { background: none; height: auto; padding: 5px 0 0 0; width: auto; text-decoration: none;} a:hover#fc_tb_closeWindowButtonTop, a:hover#fc_tb_closeWindowButtonBot { color: #ccc;} a#fc_tb_closeWindowButtonBot { background: none; height: auto; padding: 5px 0 0 0; width: auto; text-decoration: none;} #fc_tb_titleTop { height: 200px; background: url(../images/logo-cart-en.jpg) no-repeat 12px 12px; } #fc_cart_head th#fc_cart_head_quantity { color: #666666; } #fc_cart_container input.fc_cart_item_quantity, #fc_cart_container span.fc_cart_remove_center, #fc_cart_container #fc_cart_update_top, #fc_cart_container #fc_cart_update_bottom { display: none; } h1 { font-size: 14px; font-weight: bold; text-transform: uppercase; } h2 { font-size: 12px; font-weight: bold; text-transform: uppercase; } table { border: 0 !important; border-collapse: collapse; } #artist .holder div, #ambassador .holder div, #entertainer .holder div, #philosopher .holder div { color: white; position: absolute; padding: 10px; } #artist .page-selector ul li a { color: #cdcdc4;} .title-image-holder { position: absolute; } #content-artist-1 { top: 100px; left: 10px; width: 400px; } #content-artist-2 { top: 0px; left: 0px; width: 248px; } #content-ambassador-1 { top: 382px; left: 10px; width: 600px; } #content-ambassador-2 { top: 280px; left: 10px; width: 570px; } #content-ambassador-3 { top: 280px; left: 10px; width: 570px; } #title-ambassador-1 { top: 222px; left: 0px; } #title-ambassador-2 { top: 126px; left: 10px; } #content-entertainer-1 { top: 437px; left: 10px; width: 570px; } #content-entertainer-2 { top: 10px; left: 10px; width: 400px; } #title-entertainer-1 { top: 305px; left: 114px;} #content-philosopher-1 { top: 350px; left: 10px; width: 570px; } #title-philosopher-1 { top: 160px; left: -20px; } #content-philosopher-2 { top: 425px; left: 10px; width: 570px; } #title-philosopher-2 { top: 248px; left: 5px; } #content-philosopher-3 { top: 10px; left: 10px; width: 570px; } #content-philosopher-3 p div.advitam { display: inline; padding: 0; } #content-bio-1 { width: 420px; color: #d0d0d0; } #content-bio-1, #content-video-1, #content-shows-tour-1, #content-fan-club-1, #content-bio-2, #content-video-2, #content-shows-tour-2, #content-fan-club-2, #content-bio-3, #content-video-3, #content-shows-tour-3, #content-fan-club-3, #content-bio-4, #content-video-4, #content-shows-tour-4, #content-fan-club-4 { top: 10px; left: 10px; position: absolute; padding: 20px; color: #d0d0d0;} #main .holder p a { color: #d0d0d0; } .content-holder p a { color: white !important; } .content-holder p { text-align: justify;} #termlink { text-decoration: underline; } p.spacer { display: inline-block; width: 10px; height: 290px; }