/* Eric Meyer's CSS Reset http://meyerweb.com/eric/tools/css/reset/ v1.0 | 20080212 */ /* Site red : #a40404 */ 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} 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} /* ------------- General Classes ----------------- */ .clear:after {content: ".";display:block;height:0;clear:both;visibility:hidden} .clear {display: inline-table;} /* Hides from IE-mac \*/ * html .clear {height: 1%;} .clear {display: block;} /* End hide from IE-mac */ .skip {display:none;/* \*/display:block;/* */position:absolute;left:-5000px;top:-5000px;width:1px;height:1px} .right {float:right;} body {font-family: Arial,Helvetica,sans-serif;background-color: #fff;} .wrapper {width:900px;margin-left: auto;margin-right: auto;} /****************** HEADER ******************/ #topnav {height:24px;background-color: #A40404;} #header {position:relative; z-index:2;height:70px;background: #111 url(../img/menu_bg.gif) repeat-x 0 0;} /* 1e262e */ #header #logo {margin-left:10px;float:left;} #header #controls {float: right;} #header #controls ul#nav {list-style-type: none;margin-top: 25px;padding-right: 20px} #header #controls ul#nav li {float:left;padding-left: 30px;position: relative;} #header #controls ul#nav a {text-decoration: none;} #header #controls ul#nav a span {color:#fff;} #header #controls ul#nav li.dropdown {background: url(../img/arrowdown.png) no-repeat right 3px;width:100px;padding-left: 30px;} #header #controls ul#nav li.dropdown span {cursor: pointer;color:#fff;} #header #controls ul#nav li div.dropdowns {color:#ddd;position: absolute;z-index: 5;padding-top: 10px;background-color: #fff;border-left:1px solid #777;border-bottom:1px solid #777;border-right:1px solid #777;display:none;} #drop-celebrities {width:18em;top:17px;left:29px;} #drop-occasions {width:9em;top:17px;left:29px;} #drop-categories {width:18em;top:17px;right:22px} #header #controls ul#nav li.hovering span {background-color: #fff;color:#000;} #header #controls ul#nav li.hovering div.dropdowns {display:block;} div.dropdowns {padding:5px;} div.dropdowns h3 {color:#a40404;font-size:.9em;padding-bottom: 3px;padding-top:10px;} div.dropdowns input.search {width:95%;font-size: 1em;padding:5px;margin-top: 3px; border:1px solid #ccc;} div.dropdowns div.col1,div.col2,div.col3 {float:left;padding-top: 5px;padding-left:10px;margin-top:5px;} div.dropdowns div.col1 {width: 95%;} div.dropdowns div.col2 {width:45%;} div.dropdowns div.col3 {width:30%;} div.dropdowns div ul.list {margin:0px;} div.dropdowns div ul.list li {margin-left:-40px;font-size: .72em;padding-top: 5px;padding-right:20px;display:block;float:none !important;} div.dropdowns div ul.list li a {padding-left: 10px; color:#888;text-decoration: none;} div.dropdowns div ul.list li a:hover {color:#000;} div.dropdowns div.b {border-left: 1px solid #ddd;} div.dropdowns h6 {color:#a40404;padding:12px;} div.dropdowns h6 a {color:#a40404;text-decoration: underline} /****************** instruction area (subheader) ******************/ #subheader {width:800px;height:120px; background:url(../img/instruct_bgd.png) 0 0 no-repeat; margin-left: auto;margin-right:auto;} #subheader p {font-family:impact;font-size:1.4em;padding:1em 1em 0 8em;color:#333} #subheader p span {font-size:1.8em;color:#a40404;} /****************** HOME PAGE ******************/ #sitedesc {width:900px;padding-top: 20px;} #sitedesc #question {background-color: #222;padding: 5px} #sitedesc #question p {color:#fff;font-style: italic} #sitedesc .box {width:290px;height: 90px;float: left;font-size: 1.2em;padding:5px 9px 0px 0px;background: #eee url(../img/work_bg.gif) repeat-x 0 0;} #sitedesc #first {} #sitedesc #last {width:293px;} #sitedesc .box h1 {display:inline;float:left;color:#A40404;font-size: 3.6em;padding:5px;} #sitedesc .box img {float:left;height:60%} #sitedesc .box p {padding-top: 11px;} #feature {width:900px;padding-top:20px;} #feature #maindesc {width:325px;background: url(../img/front_send3.jpg) no-repeat 0 0;height:275px;float:left;} #feature #maindesc p {padding:10px;color:#111;font-size: 1.6em;padding-top: 20px; line-height: 34px;text-align: center} #feature #maindesc iframe {position:relative; margin-top: 224px;margin-left:-35px; border:none;} /* #feature #maindesc img:hover {cursor:pointer;} */ #feature #maindesc p em {color: #fffc13;font-style: normal;} #feature #maindesc p.huge {padding-top: 10px;padding-bottom:3px;font-size: 3.6em;font-weight: bold;font-family: Helvetica;} /* #feature #maindesc p a {color:#fff;display: block;background-color: #A40404;text-decoration: none;font-weight: bold;} EB6B2A */ #feature #spotlight {width:575px;background-color: #eee;height:275px;float:left;position: relative;overflow:hidden;} #feature #spotlight .celebspot {cursor: pointer} #feature #spotlight a {text-decoration: none;color:#fff;} #feature #spotlight a img {border:none;} #feature #spotlight #spotdesc {height:55px;background-color: #111;position: absolute; bottom: 0px; left:0px;width:100%; opacity:0.8;filter: alpha(opacity=80);} #feature #spotlight #spotdesc p {padding-left: 10px;margin-top:18px;color:#fff} #spacer {padding-top:10px;} #celebs {padding-top:20px;} #slider {width: 820px;margin: 0 auto;position: relative;} .scroll {height: 170px;overflow: auto;overflow-x: hidden;position: relative;clear: left;} .scrollContainer div.panel {padding: 20px;height: 170px;width: 790px;} .scrollContainer div.panel {color:#444;} .scrollButtons {position: absolute;top: 60px;cursor: pointer;} .scrollButtons.left {left: -40px;} .scrollButtons.right {right: -40px;} .panel .box {height:150px;width:150px;position: relative;float:left;margin-right: 8px;overflow:hidden;cursor: pointer} .panel .box a {text-decoration: none;color:#fff;} .panel .box a img {border:none;} /* .panel .box .desc {height:28px;margin-bottom:0px;background-color: #111;position: absolute; bottom: 0px;width:100%;} opacity:0.65;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";filter: alpha(opacity=65); */ .panel .box .desc {height:28px;margin-bottom:0px;background-color: #111;position: absolute; z-index:99; bottom: 0px; left: 0px;width:100%; opacity:0.65;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";filter: alpha(opacity=65);} .panel .box:hover .desc {height:auto} .panel .box .desc p {color:#fff;margin-top:7px;margin-left: 5px;font-size: 80%} .panel .box .desc p.small {margin-top:8px;font-size: 70%;line-height: 12px;padding-bottom: 5px} #celebs h2 {padding-left: 10px;} #allcelebs a {margin:5px 18px 0 0; font-size: 80%;color:#000;float:right;} /* #allcelebs a {color: #ffffff;display: block;background-color: #A40404;text-decoration: none;font-weight: bold;} */ /****************** CELEB PAGE ******************/ #celeb {width:299px;padding-top:30px;float:left;} #script {width:519px;padding:40px;float:right;} #script h1 {font-size: 1.8em;color:#444} #script p.tagline {margin:10px 0 5px 0;} #script p#greetings {background: #A40404; color:#fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 10px; font-size:12px; margin:0 0 10px 0;} #script p#greetings span {margin-left:10px;} #script p#greetings span a {color:#fff; text-decoration: underline;padding:4px;} #script p#greetings span a.current {background-color: #fff;color:#A40404;text-decoration: none;-moz-border-radius: 3px; -webkit-border-radius: 3px;} #script p#greetings span a:hover {text-decoration: none;} #script div#scriptpreview {float:right;color:#fff;} #script div#scriptpreview iframe {margin:8px 0 0 0;} /* #script div#scriptpreview a {text-decoration: none;color:#000;font-size: 12px} #script div#scriptpreview a img {height:16px;margin-bottom:-3px} */ #script form {line-height: 28px;} #script form select {margin-left:5px;margin-right:5px;font-size: 14px;} #script form #previewbtn {font-size: 103%;} /****************** PREVIEW PAGE #celeb div comes from celeb page css ******************/ #preview {width:519px;padding:40px;float:right;} #preview h1 {font-size: 1.8em;color:#444} #preview p.tagline {} #preview form {margin-left:30px;} #preview form label {display:block;} #preview form label.new {padding-top:25px;padding-bottom: 5px;font-size: 90%} #preview #sendphone {padding:25px;padding-left:30px;} #preview #sendemail {padding:20px;padding-left:30px;} #preview form input {font-size: 16px} #preview form input.indented {padding-left:30px;} #preview form input.area {width:33px;} #preview form input.local {width:33px;} #preview form input.exchange {width:44px;} #preview form input#emailto {width:200px;} #preview form #previewbtn {font-size: 103%;} #preview form #schedule {width: 330px;padding:20px; text-align:center;} .notice {padding:10px;font-size:0.8em;} /****************** CHECKOUT PAGE shares cart page ******************/ #cart {width:898px;margin-top:20px;margin-bottom: 20px;} #cart h1 {font-size:1.3em;padding:10px} #cart table tr.head td {border-bottom: 2px solid #444;padding-bottom: 3px} #cart table tr.item td {} #cart table tr td {font-size: 95%;padding-top:4px;} #cart table tr td.right {text-align: right;} #cart table tr td em {font-style: normal;color: #800} #cart img.icon {margin-bottom:-1px;} #cart a.delete {text-decoration: none;color:#666;} #cart #move {width:96%;padding:20px;padding-top:40px} #cart h2.right {float:right;} #billingcontainer {width:898 overflow:auto;} #billinginfo {width:440px;float:left;} #billinginfo legend {} #billinginfo dl {width: 94%;margin-left:20px;margin-top:12px;} #billinginfo dl dt {width:32%;float:left;display:inline;margin-top:6px;} #billinginfo dl dt label {display:block} #billinginfo dl dd {width:60%;float:left;margin-top:6px;} #billinginfo dl dd input {font-size: 90%;} #billinginfo dl dd select {font-size: 90%;} #billinginfo p.tinyitalic {font-size: 80%;font-style: italic;margin-left:20px;margin-top:5px;} #ccinfo {width:440px;float:right;} #ccinfo legend {} #ccinfo dl {width: 94%;margin-left:20px;margin-top:12px;} #ccinfo dl dt {width:32%;float:left;display:inline;margin-top:6px;} #ccinfo dl dt label {display:block} #ccinfo dl dd {width:60%;float:left;margin-top:6px;} #ccinfo dl dd input {font-size: 90%;} #ccinfo dl dd input.ccnum {width:42px;} #ccinfo dl dd select {font-size: 90%;} #billinfo {height:375px;} .AuthorizeNetSeal {float:right;} /****************** RECEIPT PAGE ******************/ #receipt {width:100%; border:0;} #receipt thead {border-bottom:2px solid #A40404;} #receipt thead th {padding:5px;} #receipt tbody td {border-bottom: 1px solid #ccc; padding:5px;} /****************** ALL-CELEBRITIES search page also uses this ******************/ #topsearch {padding:20px;border-bottom:1px solid #ddd;width:850px;} #topsearch #celebsearch {display:block;font-size: 18px;width:300px;} #allcelebrities {width:898px;padding:30px;} #allcelebrities h1 {font-size: 112%;padding-bottom:20px} #allcelebrities h1 em {font-weight: normal;} #allcelebrities ul {list-style-type: none;width:295px;float:left;} #allcelebrities ul li {display:block;padding:6px;margin-bottom: 30px; height:115px;} #allcelebrities ul li a {text-decoration: none;color:#555;} #allcelebrities ul li a img {padding:2px;border:1px solid #bbb} #allcelebrities ul li a p {margin-left:120px;font-size: 12px;margin-top:-100px;} #allcelebrities ul li a p em {font-style: normal;font-weight: bold;color:#000;} .celebdesc {font-size:1.6em; font-weight:bold;line-height:2em; color:#a40404;} #allcelebrities ul li a:hover {color:#333} #allcelebrities ul li a:hover img {border:1px solid #999;} #allcelebrities p.searcherror {width:90%;padding:2%;background-color:#fefde8;border:1px dotted #c1bd76;margin:.3em 0 1em 0;} /****************** CELEB-LOGIN ******************/ #celeblogin {padding-top:20px} #celeblogin form {width:40%;margin-left: auto;margin-right: auto;} #celeblogin form label {display:block;} #celeblogin form input {margin-bottom:10px} #celeblogin form input.big {font-size:18px;} /****************** CELEB-REPORTS ******************/ #celebreports {width:878px;padding:10px} #celebreports #logout {float:right;} #celebreports #logout a {color:#000;font-size:90%;color:#ff0000} #celebreports h1 {padding-bottom: 30px} #celebreports h2 {padding-bottom: 10px} #celebreports #sidebar {width:200px;float:left} #celebreports #sidebar ul {margin-left:10px} #celebreports #sidebar ul li {font-size: 12px} #celebreports #sidebar ul li a {color:#000} #celebreports #sidebar ul li a:hover {text-decoration: none;} #celebreports #content {width:650px;float:left} #celebreports #content table {} #celebreports #content table tr {} #celebreports #content table tr:hover {background:#eee;} #celebreports #content table tr.alternating {background-color:#f4f7fb} #celebreports #content table tr#total {font-weight: bold; background-color: #fff !important;} #celebreports #content table th {padding-bottom:4px;font-size: 92%} #celebreports #content table td {font-size: 88%;padding: 4px} /****************** REUSABLE ******************/ .full {width:898px;} .half {width:449px;float:left;} .onethird {width:299px;float:left;} .twothirds {width:599px;float:left;} .fourth {width:224px;float:left;} .threefourths {width:674px;float:left;} /****************** FORMS ******************/ .styledform label{float: left;} .styledform input, .styledform textarea{padding:5px;background:#eee;margin-bottom:5px; border:1px solid #999;} .styledform input:hover, .styledform input:focus{background:#ddd;} .styledform br{clear: left;} .blockform label{float: left; width:250px;} .blockform input, .styledform textarea{padding:5px;background:#eee;margin-bottom:5px; border:1px solid #999; } .blockform input:hover, .styledform input:focus{background:#ddd;} .blockform br{clear: left;} #contactus {margin: 20px 0 0 20px;} #contactus label {width:200px;} .infomsg {padding:10px; border:1px solid #eee; background:#EDD3C5; text-align:center;margin:10px 0 5px 0;} /****************** TNA ******************/ .tnalink {padding:0 0 5px 0;} .tnalink a {text-decoration:none;} /****************** BLOCK NUMBER PAGE ******************/ .styledp {line-height:1.2em; margin:20px 0 10px 0;} .ptitle {line-height:1.2em; margin:20px 0 10px 0;font-style:italic;} .note {font-style:italic; font-weight:bold; font-size: 85%; color: red;} /****************** FOOTER ******************/ #footer {width:100%;color:#fff;background:#120000 url(/img/footer-bg.jpg) repeat-x 0 0;height:230px;margin-top: 60px;border-top:1px solid #aaa;} #footer .wrapper {padding-left:120px;} #footer .box {float:left;width:145px;padding:10px;padding-right: 5px} #footer .box h4 {font-size: .8em;} #footer .box ul {margin-top:3px;} #footer .box li a {color:#888;font-size: .7em;text-decoration: none;} #footer .box li a:hover {color:#fff;} #copyright p {text-align:center;font-size:.6em;color:#999;} #copyright {background:#fff; padding:8px; margin-top:5px;} /****************** PRIVACY POLICY ******************/ #ppolicy p {margin: 10px 0 5px 0;} #ppolicy h3 {margin: 10px 0 5px 0;}