/* Main CSS doc for Jesh De Rox - Enlighten | Copyright 2008 Created By Lift. (http://www.liftinteractive.com) */ /* Font-sizes. Browser default is 16px. Set body to 75%, which is equal to 12px and, therefore, 1em is 12px. 9px : 0.75em 10px : 0.8333em 11px : 0.9167em 12px : 1.0em 13px : 1.0833em 14px : 1.1667em 15px : 1.25em 16px : 1.3333em 17px : 1.4167em 18px : 1.5em 19px : 1.5833em 20px : 1.6667em 21px : 1.75em 22px : 1.8333em 23px : 1.9167em 24px : 2.0em 25px : 2.0833em 26px : 2.1667em 27px : 2.25em 28px : 2.3333em 29px : 2.4167em 30px : 2.5em 31px : 2.5833em 32px : 2.6667em */ /* Palette #333333 dark gray */ /* ** =global *****************************/ html { overflow:hidden; } body { background:#080401 url('../img/bg-body.jpg') no-repeat fixed center top; color:#969270; font-family:"times new roman",georgia,serif; font-size:75%; overflow:hidden; margin:0; padding:0; } a { color:#969270; } p,ul,ol, h1,h2,h3,h4,h5,h6 { margin-bottom:1em; } p { line-height:1.2; } em { font-style:italic; } strong { font-weight:bold; } #wrap { height:734px; margin:0 auto; position:relative; width:1000px; } /* ** =branding *****************************/ h1#branding { position:relative; z-index:10; } h1#branding a { background:url('../img/logo-jesh.png'); display:block; height:42px; margin:50px auto 15px; text-indent:-9999px; width:366px; } /* ** =nav *****************************/ #nav { background:url('../img/bg-nav.png') no-repeat; height:71px; margin:0 0 -63px; padding:29px 0 30px 28px; position:relative; z-index:9; } #nav li { display: inline; float:left; } /*#nav a { display:block; float:left; height:71px; text-indent:-9999px; }*/ #nav a { color:#9f9b76; display:block; float:left; font-size:1.25em; height:36px; letter-spacing:2px; padding:30px 15px 0; text-decoration:none; text-transform:uppercase; } /* height:71px; */ /* ** =mainItems *****************************/ #mainItems { position:relative; z-index:1; } #mainItems li { display:block; height:467px; position:absolute; top:0; width:1000px; } #mainItems ul { position:relative; } /* sub lists */ #mainItems li li { background:url('../img/bg-item.png') no-repeat; height:433px; padding:44px 25px 34px 36px; width:939px; } .feature { float:left; height:410px; margin-right:10px; overflow:hidden; width:615px; } .buy .feature { background:url('../img/bg-feature-buy.jpg'); overflow:auto; } .feature a { color:#000; } .feature ol { margin-left:38px; } .feature ol li { font-size:1.25em; list-style-type:decimal; } .details { background:url('../img/bg-details.jpg'); float:left; height:387px; overflow:auto; padding:23px 23px 0; position:relative; width:258px; } /* total height=410px, width=304px */ .buy .details { color:#969270; } .details h2, #content h2 { color:#8c7038; font-size:1.4167em; letter-spacing:0.125em; } .details p, .details cite { font-size:1.1667em; /*text-align:justify;*/ } .details a { color:#B6932B; /*font-weight:bold;*/ } .details .options a, .details a.scroller { font-weight:normal; } p.buynow { line-height:1.25; } img.buynow { margin-top:0.5em; } p.buynow .soon { color: #B6932B; font-weight: bold; font-style: italic; } #mainItems .options, #content .options { font-size:1.25em; position:absolute; bottom:0; left:23px; } #mainItems .options li, #content .options li { background:0; position:relative; left:auto; top:auto; height:auto; width:auto; margin:0.5em 0 0 0; padding:0; } .details a { text-decoration:none; } .price { font-size:1.25em; } #page-actions { left:0; } #page-textures { left:1500px; } #page-beloved { left:3000px; } #page-workshops { left:4500px; } #page-testimonials { left:6000px; } #page-about { left:7500px; } .get-flash { color:#341f0a; font-size:1.5em; margin:1.5em 0 0 1em; } .get-flash a { color:#341f0a; } .flash-replaced .alt{ display:none; } /* ** =subItems *****************************/ li#colorshift-view, li#texture-view, li#actions-comment-0 li#about-content { top:0; } li#colorshift-buy, li#texture-buy, li#actions-comment-1 { top:1000px; } li#actions-comment-2 { top:2000px; } /* ** =checkout *****************************/ #content { color:#341f0a; background:url('../img/bg-item.png') no-repeat; /*float:left;*/ height:433px;/* margin-top:-33px; */padding:44px 25px 34px 36px; width:939px; } #content h2 { color:#341f0a; margin:1em 1em 1em 18px; } #content p { clear:both; font-size:1.25em; margin-left:18px; margin-right:18px; } .col { float:left; margin-top:1em; padding:0 3% 0 1%; width:44%; } .col.left { width:50%; } .col.right { width:30%; } .checkout { } .checkout li { display:block; float:left; font-size:1.25em; margin-bottom:0.5em; padding-left:10px; } .checkout label, .checkout input { color:#341F0A; display:block; float:left; } .checkout label { clear:left; font-size:1em; font-weight:bold; padding-right:15px; text-align:right; width:105px; } .checkout input { width:130px; } .checkout textarea { height: 120px; width: 220px; } .checkout .help { clear: both; display: block; font-size: 0.9167em; font-style: italic; } ul#terms { clear:both; font-size:1.1667em; padding:0 18px; } ul.errorlist { background:#ce2929; color:#fff; float:left; font-size:0.75em; font-weight:bold; margin:0; width:100%; } ul.errorlist li { float:none; margin:0; padding:2px; } p.message { background:#DBA13F; border:1px solid #D78F15; color:#333; padding:3px; } #confirm-buttons { clear:both; margin:0 18px; } #confirm-buttons input { float:left; margin-right:2em; } .submit-warning { color:#fff; } .creditcards img { float: left; margin-right: 1em; vertical-align:middle; } #siteseal { float: left; } /* ** =modal-terms *****************************/ /*#modal-bg { background:#333; opacity:0.75; position:absolute; left:0 top:0; height:100%; width:100%; }*/ .modal-content { height:430px; margin:10px 0 0 25px; overflow:auto; width:415px; } #modal-terms { background:transparent url('../img/bg-modal.png') no-repeat; display:none; height:450px; padding:25px; position:absolute; left:50%; margin:-265px 0 0 -265px; overflow:hidden; top:50%; width:450px; z-index:99; } .close-terms { cursor:pointer; display:inline; float:right; font-size:1.25em; margin:16px 10px 0 0; } button.close-terms { font-size:1em; float:none; margin:0; padding-bottom:15px; } #modal-terms h2 { font-size:1.75em; color:#341f0a; margin:0.5em 0; } #modal-terms h3 { font-size:1.25em; color:#8c7038; margin:0.25em 0; } #modal-terms p, #modal-terms li { font-size:1.1667em; } #modal-terms ol { list-style-type:decimal; margin-left:18px; } #modal-terms li { margin-bottom:0.25em; } #safari { background:#381905; color:#969270; display:none; padding:10px; } p#safari { font-size:1em; } /** ** =cs-video1 ****************************/ #cs-video-trigger { display:none; } /*#cs-video1 { background:#fff; }*/