/*
CSS for Cynthia Cathcart Site
*/
/*
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,  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; }*/


/* Basic Style
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
body {
background-color:#D9E6D6; 
background-image: url(background_wood.jpg);
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; 
/*font-family: "Palatino Linotype", "Verdana", helvetica, arial, sans-serif;*/
line-height:150%;
font-size:100%;
margin:0;
padding:0;
color:#192814;
}

h1, h2, h3, h4, h5, h6 {font-weight:normal;}

p {
font-size:100%;
line-height:1.44;
/*margin: 1.12em 0;*/
}

blockquote	{
font-style:italic;
margin: 1.12em 0;
margin-left: 40px;
margin-right: 40px;
}

ul {
list-style-type:circle;
line-height:1.5;
margin:0;
}

li span	{
color:#140A05 ;
font-size:1.125em;
}

#content_box {
background-color: #AfC1AB;
border:4px outset #687765;
margin:30px auto;
width:1058px;
position:relative;
}

#narrow_content_box, #table_content_box {
background-color: #AfC1AB;
border:4px outset #687765;
margin:30px auto;
width:800px;
position:relative;
}

.maintext	{
font-size:1.1em;
line-height:1.7;
margin:0 30px 20px 30px;
}

.bodytext	{
margin:0 25px 25px 25px;
}

#title	{
margin:0 0 2px 20px;
font-size:3em;
}

.line	{
width:500px;
align:left;
margin-left:20px;
background:#3F483D none;
height:3px;
}

.lineright	{
width:500px;
float:right;
margin:20px 20px 0 0; 
background:#3F483D none;
height:3px;
}

.linemid	{
width:700px;
margin:20px 0 20px 20px;
background:#3F483D none;
height:3px;
display:inline-block;
}

.lineshort	{
width:200px;
margin-right:20px;
background:#3F483D none;
height:3px;
}

.floatleftpic	{
float:left;
margin:10px 20px 5px 0;
font-weight:bold;
color:#ffffff;
}

.floatrightpic	{
float:right;
margin:10px 0 5px 20px;
font-weight:bold;
color:#9b0e1e;
}

.floatleftpic p span, .floatrightpic p span	{
font-weight:normal;
font-size:1em;
color:#c75f6b;
}

.leftbox	{
width:225px; 
position:relative;
float:left;
margin:0 20px 0 0;
padding:0 10px 0 10px; 
background-color: #768473;
border:4px ridge #687765;
color:white;
font-size:1.1em;
}

.rightbox	{
width:225px; 
position:relative;
float:right;
margin:0 0 0 20px;
padding:0 10px 0 10px; 
background-color: #768473;
border:4px ridge #687765;
color:white;
font-size:1.1em;
}

.highlightbox	{
position:relative;
float:right;
margin:20px;
padding:10px 10px 0 10px; 
background-color: #768473;
border:4px ridge #687765;
color:white;
font-size:1.1em;
}

.click	{
background-color:#AfC1AB; 
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; 
line-height:150%;
font-size:100%;
color:#9b0e1e;
padding:0;
margin:0;
cursor:pointer;
border:none;
}

.topofpage	{
float:right;
padding-top:5px;
}

#portrait	{
height:366px;
width:550px;
margin-left:20px;
position:relative;
}

#navlist_left	{ /* this was 35px */
width:240px;
text-align:right;
font-size:2.1em;
line-height:1.80;
position:absolute;
top:0;
right:20px;
list-style-type:none;
color:white;
}

#navlist_right	{
width:215px;
text-align:left;
font-size:2.1em;
line-height:1.80;
position:absolute;
top:71px;
right:0;
list-style-type:none;
color:white;
}

#navcontainer	{
width:165px;  /*was 185px */
position:relative;
float:right;
margin:20px 20px 10px 8px;
/* position:absolute;
top:10px;
right:20px; */
padding:10px 20px 10px 0; 
background-color: #768473;
border:4px ridge #687765;
}

