/*
	global.css
	Shakti Gawain website
	by Paul Novitski - Juniper Webcraft - http://juniperwebcraft.com
	March-April 2006
*/


/*=========================
generic
=========================*/
*
{
	padding: 0;
	margin: 0;
	font-weight: normal;
	font-family: "Trebuchet MS", Arial, Verdana, monospace;
}
a
{
	color: #000;
	text-decoration: none;
	border-bottom: 1px dotted #000;
}
a:hover
{
	color: #FFF;
	border-color: #FFF;
}
code
{
	font-family: "Courier New", Courier, monospace;
}
span.title,a.title{	font-style: italic;}/*=========================
page structure
=========================*/
html
{
	height: 100%;
	max-height: 100%;

/* hide overflow: hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden;
/* */

	background: #A6DDE6 url("images/chrome_back_horizontal.jpg") left top repeat-y;	/* old=A7DDE7 */
}

body,
#pagewrap1,
#pagewrap2
{
	height: 100%;
	max-height: 100%;
	overflow: hidden;

	background: url("images/chrome_back_right_top.jpg") 168px 0px no-repeat;
}
body.layout1 #pagewrap1,
body.layout1 #pagewrap2
{
	position: relative;
	z-index: 5;
	background: url("images/chrome_logo_back.jpg") left top repeat-x;
}

.verticalpad
{
	xheight: 100px;
}
/*=========================
page head
=========================*/
#head
{
	overflow: hidden;
	position: fixed;
	z-index: 5;
	top: 0;
	right: 18px;

	display: block;
	width: 100%;
	height: 100px;
	height: 207px;

	margin: 0;
	margin-left: 180px;
	

	xbackground: #ddd;
	xfont-size: 4em;
	xcolor: #000;
	xborder: 1px dotted red;

}
* html #head
{
	position: absolute;
}
body.layout1 div#head,
body.layout2 div#head
{
	background: url("images/chrome_logo_back.jpg") left top repeat-x;
}
body.layout1 div#head h1,
body.layout2 div#head h1
{
	position: relative;
	z-index: 6;
	top: 0;
	left: 0px;
	width: 792px;
	height: 187px;
	background: url("images/chrome_logo1.jpg") left top no-repeat;

	overflow: hidden;
	height: 1px;
	padding-top: 188px;
}
* html body.layout1 div#head h1,
* html body.layout2 div#head h1
{
	left: -3px;
}
/* OPERA SHOULD GET THIS STYLING - WE JUST NEED TO FIND THE RIGHT FILTER: */
body.opera div#head h1
{
	left: 18px;
}
body.layout4 div#head
{
	width: 167px;
}
body.layout4 div#head h1
{
	position: absolute;
	left: -100em;
	width: 99em;
}
#head .pad
{
	float: left;
	display: block;
	width: 18px;
	height: 100px;
}
/*=========================
head - page subhead
=========================*/
#head h2
{
	position: relative;
	z-index: 10;
	top: -128px;
	top: -102px;
	left: 445px;
	width: 316px;
	text-align: center;
	
	xborder: 1px dotted red;
}
body.index #head h2
{
	top: -109px;
}

