/* 
	style sheet for Ron Lichty web site
	Author: Ron Lichty
	Date Created: 3/16/12
	Time: 11:26pm
	Copyright © 2012, 2013, 2014, 2015, 2016, 2017, 2018, 2019, 2020 Ron Lichty
*/


/* BODY: set color, background color, reset margin and padding, establish font-family */
	body 		{ 	background-color: white; color: black; 
					margin: 0px; padding: 0px;	/* reset body margins to zero */
					font-family: Helvetica, Ariel, sans-serif; }

/* HEADER (Ron Lichty photo) */
	div#header	{	
					left: 0px; top: 0px; right: 0px;
					height: 243px;
					border: 1px solid white;
					border-bottom: 1px solid black; 
					}
	
	div#photo
				{	float: left;
					margin: 0px;
					padding: 0px;
					}
					
	div#headertext {	
					margin-top: 0px;
					margin-left: 186px;
					padding: 0px;
					font-family: "Times New Roman", serif; 
					}
	
	div#headertext h1, div#headertext h2, div#headertext p, div#headertext address
				{	text-align: center; 
					width: 470px;
					margin-right: auto; margin-left: auto;
					}
					
	div#header h1 {	padding-top: 0px; 
					margin-bottom: 0px;
					}
	div#header h2 {	margin-top: 0px;
					font-style: italic;
					}
	
	div#header p {	font-style: italic; 
					font-size: 1.2em;
					padding: 10px;
					}
	
	div#header p#oneline {	padding: 32px;
					}
	
	div#header address
				{	font-weight: 800;
					font-size: .9em;
					font-style: normal;
					text-align: center; 
					}

/* COVER HEADER (book cover) */
	div#coverheader	{	
					left: 0px; top: 0px; right: 0px;
					height: 266px;
					border: 1px solid white;
					border-bottom: 1px solid black; 
					}
	
	div#coverheader div#coverimg
				{	float: left;
					margin: 0px;
					padding: 5px 30px;
					}
					
	div#coverheadertext {	
					margin-top: 0px;
					margin-left: 186px;
					padding: 0px;
					font-family: "Times New Roman", serif; 
					}
	
	div#coverheadertext h1, div#coverheadertext h2, div#coverheadertext h4, div#coverheadertext h5
				{	text-align: center; 
					width: 470px;
					margin-right: auto; margin-left: auto;
					}
					
	div#coverheader h1 {	
					padding-top: 0px; 
					margin-top: 30px;
					margin-bottom: 0px;
					}
					
	div#coverheader h2 {	
					margin-top: 15px;
					}
	
	div#coverheader h4 {
					font-size: 1.1em;
					margin-top: 30px;
					margin-bottom: 0px;
					}
	
	div#coverheader h5 {
					margin-top: 10px;
					font-weight: 200;
					margin-bottom: 0px;
					}

	div#coverheader p.order {
					font-family: Helvetica, Ariel, sans-serif;
					text-align: right;
					padding: 0px 10px;
					font-size: 0.8em;
				}
				
	
/* NAVIGATION Left Column */
	div#nav		{	
					clear: both;
					float: left;
					padding: 0 0 0 0;
					margin: 0 0 0 0;
					width: 170px;
					display: inline;  /* fixed IE Double Margin Float bug */
					background-color: #F5F5F5;
					border-right: 1px solid black;
					}
					
	div#nav ul	{	
					font-size: 0.8em;
					}
	div#nav ul	{	padding: 3px 0 0 10px;
				list-style-type: none; }
	div#nav li	{	padding-bottom: 9px; 
					margin-left: 10px;
					}
	div#nav li b { color: red; }
	a:link 		{ 	color: blue; }
	a:visited 	{ color: #996633; }	   /* brown */
	a:hover, a:active {
					color: #EFD279;
					background: #175B7D;
					}
					
	div#nav li.tag {
					margin-left: 0px;
					padding-top: 5px;
					padding-bottom: 5px;
					font-weight: 800;
					}
			
	div#nav li.solnlist {
					padding-top: 0px;
					padding-bottom: 1px;
					}
					
					
/* CONTENT Right Column */
	div#content	{	
					padding-left: 10px;
					margin-left: 170px;
					margin-top: 0px;
					padding-top: 20px;
					border-left: 1px solid black;
					background-color: #FFF8DC;
					}
					
	div#content h2	{	
					margin-top: 0px;
					}
					
	div#content h3	{	
					margin-bottom: 0px;
					}
					
	div#content h4 {	
					font-style: italic;
					margin-bottom: 0;
					}
					
	div#content h4.intro {	
					padding-bottom: 10px;
					}
					
	div#content p {	
					line-height: 1.3em;
					margin-right: 20px;
					margin-bottom: 0px;
					}
					
	div#content p.prelist {	
					margin-bottom: 6px;
					}
					
	div#content ul {	
					margin-top: 4px;
					font-size: 0.9em;
					line-height: 1.3em;
					}
					
	div#content li {	
					padding-bottom: 2px;
					margin-right: 20px;
					}
	
/* ski pages content */
	div#content li.tag {
					margin-left: -25px;
					padding-top: 5px;
					padding-bottom: 5px;
					font-weight: 800;
					list-style-type: none; 
					}
	div#content li.tag2 {
					margin-left: -10px;
					padding-top: 5px;
					padding-bottom: 5px;
					font-weight: 800;
					list-style-type: none; 
					color: purple; 
					}
			
					
/* left and right floating pics */
	div.rightpic
				{	float: right;
					margin: 0px;
					padding: 0px 15px;
					}
				
	div.rightpicplus
				{	float: right;
					margin: 0px 30px 0px 0px;
					padding: 10px 15px;
					}
				
				
	div.leftfloat
				{	float: left;
					margin: 0px 12px 0px 0px;
					padding: 5px 5px;
					}

	div.leftfloatplus
				{	float: left;
					margin: 0px 12px 0px 0px;
					padding: 5px 20px 5px 5px;
					}

		

