/*
CSS for White Light
written by Parkle Lee, March 2010
'One moment in the company of a saint is your raft across the ocean of delusion.'
*/

/* Color Palette
#2a4467 - Dark Blue
#657fa2 - Light Blue
*/

html,body {
	font-family:Palatino,"Palatino Linotype","Times New Roman",serif;
	color:#2a4467;
	background:#657fa2 url(/whitelight/images/body-bg.jpg) center top repeat-x; /* water fades into light blue */
	margin:0; padding:0;
}

/* Layout, formatting indented. Organized spatially. please leave comments! */

#container {
	width:757px;
	margin:0 auto; /* centers #container */
	position:relative; /* absolutely positioned children will use #container as a reference */
	background:#657fa2 url(/whitelight/images/body-bg.jpg) center top no-repeat; /* prevents background from slipping when window is too small */
}

#header {
	height:48px;
	background:url(/whitelight/images/banner.jpg) left no-repeat; /* White Light Kirtan Band banner */
	}
	
	#header .bannerLink { /* transparent image for hyperlink */
		position:absolute;
		right:0;
		top:9px;
		border:none;
	}
	
#content {
	float:right;
	width:510px;
	padding:24px 21px;
	border:#4a6383 1px solid;
	background:#ffffff;
	opacity:0.9;
}
	
	#contentBgRight {
		background:url(/whitelight/images/content-bg-right.png) top left repeat-y;
		width:5px;
		float:right;
	}
	
	/* #content Text formatting */

	#content h1 {
		font-size:24px;
		margin:0 0 16px;
		font-variant:small-caps;
		font-weight:bold;
	}
	
	#content h2 {
		font-size:20px;
		margin:16px 0;
		font-variant:small-caps;
		font-weight:bold;
	}
	
	#content p {
		font-size:16px;
		line-height:1.5;
		margin:16px 0;
	}
	
	/* #content Link formatting */
	
	#content a:link,
	#content a:visited {
		color:#657fa2;
	}
	
	/* #content Image formatting */
	
	#content img {
		padding:3px;
		border:#657fa2 1px solid;
	}
	
	#content img.noBorder{
		margin:3px;
		padding:0;
		border:none;
	}
	
	#content img.floatRight {
		float:right;
	}
	
#navigation {
	float:left;
	width:173px;
	padding:24px 10px 24px 15px;
	background:url(/whitelight/images/navigation-bg.png) repeat-y;
	text-align:right;
	color:#ffffff;
	}
	
	#navigationBgTop { /* image for vertical offset */
		background:url(/whitelight/images/navigation-top-bg.jpg) top left no-repeat;
		height:9px
	}
	
	/* Primary navigation */
	
	#navigation ul {
		padding-left:0;
		margin:0 0 30px;
	}
		
	#navigation ul li {
		list-style:none;
		margin-bottom:12px;
		border-bottom:1px dotted #657FA2;
	}
	
	#navigation ul li a:link,
	#navigation ul li a:visited {
		font-size:18px;
		font-variant:small-caps;
		color:#ffffff;
		text-decoration:none;
	}
	
	/* Secondary navigation */
	
	#navigation ul ul {
		margin:-6px 0 16px;
	}
	
	#navigation ul ul li {
		margin-bottom:6px;
		border:none;
	}
	
	#navigation ul ul li a:link,
	#navigation ul ul li a:visited {
		font-size:15px;
		font-variant:normal;
	}
	
	#navigation ul ul li a:hover {
		text-decoration:underline;
	}

#footer {
	clear:both;
	text-align:center;
	font-variant:small-caps;
	font-size:14px;
	padding:10px 0;
}