/* Nityananda - main stylesheet */

/* reset
---------------------------------------------------------------------- */
div, span,
body, #page, #skip-links, #header, #nav, #content, #footer, #stats,
#header ul, #nav ul, #footer ul { margin: 0; padding: 0; }
img { border: 0; }

/* layout
---------------------------------------------------------------------- */
#skip-links, 
#stats, 
.assistive { position: absolute; left: -5000em; width: 4000em; height: 0; overflow: hidden; }

body { text-align: center; }
#page { width: 800px; text-align: left; margin: 10px auto 0 auto; padding: 0; }

#header, 
#content,
#footer, 
#stats { clear: both; }

/* sections */
.section .item { margin: 0; padding: 0; }

.section.single .item { width: 100%; }

.section.double .item { width: 48%; float: left; }
.section.double .item.first { margin-right: 4%; }
.section.double .item.second { margin-right: 0; }

.section.triple .item { width: 30%; float: left; }
.section.triple .item.first,
.section.triple .item.second { margin-right: 5%;  }
.section.triple .item.third { margin-right: 0; }

.section.quad .item { width: 22%; margin-right: 4%; float: left; }
.section.quad .item.fourth { margin-right: 0; }

.section.double-wide-first .item { float: left; }
.section.double-wide-first .item.first { width: 60%; margin-right: 5%; }
.section.double-wide-first .item.second { width: 35%; margin-right: 0; }

.section.double-wide-second .item { float: left; }
.section.double-wide-second .item.first { width: 35%; margin-right: 5%;  }
.section.double-wide-second .item.second { width: 60%; margin-right: 0;  }


/* force clear after sections */
.section:after, 
.item:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* =IE7 */
*+ html .section { display: inline-block; }
*+ html .item { display: inline-block; }
/* =IE6 */
* html .section { display: inline-block; overflow: hidden; }
* html .item { display: inline-block; overflow: hidden; }

