/* ------  Reset ------- */
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

/* ------- end of reset --------- */

/* YAML ------------------------------------------------------------------------------------------------------*/

/* (en) Global reset of paddings and margins for all HTML elements */
* { margin:0; padding: 0 }

/* (en) Correction: margin/padding reset caused too small select boxes. */
option { padding-left: 0.4em }

/*  (en) Global fix of the Italics bugs in IE 5.x and IE 6 */
* html body * { overflow:visible; }
* html iframe, * html frame { overflow:auto; }
* html frameset { overflow:hidden; }

/* (en) Forcing vertical scrollbars in Netscape, Firefox and Safari browsers */
html { height: 100%; }
body {
	/* (en) Fix for rounding errors when scaling font sizes in older versions of Opera browser */
	font-size: 100.01%;
	
	/* (en) Standard values for colors and text alignment */
	color: #000;
	background: #fff;
	text-align: left;
}

/* (en) Clear borders for <fieldset> and <img> elements */
fieldset, img { border: 0 solid; }

blockquote { margin: 0 0 1em 1.5em; }

/* (en) Backup for correct positioning */
/*#header, #nav, #main, #footer { clear:both; }*/

/* (en) Adjustment: sort #col3 behind float columns using z-index */
/*#col1 {z-index: 3}
#col2 {z-index: 5}
#col3 {z-index: 1}
#col1_content {z-index: 4}
#col2_content {z-index: 6}
#col3_content {z-index: 2}
#col1_content, #col2_content, #col3_content { position:relative }*/

/* (en) clearfix method for clearing floats */

/*apply this to everything that has a clearfloat after it, or add the clearfix class to all of those items*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0px;
}

/* (en) essential for Safari browser !! */
.clearfix { display: block }

/* (en) overflow method for clearing floats */
.floatbox { overflow:hidden }

/* (en) IE-Clearing: Only used in Internet Explorer, switched on in iehacks.css */
#ie_clearing { display: none }

.clearleft { clear: left; }

.clearright { clear: right; }

.floatleft { float: left; }

.floatright { float: right; }

/* End of YAML ---------------------------------------------------------------------------------------------------------*/

/* from scaffold.css ---------------------------------------------------------------------------------------------------*/
body, p, ol, ul, td {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size:   13px;
  line-height: 18px;
}

