/* vikramashila.css - main stylesheet for vikramalshila.in 
 *   prototype until get classicpress up and running.
 * 
 * history:
 *   27 jan 2022 jw - add styling for devanagari.
 *    1 may 2021 jw - make it, change it.
 *
 */
  /* #fff9e6;     nice cream color */
body {
  color:            #333333;                /* dark grey */
  font-family:      verdana, helvetica, arial, sans-serif;
  margin:           0;
  padding:          0;
  background-image: url('../images/leaves-closeup.jpg');
  background-repeat:    repeat;
}

tt {
  font-size:        1.18em;                 /* to match body text size */
}

h1, h3 {
  color:            #cc0000;                /* maroon */
}
h3 {
}
a, 
a:hover,
a:focus, 
a:visited {
  text-decoration:  none;
  color:            #1f527b;                /* deep blue */
}

ul {
  list-style-type:  none;
  padding-left:     0;
}

header {
  padding:          1em;
  border-bottom:    4px double gold;
}
header h1 {
  font-size:        1.5em;
  margin-top:       4.5em;
}
header a {
  text-decoration:  none;
  color:            inherit                 !important;
}
header img#logo-image {
  float:            left;
  margin-right:     1em;
  width:            100px;
  height:           147px;
}
header div {
  float:            left;
}
nav#topnav {
  clear:            both;
  margin:           3em 0 0 5em;
}
nav#topnav ul {
  list-style-type:  none;
  margin:           0;
}
nav#topnav li {
  float:            left;
  margin-right:     1em;
  padding:          .3em .5em;
}
nav#topnav li:before {
  content:          '';
}
body#about.index        nav#topnav li#nav-abt, 
body#contact.index      nav#topnav li#nav-ctct, 
body#programs.index     nav#topnav li#nav-prog, 
body#support.index      nav#topnav li#nav-sprt {
  background-color: gold;
}
nav#topnav li a {
  color:            #c00                    !important;
}

footer {
  font-size:        .85em;
  border-top:       1px solid #666;
  margin-top:       1em;
  padding-bottom:   .01em;
  background-color: #f5f5f0;
}
footer p#info {
  text-align:       left;
  width:            20em;
  margin:           1em auto;
}
footer p#copyright, 
footer p#hosted {
  font-size:        1.1em;
  text-align:       center;
}
footer p#hosted {
  font-size:        .9em;
}


div#page-wrapper {
  margin:           auto;
  max-width:        900px;
}
div#content-wrapper {
  width:            70%;
  margin:           1em auto;
  padding:          0 2em 1em 2em;
  background-color: #fff9e6;                /* v light yellow */
  border:           2px solid #cc0000;
  border-radius:    12px;
}
div#content {
  clear:            both;
  width:            90%;
  margin:           auto;
  border-bottom:    4px double gold;
}
div#content p, 
div#content li, 
div#content dt, 
div#content dd {
  line-height:      1.4;
}
div#content dt {
  margin-top:       1em;
}
div#content ul {
  padding-left:     1em;
}
div#content ul li:before {
  content:          '» ';               /* double right angle */
  color:            #d8b02d;            /* deep gold */
  font-size:        1.1em;
}
div#content ul li {
  margin-left:      1em;
  text-indent:      -1em;
}

div#content h2, 
div#content h2 a {
  color:            gold;
}

  /* {{ sections: */

  /* { program section on home page and each individual program page: */
div#program {
}
body#home div#program {
  padding-top:      1em;
}
div#program div#header {
  text-align:       center;
}
  /* } program section. */

body#contact div#content dt, 
body.programs div#content dt, 
body#support div#content dt {
  font-weight:      bold;
}
body#contact dd, 
body.programs dd, 
body#support dd {
  margin-top:       .5em;
  margin-left:      1.5em;
}
body.programs ul#program-list { 
  list-style-type:  none;
  margin-bottom:    2em;
}
body.programs ul#program-list li { 
  margin-bottom:    1em;
}
body.programs ul#program-list li:first-line { 
  text-indent:      -1em;
}
body.programs ul#program-list li:before { 
  content:          '☸';                /* dharma wheel */
  color:            #d8b02d;            /* deep gold */
  font-size:        1.1em;
}
  /* }} sections. */


  /* devanagiri script: */
span.dg { 
  font-size:        1.1em;
}
dd span.dg { 
  color:            #660033;                /* deep maroon */
}
/* e o f */