#navsecondary	{ /* Secondary navigaton list*/
text-align:right;
font-size:1.25em;
list-style-type:none;
margin: 0; padding: 0; /*added this line to eliminate default left indent in ul */
}

#private	{
width:200px;
position:relative;
float:right;
margin:-5px 0 0 0;
text-align:right;
font-size:1.25em;
}


/* Slide Show Formatting 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#slideshow {
float:left;
width:400px;
height:250px;
padding:10px;
}

.gss a img {border:none;}

.gss	{
float:left;
width:400px;
height:266px;
color:#818285;
background-color:#fff;
padding:8px;
margin:10px 0 0 20px;
}


/* headers
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

h1	{
margin:30px 0 20px 20px;
font-size:3em;
}

h1 span, h2 span	{
line-height:1.1em;
}

h2 {
margin:30px 0 20px 20px;
font-size:2em;
}

h3 {
margin:0 0 20px 20px;
font-size:1.5em;
}

h4 {
color:#140A05;
font-size:1.75em;
line-height:100%;
}

h5	{
margin:0 0 20px 20px;
font-size:.75em;
}

/* Links text look 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
a {
font-weight:0;
text-decoration:none;
}

a:link {color:#9b0e1e;}
a:visited {color:#9b0e1e;}
a:active {color:#c75f6b;}
a:hover {color:#ffffff;
text-decoration:underline;}

.photocaption	{
font-size:.75em;
}

a img {border:2px solid #9b0e1e;}  /*so linking images have borders*/
a:hover img {border: 2px solid #ffffff;}


#navlist_left a:link, #navlist_right a:link, #navsecondary a:link, #private a:link{
color:#ffffff;}

#navlist_left a:visited, #navlist_right a:visited, #navsecondary a:visited {
color:#ffffff;}

#navlist_left a:hover {
color:#c4b16f;
text-decoration: underline;
}

#navlist_right a:hover,	#navsecondary a:hover, #private a:hover {
color:#9b0e1e;
text-decoration:underline;
}

#title a	{
color:#192814;
text-decoration:none;
}

.groupleftcontainer	{ /*to hold images next to 2nd nav in narrow content */
width:540px;
padding:0 5px 0 0;
margin:0 10px 10px 25px;
}

.groupleftcontainer img	{
margin:0 5px 0 5px;
}

.groupbox800	{
display:inline-block;
width:740px;
margin:0 0 10px 0;
}

.groupbox800 img	{
margin-right:10px;
}

.ordercontainer	{
width:740px;
padding:0 5px 0 0;
margin:0 10px 10px 25px;
}

.ordercontainer img	{
margin:0 0 0 7.5px;
}

.orderform	{
float:right;
cursor:pointer;
}

.orderbutton	{
display:inline-block;
margin:0 5px 0 5px;
width:120px;
}

.viewbutton	{
display:inline-block;
margin:10px 5px 30px 5px;
width:120px;
}

.orderbutton img	{
margin-bottom:0;
}

.orderbutton p	{
margin:0 0 0 40px;
line-height:1.44;
}

.rightorder	{
float:right;
width:570px;
margin:0 50px 0 0;
}

/* Recording "rec" and Book pages styles 
========================================== */
#rec_container	{
width:400px;
height:360px;
position:relative;
float:right;
margin:20px 20px 0 0;
border:4px ridge #687765;
}

#bookcontent_box, #rec_content_box	{
background-color: #AfC1AB;
border:4px outset #687765;
margin:30px auto;
width:1058px;
position:relative;
}

#bookcontainer	{
width:400px;
height:530px;
position:relative;
float:right;
margin:20px 20px 0 0;
border:4px ridge #687765;
}

#bookcontent_box h1, #table_content_box h1, #table_content_box h2, #rec_content_box h1 {
display:inline-block;
margin:30px 0 0 20px;
}

