/*------------------------------*/
	/* BODY 			*/
	/*------------------------------*/
	body {
		background-position: 50% 160px;
		background-attachment: scroll;
		background-image: url("/gfx/sitegfx/vase/background.jpg");
		background-repeat: no-repeat;
		font-family: Georgia;
	}
	
	body#photoPage {
		background: none;
	}



	/*------------------------------*/
	/* HEADER 			*/
	/*------------------------------*/
	#header {
		height: 81px;
		float: left;
	}

	#logo {
		border: 0px;
		float: left;
	}

	a#logo {
		background-image: url(/gfx/sitegfx/vase/logo.gif);
		background-repeat: no-repeat;
		display: block;
		width: 540px;
		height: 81px;
		font-size: 0px;
	}

	#logo h1 {
		display: none;
	}



	/*------------------------------*/
	/* DESIGN SWITCHER		*/
	/*------------------------------*/
	#designSwitcher {
		position: absolute;
		right: 10px;
		top: 4px;
	}
	
	#photoPage #designSwitcher {
		display: none;
	}
	
	#designSwitcher ul {
		list-style-type: none;
		padding-left: 5px;
	}
	
	#designSwitcher ul li {
		display: inline;
	}

	#designSwitcher a, #designSwitcher a:link, #designSwitcher a:visited {
		border: 1px dashed #000000;
		width: 45px;
		height: 79px;
		float: left;
		margin-left: 5px;
	}

	#designSwitcher a:hover {
		border: 1px solid black;
	}
	
	#designSwitcher .imageReplacement {
		display: none;
	}

	#designVase a {
		background-image: url("/gfx/sitegfx/switcher2.gif");
		background-repeat: no;
	}

	#designBright a {
		background-image: url("/gfx/sitegfx/switcher3.gif");
		background-repeat: no;
	}
	
	#designSixties a {
		background-image: url("/gfx/sitegfx/switcher1.gif");
		background-repeat: no;
	}

	#designSwitcher img {
		border: 0px;
	}



	/*------------------------------*/
	/* LOCATION BAR 		*/
	/*------------------------------*/
	#locationBar {
		padding-left: 5px;
		padding-right: 10px;
		padding-top: 10px;
		clear: both;
		padding-bottom: 30px;
	}

	#trailHead {
		display: inline;
		font-weight: bold;
		padding-right: 0.5em;
	}

	#breadCrumbs {
		display: inline;
	}

	#breadCrumbs a, #breadCrumbs a:link, #breadCrumbs a:visited {
		color: black;
		border-bottom: 1px dotted black;
		text-decoration: none;
	}

	#breadCrumbs a:hover {
		border-bottom: 1px solid black;
	}



	/*------------------------------*/
	/* CONTENT CONTAINER 		*/
	/*------------------------------*/
	#contentContainer {
		margin-left: auto;
		margin-right: auto;
		width: 516px;
		padding-bottom: 0px;
	}
	
	#photoPage #contentContainer {
		margin-top: 1em;
		width: auto;
		margin-left: auto;
		margin-right: auto;
		border: none;
		min-height: 0px;
		padding: 20px;
		text-align: center;
	}



	/*------------------------------*/
	/* MENU		 		*/
	/*------------------------------*/
	#menu {
		margin-left: auto;
		margin-right: auto;
		width: 516px;
	}
	
	#photoPage #menu {
		display: none;
	}

	#navlist {
		border-bottom: 1px solid #ccc;
		margin: 0;
		padding-bottom: 19px;
		padding-left: 10px;
	}

	#navlist ul, #navlist li {
		display: inline;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

	#navlist a:link, #navlist a:visited {
		background: #E8EBF0;
		border: 1px solid #ccc;
		color: #666;
		float: left;
		font-size: 13px;
		font-weight: normal;
		line-height: 14px;
		margin-right: 8px;
		padding: 2px 10px 2px 10px;
		text-decoration: none;
	}

	#navlist a:link.current, #navlist a:visited.current {
		background: #DBCEBD;
		border-bottom: 1px solid #DBCEBD;
		color: #000;
	}

	#navlist a:hover { 
		color: #f00; 
	}



	/*------------------------------*/
	/* MAIN CONTENT	 		*/
	/*------------------------------*/
	#mainContent {
		float: right;
		min-height: 550px;
		height: 550px; 
		width: 486px;
		border-bottom: 1px solid #ccc;
		padding-top: 8px;
		padding-bottom: 15px;
		padding-left: 15px;
		padding-right: 15px;
		background-color: #DBCEBD;
	}
	
	html>body #mainContent {
		height: auto;
	}
	
	#photoPage #mainContent {
		min-height: 1px;
		width: auto;
		margin-left: auto;
		margin-right: auto;
		padding: 0px;
		background: none;
		border: none;
		float: none;
	}
	
	#mainContent a, #mainContent a:link, #mainContent a:visited {
		color: black;
		border-bottom: 1px dotted black;
		text-decoration: none;
	}

	#mainContent a:hover {
		border-bottom: 1px solid black;
	}

	#mainContent p {
		margin-top: 0px;
		padding-top: 0px;
		padding-bottom: 0px;
	}

	#mainContent h2 {
		margin-top: 0px;
		padding-top: 0px;
		margin-bottom: 0px;
		width: 486px;
	}

	#mainContent h2.additionalSection {
		padding-top: 1em;
	}
	
	#mainContent h3 {
		padding-top: 1em;
		padding-bottom: 0em;
		margin-bottom: 0em;
	}

	ul#sidebar {
		clear: both;
		padding-top: 0.5em;
		margin-left: 60%; 	/* 	really, I want to float this right, but then Internet Explorer 
						won't set the link decorations properly, for some unknown reason. */
		list-style-position: outside;
	}

	em {
		font-style: italic;
	}
	
	strong {
		font-weight: bold;
		font-style: normal;
	}
	
	.bookTitle {
		font-style: italic;
	}
	
	.magazineTitle {
		font-style: italic;
	}

	/*------------------------------*/
	/* FOOTER			*/
	/*------------------------------*/
	#footer {
		margin-top: 0px;
		padding-top: 0px;
		margin-left: auto;
		margin-right: auto;
		width: 516px;
		float: none;
	}
	
	#photoPage #footer {
		padding-top: 20px;
		padding-bottom: 20px;
		width: auto;
	}

	#email a, #email a:link, #email a:visited, #email a:hover, #email a:active {
		display: block;
		margin-bottom: 30px; /* really, I want to put this in #footer, to space the bottom of page
					content from the bottom of the viewport, but Mozilla is doing nothing
					with padding or margins in the fotter, for some reason */
		margin-right: 0px;
		float: right;
		color: black;
		border-bottom: none;
		text-decoration: none;
	}
	
	#email {
		margin-top: 0px;
		padding-top: 0px;
		font-size: 1em;
		font-weight: normal;
	}
	
	

	/*------------------------------*/
	/* PAGE TYPE - HOMEPAGE		*/
	/*------------------------------*/
	#mainContent .siteBlurb {
		clear: both;
		margin-top: 0em;
		margin-bottom: 0em;
	}
	
	#mainContent div.siteBlurb .date {
		clear: left;
		font-weight: bold;
		float: right;
	}
	
	#mainContent div.siteBlurb .description {
		clear: right;
		border-top: 1px solid black;
	}
	
	#mainContent div.siteBlurb p {
		padding-bottom: 1em;
		padding-top: 0em;
		margin-top: 0em;
		margin-bottom: 0em;
	}
	


	/*------------------------------*/
	/* PAGE TYPE - ARTICLES		*/
	/*------------------------------*/
	#mainContent .articleBlurb {
		margin-top: 0.5em;
		float: left;
		margin-bottom: 1.0em;
	}
	
	#mainContent .articleBlurb .date {
		float: right;
		padding-top: 0.2em;
	}
	
	#mainContent .articleBlurb a.title {
		float: left;
		font-weight: bold;
		font-size: 1.2em;
		border-bottom: none;
		text-decoration: none;
	}
		
	#mainContent .articleBlurb .description {
		border-top: 1px solid black;
		clear: both;
	}
	
	.footnotes {
		font-family: Times New Roman;
		font-size: 0.75em;
	}
	
	#mainContent .sectionIntro {
		font-family: Times New Roman;
		margin-left: 2em;
		margin-right: 2em;
		margin-bottom: 1.5em;
		margin-top: 1em;
	}
	
	#mainContent .introAttribution {
		text-align: right;
		margin-left: 2em;
		margin-right: 2em;
	}
	
	#mainContent .articleIntroduction {
		display: block;
		font-style: italic;
		margin-left: 1em;
		margin-right: 1em;
		font-size: 0.85em;
	}
	


	/*------------------------------*/
	/* PAGE TYPE - REVIEWS		*/
	/*------------------------------*/
	table#reviewData {
		padding: 0px;
		cellspacing: 0px:
		border: none;
		margin-bottom: 1.5em;
	}
	
	table#reviewData td.dataLabel {
		font-weight: bold;
		padding-right: 1em;
		vertical-align: top;
		white-space: nowrap;
	}
	
	blockquote {
		font-family: Courier, Courier New;
		font-size: 0.85em;
		text-align: justify;
		margin-left: auto;
		margin-right: auto;
		width: 75%;
		padding-left: 0px;
		padding-right: 15px;
	}
	
	ul#reviewNotes {
		padding-top: 0px;
		margin-top: 0px;
		margin-left: 0px;
		padding-left: 15px;
	}
	
	ul#reviewNotes li {
		padding-bottom: 1em;
	}
	
	#mainContent .reviewBlurb {
		margin-top: 1em;
		float: left;
		margin-bottom: 2.0em;
	}
	
	#mainContent .reviewBlurb .date {
		float: right;
		padding-top: 0.2em;
	}
	
	#mainContent .reviewBlurb .title {
		float: left;
		font-weight: bold;
		font-size: 1.2em;
		border-bottom: none;
		text-decoration: none;
	}
		
	#mainContent .reviewBlurb .description {
		border-top: 1px solid black;
		clear: both;
	}	
	


	/*------------------------------*/
	/* PAGE TYPE: PHOTOS		*/
	/*------------------------------*/
	.thumbnail {
		width: 152px;
		float: left;
		margin-right: 3px;
		margin-left: 3px;
		margin-bottom: 20px;

	}
	
	.thumbnail p {
		margin-top: 3px;
		padding-top: 0px;
	}
	

	a.thumbnailLink, a.thumbnailLink:link, a.thumbnailLink:visited {
		display: block;
		height: 125px;
		width: 150px;
		border: 1px solid black;
		text-decoration: none;
	}
	
	a.thumbnailLink:hover {
		border: 1px solid #C0FF00;
	}
	
	#photo {
		border: 1px solid #CCC; 
		padding: 20px; 
		margin: auto; 
		display: table; /* for real browsers */ 
		display: inline-block; /* for ie */ 
		text-decoration: none; /* remove strikethrough */ 
		text-align: center;
	}
	
	#photo img {
		margin-left: auto;
		margin-right: auto;
		margin-top: 0px;
		margin-bottom: 0px;
		background-white;
		border: 1px solid #000;
	}

	.row {
		width: 486px;
		margin-bottom: 1.5em;
		float: left;
	}
	
	#thumbnailAlbum {
		margin-left: auto;
		margin-right: auto;
		width: 486px;
		margin-top: 2em;
	}
	
	

	/*------------------------------*/
	/* PAGE TYPE: LINKS		*/
	/*------------------------------*/
	#mainContent .links {
		margin-bottom: 2em;
	}
	
	#mainContent .links .linkCategory {
		text-align: right;
		font-weight: bold;
		border-bottom: 1px solid black;
		width: 486px;
	}
	
	#mainContent .links .linkContainer {
		padding-bottom: 1em;
	}
	
	#mainContent .links .linkCategory a {
		border-bottom: none;
		text-decoration: none;
		font-size: 1em;
	}
	
	#mainContent .links .linkDescription {
		display: inline;
		padding-left: 0.3em;
	}

	#mainContent .links .actualLink {
		clear: both;
		display: inline;
	}


	
	/*------------------------------*/
	/* PAGE TYPE - QUOTES		*/
	/*------------------------------*/
	#mainContent .quoteContainer {
		margin-bottom: 1.25em;
	}
	
	#mainContent .quoteContainer .attribution {
		padding-left: 2em;
		padding-right: 2em;
		font-size: 0.75em;
	}
	
	#mainContent .quoteContainer .author {
		margin-left: 0.5em;
		display: inline;
	}
	
	#mainContent .quoteContainer .source {
		display: inline;
		font-style: italic;
	}

	.emphasized {
		border-top: 2px solid black;
		padding-left: 0.5em;
		padding-right: 0.5em;
		padding-top: 0.2em;
		padding-bottom: 0.2em;
		border-bottom: 2px solid black;
	}
	
	.speaker {
		font-weight: bold;
	}
	
	#mainContent .quoteContainer .quote .emailQuote {
		font-style: italic;
	}
	
	#mainContent .quoteContainer .quote p {
		
	}

	#mainContent .quoteCategories {
		margin-top: 1em;
		float: left;
		width: 47%;
		padding-right: 3%;
	}

	#mainContent .quoteCategories h3 {
		padding-top: 0px;
		margin-top: 0px;
	}

	#mainContent .quoteCategories .categoryList {
		margin-top: 0px;
		margin-left: 0px;
		padding-left: 0px;
		list-style-position: inside;
	}
	
	
	#kuperbergPhoto1 {
		float: right; 
		margin-left: 0.7em; 
		border: 1px solid black;
	}
	
	#kuperbergPhoto2 {
		 float: left; 
		 border-right: 1px solid black; 
		 margin-right: 0.7em;
	}

	
	
	/*------------------------------*/
	/* PAGE TYPE - MISC		*/
	/*------------------------------*/
	#mainContent .miscBlurb {
		margin-top: 0.5em;
		float: left;
		margin-bottom: 1.0em;
	}
	
	#mainContent .miscBlurb a.title {
		float: left;
		font-weight: bold;
		font-size: 1.2em;
		border-bottom: none;
		text-decoration: none;
		width: 486px;
	}
	
	
	#mainContent .miscBlurb .description {
		width: 486px;
		border-top: 1px solid black;
		clear: both;
	}
	
	#mainContent .miscIntroduction {
		display: block;
		font-style: italic;
		margin-left: 1em;
		margin-right: 1em;
		font-size: 0.85em;
	}

	
	table#musicLibrary {
		margin-top: 2em;
		border-spacing: 0px;
		border-collapse: collapse;
	}
	
	table#musicLibrary thead td {
		border: none;
		font-weight: bold;
	}

	table#musicLibrary thead td + td{
		border: none;
		font-weight: bold;
	}
	
	table#musicLibrary tbody tr {
	}

	table#musicLibrary td {
		padding-top: 0.3em;
		padding-bottom: 0.3em;
		padding-right: 0.5em;
		border-top: 1px solid black;
		border-bottom: 1px solid black;
		vertical-align: top;
	}
	
	table#musicLibrary td + td {
		padding-top: 0.3em;
		padding-bottom: 0.3em;
		border-top: 1px solid black;
		border-bottom: 1px solid black;
		font-weight: normal;
	}
	
	
	

	/*------------------------------*/
	/* PAGE TYPE - BLOG		*/
	/*------------------------------*/
	#mainContent .blogEntry {
		margin-top: 0.5em;
		margin-bottom: 3.0em;
	}
	
	#mainContent .blogEntry .date {
		margin-top: -1.3em;
		float: right;
	}
	
	#mainContent .blogEntry a.title {
		padding-top: 0.2em;
		display: block;
		font-weight: bold;
		font-size: 1.2em;
		border-bottom: none;
		text-decoration: none;
		margin-right: 5.5em;
	}
		
	#mainContent .blogEntry .text {
		border-top: 1px solid black;
		clear: both;
	}

	#mainContent .blogEntry .entryFooter {
		text-align: right;
		margin-top: 1em;
		font-style: italic;
		margin-bottom: 3.5em;
		font-size: 0.85em;
	}

	#mainContent .item-action a, #mainContent .item-action a:link, #mainContent .item-action a:visited {
		text-decoration: none;
		border: none;
	}
	
	#mainContent .item-action a:hover {
		text-decoration: none;
		border: none;
	}
	
	div.blogkbox {
		width: 470px;
		background:#f1f1f1;
		color:#333;
		border-top:thin dotted #999;
		border-bottom:thin dotted #999;
		padding-top: 5px;
		padding-left: 5px;
		padding-right: 5px;
		padding-bottom: 5px;
		margin: 20px 2px 2px 2px;
	}

	/*Box around the comments*/
	div.blogkcomments {
		width: 470px; 
		background:#f1f1f1;
		color:#333;
		border-top:thin dotted #999;
		border-bottom:thin dotted #999;
		margin: 15px 2px 15px 2px;
		padding-top: 5px;
		padding-left: 5px;
		padding-right: 5px;
		padding-bottom: 5px;
		/* font-size:11px; */
	}

	/*Box around the recent comments sidebar*/     
	div.blogkcommentsrecent {
		background:#f1f1f1;
		color:#666;
		border-top:thin dotted #adadad;
		border-bottom:thin dotted #adadad;
		font-size:11px;
		margin:0.4em 25px;
		padding-top: 5px;
		padding-left: 5px;
		padding-right: 5px;
		padding-bottom: 5px;
		font-size:11px;
		/* text-align:left; */
	}

	span.blogkommlinks {
		/*empty for special link effect*/
	}

	div.blogkLinks {
		/*empty for adjusting the [x comments]-link*/
	}

	/*
	 now handling tableless forms
	 you don't have to edit from here 
	 this goes back to an article at
	 http://www.alistapart.com/articles/practicalcss/ 
	 describing a code concept by eric meyer.
	*/

	div.blogkrow {
		clear: both;
		padding-top: 5px;
		padding-left: 5px;
		padding-right: 5px;
		padding-bottom: 5px;
		/* font-size:11px; */
		text-align:left;
	}

	div.blogkrow span.blogkLeftClmn {
		padding-top: 5px;
		float: left;
		width: 30%;
		text-align: right;
	}

	div.blogkrow span.blogkRightClmn {
		padding-top: 5px;
		float: right;
		width: 60%;
		text-align: left;
	} 
	
	#blogArchiveForm {
		padding-top: 0.5em;
		border-top: 1px solid black;
	}
	
	#blogArchiveForm select {
		font-family: Times New Roman;
	}
	
	#blogArchiveForm input {
		font-family: Times New Roman;
		border: 2px solid black;
		background-color: #f1f1f1;
		color: #333333;
		font-weight: normal;
		cursor: hand;
	}

	#blogArchiveHeader {
		clear: both;
		display: block;
		margin-top: 3em;
		font-weight: bold;
		font-size: 1.2em;
	}


	.bloggerProfileName {
		font-weight: bold;
		font-size: 1.2em;
	}


	.bloggerProfile {
		border-top: 1px solid black;
		margin-bottom: 2em;
	}