/* css */ /* copyright 2006, dennis&barfety design group*/ /* created for: rsvp jazz, inc.*/ /* created: April 24th, 2006 */ /* begin basic html elements */ body{ background: #333333 url(../images/dk_gray_lines.gif) repeat fixed top; text-align: center; } h1, h2, h3{ margin:0; padding:0; } a:link{ font: 10px "Verdana",Georgia,Times,serif; color:#828181; text-decoration: none; } a:visited{ font: 10px "Verdana",Georgia,Times,serif; color:#828181; text-decoration: none; } a:hover{ font: 10px "Verdana",Georgia,Times,serif; color:#000000; text-decoration: none; } /* end basic html elements */ /* begin main design */ #canvas { position: absolute; top: 20px; width: 100%; /*margin-top: -26%;*/ min-width: 800px; min-height: 600px; left: 0px; } #container{ position: relative; text-align: left; width: 800px; height: 600px; margin: 0px auto; } #header{ width: 800px; height: 109px; background:url('../images/header.gif') no-repeat; position: relative; } #centerSection { background:url('../images/cover.gif') repeat-y; } /* begin logo link at top of each page | using image map for link */ #logo_rsvp a { position: absolute; height: 51px; width: 165px; top: 40px; text-decoration: none; } /* IE hack */ * html #logo_rsvp a {top: 15px;} #logo_rsvp a i { visibility: hidden; } a#home { left: 35px; } /* end logo link */ #retro_mic { position: relative; background:url('../images/retro_mic.jpg') no-repeat; width: 208px; height: 288px; top: -288px; left: 593px; } /* IE hack */ * html #retro_mic {top: -98px;} /* end main design */ /* begin navigation bar */ #navbar { clear: left; width: 365px; height: 18px; border: 0; padding: 0; margin: 0; } #navbar ul { width: 365px; height: 18px; background: url('../images/navbar_rsvp.gif'); top: 83px; left: 405px; margin: 0px; padding: 0px; position: relative } #navbar ul li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; } #navbar ul li, #navbar a { height: 18px; display: block; } #navbar ul li a { text-indent: -9999px; text-decoration: none; } #nb1 {left: 0px; width: 57px;} #nb2 {left: 57px; width: 95px;} #nb4 {left: 224px; width: 80px;} #nb5 {left: 304px; width: 60px;} #nb1 a:hover {background: url('../images/navbar_rsvp.gif') no-repeat 0 -17px;} #nb2 a:hover {background: url('../images/navbar_rsvp.gif') no-repeat -57px -17px;} #nb4 a:hover {background: url('../images/navbar_rsvp.gif') no-repeat -224px -17px;} #nb5 a:hover {background: url('../images/navbar_rsvp.gif') no-repeat -304px -17px;} #nb1 a:active {background: url('../images/navbar_rsvp.gif') no-repeat 0 -34px;} #nb2 a:active {background: url('../images/navbar_rsvp.gif') no-repeat -57px -34px;} #nb4 a:active {background: url('../images/navbar_rsvp.gif') no-repeat -224px -34px;} #nb5 a:active {background: url('../images/navbar_rsvp.gif') no-repeat -304px -34px;} /* sets current page status in navigation bar by including the id="nameofpage" in the tag of each page*/ body#profilepage #nb1 {background: transparent url('../images/navbar_rsvp.gif') 0 -34px no-repeat;} body#testimonialspage #nb2 {background: transparent url('../images/navbar_rsvp.gif') -57px -34px no-repeat;} body#multimediapage #nb4 {background: transparent url('../images/navbar_rsvp.gif') -224px -34px no-repeat;} body#contactpage #nb5 {background: transparent url('../images/navbar_rsvp.gif') -304px -34px no-repeat;} /* end navigation bar */ /* begin footer */ #footer { position: relative; background:url('../images/footer.gif') no-repeat bottom; width:800px; height:98px; } /* IE hack */ * html #footer {top: -190px;} #footer_no_mic { position: relative; background:url('../images/footer.gif') no-repeat bottom; width:800px; height:98px; } #footer_text { position: absolute; color: #707070; text-decoration: none; text-align: center; top: 90px; left: 145px; font: 10px "Verdana",Georgia,Times,serif; } /* IE hack */ * html #footer_text {top: 288px;} #footer_text_no_mic { position: absolute; color: #707070; text-decoration: none; text-align: center; top: 90px; left: 145px; font: 10px "Verdana",Georgia,Times,serif; } /* IE hack */ * html #footer_text_no_mic {top: 100px;} #footer_text_no_mic a, #footer_text_no_mic a:link, #footer_text_no_mic a:active, #footer_text_no_mic a:visited { color: #707070; text-decoration: none; border-bottom: 1px dotted #707070; font: 10px "Verdana",Georgia,Times,serif; } #footer_text_no_mic a:hover { color: #D3D3D3; text-decoration: none; } #footer_text a, #footer_text a:link, #footer_text a:active, #footer_text a:visited { color: #707070; text-decoration: none; border-bottom: 1px dotted #707070; font: 10px "Verdana",Georgia,Times,serif; } #footer_text a:hover { color: #D3D3D3; text-decoration: none; } /* end footer */ /* begin main page picture */ #mainPic { position: relative; /*width: 798px;*/ height:346px; width:712px; left: 45px; text-align: center; background: transparent url(../images/loading.gif) no-repeat; /* Trick IE into showing hover */ background-position: center center; } /* end main page picture */ /* begin profile pages */ .profile_lead_text { font: 18px "Verdana", Georgia, Times,serif; } #profile_page1 { position: relative; /*top: 30px;*/ top: 25px; min-height: 290px; padding-top: 20px; padding-bottom: 30px; } * html #profile_page1 {height: 310px;} #profile_page2 { position: relative; top: 10px; min-height: 290px; padding-top: 20px; padding-bottom: 30px; } * html #profile_page2 {height: 290px;} #profile_text1 { position: relative; color: #333333; /*width: 474px;*/ width: 500px; /*min-height: 232px;*/ min-height: 274px; top: 0px; left: 45px; text-align: left; font: 12px "Verdana", Georgia, Times,serif; line-height: 1.75 } * html #profile_text1 {height: 274px;} #profile_text2 { position: relative; color: #333333; width: 500px; min-height: 275px; top: 0px; left: 45px; text-align: left; font: 12px "Verdana", Georgia, Times,serif; line-height: 1.75 } * html #profile_text2 {height: 275px;} /* profile page small continue link at bottom of page */ #plink1 { position: relative; width: 150px; left: 365px; text-align: right; padding-top: 10px; padding-bottom: 32px; } #plink2 { position: relative; width: 150px; left: 365px; text-align: right; padding-top: 10px; padding-bottom: 15px; } /* end profile page small continue link at bottom of page */ /* end profile pages */ /* begin testimony page */ #testimony_page { padding-top: 5px; padding-bottom: 5px; } * html #testimony_page {height: 350px;} /* end testimony page */ /* begin calendar pages */ #calendar_content { position: relative; top: 25px; /*min-height: 350px;*/ min-height: 342px; padding-bottom: 10px; padding-left: 40px; } /* IE hack */ * html #calendar_content {height: 350px;} #calendar_year {font: bold 18px "Verdana",Georgia,Times,serif; color:#666666;} #table { position: relative; border-collapse: collapse;} *#col1 { border: 0px ; width: 40px;} *#col2 { border: 0px ; width: 320px;} *#col3 { border: 0px ; width: 130px;} #playlist { border: 0px solid #666666; } #playlist tbody tr td { /*font-family: "lucida grande", verdana, sans-serif;*/ font-family: verdana, sans-serif; font-size: 8pt; /*padding: 3px 8px;*/ padding: 3px 5px; border-left: 0px solid #D9D9D9; } #playlist tbody tr.selected td { background-color: #3d80df; color: #ffffff; font-weight: bold; border-left: 0px solid #346DBE; border-bottom: 0px solid #7DAAEA; } /* calendar page small previous/next year links at bottom of page */ #previousyear_link { position: absolute; top: 3px; left: 445px; } /* IE hack */ * html #previousyear_link {top: 7px; left: 490px;} #previousyear_linkb { position: absolute; top: 3px; left: 384px; } /* IE hack */ * html #previousyear_linkb {top: 7px; left: 424px;} #nextyear_link { position: absolute; top: 3px; left: 472px; } /* IE hack */ * html #nextyear_link {top: 7px; left: 512px;} /* end calendar page small continue previous/next year links at bottom of page */ /* end calendar pages */ /* begin multimedia page */ #multimedia_content { position: relative; top: 30px; min-height: 342px; padding-bottom: 10px; padding-left: 40px; } /* IE hack */ * html #multimedia_content {height: 350px;} body#multimediapage #table { position: relative; border-collapse: collapse;} body#multimediapage *#col1 { border: 0px ; width: 10px;} body#multimediapage *#col2 { border: 0px ; width: 180px;} body#multimediapage *#col3 { border: 0px ; width: 45px;} body#multimediapage *#col4, #col5, #col6 { border: 0px; width: 55px; text-align: center;} #listen {font: bold 18px "Verdana",Georgia,Times,serif; color:#666666;} #audio_name {width: 55px; height: 16px; background: url('../images/audio_name.gif') no-repeat; } #audio_time {width: 55px; height: 16px; background: url('../images/audio_time.gif') no-repeat; } #audio_windowsmedia {width: 55px; height: 16px; background: url('../images/audio_windowsmedia.gif') no-repeat; } #audio_realplayer {width: 55px; height: 16px; background: url('../images/audio_realplayer.gif') no-repeat; } #audio_mpeglayer {width: 55px; height: 16px; background: url('../images/audio_mpeglayer3.gif') no-repeat; } /* end multimedia page */ /* begin contact page */ #contact_page{ padding-top: 10px; padding-bottom: 90px; } /* IE hack */ * html #contact_page {padding-bottom: 60px;} #contact_content { position: relative; top: 0px; left: 55px; color: #828181; min-height: 222px; text-align: left; font-weight: normal; font-size: 12px; font-family: verdana, arial, sans-serif; } * html #contact_content {height: 290px;} #contact_content h2 { color: #666666; font-weight: bold; font-size: 16px; font-family: verdana, arial, sans-serif; /*letter-spacing: -0.5px;*/ margin: 30px 0 5px 0; } #contact_content_sub { position: relative; text-align: center; top: 140px; min-height: 250px; width: 560px; color: #828181; text-align: center; font-weight: bold; font-size: 14px; font-family: verdana, arial, sans-serif; } * html #contact_content_sub {height: 250px;} #contact_content_sub a, #contact_content_sub a:link, #contact_content_sub a:active, #contact_content_sub a:visited { padding: 0px 0; height: 0px; margin: 0; color: #828181; /*text-decoration: underline;*/ border-bottom: 1px dotted #828181; text-align: left; font-weight: bold; font-size: 14px; font-family: verdana, arial, sans-serif; } #contact_content_sub a:hover { text-decoration: none; color: #FE5401; } #elinks { color: #828181; text-decoration: none; text-align: left; font: normal 12px "Verdana",Georgia,Times,serif; } #elinks a, #elinks a:link, #elinks a:active { /*#elinks a:visited {*/ color: #828181; text-decoration: none; font: normal 12px "Verdana",Georgia,Times,serif; } #elinks a:hover { color: #FE5401; } #vdiv { position: absolute; background:url('../images/vert_line.gif') no-repeat; width: 1px; height: 209px; top: 149px; left: 265px; text-align: left; } /* begin contact page form */ #form_content { position: absolute; top: 139px; left: 280px; text-decoration: none; text-align: left; } fieldset { width: 350px; padding: 0 0 5px 35px; border: 0px solid #FFF; font-family: arial, verdana, sans-serif; } label {font-size: 12px; color: #828181;} input { border: 1px solid #828181; background: #FFFFFF; font-family: arial, verdana, sans-serif; font-size: 12px; color: #333333; padding: 3px;} textarea { border: 1px solid #828181; background: #FFFFFF; font-family: arial, verdana, sans-serif; font-size: 12px; color: #333333; padding: 4px;} textarea:focus, select:focus, input:focus {background:#FFFFFF;} .inputbox { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #686868; border-left-style: solid; border-left-width: 1px; border-left-color: #9BAAAF; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #AABBBF; border-top-style: solid; border-top-width: 1px; border-top-color: #9BAAAF; border-right-style: solid; border-right-width: 1px; border-right-color: #9BAAAF; /*padding-right: 3px; padding-left: 3px;*/ background-image: url(../images/txtboxbg.gif); } .button { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; border: 1px solid #AABBBF; background-color : #FFFFFF; color:#404F59; background-image: url("../images/btn_bg.gif"); padding: 2px; } /* end contact page form */ /* end contact page */