pre { background-color: #eee; padding: 10px; font-size: 11px; }

.fieldWithErrors { padding: 2px; background-color: red; display: table; }

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p { color: #333; margin-bottom: 0; padding: 5px; }

#errorExplanation ul li { font-size: 12px; list-style: square; }
 
/* end of scaffold.css -------------------------------------------------------------------------------------------------*/

body {
	background: #F4F3F2 url(../images/jeorHeaderBg.png) repeat-x center top;
	min-width: 920px;
	font-size: 13px;
	line-height: 15px;
	font-family: Lucida Grande, Trebuchet, Trebuchet MS, Tahoma, Arial;
}

p {
	font-size: 13px;
	line-height: 15px;
	font-family: Lucida Grande, Trebuchet, Trebuchet MS, Tahoma, Arial;
	margin: 3px 0px 10px;
}

h1 { font-size: 18px; line-height: 22px; font-family: Lucida Grande, Trebuchet, Trebuchet MS, Tahoma, Arial; font-weight: bold; margin-bottom: 7px; }

h2 { font-size: 16px; line-height: 18px; font-family: Lucida Grande, Trebuchet, Trebuchet MS, Tahoma, Arial; font-weight: bold; margin-bottom: 7px; }

h3 { font-size: 14px; line-height: 16px; font-family: Lucida Grande, Trebuchet, Trebuchet MS, Tahoma, Arial; font-weight: bold; color: #666; margin-bottom: 7px; }

h4 { font-size: 11px; line-height: 11px; font-family: Lucida Grande, Trebuchet, Trebuchet MS, Tahoma, Arial; font-weight: bold; margin-bottom: 5px; text-transform: uppercase; }

h5 { font-size: 12px; line-height: 14px; font-family: Lucida Grande, Trebuchet, Trebuchet MS, Tahoma, Arial; font-weight: normal; color: #999; margin-bottom: 5px; }

h6 { font-size: 12px; line-height: 14px; font-family: Lucida Grande, Trebuchet, Trebuchet MS, Tahoma, Arial; font-weight: bold; color: #333; margin-bottom: 5px; }

/* - list styles - */
/*ul, ol { margin: .5em 0 1em; font-family: Arial, Helvetica, sans-serif; font-size: 13px; }*/
div#content ul, div#content ol { margin: 0px 0px 1em; line-height: 1.35em; }
div#content ul ul, div#content ol ol { margin: 5px 0px; }
div#content ul { list-style: disc outside; }

div#content li { margin: 0 0 3px 15px; }

div#content ol li { margin-left: 22px; }

/* - various list class options for editors - */
div#content ol.references { margin-top: 0px; font-size: 11.5px; list-style: decimal outside; }
div#content ol, div#content ol.num { list-style-type: decimal; }
div#content ol.numTwoDigits { list-style-type: decimal-leading-zero; }
div#content ol.roman, div#content ol.romanLower { list-style-type: lower-roman; }
div#content ol.romanUpper { list-style-type: upper-roman; }
div#content ol.alpha, div#content ol.alphaLower { list-style-type: lower-alpha; }
div#content ol.alphaUpper { list-style-type: upper-alpha; }
div#content ul.square { list-style-type: square; }
div#content ul.circle { list-style-type: circle; }

div#content dl { margin-top: -5px; }
div#content dl dt { margin-top: 10px; font-weight: bold; }
div#content dl dd { padding-left: 10px; }

sub, sup { margin-left: 1px; position: relative; font-size: .75em; line-height: 2px; vertical-align: baseline; }
sub { top: .25em; }
sup { top: -.5em; }


div#header {
	background: #336633 url(../images/jeorHeaderLightBg.png) no-repeat center top;
	height: 75px;
	width: 920px;
	margin: 0px auto;
	overflow: hidden;
	position: relative;
	padding: 0px 0px 10px 0px;
}

div#header img { position: absolute; top: 14px; left: 50px; }

div#header p {
	color: white;
	font-size: 26px;
	line-height: 75px;
	text-align: left;
	text-indent: 200px;
	font-weight: bold;
	font-family: Lucida Grande, Trebuchet, Trebuchet MS, Tahoma, Arial;
}

div#contentWrapper {
	background: url(../images/jeorBg.png) repeat-y center top;
	position: relative;
	width: 720px;
	padding: 0px 10px 0px 190px;
	margin: 0px auto;
	overflow: hidden;
}

div#content { float: left; padding: 0px 10px 10px; width: 700px; min-height: 263px; }

div#footer { border-top: 2px solid #336633; clear: both; padding: 10px 0px; }

div#footer p { text-align: center; font-size: 11px; }

div#nav { float: left; width: 160px; padding: 0px 10px 10px 10px; margin-left: -180px; position: relative; }

div#nav ul#menu { padding: 5px 0px; }

div#nav ul#admin_menu { padding: 0px 0px 10px 0px; margin: 0px 0px 5px; border-bottom: 1px solid #999; }

div#nav ul#menu li,
div#nav ul#admin_menu li { margin: 0px; font-size: 13px; line-height: 18px; }

div#nav ul#menu li a,
div#nav ul#admin_menu li a { margin: 0px 0px 0px -10px; padding: 3px 0px 6px 10px; height: 18px; line-height: 18px; display: block; border-color: #ebebeb; border-width: 1px 0px; border-style: solid; }

div#nav ul#menu li a:hover,
div#nav ul#admin_menu li a:hover { background-color: #fff; color: #363; border-color: #ddd; margin-right: -10px; padding-right: 10px; }

div#nav div#subs { padding: 10px 0px; border-top: 1px solid #999; }

* html div#nav, * html div#content { display: inline; }

/* ------------------- Search and SERP ----------------------- */

/*form#search {*/
div#content form#archiveSearch {
	background: url(../images/searchBg.png) no-repeat 0px 0px;
	display: block;
	float: right;
	height:21px;
	width: 230px;
	text-align: center;
	padding: 10px 20px 20px;
	overflow: hidden;
}

/*div#content form input { vertical-align: bottom; height: 14px; }

input[type="submit"] {
	border: 1px solid #363;
	cursor: pointer;
	color: #363;
	background-color: #ebebeb;
	padding-bottom: 2px;
	height: 20px !important;
	width:  85px;
}*/

body#search div#content dl { border-top: 1px solid #999; }

body#search div#content dl dt { margin-top: 10px; line-height: 17px; }

body#search div#content dl dd { margin: 2px 0px 15px; font-size: 11px; color: #666; }

/* --- PAGINATION styles --- */

div#pagination { margin: 5px 0px; /*float: left;*/ padding: 5px 0px; clear: both; text-align: center; }

/* this is the style for a disabled button, ie previous on page 1 */
div#pagination span { color: #fff; font-size: 11px; line-height: 11px; padding: 2px 5px; background-color: #d8dadf; border: 1px solid #d8dadf; text-decoration: none; }

/*this is for the majority of the page #'s */
div#pagination a span { color: #363; background-color: #ebebeb; border: 1px solid #363; text-decoration: none; }

div#pagination a { text-decoration: none; } /*without this it adds an underline below the box which looks really weird*/

div#pagination a:hover span { color: #6a6; /*background-color: #d8dadf;*/ text-decoration: underline; }

div#pagination span.curr_page { background-color: #363; border: 1px solid #363; color: #fff; font-weight: bold; }

/* ------------------- OTHER ----------------------- */

img { border: none; }

body#detail div#content img { float: left; }

h4#tocHeader {
	border-style: solid;
	border-color: #ccc;
	border-width: 2px 2px 1px 2px;
	background-color: #ebebeb;
	padding: 5px 10px;
	width: 500px;
	margin: 4px 0px 0px;
	float: left;
}

