/* CSS Document */

/*COLORS IN USE:

#D3722B h1, h2; also background for FGN banner
#E5E5E5 outerWrapper, header: background-color
#EAEAEA navbar background
#FFCC33 footer text
#FFCC00 blog header - deeper yellow?
#D23B21 red of name in logo/banner
#666666 gray for a:links, byline, publication attributions
#999999 a:hover
#cccccc a:visited

*/

html, body, div, img, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
}
#header img {
	padding-left:23px;
}
body {
	background-color: #FFFFFF;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 1.3em;
	margin:0;
	padding:0;
	text-align: center; /* Centers the page content container in IE 5 browsers. */
}
/*body#home a#l-home, */
body#bio a#l-bio, body#journ a#l-journ, body#books a#l-books, body#blog a#l-blog, body#links a#l-links, body#contact a#l-contact {
	border-bottom: 3px #D3722B solid;
	color:#D3722B;
}
/* ------------------- BASIC TYPOGRAPHY TAGS ------------------------- */
	h1 {
	color:#D3722B;
	font-family: 'Century Gothic';
	font-size: 2em;
	line-height: 2em;
	font-weight:lighter;
	margin-top:20px;
}
h2 {
	color: #d3722b;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.1em;
}
h2 a:link, h2 a:visited {
	color: #d3722b;
	text-decoration:underline;
}
h2 a:hover {
	color: #d3722b;
	text-decoration:none;
}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	line-height: normal;
	text-transform:uppercase;
	color: #d3722b;
}
h3 a, h3 a:visited {
	color: #D3722B;
}
a, a:link {
	color: #666666;
	font-weight: bold;
	text-decoration: none;
}
a:visited {
	color: #cccccc;
	color:#888;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #999999;
	color:#ccc;
}
#outerWrapper {
	background-color:#E5E5E5;
	margin: 0 auto 0 auto;
	text-align: left; /* Redefines the text alignment defined by the body element. */
	width:900px;
	position:relative;
}
#header {
	background-color:#E5E5E5;
	/*  padding: 0px 23px 0 23px;*/
	padding-top:15px;
}
#contentWrapper {
	width:854px;
	background-color:#FFFFFF;
	margin-left:23px;
}
/* If floated elements are used without being cleared the elements following will wrap around the floated element. This class should be applied to an element after the last floated element and before the close of the container with floated elements. */
#content {
	background-color: #FFFFFF;
	/*  margin: 0 23px 0 165px;*/
  width:650px;
	padding: 10px 10px 10px 20px;
	float:left;
	display:inline;
	overflow:hidden;
}
#content.front {
	width:823px;
	height:428px;
}
#content.books {
	padding:0;
}
#navBar {
	width:854px;
	margin-left:33px;
	float:left;
	display:inline;
	overflow:hidden;
	background-color:#E5E5E5;
}
#navBar ul {
	display:block;
	list-style-type:none;
	margin:0;
	padding:0;
}
#navBar li {
	display:block;
	float:left;
	width:auto;
	font-family:Georgia, 'Times New Roman', Times, serif;
	font-size:1.2em;
}
#navBar a.first {
	padding-left:40px;
}
#navBar li a {
	display:block;
	background-color:#EAEAEA;
	padding:5px 15px;
	margin-bottom:3px;
	margin-right:2px;
	width:auto;
	color:#000000;
	text-decoration:none;
	border-bottom: 3px #EAEAEA solid;
}
#navBar li a:hover {
	border-bottom: 3px #D3722B solid;
	color:#D3722B;
}
#sideBar {
	background-color: #FFFFFF;
	float: left;
	display:inline;
	overflow:hidden;
	padding: 50px 10px 10px 10px;
	width: 122px;
	margin: 0 0 0 23px;
}
#sideBar h1 {
	background-image:url(/images/sideBullet.png);
	background-repeat:no-repeat;
	background-position:left 2px;
	padding-left: 10px;
	margin-bottom:10px;
	font-weight:bold;
	font-size:1em;
	line-height:110%;
	font-family:Verdana, Arial, Helvetica, sans-serif;/*color: #d3722b;*/
		}
