/* 

The Base Style Sheet For the Shenpen Websites
Created by Webmaster@dzogchen.org.in
Created Feb 2011
Amended Feb 2012 Remove spot jpgs
Amended Sep 2012 change sitemap code
Amended Jan 2014 facebook and youtube
*/
		

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

/* Global Style */

* { margin:0; padding:0; border:0;}

html { font-size: 100%; }

body { background-color: #d5d5aa; }
body { background-image:url(../images/global/structure/pattern01.gif); }
body { text-align:center; }
body { font-size: 1em; font-family:Tahoma, Arial, sans-serif; }

img { border:0; display:block; }
img { font-size:0.8em; color:#999; }

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

/* Wrapper */

#wrapper { text-align:left; }
#wrapper { width:770px; margin:0 auto;  }

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

/* Index & page header */

#header { width:770px; height:62px; clear:both; }
#header { background-image:url(../images/global/header/header.png); }
#header { background-color:#8c8c56; }

#shenpen { float:left; width:200px; height:26px; }
#go-home { float:left; margin-left:20px; margin-top:18px; width:200px; height:26px; }


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

/* index footer */

#index-footer { width:770px; clear:both; }
#index-footer { background-color:#8c8c56; }
#index-footer .footer-left { float:left; padding:16px; }
#index-footer .footer-right { float:right; padding:16px; }
#index-footer .footer-right p { text-align:right;}
#index-footer .footer-right p.copyright { margin-top:16px; }
#index-footer { font-size:0.750em; /*12px*/ font-weight:normal; color: #336666; }
#index-footer a { text-decoration: none; color: #336b6c; }
#index-footer a:hover { text-decoration: none; color:#ffffff; }
#index-footer img { display:inline; }


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

/* page footer */

#footer { width:770px; clear:both; }
#footer { font-size:0.750em; /*12px*/ font-weight:normal; }
#footer { color: #336666; }
#footer .footer-left {float:left; padding:16px;}
#footer .footer-right { float:right; padding:16px; }
#footer .footer-right p { text-align:right; }
#footer .footer-right p.copyright { margin-top:16px; }
#footer a { text-decoration: none; color: #336b6c; }
#footer a:hover { text-decoration: none; color:#ffffff; }
#footer img { display:inline; }


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

/* main nav */

#main-nav-h { display:none; }

#main-nav { clear:both; background-color: #336b6c; }
#main-nav { padding: 7px 7px 7px 7px; }
#main-nav { text-align: left; line-height: 20px; color: #444; }
#main-nav li { display: inline; margin-right:7px; }
#main-nav li { font-size: 0.75em; font-family:Arial, Helvetica, sans-serif; font-style:normal; color:#999966; }
#main-nav li a { padding-left: 0px; color: #999966; text-decoration: none; }
#main-nav li a:hover, #subnav .active { color:#FFFFFF; }

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

/* sub nav */

#sub-nav-h { display:none; }

#sub-nav { clear:both; background-color: #999966; }
#sub-nav { padding: 7px 14px 7px 14px; }
#sub-nav  { text-align: left; line-height: 16px; color: #444; }
#sub-nav li { display: inline; margin-right: 14px;  }
#sub-nav li { font-size: 0.750em; font-family: Arial, sans-serif; color:#666633; }
#sub-nav li.label { margin-right: 14px; color:#333333; }
#sub-nav li a { padding-left: 0px; padding-bottom: 0px; padding-top: 0px; color:#666633; text-decoration: none; }
#sub-nav li a:hover, #subnav .active { color:#FFFFFF; }
/* ------------------------------------------------------------------------------------------------- */

/* Index Content */

#index-content { width:100%; height:450px; background-image:url(../images/index/index.jpg); }

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

/* content */

.content { padding:1px; padding-bottom:14px; }
.content { vertical-align:top; font-size:0.750em; color:#333; }
.content { background-color: #f6f3d9; border-bottom:solid 1px #b8b893; }
.content h1 { margin:0 14px 21px 14px; padding:28px 0 0 0; font-size:1.50em;  font-weight:normal; text-align:left; }
.content h2 { margin:14px; font-size:1.25em; font-weight:normal; text-align:left; }
.content h3 { margin:14px; font-size:1em; font-weight:normal; text-align:left; }
.content p { margin:14px; line-height:24px; text-align:justify; }
.content a { text-decoration: none; color: #336666; text-align:left; }
.content a:hover { text-decoration: underline; color:#8c8c56; }
.content a.simple { text-decoration: none; color: #000; }
.content a.simple:hover { text-decoration: underline; color:#000; }
.content a.simple-white { text-decoration: none; color: #fff; }
.content a.simple-white:hover { text-decoration: underline; color:#fff; }
.content h1, .content h2, .content h3 { color: #336666; }
.content img { font-size:1em; color:#999; }
.content ul { list-style:none; margin:14px; padding:0; line-height: 24px; text-align:left; } /* default list */

#content-footer { margin-top: 28px; }


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

/* Content Elemenents */

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

/* Images */

#rinpoche { margin:7px 14px 0 14px; display:inline; clear:both; float:right; }

#facebook { margin:0px 4px 0px 0px; }
#youtube { margin:0px; }

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

/* Sponsor */

#sponsor { clear:both; margin:14px; padding:1px; }
#sponsor { background-color:#e2e2c4; border-bottom:solid 1px #d4d2bb; }
#sponsor { text-align:justify; }
#sponsor p { margin:14px; padding:0; }
#sponsor p.bmp { margin-top:-14px; }

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

/* Simple formatting - title bold */

span.title { font-weight:bold; padding-right:8px; }

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

/* Lists */

ul.aims { margin:0 40px 14px 40px; list-style: outside; list-style-type:disc; line-height: 24px;}
ul.aims li {margin-bottom: 0; margin-top:8px; }
ol.address { margin:14px; list-style:none; text-align:left; }

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

/* Emphasis */

em.statement { font-style:normal; font-weight:bold;  }
em.book { font-style:italic; }

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

/* sitemap */

ul.site { margin:0 14px 14px 14px; list-style:none }

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


/* no line breaks */

.nobr  { white-space:nowrap; }

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

/* Sperators and dividers */

.separator-invisible  { clear: both; height: 1px; line-height:1px; font-size:1px; }

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

/* simple display - news */

.news-simple { }
.news-simple { clear:both; margin:14px; padding:1px; border-bottom:solid 1px #d4d2bb; }
.news-simple { background-color:#e2e2c4; }
.news-simple h2 { margin:14px 14px 28px 14px; padding:0; font-size:1.7em; font-weight:normal; color:#952a24; text-align:left; }
.news-simple h3 { margin:14px 14px 14px 14px; padding:0; font-size:1em; font-weight:normal; color:#952a24; text-align:left; }
.news-simple p { margin:14px; padding:0; }

.news-simple p.date { margin:-28px 14px 14px 14px; padding:0; font-size:1em; font-weight:normal;  font-style:italic; }
.news-simple p.sub { margin:7px 14px 14px 14px; padding:0; font-size:1.4em; font-weight:normal; color:#952a24; font-style:italic; }
.news-simple a { text-decoration: none; color: #952a24; }
.news-simple a:hover { text-decoration: underline; color:#000; }
.news-simple ul { list-style:none; padding:0; margin:0 0 14px 14px; }
.news-simple li.mon-event { font-size:1.4em; font-weight:normal; }
.news-simple li.city { font-weight:bold; font-size: 1.10em; }
.news-simple li.title { font-style:italic; }
.news-simple li.location { display:inline; font-weight:bold; }

.news-simple .logo { float:right; margin:-60px 21px 0 21px; font-size:9px; }

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