/*
Theme Name: Satsang with Joi
Theme URI: http://satsangwithjoi.com/
Description: custom theme
Version: 2.0
Author: Jason Nelson
Author URI: http://visualadventures.com/


*/
hr {color:#dade83; margin:20px 0px;}
a:link img, a:visited img, a:active img {border:0px solid #fff; text-decoration:none; }

body { 
	color:#3f264d; font-family:garamond, serif; line-height:23px;
	background:#bbb4bf url(http://satsangwithjoi.com/wordpress/wp-content/themes/satsang/images/background.jpg) repeat-x top left;
	padding-top: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-right: 0px;
}
#pageframe {
		width:890px;
		height: auto;
		margin:0px;
		padding:0px;
		display: block;
		position: absolute;  /*this should be set to absolute for the centering to work */
		left: 50%;  /*makes the page begin in the center of the screen then subtracks half the page width (on the next line) to center it */
		margin-left: -445px;        /*      half the width of the page content */ 
		background-image:url(http://satsangwithjoi.com/wordpress/wp-content/themes/satsang/images/contentBackground.jpg);
		background-repeat:repeat-y;
}
#header { /* height + padding top = 139 */
	width:890px;
	height: 55px; 
	overflow: hidden;
	float:left;
	position: relative;
	padding-top: 120px;
	display: block;
	background-image:url(http://satsangwithjoi.com/wordpress/wp-content/themes/satsang/images/header.jpg);
	background-repeat:no-repeat;
	text-align: right;
	vertical-align: baseline;
}
#sidebar {
	width:154px; margin-top:-35px;
 	margin-left:35px;
	position: relative;
	display: block; float:left;
}

#content {
	width:580px;
 	margin:-20px 80px 20px 20px;
	float:right;
	position: relative;
	display: block;
}
#footer { /* height + padding top = 226px */
	width:890px; 
	height: 75px; 
	float:left;
	position: relative;
	display: block;
	background:transparent url(http://satsangwithjoi.com/wordpress/wp-content/themes/satsang/images/footer.jpg) no-repeat top left;
	text-align: center;
	padding-top:380px;
}
#footer p{ /* height + padding top = 226px */
	padding:10px; display:none;
	background:#dade83 url() no-repeat top left;
	width: 600px;
	margin:0px 145px 0px 145px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	letter-spacing: 1px;
}
#image1 {
	display: block;
	float:right;
	margin-left: 10px;
	margin-top: 10px;
}
/* typography */
a:link, a:active, a:visited{
	color: #8e009f;
	text-decoration: underline;
	}
a:hover{
	
	text-decoration:none;
}
h1 {color:#4b014c; font-size: 24px;font-family: "Bradley Hand ITC", serif;
border-bottom:1px solid #dade83; text-decoration:none;}
h2, h2 a:link, h2 a:active, h2 a:visited {color: #3a5c00; font-size: 20px;
border-bottom:1px solid #dade83; text-decoration:none;}
h2 a:hover {color:#ffb401; text-decoration:underline;}
h3, h3 a:link, h3 a:active, h3 a:visited { text-decoration:none;
	
	font-size: 18px;
	color: #047102;
	//border-bottom:1px solid #dade83;
	width:100%;
}
h2 a:hover { text-decoration:underline;}
#pages {
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	text-transform: lowercase; 
	color: #333; background-color:transparent;
	letter-spacing: 4px; margin:0px 0px 20px -10px;
	line-height: 26px;}
#sidebar li, #sidebar ul, #sidebar{list-style:none;}
#sidebar ul  {margin-left:0px; padding:0px;}
.widget {padding:5px;}
#pages h2 {display:none;}
#sidebar a:link,#sidebar a:visited, #sidebar a:active{
	color: #3a5c00;
	text-decoration: none;
	}
#sidebar a:hover {
	color: #8e009f;
	text-decoration: none;
	}
#sidebar h2 {font-size:16px;}

/* Begin Images */
p img {border:0;
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */

#sidebar #searchform #s {
	width: 125px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}
.navigation{margin-bottom:40px;}


/* Menus ------ */
/* Vertical Style Fly out menu */
.widget_pages {width:140px; list-style-type:none; margin:0px 0 0 20px; padding:0;  z-index:900; 
 position:relative; font-family:garamond; font-size:100%; text-align:right; letter-spacing:5px; min-height:300px;}
.widget_pages ul { cursor:pointer;}
.widget_pages h2 {display:none;} /* hides pages label */

/* first level */
.widget_pages li {display:block; padding:0 0 10px 0; margin:0px 0 10px 0; position:relative;}
.widget_pages li a, .widget_pages li a:visited {display:block; text-decoration:none;}
.widget_pages li ul li {display:none;}
.widget_pages li:hover, .widget_pages li a:hover {border:0;}

/* second level */
.widget_pages li:hover li a , .widget_pages li a:hover li a {} /* second level link */
.widget_pages li:hover ul li, .widget_pages li a:hover ul li {display:block; padding-right:10px; font-size:70%; border:1px solid #879983; letter-spacing:3px;} 
.widget_pages li:hover ul, .widget_pages li a:hover li { } /* second level hover state */

.widget_pages li { padding: 0;  }


/* third level */
.widget_pages ul ul ul {display:none;}