/*

STYLE SHEET FOR EVENTS - America
Created by Webmaster@dzogchen.org.in
Created Feb 2011
Amended Sep 2011 - monastery events display
Amended Nov 2011 - simple display
Amended Jan 2012 - simple display
Amended Jul 2013
Amended May 2015

*/


/* ------------------------------------------------------------------------------------------------- */

/* 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 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.location { font-weight:bold; font-size:1em; font-style:normal; color:#952a24; }*/
.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 {  }

.events a { text-decoration: none; color: #000; }
.events a:hover { text-decoration: underline; color:#000; }

.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-row { display: table-row; margin:0; padding:0; border:0; }
.events .table-cell { display: table-cell; margin:0; padding:0; border:0; }

#practice .details .table { margin-top:14px; }
#practice .details .table-cell { padding-top:4px; }
#practice .details .item { width:100px; } /* language specififc */

/* ------------------------------------------------------------------------------------------------- */

/* 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 #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.2em; } /* 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; }

/* ------------------------------------------------------------------------------------------------- */

#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; }

/* ------------------------------------------------------------------------------------------------- */

#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; }

/* ------------------------------------------------------------------------------------------------- */

#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; }

/* ------------------------------------------------------------------------------------------------- */

#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; }

/* ------------------------------------------------------------------------------------------------- */