div#content ul#toc {
	list-style-type: none;
	list-style-position: outside;
	width: 500px;
	border: 2px solid #ccc;
	height: 153px;
	overflow: scroll;
	overflow-x: hidden;
	overflow-y: scroll;
	padding: 5px 10px 0px;
	border-style: solid;
	border-color: #ccc;
	border-width: 0px 2px 2px 2px;
	float: left;
	margin-bottom: 15px;
	position: static;
}

ul#toc li { font-size: 11px; line-height: 13px; padding-bottom: 6px; position: static; font-family: Lucida Grande, Trebuchet, Trebuchet MS, Tahoma, Arial; }

div.issue {
	margin-bottom: 10px;
	border-bottom: 1px solid #232;
	width: 158px;
	margin: 0px 10px 10px 0px;
	float: left;
	text-align: center;
	border: 1px solid #999;
}

div.issue a img { padding: 5px 0px 5px 10px; background-color: #fff; }

div.issue p {
	border-top: 1px solid #999;
	margin: 0px;
	padding: 5px;
	background-color: #ebebeb;
}

div#articleList { margin-top: 10px; clear: both; }

div.article { margin-top: 10px; border-top: 1px solid #ccc; padding-top: 10px; }

p.buyLink {
	float: left;
	margin: 5px 10px 5px 0px;
	padding: 0px;
	text-align: center;
	width: 50px;
}

p.buyLink a { 
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding: 5px;
	background-color: #363;
	border: 1px solid #000;
}

p.buyLink a:hover {
	text-decoration: underline;
	background-color: #6a6;
	border-color: #666;
	color: #fff;
}

p.buyLink a:active {
	background-color: #232;
	color: #999;
	text-decoration: underline;
	border-color: #000;
}

div#content center form input { overflow: hidden; }

.debug { color: #900; }

a { color: #363; }
a:visited { color: #232; }
a:hover { color: #6a6; }