/* gonjang-main.css
 *  This is the default stylesheet for gonjangmonastery.org
 *   - developed for web standards.
 *   - additional stylesheets will be loaded *after* this
 *     stylesheet for non-conforming browsers.
 * HISTORY:
 *  14 jun 2007 jw - made for gonjangmonastery.org
 */

/* *** { Standard stuff: initial values for all pages */
body { 
  background-color: #990000; 
  font-family: verdana, arial, helvetica, sans-serif;
  margin: 0; 
  padding: 0;  
}

body, p, td, th, li, dt, dd {
  color: #00666;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 100%;
}

/* We shouldn't have to redefine generic font stuff, but sometimes
   we lose font styles after complicated formatting.
  Also,  body styles do not carry into tables: */
p, th, td, li, dt, dd {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 90%;
  letter-spacing: .06em;
  line-height: 90%;
}


h1, h2, h3, h4 { 
  font-family: Georgia, "Times New Roman", serif;
}



blockquote {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 12px;
  line-height: 18px;
  color: #333;
  margin: 10px 20px;
  text-align: left;
}

li {
  line-height: 130%;
  margin: 0;
  padding-top: 1ex;
  list-style: square;
  list-style-image: url(/images/bullets/bullet.gif);
}
li:first-child {
  padding-top: 0;
}


/* { links */
a:link, a:visited  {
   color: #900; text-decoration: none; 
}
a:hover {
   color: #C60; text-decoration: none;
}


/* ***  { Page Parts: Main page structure *** */

/* { Entire page: */
#pageWrapper {
  width: 750px;
  margin: 0 auto;
  margin-bottom: 2ex;
  /* background-color: #e7ceb5;  */
  background-color: #ffd166
}

/* { Top header area: */
#headWrapper {
  width: 100%;
  display: table;
  margin: 0 auto;
  padding: 0;
}

/* { Top banner inside header area: */
#bannerWrapper {
  display: table;
  width: 750px;
  margin: 0;
  padding: 0;
  background-color: #996666;
}
#bannerWrapper a img {
  margin: 0;
  padding: 0;
  border: transparent;
}
#bannerWrapper h1 a {
  color: #ffff99;
  text-decoration: none;
}

/* { Top navigation inside header area: */
#topNavWrapper {
  margin: 0; 
  padding: 0;
  background-color: #c69c6d;
  border-top: 1px solid #350000;
  border-bottom: 2px solid #350000;
  text-align: center;
}

#topnav {
  width: 750px;
  height: 100%;
  margin: 0 auto;
  color: #480316;
  padding: 4px 0 4px 0;
  text-align: center;
}

div#topnav span.topmenu a { 
  color: #350000;
  font-size: 90%;
  font-weight: bold;
  text-decoration: none;
  padding-left: 1em;
  padding-right: 1em;
  text-decoration: none;
  
}

div#topnav span.topmenu a:hover { 
  color: #cc6666;
  
}


/* { Secondary navigation inside header area: */
div#lessernav { 
  width: 750px;
  text-align: center;
  border-bottom: 2px solid #cc0000;
  display: table;
  margin: 0;
  padding: 1px 0;
}
div#lessernav a { 
  color: #66;
  font-size: 90%;
  text-decoration: none;
  margin-left: 1em;
  margin-right: 1em;
  padding: 0;
}


/* Content area of page */
div#ContentWrapper {
  clear: both;
  width: 535px;
  margin: 0 ;
  display: table;
  float: left;
  padding: 0;
  border; none;
}

  div#ContentWrapper h2 {
   
   border-bottom: 2px dashed blue;
     
   padding: 0.2em 0 0.3em 0;
  
   margin: 0 2em 0 1em;
    
   }
  
div#ContentWrapper p {   
    width: 520px;
    text-align: justify;
    line-height: 22px;
    margin: 0.0 0 0. 1em;
    margin-bottom: 2ex;
}



/* Footer area of page */
div#footerWrapper {
  clear: both;
  display: table;
  width: 750px;
  margin: 0;
  padding: 0;
  background-color: #ffff66;
  vertical-align: middle;
}

div#footerWrapper p {
  font-size: 60%;
  margin-left: 8px;
  float: left;
}

#footerWrapper p a {
  color: #333;
  text-decoration: none; 
}
span#counter {
  color: #cc0000;
  font-size: 80%;
  font-weight: bold;
}
div#footerWrapper p#copyright {
  text-align: center;
  margin: auto;
  margin-top: 0;
  float: left;
}


/* { search box only */
div#search {
  display: table;
  float: right;
  white-space: nowrap;
}
form#site-search {
  color: #669900;
  font-size: 75%;
  padding: 4px;
  padding-right: 10px;
  display: table;
}
form#site-search input {
  display: inline;
  background-color: #ffff99;
  vertical-align: middle;
}
form#site-search input#query {
  margin-top: .5ex;
  margin-bottom: .5ex;
}
form#site-search div#radios {
  margin-top: .5ex;
  margin-bottom: .5ex;
  display: inline;
}
form#site-search input#submit {
  background-color: #cc6666;
  color: #ffffff;
  font-weight: bold;
  margin-left: 1ex;
}


/* { translation box only */
div#translation {
  display: table;
  clear: both;
  margin-top: 4ex;
}


/* *** { Special pages: *** */



/* *** { Special stuff, used on any page: *** */

/* this is used to force a div background to extend
   the height of the content, when you can't use display: table.
   Put an   within this div.
   A server-side include has been made for this.
 */
div.clearall {
  clear: both;
  display: table;
}


/* { "more" links at end of sectionnav listings, etc. */
span.more a {
  font-size: 80%;
  text-decoration: none;
}
span.more:before {
  content: ' ... ';
}

/* { dates at beginning of press releases, etc. */
span.dateline {
  font-weight: bold;
}
span.dateline:after {
  content: ': ';
}

/* to enlarge a →, ↓, etc. */
span.arrowchar {
  font-size:    150%;
}


/* callout information on any page in content cell */
div#content-body div.callout {
  float: right;
  border: 2px solid #669900;
  padding: 4px;
  width: 300px;
  margin: 0px 0px 0px 4px;
}
div.callout p {
  margin: 0;
}



/* e o f */