/* links */
a { color: #000; text-decoration: underline; } 
a:link, a:visited { color: #000; } 
a:focus, a:hover { color: #903; text-decoration: none; } 
a:active { color: #903; outline: 1px solid #000; }


/* Navigation
---------------------------------------------------------------------- */
ul.nav { list-style-type: none; height: 46px;}
ul.nav li { display: inline-block;  }
ul.nav li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.nav a:link, .nav a:visited { color: #fff; text-decoration: none; }
.nav a:focus, .nav a:hover { color: #fff; text-decoration: underline; }
.nav a:active { color: #fff; text-decoration: none; outline: 1px solid #fff; }

#header-nav ul li { background: #000 url("/images/nav-vertical-bar-white-aliased.gif") 0 17px no-repeat; padding: 0 12px 0 16px; }
#header-nav ul li.first { background: #000; padding: 0 12px 0 0; }

/* this was used to put nav below content
#nav { height: 46px; line-height: 46px; background: #903; text-align: center; margin: 0; padding: 0; }
#nav ul { height: 46px; line-height: 46px; background: #903; color: #fff; text-align: center; }
#nav ul li { background: #903 url("/images/nav-vertical-bar-white-aliased.gif") 0 17px no-repeat; padding: 0 12px 0 16px; }
#nav ul li.first { background: #903; padding: 0 12px 0 0; }
*/

.breadcrumbs { color: #000; height: 1.2em; margin: 18px 0 0 0; padding:0; }
.breadcrumbs ul { margin:0; padding:0; }
.breadcrumbs ul li { background: url("/images/nav-crumb-arrow.gif") center left no-repeat; padding-left: 10px; }
.breadcrumbs ul li.first { background: #fff; padding-left: 0; }

.breadcrumbs a { color: #903; }
.breadcrumbs a:link, .breadcrumbs a:visited  { color: #903; }
.breadcrumbs a:focus, .breadcrumbs a:hover { color: #903; }
.breadcrumbs a:active { color: #000; }

#content .content-nav { list-style-type: none; margin-left: 0; padding-left: 0;}
#content .content-nav li { background: transparent url("/images/lotus-bullet.gif") center left no-repeat; padding: 0 0 0 20px; margin: 0 0 1.8em 0; }
#content .content-nav li a { background: transparent; }

.next {text-align: right; font-size: 80%; padding-top: 10px;}

#footer .footer-nav { margin: 10px 0; padding: 0; height: 1.2em; }
#footer .footer-nav, 
#footer .footer-nav a { color: #903; }

.footer-nav ul li { background: transparent url("/images/nav-vertical-bar-pink-aliased.gif") 0 1px no-repeat; padding: 0 12px 0 16px; }
.footer-nav ul li.first { background-image: none; padding: 0 12px 0 0; }


/* Page design
---------------------------------------------------------------------- */
body { color: #000; background: #fff; font-size: 90%; font-family: Arial, Helvetica, sans-serif; line-height: 1.2; }
#page { background: #fff url("/images/bg-figure.gif") bottom left no-repeat; }
#nav, #footer { font-family: Verdana, Geneva, Arial, sans-serif; }


/* Header
---------------------------------------------------------------------- */
#header { position: relative; }

/* content page header */
#header #header-logo { display:inline-block; }
#header #header-logo strong { background: url("/images/logo-upr-home.gif") 1px 0 no-repeat; text-indent: -9999em; }

#header #header-logo strong,
#header #header-logo strong a { display: block; width: 359px; height: 115px; }
#header #header-logo strong a:active { outline: 0; }

#header-nav { background: #000 url("/images/logo-lwr-subpages-bottom.gif") top left no-repeat; color: #fff; padding-left: 150px; height: 46px; line-height: 46px; }

/* search */
#header-search { position: absolute; bottom: 46px; right: 0; float: right; height: 30px; text-align: right; }

#content { border-bottom: 8px solid #000; padding-bottom: 10px; }


/* content
---------------------------------------------------------------------- */

/* headings and text */

h1, h2, h3, h4, h5, h6 { margin: 1em 0 0.5em 0; padding: 0; }

h1 { font-size: 1.6em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1em; }
h5 { font-size: 0.8em; }
h6 { font-size: 0.8em; font-style: italic; }

h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p { margin-top: 0.5em; }

h1, h3, h5 { color: #903; }
h2, h4, h6 { color: #000; }

pre { background: #f8f8f8; padding: 10px; overflow: auto; width: 780px; }

dt { font-weight: bold; }

.sanskrit { font-style: italic;}

/* tables */
#content table { width: 100%; text-align: left; border-collapse: collapse; border: 1px solid #999; }
#content table th, #content table td { border: 1px solid #999; padding: 0.3em; }
#content table th { color: #404040; font-weight: bold; }
#content table caption { font-weight: bold; text-align: left; padding: 0 0 0.2em 0;}


/* images */
.image { border: 1px solid #999; padding: 6px; margin: 0; }
.image.right { float: right; margin: 0 0 12px 12px; }
.image.left { float: left; margin: 0 12px 12px 0; }
.image .image-frame,
.image .image-caption { font-size: 0.8em; }
.image .image-caption,
.image .image-caption p { text-align: center; margin: 0; padding: 0; }
.image.noborder { border: 0; }
.image.nomargin { margin: 0; }

/* thumbnails */
.thumbnails div { float: left; padding: 0; margin: 0 11px 11px 0; }
.thumbnails img { padding: 6px !important; margin: 0; border: 1px solid #999; }
.thumbnails div span,
.thumbnails div span a { padding: 0; margin: 0; border: 0; }


/* Footer
---------------------------------------------------------------------- */
#footer { text-align: center; font-size: 0.9em; background: transparent url("/images/lotus-footer.gif") bottom center no-repeat; padding: 0 0 55px 0; margin: 0 0 20px 0; }

.footer-copyright { margin: 0; padding: 0; height: 1.2em; }



/* Homepage overrides
---------------------------------------------------------------------- */
.homepage #header h1 { background: url("/images/logo-upr-home.gif") 0 0 no-repeat; width: 359px; height: 115px; text-indent: -9999em; margin: 0; padding: 0; }
.homepage #header-nav { background: #990033 url("/images/logo-lwr-homepage.gif") top left no-repeat; color: #fff; padding-left: 150px; height: 46px; line-height: 46px;
}

.homepage #header-nav ul li { background: #990033 url("/images/nav-vertical-bar-red-aliased.gif") 0 17px no-repeat;  }
.homepage #header-nav ul li.first { background: #990033;  }
.homepage #page { background: #fff; }

.homepage #content { padding: 0; margin: 0; line-height: 0; border-bottom: 11px solid #990033; }

.homepage #footer { margin: 0; }