/*
#head h2
{
	position: relative;
	z-index: 10;
	top: -128px;
	left: 445px;
}
body.layout1 #head h2,
body.layout2 #head h2
{
	width: 316px;
	overflow: hidden;
	height: 1px;
	padding-top: 84px;
}
body.layout4 #head h2
{
	position: absolute;
	left: -100em;
	width: 99em;
}
body#index #head h2
{
	background-image: url("images/title_pioneering.jpg");
}
body#contact #head h2
{
	background-image: url("images/title_contact.jpg");
}
body#joinlist #head h2
{
	background-image: url("images/title_joinlist.jpg");
}
body#about #head h2
{
	background-image: url("images/title_aboutshakti.jpg");
}
body#workshops #head h2
{
	background-image: url("images/title_workshops.jpg");
}
body#booksandmore #head h2,
body#booksandmore_category #head h2,
body#booksandmore_title #head h2,
body#nataraj #head h2
{
	background-image: url("images/title_booksandmore.jpg");
}
*/
/*=========================
nav column
=========================*/
#navcol
{
	position: fixed;
	z-index: 4;
	left: 0;
	top: 0;

	width: 167px;
	height: 564px;
	background: url("images/chrome_back_nav.jpg") left top no-repeat;
	xborder: 1px dotted red;
}
* html #navcol
{
	position: absolute;
}
#navcol .pad
{
	height: 188px;
}
/*=========================
nav menu
=========================*/
ul#navmenu
{
	overflow: hidden;
	position: relative;
	z-index: 8;

	width: 167px;
	height: 284px;
	height: 270px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	xbackground: yellow;
	xborder: 1px dotted yellow;
}
ul#navmenu li
{
	overflow: hidden;
	width: 167px;
	height: 47px;
	xmargin-bottom: 22px;
	xborder: 1px dotted red;
}
ul#navmenu li a
{
	display: block;
	width: 167px;
	border: none;
	text-decoration: none;
	color: #8DCFD4;

	/* hide text, display image */
	overflow: hidden;
	height: 0px;
	padding-top: 47px;
}
ul#navmenu li a:hover
{
	background: url("images/chrome_back_nav.jpg") left top no-repeat;
	color: #FFF;
}
body#index ul#navmenu li.index a,
body#booksandmore ul#navmenu li.booksandmore a,
body#booksandmore_category ul#navmenu li.booksandmore a,
body#booksandmore_title ul#navmenu li.booksandmore a,
body#nataraj ul#navmenu li.booksandmore a,
body#workshops ul#navmenu li.workshops a,
body#joinlist ul#navmenu li.joinlist a,
body#about ul#navmenu li.about a,
body#contact ul#navmenu li.contact a,
body#contactThanks ul#navmenu li.contact a,
body#bottom ul#navmenu li.bottom a
{
	background: url("images/chrome_back_nav.jpg") left top no-repeat;
	color: #FFF;
	cursor: default;
}
body#index ul#navmenu li.index a,
ul#navmenu li.index a:hover			{ background-position: -167px   -188px; }

body#booksandmore ul#navmenu li.booksandmore a,
body#booksandmore_category ul#navmenu li.booksandmore a,
body#booksandmore_title ul#navmenu li.booksandmore a,
body#nataraj ul#navmenu li.booksandmore a,
ul#navmenu li.booksandmore a:hover	
{ background-position: -167px  -235px; }

body#workshops ul#navmenu li.workshops a,
ul#navmenu li.workshops	a:hover		{ background-position: -167px  -282px; }

body#joinlist ul#navmenu li.joinlist a,
ul#navmenu li.joinlist a:hover		{ background-position: -167px -329px; }

body#about ul#navmenu li.about a,
ul#navmenu li.about	a:hover			{ background-position: -167px -376px; }

body#contact ul#navmenu li.contact a,
body#contactThanks ul#navmenu li.contact a,
ul#navmenu li.contact a:hover		{ background-position: -167px -423px; }

body#bottom ul#navmenu li.bottom a,
ul#navmenu li.bottom a:hover		{ background-position: -167px   -188px; }
/*
xul#navmenu li.about a
{ 
	border: 1px dotted yellow;
}
xul#navmenu li.contact
{
	xheight: 47px;
}
xul#navmenu li.contact a
{
	display: block;
	width: 167px;
	border: none;
	text-decoration: none;
	color: #8DCFD4;

	/ * hide text, display image * /
	overflow: hidden;
	height: 1px;
	padding-top: 47px;

	border: 1px dotted red;
}
*/
/*=========================
content column
=========================*/
#contentcol
{
	position: relative;
	z-index: 3;

	display: block;
	overflow: auto;
	height: 100%;
	max-height: 100%;
	padding-left: 200px;
}
#contentcol .pad
{
	height: 210px;
}
body.layout4 #contentcol .pad
{
	height: 25px;
}

