/* Colors:
		White text: #ffffff;
		Light blue background: #dadee7;
    	Dark blue background: #69799f;
    	Red highlight: #cf150e;
    	Yellow highlight: #fdd700;
    	Blue really dark name color: #4a546f;
    	Brown text:  #6f604a;
  */
  	
  	
  	
  html, body {
		background: #dadee7 url(../images/backgroundGradient370.gif) repeat-y left; 
		color: #000000;
  		margin: 0;
  		padding: 0;
  		height: 98%;
  		text-transform: lowercase;
		font-family: Arial, sans-serif;
  	}
  	
  	a {
		color: #4a546f;
		text-decoration: underline;
	}
	
	a:hover {
		color: #6f604a;
	}

  	div#page {
  		width: auto;
  		height: 100%;
  		vertical-align: top;
  	}
  	
	#leftnav {
 		background: #69799f url(../images/backgroundGradient.gif) repeat-y right;
		color: #ffffff;
		width: 370px;
		height: auto;
		vertical-align: top;
		float: left;
	}
	#community #leftnav,
	#news #leftnav {
		position: absolute;
	}
	#maincontent {
		left: -80px;
		width: 30.2em;
		margin-right: -30.2em;
		margin-bottom: 2em;
		top: 0;
		position: relative;
		float: left;
		vertical-align: top;
	}
	#textcontent {
		top: 0;
		left: -80px;
		width: 30.2em;
		margin-right: -30.2em;
		position: relative;
		float: left;
		vertical-align: top;
		padding-right: 0;
		text-transform: none; 
	}
	#flowcontent {
		position: relative;
		left: 290px;
		text-transform: none;
	}
	html>body #flowcontent { /* can't have the margin in IE, cuts off text */
		margin-right: 290px;
		padding-right: 2em;		
	}
	*:first-child+html>body #flowcontent {
		margin-right: 0;
		padding-right: 0;
	}
	div#bottomcontent {
		margin-top: 1em;
		padding-bottom: 1.5em;
		vertical-align: bottom;
		position: relative;
		height: auto;
		width: auto;
	}
	div#copyright {
 		background: #69799f url(../images/backgroundGradient.gif) repeat-y right;
		vertical-align: bottom;
		font-size: .75em;
		padding: 0;
		color: #ffffff;
		width: 370px;
		position: relative;
		float: left;
	}
	div#footer {
		vertical-align: bottom;
		text-align: left;
		font-size: .85em;
		padding-bottom: 0;
		float: left;
		position: relative;
		width: auto;
		left: -80px;
		margin-left: 0;
	}
	#home div#footer {
		margin-left: 1em;
	}
	
	#footer ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	#footer li {
		padding-right: 1.5em;
		display: inline;
	}
	
	
	div#leftnavtext {
		width: 280px;
		vertical-align: top;
	}
	ul#collections {
		font-size: 1.15em;
		list-style: none;
		margin-top: 9em;
		margin-left: .75em;
		padding-left: .5em;
	}
	ul#collections li {
		margin-top: 1em;
	}

	ul#collections li a {
		color: #ffffff;
		text-decoration: none;
	}
	ul#collections li a:hover {
		color: #fdd700;
		text-decoration: underline;
	}
	body#mandalas div#leftnavtext ul#collections li#mandalaslink a, body#blunders div#leftnavtext ul#collections li#blunderslink a, body#women div#leftnavtext ul#collections li#womenlink a, body#kswomen div#leftnavtext ul#subcollection li#kswomenlink a, body#childhood div#leftnavtext ul#collections li#childhoodlink a, body#portraits div#leftnavtext ul#collections li#portraitslink a {
			color: #fdd700;
	}
	
	body#kswomen div#leftnavtext ul#collections li#womenlink a {
			/* light yellow--  color: #ffe895;  */
			/* dark yellow: */
			color: #fdd700;			
	}
	
	div#leftnavtext ul#collections li#womenlink ul#subcollection {
		display: none;
	}
	
	body#women div#leftnavtext ul#collections li#womenlink ul#subcollection, body#kswomen div#leftnavtext ul#collections li#womenlink ul#subcollection {
		display: block;
		margin-top: -.75em;
		list-style: none;
		font-size: .9em;
		margin-left: .5em;
		padding-left: .5em;
	}

	body#women div#leftnavtext ul#collections li#womenlink ul#subcollection li#kswomenlink a, body#kswomen div#leftnavtext ul#collections li#womenlink ul#subcollection li#kswomenlink a {
		color: #ffffff;
		text-decoration: none;
	}
	
	body#women div#leftnavtext ul#collections li#womenlink ul#subcollection li#kswomenlink a:hover, body#kswomen div#leftnavtext ul#collections li#womenlink ul#subcollection li#kswomenlink a:hover {
		/* light yellow: */
		color: #ffe895;
		/* dark yellow: 
		color: #fdd700; */
		text-decoration: underline;
	}

	body#kswomen div#leftnavtext ul#collections li#womenlink ul#subcollection li#kswomenlink a {
		/* dark yellow: 
		color: #fdd700; */
		/* light yellow: */
		color: #ffe895;
		/* dark red:
		color: #cf150e;	 */		
	}
	
	div#header {
		text-align: center;
		width: 30.2em;
		margin-top: 2em;
		text-transform: lowercase;
	}
	p.name {
		color: #4a546f;
		letter-spacing: .65em;
		font-size: 1.75em;
		margin-bottom: 0;
	}
	p.name a {
		color: #4a546f;
		text-decoration: none;
	}
	ul#topnav {
		text-align: center;
		margin-left: -2.25em; 
	}
	html>body ul#topnav {
		margin-left: .25em;
	}
	ul#topnav li {
		color: #6f604a;
		list-style: none;
		display: inline;
		margin-left: 2.25em; /* margin size is different in IE than other browsers */
	}
	ul#topnav li.first, body#home div#header ul#topnav li.homefirst {
		/* setting a diff. margin in IE breaks the link */
	}

	html>body ul#topnav li {
		margin-left: 2em; /* margin size is different in IE than other browsers */
	}
	html>body ul#topnav li.first {
		margin-left: -4em;
	}
	*:first-child+html>body ul#topnav li.first { /* IE7 only hack */
		margin-left: -.75em;
	}

	/*  Hide home link on home page 
	html>body#home div#header ul#topnav li.homefirst {
		margin-left: -3em;   set margin in IE 
	}
	*/
	
	ul#topnav li a {
		color: #6f604a;
		text-decoration: none;
	}
	ul#topnav li a:hover {
		color: #4a546f;
		text-decoration: underline;
	}
	
	/* Uncomment if want to hide home link on home page - also remove home directive in style below: body#home div#header ul#topnav li#homelink a --
	body#home div#header ul#topnav li#homelink {
		display: none;
	}
	*/

	body#home div#header ul#topnav li#homelink a, body#bio div#header ul#topnav li#biolink a, body#community div#header ul#topnav li#communitylink a, body#news div#header ul#topnav li#newslink a, body#links div#header ul#topnav li#linkslink a, body#gallery div#header ul#topnav li#gallerylink a {
		color: #4a546f;
		text-decoration: none;
		font-weight: bold;
	}

	div#paintings, div#art {
		position: relative;
		float: left;
		margin-top: 2.5em;
		margin-left: auto;
		margin-right: auto;
		width: 30em;
	}
	div#art {
		margin-top: 1.5em;
  		text-transform: none;
  	}
	div#paintings table {
		margin-left: auto;
		margin-right: auto;
	}
	td#mandalas, td#blunders, td#women, td#childhood, td#portraits {
		padding: 0 2px;
		margin: 5px;
		width: 125px;
		height: 125px;
	}
	td#women {
		height: 268px;
	}

	/* clunky code to get hover image borders to work in IE */
	div#paintings a.linkedthumb {
		color: #4a546f;
		display:block; 
	    border: 3px solid #4a546f;
    }

	/* IE 7 hack so image doesn't hang outside borders */
	*:first-child+html>body div#paintings a.linkedthumb {
		color: #4a546f;
		display:block; 
	    border: 3px solid #4a546f;
    }
	*:first-child+html>body#home div#paintings td {
		width: 131px;
		padding: 0 1px;
    }
    /* End IE7 hack */

	div#paintings a.linkedthumb:visited {
		color: #4a546f;
		display:block;
        border: 3px solid #4a546f;
    }

	div#paintings a.linkedthumb:hover {
		color: #cf150e;
		display: block;
		border: 3px solid #cf150e;
	} 
	div#paintings img {
		border: none;
	}
	p.coltitle {
		color: #6f604a;
		font-size: 1.75em;
		text-align: center;
		margin-top: .5em;
		margin-bottom: 0;
	}
	#crumbtrail {
		color: #6f604a;
		font-weight: bold;
		font-size: 1em;
		margin-top: 0em;
	}
	#crumbtrail a {
		color: #4a546f;
		text-decoration: none;
	}
	#crumbtrail a:hover {
		text-decoration: underline;
	}
	div#artimg {
		width: 30em;
	}
	#specs {
		color: #4a546f;
		font-style: italic;
		font-size: .85em;
		margin-top: .5em;
	}
	#description {
		color: #4a546f;
  		text-align: justify;  		
	}
	#mandalas #description, #blunders #description, #childhood #description, #portraits #description, #women #description, #kswomen #description {
		text-transform: none;
		width: 28em;
		margin-left: auto;
		margin-right: auto;
	}
	.prevnext, .prevnext a {
		color: #4a546f;
		font-size: .85em;
		text-align: left;
	}



	div#copyrighttext {
		padding-left: 2em;
	}

	p.pagetitle {
		margin-top: 2.5em;
		color: #4a546f;
		font-size: 1.25em;
		font-weight: bold;
	}
	.ptext, .ptitle {
  		text-transform: none;
  		color: #333333;
  		font-family: Garamond, Times, serif;
	}
	
	.ptitle {
		font-weight: bold;
	}
	
	#community .first {
		margin-top: 30px;
	}
	
	#sitemap #footer .map, #missing #footer .map {
		display: none;
	}
	
	div.phototitle {
		padding-top: .75em;
		padding-bottom: .5em;
		font-size: 1.5em;	
		font-style: italic;
		color: #fff;
	}
	
	h3 {
  		color: #6f604a;
  		margin-top: 1em;
  		font-weight: bold;
  		font-size: 1.15em;
  		margin-bottom: 0;
  		clear: both;
	}
	
	#flowcontent h3 {
		margin: 0;
		padding: 2em 0 1em;
	}

	#links li {
		color: #333333;
		list-style-type: none;
		padding-bottom: .5em;
	}
	#links li ul {
		padding-bottom: .5em;
		padding-top: .5em;
	}
	
	.logo, #community .photo {
		margin: 0 20px 20px 0;
		float: left;
		clear: left;
	}
	
	#community div.photo {
		margin-right: 10px;
	}
	
	#community a .photo {
		border: 1px solid;
		margin-right: 18px;
	}

	a .logo {
		border: none;
	}

	#community .pagecontent ul {
		clear: both;
	}
	
	#community .pagecontent ul.links {
		clear: none;
		margin-left: 270px;
		line-height: 1.5em;
		list-style: outside;
		padding-left: 15px;
	}
	
	#community .pagecontent ul.links li {
		padding: 0;
	}
	
	.justified-blurb {
  		margin-top: 2em;
  		text-align: justify;  		

	}
	
	.justified-blurb p {
		line-height: 1.25em;
	}
	
	.show-list {
		list-style: none;
		margin: 0;
		margin-top: 20px;
		padding: 0;
	}
	
	.show-list li {
		float: left;
		clear: both;
	}
	
	.show-list li img {
		float: left;
		margin: 5px 10px 5px 0;
	}
	
	.show-info {
		padding-top: 10px;
		margin-left: 114px;
	}
	
	.show-info .date {
		font-weight: bold;
		display: block;
		
	}
	
	.show-info .name-date {
		height: 20px;
		
	}
	
	.show-info .name-date .date {
		float: left;
		
	}
	
	.show-info .name {
		float: left;
		padding: 0 20px;
	}
	
	.show-info .location {
		display: block;
		padding-left: 25px;
	}
	
	.show-info .read-more {
		display: block;
		float: right;
		font-size: 0.8em;
		padding: 2px 0 2px 10px;
	}
	
	.show-info .article-list {
		float: left;
		padding: 10px 0 20px 38px;
		list-style: outside;
	}