#bookcontent_box h2, #rec_content_box h2	{
margin-top:10px;
line-height:1.1em;
}

.booktext	{
margin:0 0 25px 25px;
}

.backlink	{
display:inline;
float:right;
text-align:right;
margin:10px 20px 0 0;
}

.toc_image	{
float:left;
width:107px;
margin:10px 10px 450px 10px;
}

.track_image	{
float:left;
width:107px;
margin:20px 10px 450px 20px;
}

.toc_list	{
width:610px;
display:inline-block;
margin:0 auto;
line-height:160%;
}

.leftcol	{
float:left;
width:310px;
}

.rightcol	{
float:right;
width:300px;
}

.leftcol dd, .rightcol dd	{
margin:-5px 5px 5px 10px;
line-height:95%;
}

/* Table Styles
=============================================*/
.table	{
border-collapse:collapse;
table-layout:fixed;
margin:0 auto;
}

.table th {
font-size:1.1em;
text-align:center;
}

.table td {
font-size:1em;
text-align:left;
}

.colsm {
width:150px;
}

.colmd {
width:300px;
}

.collg {
width:480px;
}

.table caption {
font-size:3em;
line-height:1.5;
font-weight:700;
text-align:center;
padding-bottom:1em;
}

/*footer style
=========================================*/

#footer {
clear:both;
width:1058px;
text-align:center;
background-color: #AfC1AB;
border:4px outset #687765;
margin:30px auto;
/*position:relative;*/
}

#footernarrow {
clear:both;
width:800px;
text-align:center;
background-color: #AfC1AB;
border:4px outset #687765;
margin:30px auto;
}

.video	{
float:left;
width:490px;
}

.videoright	{
float:right;
width:210px;
height:315px;
padding-left:20px;
padding-right:15px;
}

.columnleft {float: left; padding-left:1em;}
.columncenter {text-align: center; }
.columnright {float: right; padding-right:1em;}

/* Media Inquiries
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media (max-width: 800px) 
{	
	body 
	{	background-color:#D9E6D6; 
		background-image: none;
		line-height:150%;
		font-size:100%;
		/*margin:0;
		padding:0;
		color:#192814;
		margin-left:1em;
		margin-right:1em;*/
	}
	#content_box, #narrow_content_box, #table_content_box 
	{	background-color: #AfC1AB;
		border:none;
		margin:0 auto;
		position:relative;
	}
}

/*======================================================================================================================================================= */
/*deprecated styles
=========================================== */
.bookimg	{margin:-20px 10px 10px 25px; height:250px; width:193px;	float:left;}

.full-image-block { display: block; }
.full-image-inline { display: inline; }

/*=============================================*/

/* To aid in positioning items on screen. */

/* Visible Borders to aid formatting
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
.visible	{
} 


#title, #portrait, #navtable_1, #navlist, #navlist_right, #navsecondary, .body, .bodytext,  .booktext, #content_box, #narrow_content_box, .line, .linemid, .maintext, #navcontainer, td, h1, h2, #title, .groupleftcontainer, .groupbox800, #bookcontainer, #bookcontent_box h1, #bookcontent_box, .table, td, tr, .backlink, .toc_image,  .toc_list, .leftcol, .rightcol, #private, ul, p, img, .columnleft, .columncenter, .columnright, .orderform, .ordercontainer, .rightorder, .video, .videoright
{
	border: 1px solid purple;
	}   

/* style="border: 1px solid red;"  */

Color Guide:
#AfC1AB = content box
#687765 = content box ridges (both)
#9b0e1e = RED
#192814 = pale green (titles)Except it's actually dark.
#c75f6b = pink (for active links)
#c4b16f = beige
#768473 = intense grey-green for nav container
#140A05 = dk brown (h3)
#3F483D = light gray-green (h2)ALSO the thick line
#D9E6D6 = pale green for if background image doesn't load