/*=========================
content
=========================*/
#content
{
	xmax-width: 622px;
	max-width: 585px;
	padding-right: 20px;
}
* html #content
{
	xwidth: 622px;
	width: 585px;
}
#content p
{
	margin-bottom: .6em;
	line-height: 1.4;
}
/*=========================
books and more
=========================*/
body.booksandmore #intro
{
	margin-bottom: 2em;
	font-size: medium;
}
body.booksandmore #intro p a
{
	color: rgb(136,42,44); /*darkred*/
	text-decoration: none;
}
body.booksandmore #intro p a:hover
{
	color: #FFF;
}
body.booksandmore #products
{
	xbackground-color: Yellow;
}
body.booksandmore div.product
{
	clear: left;
	margin-bottom: 1ex;
	margin-top: 1em;
	padding-bottom: 1ex;
	border-bottom: 1px dotted #000;
}
body.booksandmore #products dl
{
	clear: left;
	width: auto;
	margin-top: 1ex;
	padding-bottom: 1ex;
}
body.booksandmore #products dt
{
	clear: left;
	float: left;
	width: 8em;
	margin-top: .5ex;
	font-weight: bold;
}
body.booksandmore #products dd
{
	float: left;
	width: 30em;
	margin-top: .5ex;
	margin-left: 1em;
}
body.booksandmore #products dd p
{
	margin-bottom: .8em;
}
/*-------------------------
featured product
-------------------------*/
body#booksandmore div#content h3
{
	font-size: x-large;
	color: rgb(136,42,44); /*darkred*/
}
body#booksandmore div.feature
{
	float: right;
	width: 250px;
	margin-left: 20px;
	padding: 15px;
	background-color: #4D8883;/*rgb(77,136,131);*/
	color: #FFF;
}
body#booksandmore div#content div.feature h3
{
	height: 29px;
	font-size: x-large;
	color: #B3DFDF; /*rgb(179,223,223) lightblue*/
	text-align: center;
	text-transform: lowercase;
	xbackground-color: Yellow;
}
body#booksandmore div#content div.feature h3.ir
{
	xmin-height: 22px;
	xbackground-color: beige;
}
body#booksandmore div#content div.feature h3 span
{
	position: relative;
	left: -1000em;
	display: block;
	height: 22px;
}
body#booksandmore div#content div.feature h4
{
	margin-top: 1em;
}
body#booksandmore div#content div.feature h4 a
{
	font-size: large;
	color: #FFF;
	border-color: #FFF;
	text-decoration: none;
	text-transform: uppercase;
}
body#booksandmore div#content div.feature h4 a:hover
{
	color: #000;
	border-color: #000;
}
/*-------------------------
featured product image
-------------------------*/
div.feature a.image{	float: right;
	margin: 1em 0 10px 10px;
	text-decoration: none;}div.feature a.image img{	display: block;	border: 2px solid #000;}div.feature a.image:hover img{	border-color: #FFF;}* html div.feature a.image:hover
{
	border-width: 0;
}

/*
div.feature a.image
{
	float: right;
	margin-top: 1em;
	margin-left: 10px;
	margin-bottom: 10px;
	border: none;
	border: 1px solid #72B7A1;
}
div.feature a.image:hover
{
	border: 1px solid #66AD90;
}
div.feature a.image img
{
	border: none;
}
*/
div.feature p.blurb1
{
	margin-top: 1ex;
}
div.feature p.quote
{
	margin-top: 1em;
	margin-bottom: .0ex !important;
	margin-left: 1em;
	xtext-align: right;
	font-style: italic;
}
div.feature p.quoteBy
{
	text-align: right;
}
div.feature span.title
{
	font-style: italic;
}
div.feature .buyLink
{
	text-align: right;
}
dl.medium dt
{
	margin-top: .7em;
	font-size: large;
	color: rgb(136,42,44); /*darkred*/
}
dl.medium dt a
{
	padding-left: 15px;
	border: none;	color: rgb(136,42,44); /*darkred*/
	text-decoration: none;
}
dl.medium dt a span{	font-size: medium;
	padding-left: 23px;	background: url("images/shakti_arrow.png") 5px center no-repeat;
	text-transform: lowercase;}* html dl.medium dt a span
{
	background: url("images/shakti_arrowIE.jpg") left center no-repeat;
}
dl.medium dt a:hover
{
	color: #FFF;
}
dl.medium dd
{
	padding-left: 1em;
}
dl.medium dd a
{
	border: none;	color: #000;
	text-decoration: none;
}
dl.medium dd a:hover
{
	color: #FFF;
}
/*=========================
booksandmore_category
=========================*/
body#booksandmore_category div#content h3{	height: 32px;	font-size: xx-large;	color: rgb(136,42,44); /*darkred*/}body#booksandmore_category div#content h3 img{	display: block;	height: 32px;}div.cattitle{	width: 622px;}body#booksandmore_category div.col1{	clear: left;	float: left;	width: 83px;	width: 90px;	margin-top: 1em;	margin-right: 30px;}body#booksandmore_category div.col2{	float: left;	width: 500px;	margin-top: 1em;}div.cattitle p.image{	xclear: left;	xfloat: left;	width: 90px;	xmargin-top: 1em;}body#booksandmore_category div.first{	margin-top: 0;	xbackground-color: Yellow;}* html body#booksandmore_category div.first{	margin-top: 1em;}/*-------------------------
thumbnail & buy button-------------------------*/
body#booksandmore_category div#content div.cattitle div.col1 p.image a{	display: block;	xfloat: right;
	xmargin: 1em 0 10px 10px;
	text-decoration: none !important;	xborder: 10px solid red !important;	xmargin-top: 10px;}body#booksandmore_category div.cattitle div.col1 p.image a{	border: none;	text-decoration: none !important;}body#booksandmore_category div.cattitle div.col1 p.image a img{	display: block;	border: 2px solid #000;}body#booksandmore_category div.cattitle div.col1 p.image a:hover img{	border-color: #FFF;}* html body#booksandmore_category div.cattitle div.col1 p.image a:hover
{
	border-width: 0;
}
/*-------------------------old image code-------------------------*//*div.cattitle p.image a img{	display: block;	width: 83px;	border: 2px solid #000;}div.cattitle p.image a:hover img{	border-color: #FFF;}* html div.cattitle p.image a:hover
{
	border-width: 0;
}
*/
/*-------------------------thumbnail & buy button-------------------------*//*dl.category dt.first a{}dl.category dt a img{	width: 83px;	border: none;	xbackground-color: Yellow;}*/div.cattitle div.col1 p.buylink{	margin-top: 1ex;	border: 1px solid #000;	text-align: center;}body#booksandmore_category div.cattitle div.col1 p.buylink a{	display: block;	border: none;	text-decoration: none;	font-variant: small-caps;	text-transform: lowercase;	background-color: #999;}* html body#booksandmore_category div.cattitle div.col1 p.buylink a{	height: 1%;}body#booksandmore_category div.cattitle div.col1 p.buylink a:hover{	xborder-bottom: 1px dotted rgb(179,223,223); /*lightblue*/	border: none;	background-color: #CCC;	color: #FFF;}/*-------------------------description fields-------------------------*/div.cattitle div.col2 p{	xfloat: left;	xwidth: 539px;	xmargin-left: 83px;	xpadding-left: 2em;	xpadding-left: 1em;	xbackground-color: Red;	xbackground-color: Yellow;}* html div.cattitle div.col2 p{	xwidth: 505px;	width: 500px;	xmargin-left: 103px;}div.cattitle div.col2 h5{	xmargin-top: 1em;	font-size: large;	font-weight: bold;	text-transform: uppercase;}div.cattitle div.col2 h5 span{	font-weight: bold;	text-transform: none;}div.cattitle div.col2 p a{	color: #000;	text-decoration: none;}div.cattitle div.col2 p.link a{	color: rgb(136,42,44); /*darkred*/
}div.cattitle div.col2 p a:hover{	color: #FFF;}div.cattitle div.col2 p.blurb{	xclear: left;	margin-top: 1em;}div.cattitle div.col2 p.last{	clear: left;}/*=========================
booksandmore_title
=========================*/
body.booksandmore_title div.title{	width: 622px;}body.booksandmore_title div.details{	float: left;	width: 204px;	xpadding-left: 1em;	xbackground-color: Yellow;}* html body.booksandmore_title div.details{	width: 204px;}body.booksandmore_title div.title div.blurb{	float: right;	width: 385px !important;}/*-------------------------description fields-------------------------*/body.booksandmore_title div.details div.image a{	text-decoration: none;}body.booksandmore_title div.details div.image a img{	display: block;	border: 2px solid #000;}body.booksandmore_title div.details div.image a:hover img{	border-color: #FFF;}* html body.booksandmore_title div.details div.image a:hover
{
	border-width: 0;
}
body.booksandmore_title div.details p{	clear: left;	margin-bottom: 0 !important;}/*-------------------------right column: title & blurb-------------------------*/body.booksandmore_title div.title h5{	font-size: large;	font-weight: bold;	text-transform: uppercase;}body.booksandmore_title div.title h5 span{	font-weight: bold;	text-transform: none;}body.booksandmore_title div.title h6{	margin-bottom: 1em;	text-transform: uppercase;}body.booksandmore_title div.title div.blurb p.quote{	margin: 0;	padding-left: 2em;	margin-bottom: .5ex !important;}body.booksandmore_title div.title div.blurb p.quoteBy{	margin: 0;	padding: 0;	text-align: right;}/*-------------------------buy button-------------------------*/body.booksandmore_title div.title div.buy{	float: left;	margin: 1ex 0;	border: 1px solid #000;	background-color: #CCC;}body.booksandmore_title div.title div.buy a{	display: block;	text-decoration: none;	color: #000;}body.booksandmore_title div.title div.buy a:hover{	color: #FFF;}body.booksandmore_title div.title div.buy a span.buy{	float: left;	display: block;	xdisplay: inline;	xwidth: 2em;	margin-bottom: 0 !important;	padding: .8ex .5ex .5ex .5ex;	font-size: large;	xline-height: 2em;	xbackground-color: red;	text-align: center;}body.booksandmore_title div.title div.buy a span.link{	xfloat: left;	display: block;	margin: 0;	margin-left: 3.25em;	padding: .5ex;	xmargin-bottom: 1ex;	text-align: center;	border-left: 1px solid #000;	background-color: #999;	width: auto;	font-size: small;	text-align: center;}body.booksandmore_title div.title div.buy span.link span{	white-space: nowrap;}body.booksandmore_title div.title dt,body.booksandmore_title div.title h6,body.booksandmore_title div.title div.blurb{	xbackground-color: Yellow;}/*-------------------------
category listings
-------------------------*/
#categories h3
{
	margin-top: 1em;
}
/*=========================
affirmations
=========================*/
body#index div#content *
{
	font-size: medium !important;
}
/*
div#affirmation
{
	margin-top: 2em;
	border-top: 1px solid #89292A;
}
div#affirmation h3
{
	margin-top: -1ex;
}
*/
div#affirmation h3
{
	min-height: 21px;
	margin-top: 1.5em;
	text-align: center;
}
div#affirmation h4
{
	min-height: 21px;
	margin-top: 1.5em;
	text-align: center;
}
div#affirmation h3 span,
div#affirmation h4 span
{
	position: absolute;
	left: -1000em;
}
body#index div#affirmation p.reading
{
	font-size: medium !important;
}
body#index div#affirmation p.affirmation
{
	font-size: medium !important;
	text-align: center;
}
html body div#pagewrap1 div#pagewrap2 div#contentcol div#affirmation p.source,
html body div#pagewrap1 div#pagewrap2 div#contentcol div#affirmation p.source a
{
	xmargin-top: 2em;
	font-size: small !important;
	text-align: center;
}
html body div#pagewrap1 div#pagewrap2 div#contentcol div#affirmation p.source a
{
	text-decoration: none;
	border-bottom: 1px dotted;
}
html body div#pagewrap1 div#pagewrap2 div#contentcol div#affirmation p.source a:hover
{
	border-bottom-style: solid;
	color: #FFF;
}
body#index div#affirmation table
{
	margin: 0 auto 1ex auto;
	text-align: center;
}
body#index div#affirmation table td
{
	padding-right: 2em;
	font-size: large !important;
	text-align: left;
}
/*=========================
contact
=========================*/
body#contact p a
{
	white-space: nowrap;
}
body#contact dl#sgcontact
{
	margin: 1em 0 1em 2em;
}
body#contact dl#sgcontact dt
{
	font-weight: bold;
}
body#contact dl#staff
{
	margin: 0 0 1em 2em;
}
body#contact dl#staff dt
{
	margin-top: 1em;
	font-weight: bold;
}

body#contact dl#contactform
{
	width: 38em;
	xborder: 1px dotted red;
}
body#contact dl#contactform dt
{
	clear: left;
	float: left;
	width: 10em;
	margin-top: 1em;
	text-align: right;
	xborder: 1px dotted blue;
}
body#contact dl#contactform dd
{
	float: left;
	width: 25em;
	margin-top: 1em;
	margin-left: .5em;
	xborder: 1px dotted green;
}
body#contact dl#contactform dd textarea
{
	width: 28em;
}
body#contact dl#contactform dd input
{
	width: 25em;
}
body#contact dl#contactform dd.buttons
{
	clear: left;
	float: none;
	width: 28em;
	margin-left: 10.5em;
	text-align: center;
}
body#contact dl#contactform dd input.button
{
	display: inline;
	width: auto;
	margin: 0 1em;
	text-align: center;
}

/*=========================
workshops - calendar
=========================*/
/*****************************************/
body#workshops h6
{
	display: none;
}
/*****************************************/
body#workshops div.calendar h3
{
	min-height: 21px;
	margin: 1em 0 1ex 0;
}
body#workshops div.calendar h3 img
{
	display: block;
}
body#workshops div.calendar h3 span
{
	position: absolute;
	left: 1000em;
}
body#workshops div.calendar ul
{
	margin-bottom: .6em;
	margin-left: 1.5em;
}
body#workshops div.calendar li
{
	margin-bottom: .6em;
}
body#workshops div.calendar p.eventType,
body#workshops div.calendar p.datetime,
body#workshops div.calendar p.location
{
	margin: 0;
	margin-left: 1ex;
	padding-left: 1ex;
	border-left: .4ex solid #1C6B66; /*darkgreen*/
}
body#workshops div.calendar p.location
{
	margin-bottom: 1ex;
}
body#workshops h6
{
	margin-top: 1em;
	font-size: large;
}
body#workshops div.calendar form.paypal
{
	display: none;
}
body#workshops div.calendar form.paypal input
{
	padding: .2em .4em;
}


/*=========================
footer
=========================*/
#footer
{
	clear: both;
	padding-top: 2em;
	padding-bottom: 1em;
	font-size: 90% !important;
	text-align: center;
	color: #FFF;
	color: #00554E;
}
#footer a
{
	text-decoration: none;
	xborder-bottom: 1px dotted #FFF;
	xcolor: #FFF;
	font-size: inherit !important;
	border-bottom: 1px dotted #00554E;
	color: #00554E; /*darkestTeal*/
}
#footer a:hover
{
	border-bottom: 1px solid #722C2C;
	color: #722C2C; /*darkestTeal*/

	border-bottom: 1px solid #FFF;
	color: #FFF;
}

/*=========================
join list
=========================*/
body#joinlist dd input
{
	font-family: "Courier New", Courier, monospace;
}
body#joinlist dt
{
	float: left;
	clear: left;
	width: 8em;
	margin-bottom: 1ex;
	text-align: right;
	xbackground-color: Yellow;
}
body#joinlist dd
{
	margin-bottom: 1ex;
	margin-left: 8.5em;
}
body#joinlist dd#verb1
{
	margin-bottom: 0;
}
body#joinlist dd#verb1 input,
body#joinlist dd#verb2 input
{
	margin-right: 1ex;
}
body#joinlist dd#verb2
{
	margin-bottom: 1em;
}
body#joinlist dd#first1 input,
body#joinlist dd#last1 input
{
	width: 20em;
}
/*
body#joinlist dt#first0,
body#joinlist dd#first1
{
	padding-top: 1em;
}
*/
body#joinlist dd#email1 input,
body#joinlist dd#emailConfirm1 input,
body#joinlist dd#address1 input
{
	width: 35em;
}
body#joinlist dd#city1 input
{
	width: 20em;
}
body#joinlist dd option
{
	padding: 0 1ex;
}
body#joinlist dd#prov1 input,
body#joinlist dd#postalcode1 input
{
	width: 10em;
}
body#joinlist dd#submit1 input
{
	padding: 0ex 1ex .25ex .5ex;
	font-family: "Trebuchet MS", Arial, Verdana, monospace;
}
body#joinlist dd#submit1
{
	margin-top: 1em;
}
body#joinlist #joinlistSubmit
{
	margin-right: 5em;
}