/* ----------------------------------------------- */ /* CSS code generated by Endecom Computer Services */ /* for www.djnewengland.com */ /* */ /* Release Date: December 2008 */ /* Visit us: www.endecom.com */ /* */ /* ----------------------------------------------- */ @import url("reset.css"); /* import the reset file */ /***********************************************/ /* HTML tag styles */ /***********************************************/ body { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 14px; color: #333333; line-height: 1.3em; margin: 0px 0px 10px 0px; padding: 0px; background: url(images/new-bg3.jpg) top center #000; text-align: center; } div#outerwrap { width: 930px; text-align: center; margin: 0px auto; padding: 0px; border-top: 0px; } div#innerwrap { text-align: left; margin: 0px; padding: 0px; border-bottom: 0px; } #header { height: 180px; margin: 0; padding: 0; border: solid red 0px;} #header .innerdiv {padding: 0 16px; border: solid black 0px;} #header .innerdiv .left {width: 332px; float: left; border: solid blue 0px;} #header .innerdiv .left p {background: url(images/new-logo.gif); width: 332px; height: 146px; } #header .innerdiv .left p span {display: none;} #header .innerdiv .right {float: right; border: solid green 0px; margin-top: 13px; margin-right: 6px;} #header .innerdiv .right p {background: url(images/serving.jpg); width: 404px; height: 94px; } #header .innerdiv .right p span {display: none;} #menubar {height: 36px; margin: 0; padding: 0; background: url(images/new-uppermenu.jpg);} #menubar .left {height: 36px; margin: 0; padding: 0 20px; text-align: left; width: 500px; float: left;} #menubar .left ul {margin: 0; padding: 10px 0;} #menubar .left li {list-style: none; display: inline; margin: 0 10px; color: #888;} #menubar .left a:link, #menubar .left a:visited, #menubar .left a:hover {font-size: 1.6em; color: #fff;} #menubar .left a:hover {color: #fff; text-decoration: underline;} #menubar .left a.deactivated:link, #menubar .left a.deactivated:visited, #menubar .left a.deactivated:hover {font-size: 1.6em; color: #888;} #menubar .left a.deactivated:hover {color: #888; text-decoration: none;} #menubar .right {height: 36px; margin: 0; padding: 0px 20px 0 0; text-align: right; width: 300px;font-size: 1.6em; color: #fff; float: right;} #menubar .right span {display: block; margin: 0; padding: 10px 0;} div#maincontent {margin: 0; padding: 0; background: url(images/new-inner-bg3.jpg) top center; margin-top: 1px; color: #eee;} div#maincontent .innerdiv {padding: 0;} #left {width: 200px; float: left;} #right {float: left; width: 665px; padding: 20px 20px 20px 30px; margin-top: 0px; border: solid blue 0px;} a:link, a:visited, a:hover { color: #ccc; text-decoration: none; font-size: 1.4em; } .packagecontents a:link, .packagecontents a:visited { color: blue; text-decoration: underline; font-size: 1em; } .packagecontents a:hover { color: #669; } a#contactlink:hover {text-decoration: underline;} #contactpage a#contactlink {text-decoration: underline;} a#joinlink:hover {text-decoration: underline;} #joinpage a#joinlink {text-decoration: underline;} a:hover { color: #006699; text-decoration: underline; } /* overrides decoration from previous rule for hovered links */ h1, h2, h3, h4, h5, h6 { color: #eee; } h1 {margin-top: 5px; padding-bottom: 6px; border-bottom: solid 1px #666;} h2 {margin-top: 30px; padding-bottom: 6px; border-bottom: solid 1px #666;} #indexpage h1 {margin-top: 20px; padding-bottom: 6px; border-bottom: solid 1px #666;} #indexpage #right a {font-size: 1em; color: #eee; text-decoration: underline;} #indexpage #right a:hover {font-size: 1em; color: #aaa; text-decoration: underline;} #joinpage #right a {font-size: 1em; color: #eee; text-decoration: underline;} #joinpage #right a:hover {font-size: 1em; color: #aaa; text-decoration: underline;} label{ font: bold 100% Arial,sans-serif; color: #334d55; } table {margin-top: 20px; background: #fff; border-collapse: collapse; border: solid 1px #666; width: 645px;} #contactpage table.contact {width: 620px;} #contactpage table.contact caption {padding-bottom: 20px;} #contactpage table.contact tr td {padding: 5px;} table td {border: solid 1px #ddd; color: #333;} #preferredvendorspage table tr td {padding: 5px; background: url(images/contentbg.gif) repeat-x;} #eventaddonspage table tr td {padding: 5px; background: url(images/contentbg.gif) repeat-x; font-size: .9em;} #eventaddonspage table tr.title-row {background: #555; margin-top: 10px;} #eventaddonspageORIG table tr.title-row td {font-weight: bold; padding: 5px; color: #333; font-size: 1.2em; text-align: center; padding: 10px 0px;} #eventaddonspage table tr.title-row td {font-weight: normal; color: #333; font-size: 1.4em; text-align: center; padding: 10px 0px;} #eventaddonspageDISABLE table tr.title-row td {font-weight: normal; background: url(images/contentbgheader2.gif) repeat-x; color: #eee; font-size: 1.4em; text-align: center; padding: 10px 0px;} #eventaddonspage table tr.musicians td {background: #0ff; background: url(images/contentbgheader4.gif) repeat-x;} #eventaddonspage table tr.karaoke td {background: #c6f; background: url(images/contentbgheader5.gif) repeat-x;} #eventaddonspage table tr.partyfavors td {background: #0f0; background: url(images/contentbgheader6.gif) repeat-x;} #eventaddonspage table tr.prizepackages td {background: #c09; background: url(images/contentbgheader7.gif) repeat-x;} #eventaddonspage table tr.performers td {background: #0ff; background: url(images/contentbgheader4.gif) repeat-x;} #eventaddonspage table tr.funfood td {background: #c6f; background: url(images/contentbgheader5.gif) repeat-x;} #eventaddonspage table tr.artscrafts td {background: #0ff; background: url(images/contentbgheader6.gif) repeat-x;} #eventaddonspage table tr.games td {background: #f0f; background: url(images/contentbgheader7.gif) repeat-x;} #eventaddonspage table tr.moonwalks td {background: #ff0; background: url(images/contentbgheader4.gif) repeat-x;} #eventaddonspage table tr.header-row {background: #777;} #eventaddonspage table tr.header-row td {font-weight: bold; padding: 5px; color: #fff; background: url(images/contentbgheader3.gif) repeat-x;} table tr.title-row a {font-size: 1em; color: #777;} table tr.title-row a:hover {font-size: 1em; color: #333;} DIStable tr.title-row a {font-size: 1em; color: #999;} DIStable tr.title-row a:hover {font-size: 1em; color: #ddd;} /***********************************************/ /* Layout Divs */ /***********************************************/ #navBar{ margin: 0; padding: 20px 0; font-size: 1.2em; } #menu ul a:link, #navBar ul a:visited {display: block;} #menu ul {list-style: none; margin: 0; padding: 0;} #menu li {text-align: right; margin-left: 0px;} #menu li a {display: block; width: 200px; height: 22px;} #menu li a#weddingslink span {display: none;} #menu li a#weddingslink {background: url(images/weddings.gif) no-repeat top right;} #menu li a#weddingslink:hover {background: url(images/weddings.gif) no-repeat bottom right;} #weddingspage #menu li a#weddingslink {background: url(images/weddings.gif) no-repeat bottom right;} #menu li a#barbatmitzvahlink span {display: none;} #menu li a#barbatmitzvahlink {background: url(images/bar-bat-mitzvah.gif) no-repeat top right;} #menu li a#barbatmitzvahlink:hover {background: url(images/bar-bat-mitzvah.gif) no-repeat bottom right;} #barbatmitzvahpage #menu li a#barbatmitzvahlink {background: url(images/bar-bat-mitzvah.gif) no-repeat bottom right;} #menu li a#promsdanceslink span {display: none;} #menu li a#promsdanceslink {background: url(images/proms-dances.gif) no-repeat top right;} #menu li a#promsdanceslink:hover {background: url(images/proms-dances.gif) no-repeat bottom right;} #promsdancespage #menu li a#promsdanceslink {background: url(images/proms-dances.gif) no-repeat bottom right;} #menu li a#childrenspartieslink span {display: none;} #menu li a#childrenspartieslink {background: url(images/childrens-parties.gif) no-repeat top right;} #menu li a#childrenspartieslink:hover {background: url(images/childrens-parties.gif) no-repeat bottom right;} #childrenspartiespage #menu li a#childrenspartieslink {background: url(images/childrens-parties.gif) no-repeat bottom right;} #menu li a#corporateeventslink span {display: none;} #menu li a#corporateeventslink {background: url(images/corporate-events.gif) no-repeat top right;} #menu li a#corporateeventslink:hover {background: url(images/corporate-events.gif) no-repeat bottom right;} #corporateeventspage #menu li a#corporateeventslink {background: url(images/corporate-events.gif) no-repeat bottom right;} #menu li a#othereventslink span {display: none;} #menu li a#othereventslink {background: url(images/other-events.gif) no-repeat top right;} #menu li a#othereventslink:hover {background: url(images/other-events.gif) no-repeat bottom right;} #othereventspage #menu li a#othereventslink {background: url(images/other-events.gif) no-repeat bottom right;} #menu li a#eventaddonslink span {display: none;} #menu li a#eventaddonslink {background: url(images/event-addons.gif) no-repeat top right;} #menu li a#eventaddonslink:hover {background: url(images/event-addons.gif) no-repeat bottom right;} #eventaddonspage #menu li a#eventaddonslink {background: url(images/event-addons.gif) no-repeat bottom right;} #menu li a#preferredvendorslink span {display: none;} #menu li a#preferredvendorslink {background: url(images/preferred-vendors.gif) no-repeat top right;} #menu li a#preferredvendorslink:hover {background: url(images/preferred-vendors.gif) no-repeat bottom right;} #preferredvendorspage #menu li a#preferredvendorslink {background: url(images/preferred-vendors.gif) no-repeat bottom right;} #sectionLinks{ margin: 0px; padding: 0px; border: 0px solid #cccccc; top: 2px; } #sectionLinks h3{ padding: 10px 0px; } #sectionLinks a:link{ padding: 0px; } #sectionLinks a:visited{ padding: 0px; } #sectionLinks a:hover{ color: #fff; padding: 0px; } #childrenspartiespage #childrenspartieslink, #weddingspage #weddingslink, #barbatmitzvahpage #barbatmitzvahlink, #promsdancespage #promsdanceslink, #corporateeventspage #corporateeventslink, #eventaddonspage #eventaddonslink, #preferredvendorspage #preferredvendorslink { padding: 0px 0px; color: #fff; text-decoration: underline; } /*********** .relatedLinks styles ***********/ .relatedLinks{ text-align: center; margin: 0px; padding: 0px 0px 10px 10px; font-size: 90%; } .relatedLinks h3{ padding: 10px 0px 2px 0px; } /************** #headlines styles **************/ #headlines{ margin: 0px; padding: 10px 0px 20px 10px; font-size: 80%; } #headlines p{ padding: 5px 0px 5px 0px; } /* ---------------- NICK ------------------ */ p.logo {float: left;} /* =============== DVDJ ================ */ p {font-size: 1em;} a {color: #999;} h1 {font-size: 1.8em;} h2 {font-size: 1.4em; font-weight: bold;} /* #videospage h2 {color: #FFD700;} */ h3 {font-size: 1.2em; font-weight: normal;} .underline {text-decoration: underline; color: #ccc;} .nounderline {text-decoration: none;} .clear { height: 1%; clear: both; margin: 0; padding: 0;} /* #menu {padding: 0px 0px 10px 0px; margin: 25px 20px 50px 475px; color: #444; border: solid white 0px;} #menu a {padding: 0px 10px; text-decoration: none;} #menu a:hover {padding: 0px 10px; text-decoration: underline;} */ #contentwrap {margin-top: 50px; padding: 0px 42px;} #side-content-content {width: 220px; padding: 0px 30px; border: solid 1px #666; float: left;} #main-content {margin: 0px 0px 0px 320px; border: solid 0px #666; background: url(images/maincontentbg2.jpg) repeat-y;} #main-content-content {padding: 10px 30px 0px 30px; background: url(images/maincontentbg.jpg) no-repeat;} #mc-footer {display: block; height: 15px; background: url(images/maincontentbottombg.jpg) no-repeat;} /* #footer {text-align: center; margin: 40px 0px 10px 0px; padding: 10px 0px 10px 0px; font-size: .9em; border-top: solid 1px #666;} #footer a {font-size: 1em;} #footer a:link {font-size: 1em;} #footer a:visited {font-size: 1em;} #footer a:hover {font-size: 1em;} */ #subfooter { width: 930px; height: 40px; color: #4c4c4c; padding: 0px; margin: 12px auto 10px auto; line-height: 1.8em; font-size: 10px; } #subfooter a {font-size: 10px; color: #4c4c4c;} #subfooter a:link {text-decoration: underline;} #subfooter a:visited {text-decoration: underline;} #subfooter a:hover {color: #999; text-decoration: underline;} #subfooter #spanright { text-align: center; float: right; padding-right: 10px; } #subfooter #spanleft { text-align: left; float: left; padding-left: 10px; line-height: 1.5em; } span.pic-holder {float: left; display: block; height: 60px; width: 100px; border: solid white 1px; margin-right: 20px; margin-bottom: 20px;} input, textarea {background-color: #fff;} #contactpage table {margin-top: 0px;} #contactpage #right {padding-top: 10px;} #contactpage form {margin-top: 0px;} div.packages {background: #fff; color: #333; margin-bottom: 10px;} div.packages div {padding: 5px;} div.packages div.packageheader {border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; background: #ddd; background: url(images/contentbgheader.gif) repeat-x; padding-left: 20px;} div.packages div.packagecontents {background: url(images/contentbg.gif) repeat-x;} /*experiment w/ package bg colors */ div.packages div.packageheader {background: url(images/contentbgheader9.gif) repeat-x;} /* I have 665px to work with */ #preferredvendorspage td {background: url(images/contentbg.gif) repeat-x; border: solid 1px #ccc;} #preferredvendorspage td.tablehead {background: url(images/contentbgheader2.gif) repeat-x; color: #333; font-size: 1.4em; padding:10px 5px; text-align: center;} #preferredvendorspage td.who {width: 220px;} #preferredvendorspage td.number {width: 120px;} #preferredvendorspage td.web {width: 280px;} #preferredvendorspage td.web a {font-size: 1em; color: #777;} #preferredvendorspage td.web a:hover {font-size: 1em; color: #333;} #preferredvendorspage h2 {border-bottom: none; padding-bottom: 0px; margin-bottom: 10px;} #preferredvendorspage table {margin-top: 0px; margin-bottom: 30px;} #preferredvendorspage table td.justice {background: #0ff; background: url(images/contentbgheader4.gif) repeat-x;} #preferredvendorspage table td.photography {background: #c6f; background: url(images/contentbgheader5.gif) repeat-x;} #preferredvendorspage table td.video {background: #0f0; background: url(images/contentbgheader6.gif) repeat-x;} #preferredvendorspage table td.catering {background: #c09; background: url(images/contentbgheader7.gif) repeat-x;} #preferredvendorspage table td.flowers {background: #0ff; background: url(images/contentbgheader4.gif) repeat-x;} #preferredvendorspage table td.makeup {background: #c6f; background: url(images/contentbgheader5.gif) repeat-x;}