/* STYLE SHEET FOR EVENTS - SUISSE Created by Webmaster@dzogchen.org.in Created February 2011 Rewritten January 2013 Amended July 2013 Amended December 2013 */ /* ------------------------------------------------------------------------------------------------- */ /* simple display - events */ .events { } .events { clear:both; margin:14px; padding:1px; border-bottom:solid 1px #d4d2bb; } .events { background-color:#e2e2c4 } .events h2 { margin:14px 14px 0 14px; padding:0; font-size:2em; font-weight:normal; color:#952a24; } .events h2 span { display:block; } .events p { margin:14px; padding:0; } .events p.title, .events p.date { margin:0 14px 14px 14px; padding:0; font-size:1.4em; font-weight:normal; font-style:italic; color:#952a24; } .events p.location { margin:14px 14px 0 14px; padding:0; font-size:1.4em; font-weight:normal; color:#952a24; } .events p.welcome { font-weight:bold; } .events .important { font-weight:bold; } .events div.details { margin:14px; padding:0; } .events div.details p { margin:0; padding:0; } .events div.early-details { margin:14px; padding:0; } .events div.early-details p { margin:0; padding:0; } .events div.early-details p.date { font-weight:normal; font-size:1em; font-style:normal; color:#000; } .events div.early-details p.title { font-weight:normal; font-size:1em; font-style:italic; color:#000; } .events div.contacts { margin:14px; padding:0; } .events div.contacts p { margin:0; padding:0; } .events div.quotation { margin:14px; padding:0; list-style:none; text-align:left; font-weight:bold; color:#336b6c; } .events div.quotation p { margin:7px 0 0 0; padding:0; } .events div.quotation p.quote { font-style:italic; } .events div.quotation p.quote span { display:block; } .events div.quotation p.quote-by { text-align:right; margin-right:30px; } .events a { text-decoration: none; color: #000; } .events a:hover { text-decoration: underline; color:#000; } .events span { display:block; } .events img.logo { float:right; margin:-60px 21px 0 21px; font-size:9px; } .events img.logo-shallow { float:right; margin:-21px 21px 14px 21px; font-size:9px; } /* ------------------------------------------------------------------------------------------------- */ /* events extension for study and practice */ .events .table { display: table; width:100%; margin:0; padding:0; border:0; } .events .table-caption { display: table-caption; margin:0; padding:0; border:0; } .events .table-row { display: table-row; margin:0; padding:0; border:0; } .events .table-row-group { display: table-row-group; margin:0; padding:0; border:0;} .events .table-cell { display: table-cell; margin:0; padding:0; border:0; text-align: left; } #practice .details .table { margin:7px 0 14px 0; } #practice .details .table-caption { margin:7px 0 14px 0; } #practice .details .table-row-group { margin:7px 0 14px 0; } #practice .details .table-cell { padding-top:4px; } #practice .details .item { width:150px; } /* language specififc */ #practice .location { margin:14px 14px 14px 0 } #practice .contacts { margin:14px 0 14px 0 } #practice .program-header { margin:14px 0 7px 0; font-weight: bold; color: #336666; text-decoration: underline; } #practice #shakyamuni { margin-top:14px; } /* ------------------------------------------------------------------------------------------------- */ /* events extension for tsok-boom */ #tsok-boom { padding:0; border-bottom:0px; background-color:#ddb44b; } #tsok-boom * { margin:0; padding:0; border:0;} #tsok-boom #tsok-title { width:100%; padding-top:18px; text-align:center; font-family:Times New Roman, Times New Roman, Times, serif; color:#701c1d; font-size:60px; font-weight:normal; } #tsok-boom #tsok-dates { width:100%; margin-top:12px; text-align:center; font-family:Times New Roman, Times New Roman, Times, serif; color:#701c1d; font-size:20px; font-weight:normal; } #tsok-boom #tsok-left { width:200px; float:left; margin-left:20px; } #tsok-boom #tsok-right { width:460px; float:left; vertical-align:top; margin-left:20px; } #tsok-boom img { display:block; } #tsok-boom #tsok01 { margin-top:4px; } #tsok-boom #tsok02, #tsok-boom #tsok03, #tsok-boom #tsok04, #tsok-boom #monasterylogo { margin-top:20px; } #tsok-boom #monasterylogo { padding-bottom:20px; } #tsok-boom div { margin-top:12px; margin-bottom:12px; text-align:left;font-family:'Century Gothic', Arial; color:#701c1d; font-size:13px; font-weight:normal; } #tsok-boom div.tsok-hd { margin:0px; text-align:left; font-family:Times New Roman, Times New Roman, Times, serif; color:#701c1d; font-size:24px; font-weight:bold; } #tsok-boom #dedication { text-align:left; font-family:'Century Gothic', Arial; color:#701c1d; font-size:13px; font-weight:bold; } #tsok-boom #signed { text-align:left; font-family:'Century Gothic', Arial; color:#701c1d; font-size:13px; font-weight:bold; } #tsok-boom a { text-decoration: none; color: #701c1d; font-weight:bold; } #tsok-boom a:hover { text-decoration: underline; color:#701c1d; font-weight:bold; } /* ------------------------------------------------------------------------------------------------- */ /* events extension for tsok-boom-message */ #tsok-boom-message { padding:0; border-bottom:0px; background-color:#ddb44b; } #tsok-boom-message * { margin:0; padding:0; border:0;} #tsok-boom-message img { display:block; } #tsok-boom-message #photos1 img, #tsok-boom-message #photos2 img { display:inline; } #tsok-boom-message img.right { margin-left:14px; } #tsok-boom-message #title { width:100%; padding-top:28px; padding-bottom:12px; text-align:center; font-family:Times New Roman, Times New Roman, Times, serif; color:#701c1d; font-size:30px; font-weight:bold; } #tsok-boom-message div { margin-top:12px; margin-bottom:12px; text-align:left;font-family:'Century Gothic', Arial; color:#701c1d; font-size:18px; font-weight:bold; } #tsok-boom-message #message { width:680px; margin:30px 20px 20px 20px; line-height: 1.8;} #tsok-boom-message div.signed { width:100%; text-align:right; font-family:'Century Gothic', Arial; color:#701c1d; font-size:18px; font-weight:bold; } #tsok-boom-message #photos1 { margin-top:32px; } /* ------------------------------------------------------------------------------------------------- */ /* simple display - events banner */ .events-banner { } .events-banner { clear:both; margin:14px; padding:1px; } .events-banner p span { display:block; } #tour-banner { background-color:#952a24; } #tour-banner p.header { font-size:3.1em; } /* language specific */ #tour-banner p.header { margin:10px 0 0 0; padding:14px 0 0 0; font-family:'Century Gothic', Arial; color:#e4b940; font-weight:normal; text-align:center } #tour-banner p.subheader { font-size:1.2em;} /* language specific */ #tour-banner p.subheader { margin:14px 0 0 0; padding:0; font-family:'Century Gothic', Arial; color:#e4b940; font-weight:normal; text-align:center; } #tour-banner #rinpoche { margin:7px; padding:0; float:left; } #tour-banner #decoration { margin:7px 0 0 0; padding:0; } #monastery-banner { background-color:#5170b5; } #monastery-banner p.header { font-size:2.5em; } #monastery-banner p.header { margin:14px 0 0 0; padding:14px 0 0 0; font-family:Times New Roman, Times, serif; color:#fff; font-weight:normal; text-align:left; } #monastery-banner p.subheader { font-size:2em;} #monastery-banner p.subheader { margin:14px 0 0 0; padding:0; font-family:Times New Roman, Times, serif; color:#fff; color:#fff; font-weight:normal; text-align:left; } #monastery-banner #rinpoche { margin:7px 28px 7px 7px; padding:0; float:left; } #year-banner { background-color:#e4b940; } #year-banner p { font-size:3.8em; font-weight:normal; color:#952a24; text-align:center; margin:28px 0 28px 7px; } /* ------------------------------------------------------------------------------------------------- */ #drubpa { background-color:#5170b5; } #drubpa h2, #drubpa p, #drubpa a { color:#ffffff; } #drubpa .table { display: table; width:712px; margin:14px; padding:0; border:0; } #drubpa .table-row { display: table-row; margin:0; padding:0; border:0; } #drubpa .table-cell { display: table-cell; width:100%; margin:0; padding:0; border:0; vertical-align: middle; } #drubpa .table-cell p { margin:0; padding:0; } #drubpa .contacts { width:600px; } #drubpa #titles { margin:0px; padding:0; } #drubpa #titles .title { font-size:3em; font-weight:normal; font-style:normal; font-family:Times New Roman, Times New Roman, Times, serif; } #drubpa #titles .subtitle { font-size:2.2em; font-weight:normal; font-style:normal; margin-top:20px; line-height: 1; font-family:Times New Roman, Times New Roman, Times, serif; } #drubpa #titles .subtitle2 { font-size:1.6em; font-weight:normal; font-style:normal; margin-top:20px; line-height: 1.2; font-family:Times New Roman, Times New Roman, Times, serif; } #drubpa span { display:block; } /* ------------------------------------------------------------------------------------------------- */ #annualretreat { background-color:#5170b5; } #annualretreat h2, #annualretreat p, #annualretreat a { color:#ffffff; } #annualretreat .table { display: table; width:712px; margin:14px; padding:0; border:0; } #annualretreat .table-row { display: table-row; margin:0; padding:0; border:0; } #annualretreat .table-cell { display: table-cell; margin:0; padding:0; border:0; vertical-align: middle; } #annualretreat .table-cell p { margin:0; padding:0; } #annualretreat .contacts { width:600px; } #annualretreat #titles { margin:0; padding:0; } #annualretreat #titles .title { font-size:3em; font-weight:normal; font-style:normal; font-family:Times New Roman, Times New Roman, Times, serif; } #annualretreat #titles .subtitle { font-size:2.2em; font-weight:normal; font-style:normal; margin-top:18px; line-height: 1; font-family:Times New Roman, Times New Roman, Times, serif; } #annualretreat #titles .subtitle2 { font-size:2.2em; font-weight:normal; font-style:normal; margin-top:12px; line-height: 1; font-family:Times New Roman, Times New Roman, Times, serif; } #annualretreat #titles .subtitle3 { font-size:1.6em; font-weight:normal; font-style:normal; margin-top:18px; line-height: 1; font-family:Times New Roman, Times New Roman, Times, serif; } #annualretreat #titles .subtitle4 { font-size:1.6em; font-weight:normal; font-style:normal; margin-top:12px; line-height: 1; font-family:Times New Roman, Times New Roman, Times, serif; } #annualretreat span { display:block; } /* ------------------------------------------------------------------------------------------------- */ /* application form */ #application .app-table { display: table; width:100%; margin:0; padding:0; border:0; } #application .app-row { display: table-row; margin:0; padding:0;} #application .app-cell { display: table-cell; margin:0; padding:14px 0 0 0; } #application { text-align:left; padding:0 0 0 16px; } #application h3 { font-size:2em; margin-left:0; text-decoration: underline; } #application p { margin-left:0; font-size:1em; } #application input { margin-left:16px; font-size:1em; } #application #submit { margin:16px 0 0 0; padding:10px 20px 10px 20px; background-color: #999966; } #application .important { font-weight:bold; } #application textarea { resize: none; font-size:13px; } #application em { font-weight: bold; font-style: normal; } #application #submit { cursor: pointer !important; } #application .empty { background-color: pink; } #application .male { margin:0px; } #application .gender { margin-left:15px; padding:5px; } #application .gender-empty { margin-left:15px; padding:5px; background-color: pink; } #application .dob { margin-left:0px; } #application .details-question { margin:0px; } #application .details-choice { margin-left:15px; padding:5px; } #application .details-choice-empty { margin-left:15px; padding:5px; background-color: pink; } #application .err {color: red; font-weight:bold; } #application .err-show { margin:0px; padding:0px; display:block; } #application .err-hide { margin:0px; padding:0px; display:none; } #application .photo { padding:5px 0 5px 5px; } #application .confirmation { padding:10px 20px 10px 0px; } #application .confirmation input { margin:0; padding:0; } /* ------------------------------------------------------------------------------------------------- */ #events-2022 { padding: 14px;} #events-2022 { background-color:#591f1f; padding-bottom: 16px; } #events-2022 h2 { margin-top: 28px;} #events-2022 h2, #events-2022 h3, #events-2022 p, #events-2022 a { color:#e5e3d6; } /* ------------------------------------------------------------------------------------------------- */ #upcoming-events { padding: 14px;} #upcoming-events { background-color:#591f1f; padding-bottom: 16px; } #upcoming-events h2 { margin-left:14px; padding-bottom:4px;} #upcoming-events h2 { margin-top: 28px;} #upcoming-events h2, #upcoming-events h3, #upcoming-events p, #upcoming-events a { color:#e5e3d6; } #upcoming-events p.title { margin:14px 14px 14px 14px; padding:0; font-size:2em; font-weight:normal; font-style:italic; } #upcoming-events #rinpoche-img { margin-top:20px; float:left; margin-left:30px; padding-bottom: 24px; } #upcoming-events #cmdc-img { margin-top:20px; float:left; margin-left:30px; padding-bottom: 24px; } /* ------------------------------------------------------------------------------------------------- */ #european-retreat { padding: 14px; font-family:'Century Gothic', Arial; } #european-retreat { background-color:#591f1f; padding-bottom: 16px; } #european-retreat h2 { margin:14px 0px 7px 14px; font-weight:bold; } #european-retreat h2, #european-retreat h3, #european-retreat p, #european-retreat a { color:#e5e3d6; } #european-retreat #rinpoche-img { margin-top:20px; float:left; margin-left:110px; padding-bottom: 24px; } #european-retreat #cmdc-img { margin-top:20px; float:left; margin-left:28px; padding-bottom: 24px; } #european-retreat p.title { margin:28px 14px 14px 14px; padding:0; font-size:2.5em; font-weight:bold; font-style:normal; line-height:1.2em; text-transform:uppercase } #european-retreat p.subtitle { margin:28px 14px 14px 14px; padding:0; font-size:1.8em; font-weight:bold; font-style:normal; line-height:1.2em; } #european-retreat p.event { margin:28px 0px 0px 14px; font-size:1.8em; font-weight:bold; font-style:normal; line-height:1em; } #european-retreat p.date { margin:7px 0px 0px 14px; font-size:1.8em; font-weight:bold; font-style:normal; } #european-retreat p.location { margin:7px 0px 28px 14px; font-size:1.8em; font-weight:bold; font-style:normal; } #european-retreat #his_eminence { font-size:1.2em; color:#e4b940; text-align: center; } #european-retreat img.logo { float:none; margin:0px 21px 0 21px; font-size:9px; margin-bottom: 14px; } /* ------------------------------------------------------------------------------------------------- */ #internationalretreat { background-color:#1f4394; padding-bottom: 16px; } #internationalretreat h2, #internationalretreat h3, #internationalretreat p, #internationalretreat a { color:#ffffff; } #internationalretreat h2 { font-size:2.4em; text-align:center; font-weight: normal; padding-top: 16px; text-transform: uppercase; } #internationalretreat h3 { font-size:1.4em; text-align:center; font-weight: bold; } #internationalretreat p.title { font-size:2.4em; text-align:center; font-weight: normal; padding-top: 24px; padding-bottom: 24px; text-transform: uppercase; font-style: normal; } #internationalretreat p.location { font-size:1.7em; text-align:center; font-weight: normal; padding-top: 0px; padding-bottom: 0px; line-height: 0.9em; } #internationalretreat p.date { font-size:1.2em; text-align:center; font-weight: normal; padding-top: 0px; padding-bottom: 0px; } #internationalretreat p.dns { font-size:1.7em; text-align:center; font-weight: normal; padding-top: 0px; padding-bottom: 0px; line-height: 0.9em; } #internationalretreat p.retreat { font-size:1.7em; text-align:center; font-weight: normal; padding-top: 0px; padding-bottom: 24px; line-height: 0.9em; } #internationalretreat p.details { font-size:1.7em; text-align:center; font-weight: normal; padding-top: 8px; padding-bottom: 16px; } #internationalretreat #rinpoche-img { float:left; margin-left:24px; padding-top: 24px; } #internationalretreat #view-img { float:right; margin-right:24px; padding-top: 24px; } #internationalretreat #cmdc-img { float:right; margin-right:24px; padding-top: 24px; padding-bottom: 12px; } #internationalretreat #cmdc-panarama-img { padding-bottom: 12px; padding-top: 12px; } #internationalretreat #rinpoche-centre-img { padding-top: 24px; } #internationalretreat #decoration { padding-top: 12px; width: 100%; } #internationalretreat a { text-decoration: underline; color: #fff; } #internationalretreat a:hover { text-decoration: underline; color:fff; font-style: italic; } #internationalretreat p { font-size:1.2em; text-align:justify; width: 90%; } #internationalretreat p.space { margin-top:32px; } #internationalretreat p.reg { font-size:1em; } #internationalretreat sup { font-size:0.6em; } #internationalretreat p.quotation { padding:0; color:#fff; text-align:justify; font-weight:bold; font-style: italic; font-size:1.2em; } #internationalretreat p.quotation-by { padding:0; margin-top:-10px; font-weight:bold; font-size:1em; } #internationalretreat div { } #internationalretreat div.details, #internationalretreat div.contacts { width: 90%; } #internationalretreat div.details p, #internationalretreat div.contacts p { width: 100%; } #internationalretreat div.quotation { padding:0; margin-top:32px; margin-bottom:24px; } #internationalretreat div.quotation p { padding:0; width: 100%; color:#fff; text-align:justify; font-weight:bold; font-style: italic; } #internationalretreat div.quotation p.quote-by { text-align:right; font-size:1em; } /* ------------------------------------------------------------------------------------------------- */ #european-seminars { padding: 14px; font-family:'Century Gothic', Arial; } #european-seminars { background-color:#591f1f; padding-bottom: 16px; } #european-seminars h2 { margin-top: 28px; font-weight:bold; font-size: 3.4em; } #european-seminars h2, #european-seminars h3, #european-seminars p, #european-seminars a { color:#e5e3d6; } #european-seminars #rinpoche-img { float:left; margin-left:16px; margin-top:20px; padding-bottom: 18px; } #european-seminars #cmdc-img { float:right; margin-left:12px; margin-right:16px; margin-top: 20px; padding-bottom: 18px; } #european-seminars #cmdc-img-02 { padding-bottom: 12px; } #european-seminars p.location { margin:28px 14px 28px 14px; padding:0; font-size:2.2em; font-weight:bold; line-height: inherit; } #european-seminars p.title { margin:28px 14px 28px 14px; padding:0; font-size:3.4em; font-weight:bold; font-style:italic; line-height: inherit; } #european-seminars p.event_date { margin:7px 14px 0px 14px; padding:0; font-size:1.6em; font-weight:bold; line-height: inherit; } #european-seminars p.event { margin:7px 14px 0px 14px; font-size:2em; font-weight:bold; font-style:normal; } #european-seminars #event1 { margin:28px 14px 0px 14px; font-size:1.6em; font-weight:bold; font-style:normal; } #european-seminars #event2 { margin:7px 14px 0px 14px; font-size:1.6em; font-weight:bold; font-style:normal; } #european-seminars p.date { margin:14px 14px 28px 14px; font-size:2em; font-weight:bold; font-style:normal; } #european-seminars #his_eminence { font-size:1.1em; color:#e4b940; text-align: center; } #european-seminars img.logo { float:right; margin:-50px 21px 0 21px; font-size:9px; margin-bottom: 14px; } #european-seminars div.details { margin-top:21px; } #european-seminars div.details p.venue { font-size:1.2em; font-weight:bold; } #european-seminars p.quote { font-style:italic; font-weight:bold; margin-bottom:3px; } #european-seminars p.quote-by { margin-top:0px; } /* ------------------------------------------------------------------------------------------------- */