/* CSS Document for Baltimore Shambhala Meditation Center */
/* November 2007 */

/* ******* WARNING ******** 
Changing this stylesheet may severely effect the display of the site and break the layout
which is DIV based and no longer TABLE based. If you are not 100% certain of what you are 
doing, please ask for assistance. (lf) 
************************* */

/* ########## General element selectors ########## */

html { 
	color: #282828; 
	margin: 0 0 50px 0; 
	padding: 0;
	height: auto; min-height: 800px;
	background: #eee;
}

body { 
	color: #282828; 
	background: #660000;
	background: url(images/sitebg.gif) repeat; 
	font-family: verdana, helvetica, arial,  sans-serif; 
	font-size: .82em; 
	line-height: 1.5em;
	/* aligning text center centers the page in the browser window.  
	Must add text-align: left to the divs which contain text */
	text-align: center; 
	margin: 0;
	padding: 0;
	height: auto; 
	min-height: 800px;
}

/* ########## Pseudo classes ########## */
a:link  { color: #36c; background-color: transparent; }
a:visited { color: #36c; background-color: transparent; }
a:hover { color: ; background-color: transparent; }
a:active { color: #FF9900; background-color: transparent; }

/* ########## General sitewide text styles ########## */
p, p.default, blockquote, table, tr, td { 
	line-height: 1.5em;
	color: #282828;
	background-color: transparent;
	margin: 0 0 15px 0;
	padding: 0;
	text-align: left;
}

h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; }
h1 { /*hidden-Shambhala Center*/ }
h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.6em; color: #ccc; margin: 0 0 20px 0; padding: 0; }
h3 { font-size: 1.1em; margin: 0; padding: 0; color: #990000; }
h3 span { font-size: .75em; font-weight: normal; }
h3.home { margin: 0 0 20px 0; }
h4 { font-size: .90em; }
h5 { }
h6 { }

blockquote { margin: 10px 20px; line-height: 1.1em; }
.imgLeft { float: left; border: 1px solid #999; margin: 5px 10px 5px 0 ; }
.imgRight { float: right; border: 1px solid #999; margin: 5px 0 5px 10px; }
.logo { margin: 0; padding: 0; }

/* Form elements */
checkbox { font-size: .75em; margin: 0 0 0 20px; padding: 0; }
input { font-size: .75em; margin: 0; padding: 0; }
textarea { font-size: .75em; margin: 3px 0 0 0; padding: 0; }
submit { font-size: .82em; margin: 3px 0 0 0; padding: 0; }
table, tr { font-size: .82em; margin: 0 0 10px 0; padding: 0; }
td { vertical-align: top; }
td input { font-size: .75em; margin: 0; padding: 0; }

div.dashedline {
	height: 1px;
	border-bottom: 1px dashed #6297c9;
	margin: 10px 0;
	padding: 0;
}

ul.nobullet { }
li.nobullet { font-size: .82em; line-height: 1.2em; }

div#pagewrapper {
	width: 100%;
	margin: 0;
	padding: 0;
	color: #282828;
	height: auto; 
	min-height: 800px;
}

div#bannerwrapper {
	width: 100%;
	height: 110px;
	margin: 0;
	padding: 0;
	text-align: center;
	background: #fdd660;
}

div#banner {
	height: 110px;
	wdith: 800px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

/* Content area of site */

div#contentwrapper {
	width: 800px;
	padding: 0;
	margin: 0 auto;
	background: #fff;
	background: url(images/bg.gif) repeat-y top; 
	border-bottom: 1px solid gold;
	min-height: 800px;
}

/* House left(sub) navigation */
div#leftnav {  
	float: left; 
	width: 160px; 
	margin: 0; 
	padding: 0 0 0 0; 
	text-align: left; 
	font-size: 1em; 
	/*background-color: #eee; 
	border-right: 1px solid #ccc;*/
}

div#leftnav ul { width: 160px; margin: 0; padding: 20px 0 0 0; list-style-type: none; }
div#leftnav li { margin: 0 0 5px 0; padding: 0 5px 0 5px; 	font-size: .82em; color: #990033; font-weight: bold; background: #EAEAEA; }
div#leftnav a { 	
	text-decoration: none;
	color: #990033;
	font-weight: bold;
	border-bottom: none;
}

div#leftnav a:hover { color: #3333CC; 	border-bottom: none; }

div#contact { margin: 50px 0 0 0; padding: 0 5px; font-size: .82em; line-height: 1.2em; }
div#contact a { font-weight: normal; }
div#contact a:hover { text-decoration: underline; }

/* Text and Photo area */
div#right {
	float: right;
	width: 640px;
	text-align: left;
	margin: 0; 
	padding: 0;
	background-color: #fff;
}

/* Main House Navigation */
div#mainnav { 
	width: 100%;
	margin: 20px 0 0 0;	
	padding: 0;
	text-align: center;
	background: #eee;
	height: 30px;
	border-bottom: 5px solid #ccc;
}

div#content { width: 600px; margin: 0; padding: 30px 20px; }
div#calendarlink { float: right; font-size: .90em; font-weight: bold; }

div.quote { font-family: "Times New Roman", Times, serif; font-size: 1.2em; margin: 20px 40px; }

div#inset { float: right; width: 150px; background: #FCFE98; border: 1px solid #333; padding: 10px; margin: 10px; }
div#inset ul { margin: 0; padding: 0;}
div#inset ul li { list-style-type: none; font-size: .82em; line-height: 1.1em; margin: 0 0 10px 0; padding: 0; }

div#content ul { margin: 0; padding: 0; list-style-type: none; }
div#content li { font-size: .90em; line-height: 1.3em; margin: 0 0 20px 0; }

div#content ul.bullet { margin: 0; padding: 0; list-style-type: disc; }
div#content li.bullet { font-size: .82em; line-height: 1.5em; margin: 0; }

div#content ul.tightbullet { margin: 0; padding: 0; list-style-type: disc; }
div#content ul.tightbullet li { font-size: .82em; margin: 0; }

div#content div#homeupcoming { float: left; width: 300px; padding: 0; margin: 0; }
div#content div#homeongoing { float: right; width: 250px; padding: 0; margin: 0; }
div#homeupcoming ul, div#homeongoing ul { margin: 0; padding: 0; list-style-type: none; }
div#homeupcoming li, div#homeongoing li { font-size: .82em; line-height: 1.2em; margin: 0 0 10px 0; }

div#footerwrapper {
	clear: both;
	background: #fdd868;
	margin: 0;	
	width: 100%; 
	height: 25px;
	/*border-top: 1px solid #ccc;*/
}

div#footer {
	margin: 0 auto;	
	padding: 0;
	width: 800px; 
	height: 25px;
	background: #fdd868;
	font-size: .75em; 
	font-weight: bold;
	text-align: center;
}

div#copy {
	margin: 0 auto;	
	padding: 0;
	width: 100%; 
	height: 25px;
	background: #eee;
	font-weight: bold;
	text-align: center;
}

.copyright {
	font-size: 0.90em;
	color: #660000;
	background: #eee;
	font-weight: normal;
	background-color: transparent;
	text-align: center;
	margin: 0 0 0 10px;
	padding: 0;
}