/* BIO css */
	div#bio p { 
					font-size: 1.1em; 
					line-height: 1.3em;
					}
					
/* CLIENT TESTIMONIALS css */
	div#clienttalk h2 { 
					margin: 25px 0px 0px 0px;
					}

	div#clienttalk p { 
					font-size: 1.1em; 
					line-height: 1.3em;
					margin: 15px 0 25px 0;
					}
					
	div#clienttalk span.company {	
					font-weight: 700;
					color: darkgreen;
					}

/* HOMEPAGE css */
	div#content table {	
					font-size: 0.75em;
					margin: 0 40px 0 15px;
					border: 6px solid #002bee;
					border-collapse: collapse;
					background-color: #FFDAB9;
					}

	div#content table col.col1 {	
					width: 45%; }
					
	div#content table th, div#content table td {	
					border: 1px solid gray;
					padding: 3px 5px;
					}
					
	div#content table th {	
					font-style: italic;
					}
					
	div#content div#centerbox {	/* container for "kudosbox"; can center this one horizontally */
					width: 560px; 
					height: 210px;
					margin-right: auto; margin-left: auto;
					}

	div#content div#kudosbox {	/* container for quote; turn into a table-cell to vertically center the P */
					width: 560px; 
					height: 110px;
					border: 2px solid blue;
					margin-right: auto; margin-left: auto;
					background-color: #E0eeff;		/* was light cyan */
					display: table-cell;
					vertical-align: middle;
					}

	div#kudosbox p#kudos {		/* placeholder quote */
					font-size: 0.85em;
					font-style: italic;
					margin: 0;
					text-align: left;
					padding: 8px;
					padding-left: 10px;
					}
					
	div#content h4#last {	
					padding-bottom: 15px;
					margin-bottom: 0;
					}
					
/* CLIENTS css */
	div#leadingpic
				{	float: right;
					margin: 0px;
					padding: 0px 15px;
					}
					
	ul#clients	{	margin-right: 40px; 
					margin-bottom: 0;
					}

	ul#clients li {	padding-bottom: 11px;
					line-height: 1.3em;
					font-size: 1.2em;
					}

	ul#clients li span.company {	
					font-weight: 700;
					color: darkgreen;
					}

					
				
/* BOOK REVIEWS and MORERULESOFTHUMB css */

	/* the book: copy */
	div#content p.order {
					text-align: right;
					margin-top: 5px;
					margin-right: 10px;
				}

	span.title {	font-style: italic; }		/* italicize the book's title */

	div#content q {
					display: block;
					font-size: .9em;
					font-style: italic;
					margin-right: 40px;
					margin-bottom: 4px;
					line-height: 1.3em;
					text-indent: 0em;
				}
	div#content q em {font-style: normal;}

	div#content cite:before {content:"—";}
	div#content cite {
					display: block;
					font-size: .8em;
					font-style: normal;
					margin-right: 40px;
					margin-bottom: 14px;
					line-height: 1.1em;
					margin-left: 6em;
					text-indent: -1.5em;
				}
	div#content cite em {font-style: italic;}
	
	ul.spacedlist {padding-top: 8px; }

/* BOOK MORERULESOFTHUMB css */

	div#content p.quotecomment { margin-left: 3em;
					margin-bottom: 14px; }

/* BOOK TOOLS css */

	ul.toolslist {  font-size: 12pt;
					list-style-type: none; }

	ul.toolslist li {  font-size: 10pt; }
	ul.toolslist li.dnld { font-style: italic; }

/* CLASS page css */

	div#classcontent { height: 520px; 
					padding-left: 10px;
					margin-left: 170px;
					margin-top: 0px;
					padding-top: 20px;
					border-left: 1px solid black;
					background-color: #FFF8DC;
					}


/* STUDY page css */

	.resource-box {
		background: none repeat scroll 0 0 white;
		border: 1px solid #BBBBBB;
		-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
		display: inline-block;
		height: 150px;
		margin-top: 5px;
		margin-right: 5px;
		margin-bottom: 5px;
		padding: 8px;
		text-align: left;
		width: 170px;
	}
	
	.resource-box .top-content {
	    float: left;
	    height: 80%;
	}
	
	.resource-box .resource-title {
	    float: left;
		margin-top: 5px;
	    font-size: 9pt;
	}

	div#content p#resourcenote { 
		margin-top: 0px;
					font-size: .8em; 
					line-height: .8em;
					color: red;
					}

/* FOOTER */
	div#footer {	
					clear: both;
					margin-top: 0px;
					text-align: center;
					}
					
	div#footer p#cite	{	
					padding: 25px 10px 2px 0;
					margin: 0 0px 0px 170px;
					background-color: #FFF8DC;
					border-left: 1px solid black;
					text-align: right;
					font-size: 0.3em;
					}
	
	div#footer p#action	{	
					padding-top: 8px;
					padding-bottom: 8px;
					margin: 0px;
					font-size: 0.9em;
					font-style: italic;
					color: white;
					background-color: black;
					}
	
	div#footer address	{	
					padding-top: 4px;
					padding-bottom: 0px;
					margin: 0px;
					font-size: 0.9em;
					font-style: normal;
					}
	
	div#footer p#today	{	
					border-bottom: 1px solid black;
					font-size: 0.9em;
					font-style: italic;
					margin-top: 5px;
					padding-top: 8px;
					padding-bottom: 8px;
					margin-bottom: 10px;
					color: white;
					background-color: black;
					}