/* Main CSS doc for Felix Fielding Parade Theme | 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:#fff url('../img/bg-body.jpg') repeat-x 0 0; font-size:75%; font-family:helvetica,arial,sans-serif; overflow:hidden; } a { color:#dfdfdf; text-decoration:none; } a:hover { color:#333; text-decoration:underline; } a img, img { border:0; } p,ul,ol, h1,h2,h3,h4,h5,h6 { margin-bottom:1em; } h1,h2,h3,h4,h5,h6 { font-weight:normal; letter-spacing:-0.05em; margin-bottom:0.5em; } strong, b { font-weight:bold; } em, i { font-style:italic; } /* ** =wrap **************************/ #wrap { height:620px; left:50%; margin:-315px auto auto -400px; position:absolute; top:50%; width:801px; } /* ** =branding **************************/ #branding { position:absolute; left:0; top:0; z-index:10;height:50px;width:300px; } #branding a { color:#D30101; font-size:2.25em; text-decoration:none; } #branding a span { color:#000; font-size:0.75em; font-family:georgia,'times new roman',serif; font-style:italic; } /* ** =nav **************************/ #nav { position:absolute; right:0; top:10px; z-index:10; } #nav li { float:left; margin-left:10px; } #nav li a { color:#000; font-size:1.0833em; float:left; text-decoration:none; } #nav li ul { float:left; margin:0; height:19px; overflow:hidden; } #nav li li { } #nav li li a { color:#919191; } /* ** =sections **************************/ #sections { position:absolute; left:0; top:44px; z-index:1; } #sections li { background:#7f7f7f; display:block; height:534px; position:absolute; top:0; left:0; width:801px; } #sections li li, #sections li.gallery { background:0 !important; } #sections li li img { display:block; margin:auto; } li#section-welcome { left:0; } /*li#section-block1 { left:1500px; } li#section-block2 { left:3000px; }*/ .content { color:#fff; margin:50px auto 0; /*margin:0 auto auto -230px; left:50%; position:absolute; top:50%;*/ width:461px; } .content h2 { font-size:2.0em; margin-bottom:0.25em; } .content h3 { font-size:1.75em; } .content h4 { font-size:1.5em; } .content h5 { font-size:1.25em; } .content h6 { font-size:1em; margin-bottom:1em; } .content p { line-height:1.3; } #sections .content ul, #sections .content ol { list-style-position:inside; } #sections .content li { display:list-item;list-style-type:disc; position:static; left:auto; top:auto; height:auto; width:auto; } #sections .content ol li{ list-style-type:decimal; } /* ** =gallery **************************/ .gallery h2 { display:none; } .image-holder { position:relative; height:534px; width:801px;} .image-holder img { position:relative; z-index:1; } .prev,.next { background:url('../img/iesucks.gif'); display:block; position:absolute; width:801px; height:267px; left:0; top:0; text-indent:-9999px; z-index:2; } .next { top:267px; } .prev:hover { background:url('../img/up.png') no-repeat center top; } .next:hover { background:url('../img/down.png') no-repeat center bottom; } .caption { color:#4b4b4b; margin-top:0.25em; } /* ** =copyright **************************/ #copyright { clear:both; color:#8c8c8c; position:absolute; right:0; bottom:0; z-index:9; } #copyright p { margin:0; } #copyright a { color:#8c8c8c; text-decoration:none; } #copyright a:hover { color:#494949; } /* ** =font variations **************************/ body.serif { font-family:Georgia, "Times New Roman", serif; } .serif #branding a span { font-family:arial; } body.trebuchet { font-family:"Trebuchet MS", sans-serif;} /* ** =color variations **************************/ body.cyan { background:#FFF url('../img/bg-body-cyan.jpg') repeat-x 0 0;} .cyan a { color:#ccc; } .cyan a:hover { color:#333; } .cyan #branding a span { color: #009FBF; } .cyan .prev:hover { background:url('../img/up-teal.png') no-repeat center top; } .cyan .next:hover { background:url('../img/down-teal.png') no-repeat center bottom; } body.pink { background:#FFF url('../img/bg-body-cyan.jpg') repeat-x 0 0;} .pink a { color:#ccc; } .pink a:hover { color:#333; } .pink #branding a span { color: #FF2F85; } .pink .prev:hover { background:url('../img/up-pink.png') no-repeat center top; } .pink .next:hover { background:url('../img/down-pink.png') no-repeat center bottom; } body.charcoal-pink { background: #222; } .charcoal-pink .caption { color:#b7b7b7; } .charcoal-pink a { color:#666; } .charcoal-pink a:hover { color:#000; } .charcoal-pink #branding a { color:#fff; } .charcoal-pink #branding a span { color:#FF2F85; } .charcoal-pink #nav li a { color:#FFF; } .charcoal-pink #nav li li a { color:#919191; } .charcoal-pink .content { color:#000; } .charcoal-pink #copyright { color:#8c8c8c; } .charcoal-pink #copyright a { color:#8c8c8c; text-decoration:none; } .charcoal-pink #copyright a:hover { color:#494949; } .charcoal-pink #sections li { background:#d9d9d9; } .charcoal-pink .prev:hover { background:url('../img/up-pink.png') no-repeat center top; } .charcoal-pink .next:hover { background:url('../img/down-pink.png') no-repeat center bottom; } body.charcoal-lime { background: #222; } .charcoal-lime .caption { color:#b7b7b7; } .charcoal-lime a { color:#666; } .charcoal-lime a:hover { color:#000; } .charcoal-lime #branding a { color:#fff; } .charcoal-lime #branding a span { color:#E5FF00; } .charcoal-lime #nav li a { color:#FFF; } .charcoal-lime #nav li li a { color:#919191; } .charcoal-lime .content { color:#000; } .charcoal-lime #copyright { color:#8c8c8c; } .charcoal-lime #copyright a { color:#8c8c8c; text-decoration:none; } .charcoal-lime #copyright a:hover { color:#494949; } .charcoal-lime #sections li { background:#d9d9d9; } .charcoal-lime .prev:hover { background:url('../img/up-lime.png') no-repeat center top; } .charcoal-lime .next:hover { background:url('../img/down-lime.png') no-repeat center bottom; } body.black-white { background: #000; } .black-white .caption { color:#b5b5b5; } .black-white a { color:#666; } .black-white a:hover { color:#000; } .black-white #branding a { color:#fff; } .black-white #branding a span { color:#c0c0c0; } .black-white #nav li a { color:#FFF; } .black-white #nav li li a { color:#919191; } .black-white .content { color:#000; } .black-white #copyright { color:#8c8c8c; } .black-white #copyright a { color:#8c8c8c; text-decoration:none; } .black-white #copyright a:hover { color:#494949; } .black-white #sections li { background:#FFF; } .black-white .prev:hover { background:url('../img/up-grey.png') no-repeat center top; } .black-white .next:hover { background:url('../img/down-grey.png') no-repeat center bottom; } .black-white .image-holder img { border: 1px solid #3f3f3f; } /* =subnav */ .subnav { position:absolute; left:35px; top:85px; } #sections ul.subnav li { list-style:none; }