/* --------------------------------------------------------------
			=Defaults
Reset default browser CSS, Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.htm
-------------------------------------------------------*/
html {min-width:960px ;}
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;vertical-align: middle; background: transparent;}
table,header {border-collapse: collapse;border-spacing: 0; margin:0; padding:0;}
a img { border: none; }
ul, ol{margin: 0; margin: .5em 0 1em 0;}
code, pre {-moz-background-clip:border;-moz-background-origin:padding;-moz-background-size:auto auto;background-attachment:scroll;background-image:none;background-position:0 0;background-repeat:repeat;}
abbr,acronym {	border-bottom: 1px dotted #666;	cursor: help;}
sup,sub {height: 0;line-height: 1;vertical-align: baseline;position: relative;}
sup {	bottom: 1ex;}
sub {	top: .5ex;}
input[type="text"],textarea {padding: 2px; border: 1px solid #ccc;}
a {font-weight:normal;text-decoration:none; color:inherit;}
a:hover {color:blue;}
input[type="button"], input[type="submit"], input[type="reset"], button {text-align: center; -webkit-appearance: push-button; -moz-appearance:button; appearance: push-button; cursor: pointer;}
div, header, footer, nav, blockquote, article, aside, hgroup {display: block; }

/*-----------------------------------------------------------*
*         =framework my framework styling
*  -------------------------------------------------------*/
.wrap{ width: 960px;min-width: 960px; margin:0 auto; position:relative;}
.clear{clear: both;}
.hide{display: none;}
.screen-reader-text {position: absolute !important;left: -8000px !important;}
.centered {text-align: center;}
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10 {margin: 0 7px; padding: 6px; float:left;}
.alt.col1, .alt.col2, .alt.col3, .alt.col4, .alt.col5, .alt.col6, .alt.col7, .alt.col8, .alt.col9, .alt.col10{padding:0px; margin:0}
.col1 {width: 70px; min-width: 70px;}
.col2 {width: 166px; min-width: 166px;}
.col3 {width: 262px; min-width: 262px;}
.col4 {width: 358px; min-width: 358px;}
.col5 {width: 454px; min-width: 454px;}
.col6 {width: 550px; min-width: 550px;}
.col7 {width: 646px; min-width:646px;}
.col8 {width: 742px; min-width: 742px}
.col9 {width: 838px;  min-width: 838px;}
.col10 {width: 934px; min-width: 934px;}
.alt.col1 {width: 96px; min-width: 96px;}
.alt.col2 {width: 192px; min-width: 192px;}
.alt.col3 {width: 288px; min-width: 288px;}
.alt.col4 {width: 384px; min-width: 384px;}
.alt.col5 {width: 480px; min-width: 480px;}
.alt.col6 {width: 576px; min-width: 576px;}
.alt.col7 {width: 672px; min-width:672px;}
.alt.col8 {width: 768px; min-width: 768px}
.alt.col9 {width: 864px;  min-width: 864px;}
.alt.col10 {width: 960px; min-width: 960px;}

/*----------=links default---------*/
a {color: #34a; text-decoration: none;}
a:hover {color: #943; text-shadow: 0px 0px 5px #FFF; }
/*----------------- =lists =li =ul =ol ---------*/
/* =normal list */
li {margin: .5em 0;}
ol {list-style-type: decimal;}
ul, ol{ margin-left: 15px; padding: 0; list-style-position: inside;}
 
 
 /** -------- =stickyfooter code ---------------*/
*{margin: 0; }
html,body {height:100%;}
#body-wrap{min-height:100%; height:auto !important; height:100%; margin-top: 0 ; margin-bottom: -100px;}
#push, #colophon {height: 100px;}
#colophon  {position: relative;}

/*----------------------------------------------------------------------------------------------**
*
*			Site Specific Styling
*			
--------------------------------------------------------------------------------------------*/
/*----------- =text =typeography ---------------*/
body, p {font: 14px/2 lucida grande, helvetica, sans-serif; color: #FFF;}
h1 {font: 20px/1.5 didot, georgia, times}
h2 {font: 16px/1.5 lucida grande, Helvetica, sans-serif;}
cite{}
nav {font: 18px/1.5   times, georgia, serif; letter-spacing: 1.5px}
footer {font: 18px/1.5 georgia, serif; color: #bbb;}



body {background-color:#556E5E;
	background-image: url('green_texture.jpg');
	background-position: center; background-repeat: repeat;color: #DDC}
body.content {background-color: #556E5E}
body.content.alt{background-color:#556E5E}


#topclear{height:50px;}
#top-title{font-weight: normal; font-family: times; color:#394A3E;margin-left: 10px; font-size: 20px;line-height: 50px; vertical-align: middle;}
#top-subtitle{font-family: times;float: right; line-height: 50px; vertical-align: middle;}

/*-----------------------------
	Top Navigation
	------------------------ */
#nav1-back {color: #FEFEDA;	margin-top: 0;}
#nav1{	border-left: solid 1px #394A3E;
	border-right: solid 1px #394A3E;
	border-top: solid 1px #394A3E;
	background-color: rgba(57,74, 62,.6);}
nav a {color: #FEFEDA;}
nav a:hover{color:#ccc; text-shadow: 0px 0px 20px #FFF;}
/*nav lists*/
nav li {float: left; height:; text-align:center; display: inline;
	margin:25px 0px 25px 0px; padding: 0px; line-height: 25px; vertical-align: middle;
	border-right: 2px solid #647D66; width: 190px;}
nav li.last{border:none;}
nav ul {list-style: none; height: 100%; margin: 0px; vertical-align:middle; padding: 0px;}



/*-------------------------------
	Branding
	-------------------------*/
#branding-back {}
#branding {height: 390px;background-color:#FEFEDA;padding: 0px 21px;;}
#branding #logo {position:absolute; left: 201px; top:-20px;}

/*-------------------------------
	Headline
	---------------------------*/

#headline{ height:75px;background-color:#FEFEDA; padding: 0px 21px; }
#headline #logo {position: absolute; left: 30px; top: -10px; z-index: 2;}
.alt #headline h1{ margin-left: 120px; font-size: 35px;
	font-weight: normal; line-height: 75px; vertical-align: middle; color: #eee;
	text-shadow: 2px 2px 0 #394A3E; clear: both;}

#headline-back { }
.alt #headline-back {background-color:#556E5E; }

#headline h1{ margin-left: 120px; font-size: 35px; 
	font-weight: normal; line-height: 75px; vertical-align: middle; color: #394A3E;
	text-shadow: 1px 1px 0px #fff; clear: both;}
	
#right-perspective{ background-image: url("perspective.png"); background-repeat: no-repeat; 
					position: absolute; bottom:-20px; height: 20px; width:20px;
					right: 0px; background-position: -20px 0px; z-index: 1}

#left-perspective { background-image: url("perspective.png"); background-repeat: no-repeat; 
					position: absolute; bottom:-20px; height: 20px; width:20px;
					left: 0px; background-position: 0px 0px; z-index: 1}

	
	
/*-------------------------------------------
		Main
	--------------------------------------*/


#main-back { 	margin-top: 0px;}

/*.alt.content #main-back {background-color: #9AB5A0; padding:  0px;
background-image: url("article_bg.jpg"); background-position: top; background-repeat: repeat-x;}
.alt.content #main {background-color: rgba(255,255,255,.8);#d0d0d0;  		width: 960px !important; height: 800px; margin: auto;
		border: 0px solid #eee;}
*/
.content #main-back { 	margin-top: 0px;}
.content #main {width: 960px !important;margin: 0px auto; padding: 20px 0px;
		border-left: solid 1px #394A3E;
		border-right: solid 1px #394A3E;
		background-color: rgba(57,74, 62,.6);}
#main a {color: #DDD; text-decoration: none;}
#main a:hover {color: #DDD; text-shadow: 1px 1px 1px #333; }
#article-list li{ margin-left: 40px; text-indent: -40px; margin-bottom: 20px;}
.content article { margin: 10px 15px 30px 15px; padding: 0px 15px; border-top: 1px solid #879B8C;}
#about-jeh h1 {text-align: center;}

article p,#article-list ul {text-indent: 50px; margin-bottom: 10px; padding:5px 40px; position: relative;}
hgroup{margin: 12px; padding: 12px; margin-top:15px; }

.triangle {background-image: url("triangles.png"); position: absolute; left: -20px; top: 7px; background-position: 0px 0px; height: 14px;width: 14px}
.purchase-link {position: relative;float: right; cursor: pointer;}
.purchase a {cursor:pointer; position: relative; line-height: 32px; float: right;}
.purchase {position: relative; float: left;width: 840px; margin: 0px 20px; padding: 10px;}
.purchase ul{display: none; margin: 0px; padding: 0px;float: right;list-style: none;clear: both;background-color: #394A3E; z-index: 2; }
.purchase li{float: left; padding: 0px 20px; position: relative; margin: 0px; }
.purchase #chinese-edition-details {position: absolute;top: 100%;float: right; ;background-color: #394A3E; display: none; padding: 0px 15px; z-index: 2;}

.nojava .purchase-link{position: static;}
.nojava .purchase {float: right; cursor: default; position:relative; padding: 5px; margin: 10px;  }
.nojava .purchase:hover  {color: white;}
.nojava .purchase ul {display:none;position: absolute; left: -57px;  padding: 10px; margin: 0px;
		background-color: #394A3E; z-index: 2; border: 2px solid #FEFEDA;}
.nojava .purchase ul li{float: none; list-style: none;width: 200px; text-align: ;}
.nojava .purchase .vcard div {text-align: left; float:left; margin-left: 25px;}
.nojava .purchase:hover > ul{display:block; }

	
#main{min-height: 250px; border-bottom: solid 1px #394A3E;}
#next, #prev{ background-image: url('previous_next2.png'); cursor: pointer;position: absolute;top: 100px; height: 50px; width: 50px;}
#prev{background-position: 0px 0px; left: -75px;}
#next {background-position: 0px 50px; right: -75px;}
#next:hover{background-position:50px 50px}
 #prev:hover{background-position:50px 0px;}
 
#hcard-Anne-DAndrea {margin-left: 75px; color: #eee; margin-top: 15px;}


#simplefader {margin: 0px 0px; width: 960px; height:100%; position:absolute; left: -1px;;
	 border-left: solid 1px #394A3E;border-right: solid 1px #394A3E;
	 background-color: rgba(57,74, 62,.6);}
#simplefader #leftquote{background-image: url('left_quote.png'); height:100px; width: 100px;
	position: absolute; left:20px; top: 20px}
#simplefader .screen {width:100%; height:100%; position:absolute; top: 0px; left: 0px; display: none;}
#simplefader blockquote {margin: 50px 60px 0px 120px ; text-indent: 0px; padding:20px; filter:inherit; color: #eee;
	font-size: 28px; line-height: 40px; height: 80px; vertical-align: middle; font-family: georgia, serif;}
#simplefader #slide6{font-size: 25px; line-height: 35px;}
#slide4, #slide6{margin-top: 30px !important;}
#simplefader #simplefadercontrols {right: 10px; bottom: 10px; position:absolute;}
#simplefader #simplefadercontrols a{ text-align: center; color: #DDC; font-size: 8px; margin-right: 2px;
	width:14px; height:14px; overflow: hidden; line-height: 14px; float: left; background-image: url('fader-nav2.png');
	background-position:0px 0px;}
#simplefader #simplefadercontrols a.playresume {margin-left: 10px; background-image: url('fader-ctrl2.png');}
#simplefader #simplefadercontrols a.fadernavon {background-position: 0px -14px;}


#links ul {width: 700px;}
#links ul, #links li{float: right; list-style: none; padding: 0px 20px; line-height: 60px;	 }
#links li {float: left; }
td {padding: 10px 0px; }



		
/* ---------------------------------------
		footer
	------------------------------------------*/
#colophon  {}
#footer {height:100%; }
#colophon aside{  line-height: 100px;	text-align: center; vertical-align: middle;
	font-family: times, serif;  color: #eee; font-size: 14px;}






/* ------------------------------------------------------
			Print Style Sheet
	-----------------------------------------------------------*/
@media print {
body { background-color:white !important; color:black!important; margin:0;}
.wrap{ min-width: 960px; width:960px; 
	
}
#top-section {display: none !important; }
#headline, #single-page-category, .prep-cat { background-color: #FFF !important;color: #333 !important; text-shadow: none !important; }
#bannder-section{background}
#nav-section{display:none !important;}
.single #headline {display: none !important;}
#main{}
	#main-container{background: white !important;}
	#single-post{width: 900px !important; background-color: white !important;}
		#nav-above{display: none !important;}
h1, h2, h3, h4, h5, h6,a, .post-meta-key  {color: black !important}
		#nav-below{display: none !important;}
		article{display: block !important; background: white; font-size: 1.3em; line-height: 1.7;}
			.date-string::before {content:'Posted on: ';}
			article hgroup { border: none !important;}
			article .meta-prep, article .author{color: #333; font-size: 15px; line-height: 1.3;}
		 article > * {display: block !important; color: black !important; background-color: white !important; border:none !important; }
		footer.entry-meta{font-size: 12px !important; font-style:italic !important;}
	.single .right {display:none !important;}
		.right, .right > * {background-color: white !important; clear: both; float:left;}
#comments {display: block !important;}
#comments .vcard img, #comments .reply, #comments .comment-edit-link{display:none !important;}

#respond {display:none !important;}
#push{ display: none !important;}
#colophon { display:none !important;}
}