@charset "UTF-8";
/* CSS Document */
*{margin: 0; padding: 0;}
html{}
body{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333; height: 100%; width:100%;}
h1{font-size:16px; color:#060}
h2{font-size:14px; color:#060;}
h3{font-size:16px; color:#006; margin-bottom: 8px}
h4{font-size:14px; color:#063; margin-bottom: 8px}
p {line-height:17px;}
ul li{display:inline; margin:0 1em}
a:link, a:visited {text-decoration:none; color:#006;}
a:hover, a:active {text-decoration:underline;}


/*Header*/

#hd_wrap{width: 1000px; margin:-92px auto 0; position:relative;}
	#w4g{position: relative;}
		#w4g a:link, #w4g a:visited {color:#CDAB7F; text-decoration:none;}
		#w4g a:hover, #w4g a:active {color:white; text-decoration:none;}

	#hd_wrap .apple { position:absolute; left:368px; top:-15px; }
/*classes*/
.nav{float:right; font-family:Arial, Helvetica, sans-serif; font-weight:600; position:relative; top:-25px; font-size:16px;}
.login{float:right; font-family:Arial, Helvetica, sans-serif; color:#CDAB7F; clear:right; position:relative; top:-15px}
.strong{font-weight:600;}
.ital{font-family:"Times New Roman", Times, serif; font-size:18px; color:#CDAB7F; font-style:italic; float:left; clear:left;}
.w4g{font-family:"Times New Roman", Times, serif; font-size:24px; color:#fff; float:left; margin-top:5px; letter-spacing:2px;}
.mrg5{margin: 0 5px;}

/* --- MAIN --------- */

#wrapper{position: relative; width:1000px; margin:60px auto !important; clear:both; height:700px; margin-top:30px}
#wrapperwrapper{position: relative; width:1000px; margin:0 auto; clear:both;}

/*LEFT DIV*/
#left{position: relative; width:220px; float:left; margin: 10px 5px 0 0; padding:0 10px 0 5px; }
	#lft_top { padding-bottom:10px; border-bottom: thin solid #666;}
		#lft_top .esntl {text-align: center; color:#060; display:block; margin: 5px 0; font-size:14	px;}
		#lft_top .quot {font-style:italic; text-align:center; display:block; margin: 5px 0;}
		#lft_top .download {margin: 10px 0 0 0;}
	#lft_bot{margin: 10px 0 0 0}
		#lft_bot p {margin: 10px 0}
		#lft_bot h3 {text-align:left;}
	
/*CENTER DIV*/
#center{position: relative; float:left; width:500px; margin:10px 5px 0 5px; padding: 0 5px; height: 500px;}
#center #cnt_top{position:relative; border-bottom: thin solid #333;}
	#center #cnt_top .esntl {font-style:italic; font-size:12px; float: right; margin:3px; color:#060}
	#center #cnt_top .quot {text-align:center; font-style:italic; display:block; margin-bottom:5px;}
	#center #cnt_top p {margin-bottom:5px;}
	#center #cnt_top .download {margin: 5px 0;}
	#center #cnt_top .download a:link, a:visited {}
	#center #cnt_top .download a:hover, a:active {}
	#center #cnt_top .mandala {margin: 20px auto; width:209px}
#center #cnt_bot{}
	#center #cnt_bot p {margin-bottom:5px;}
	
#cnt_bot{position: relative; height:45%; margin-top:10px;}

/*RIGHT DIV*/
#right{position: relative; width:210px; float:left; margin:10px 5px 0 5px; padding:0 5px 0 10px;}

	#sidebar-right #rt_top{position: relative; width:100%; border-bottom: thin solid #333;}
		#sidebar-right #rt_top .jeff {}
		#sidebar-right #rt_top .share {margin: 5px 0;}
			#sidebar-right #rt_top ul{display:inline; margin: 10px auto 0;}
				#sidebar-right #rt_top ul li {display:inline; margin: 0 5px;}

#rt_mid{position: relative; width:100%; border-bottom: thin solid #333; margin-top:10px;}
	.wrk-shp{text-align:center;}
		.wrk-shp .wrk-shp-title {font-family:"Times New Roman", Times, serif; font-size:16px; font-weight:bold; display:block; margin:5px 0;}
		.wrk-shp .hero {display: block; margin:5px 0; font-weight:bold;}
		.wrk-shp .date {display: block; margin:5px 0;}
		.wrk-shp .more a{display:block; margin:5px 0;}
#rt-bot{position: relative; width:100%; margin-top:10px;}
	.ex {text-align: center;}
		.ex .ex-title {font-family:"Times New Roman", Times, serif; font-size:16px; font-weight:bold; display:block; margin:5px 0;}
		.ex .free {display:block; margin:5px 0; font-weight:bold;}
		.ex .listen{display: block; margin:5px 0; text-align:justify;}
		.ex .more a{display:block; margin:5px 0}

p{text-align:justify; font:Arial, Helvetica, sans-serif;}

.book{float: left; margin:0 5px 5px 0;}

/* --- END: MAIN --------- */

/*--- LINKS ---------*/
#links #center h1{text-align:center; color:#003; font-size:18px;}
#links_content {}
	#links_content .link {margin: 10px 0;}
		#links_content .link .link-title {font-size:16px; font-weight:bold; margin-bottom: 5px; display:block}
		#links_content .link .link-url {font-size:14px; font-weight:normal; margin-bottom: 5px; display:block}
		#links_content .link .link-scrip {font-size:14px; font-style:italic; display:block; clear:both;}

/*--- END:LINKS ---------*/

/*--- LOGIN ---------*/
#login {display:none; position:absolute; top:52px; left:603px; width:400px; height:150px; border: thin solid #333; background-color:#C4E0FF; z-index:99999;}
	#login .form-wrap {margin: 10px;}
		#login .close {float:right; margin: 10px 10px 0 0}
	#error {display:none;}
	#forgot-pw {display:none; text-align:center}
	#forgot-id {display:none; text-align:center}
		#login-form table tr td {height:30px; text-align:right; width:125px;}
			#forgot-id td {color:#6F0;}

/*--- END LOGIN ---------*/

/*--- SIGN-UP ---------*/
#sign-up {display:none; position:absolute; top:52px; left:500px; width:600px; height:280px; border: thin solid #333; background-color:#C4E0FF; z-index:99999;}
	#sign-up .close {float:right; margin: 10px 10px 0 0;}
	#sign-up .signup-wrap {margin: 10px;}
		#signup-form #info {width:300px; float:left;}
		#signup-form table tr td {height:30px; text-align:right; width:125px;}
		#sign-up .sign-up-info {float:right; margin:5px; width:260px;}
			#sign-up .sign-up-info p {padding: 5px 0; font-size:12px; line-height:11px;}

/*--- END SIGN-UP ---------*/

/*--- OVERRIDES ---------*/
#sidebar-left h2, #sidebar-right h2 {background-color:#31703B;}

#w4g-footer {width: 100%; height:80px; clear:both; background: url(./assets/footer-bg.png) top repeat-x #2E8841}
	#w4g-footer .link-cloud {width:800px; margin:0 auto; text-align:center; position:relative; top:10px;}
		#w4g-footer .links {}
			#w4g-footer .links li {display:inline; margin: 0 5px;}
				#w4g-footer .link { margin: 0 auto;}
				
	#w4g-footer .info {width:1000px; margin:0 auto; position:relative; top:40px}
		#w4g-footer .viper {float:right;}
		#w4g-footer .copywrite {float:left;}