#sideBar ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
#sideBar li {
	margin-bottom:10px;
	margin-left:15px;
}
#sideBar li a {
	text-decoration:underline;
	font-weight:normal;
}
#sideBar li a:hover {
	color:#000000;
}
#footer {
	/*  margin:auto;*/
		background-color: #d3722b;
	color:#FFCC33;
	width:900px;
	height:40px;
	float:left;
	display:inline;
	overflow:hidden;
}
#footer ul {
	background-color: #d3722b;
	list-style-type:none;
	padding:10px 0;
	margin:auto;
	text-align:center;
	width:600px; /*set width to make margin:auto center the ul in the footer...*/
}
#footer li {
	display:block;
	float:left;
	width:auto;
	background-color: #d3722b;
}
#footer li a {
	text-decoration:underline;
	color:#FFCC33;
	font-weight:normal;
	display:block;
	padding: 0 10px;
	width:auto;
	border-right:thin #FFCC33 solid;
}
#footer a.last {
	border-right:none;
}
/*abs used to position photo on front page absolutely*/
.abs {
	position:absolute;
	top:126px;
	right:23px;
	z-index: 10;
}
.addr {
	margin:0;
	text-indent: 1em;
}
.blogg {
	font-size:3em;
	color:#FFCC00;
	z-index:25;
	position:absolute;
	top:527px;
	left:63px;
}
.blogBanner {
	z-index:20;
	position:relative;
}
.bookCover {
	width:110px;
	float:left;
	border:0;
	margin-top:15px;
	margin-right:10px;
	margin-bottom:0;
	display:inline;
	overflow:hidden;
}
.bookCover img {
	margin-bottom:0;
}
.bookText {
	margin-top:15px;
	float:left;
	width:500px;
	display:inline;
	overflow:hidden;
}
/*byline used for byline display on books page*/
.byline {
	color:#666666;
}
/*cite used to id citations for later styling if needed; currently not styled*/
.cite {
}
.clearFloat {
	clear: left;
	display: block;
}
.divider {
	height:8px;
	width:100%;
	background: url(/images/horizDiv.png) repeat-x left top;
	clear: left;
	margin:5px 0;
}
.floatLeft {
	float:left;
	padding:10px 10px 10px 0;
	border:0;
}
.floatRight {
	float:right;
	padding:10px;
	border:0;
}
/*indentLeft just for generic indenting... currently in use only on books page*/
.indentLeft {
	margin-left:10px;
	width:425px;
	float:left;
}
a.more {
	color:#d3722b;
	font-weight:normal;
	font-style:italic;
	text-decoration:underline;
	margin-right:20px;
	text-align:right;
}
h2.a.more {
	color:#d3722b;
	font-weight:normal;
	font-style:italic;
	text-decoration:underline;
}
/*pub used for citations trailing review excerpts*/
.pub {
	color:#666666;
	font-style:italic;
}
/*query used to highlight questions temporarily*/
.query {
/*color:#00CC00;*/
}
/*sub used for */
.sub {
	font-weight:normal;
	text-indent:2em;
}
/*summ used to highlight article summaries -- in color for editing, then afterwards perhaps for styling?*/
.summ {
/*display:none;*/
}
/*title used for styling article titles on journalism page*/
.title {
	/*font-weight:bold;*/
color:#666666;
}
a.title {
	color:#666666;
	font-weight:normal;
	/*font-weight:bold;*/
text-decoration:underline;
}
#newBook {
	float:left;
	width:300px;
	margin-top:20px;
}
#bookRight, #connect {
	float:left;
	width:150px;
	margin-top:20px;
	margin-left:35px;
	margin-right:10px;
}
#bookLeft, #playboys {
	float:left;
	width:150px;
	margin-top:20px;
	margin-left:20px;
}
#playboys {
clear:left;	
}
a.linkdiff {
	color:#000000;
	font-weight:normal;
	text-decoration:underline;
}
/* CSS Document */
/*revised styles for citations, laurapappano.com*/


body {
	background-color: #FFFFFF;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 1.3em;
	margin:0;
	padding:0;
	text-align: center; /* Centers the page content container in IE 5 browsers. */
}

a, a:link {
	color: #666666;
	font-weight: bold;
	text-decoration: none;
}
a:visited {
	color: #cccccc;
	color: #888888;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #999999;
	color: #cccccc;
}

/* for styling article titles -- class is there so can change in future, but for now, only use quotation marks -- gray only if linked, so that comes in the a.title style.  Include "" in <a> span or look weird!! */
.title {
/*	color:#666666;*/
color:black;
}
a.title {
	color:#666666;
	font-weight:normal;
}
.pub { /*for the name of a publication -- either a paper or a  magazine, or a book*/
	font-style:italic;
	color:black; /*to override gray in other, earlier style sheets that haven't been disabled yet*/
}
.byline {   /* used for byline, e.g. on books page*/
	color:#666666;
}
.sub {  /*sub used for subtitles on books page, applied ONLY to an h2 tag */
	font-weight:normal;
	text-indent:2em;
}
.revPub {    /* used for citations trailing review excerpts*/
	color:#666666;
	font-style:italic;
}
.cite {  /*cite used to id div of citations for later styling if needed; currently not styled*/
}

/*summ used to highlight article summaries -- in color for editing, then afterwards perhaps for styling?*/
.summ {
/*display:none;*/
}


a.more {  /*more links to additional reviews, right now just for playing with the boys*/
	color:#d3722b;
	font-weight:normal;
	font-style:italic;
	text-decoration:underline;
	margin-right:20px;
	text-align:right;
}
#sideBar li a {
	text-decoration:none;	
}