/*------------------------------*/
	/* BODY 			*/
	/*------------------------------*/
	body {
		background-image: url("/gfx/sitegfx/bright/background.gif");
		background-repeat: repeat;
		font-family: Verdana;
	}



	/*------------------------------*/
	/* HEADER 			*/
	/*------------------------------*/
	#header {
		height: 70px;
		margin-left: 60px;
		margin-right: 60px;
		margin-top: 168px;
		background-image: url("/gfx/sitegfx/bright/headerBG.gif");
		background-repeat: no-repeat;
		background-position: top left;
	}
	
	#photoPage #header {
		margin-left: 60px;
		margin-right: 60px;
	}

	#logo {
		padding-right: 0px;
		margin-right: 0px;
		border: 0px;
	}

	a#logo {
		background-image: url("/gfx/sitegfx/bright/logo.gif");
		background-repeat: no-repeat;
		float: right;
		display: block;
		width: 187px;
		height: 70px;
		font-size: 0px;
	}

	#logo h1 {
		display: none;
	}



	/*------------------------------*/
	/* DESIGN SWITCHER		*/
	/*------------------------------*/
	#designSwitcher {
		position: absolute; 
		top: 95px; 
		right: 0px; 
		background-color: white; 
		height: 31px;
		background-image: url("/gfx/sitegfx/bright/leftLoc.gif");
		background-repeat: no-repeat;
		background-position: center left;
		padding-left: 0px;
		padding-right: 15px;
		padding-top: 15px;
		font-size: 11pt;

	}
	
	#photoPage #designSwitcher {
		display: none;
	}
	
	#designSwitcher ul {
		font-weight: bold;
		display: inline;
		list-style-type: none;
	}
	
	#designSwitcher ul li {
		font-weight: normal;
		display: inline;
		padding-left: 5px;
	}

	#designSwitcher a, #designSwitcher a:link, #designSwitcher a:visited {
		color: black;
		text-decoration: none;
	}

	#designSwitcher a:hover {
		text-decoration: underline;
	}



	/*------------------------------*/
	/* LOCATION BAR 		*/
	/*------------------------------*/
	#locationBar {
		position: absolute;
		top: 15px;
		left: 0px;
		height: 36px;
		padding-left: 5px;
		padding-right: 30px;
		padding-top: 10px;
		background-image: url("/gfx/sitegfx/bright/rightLoc.gif");
		background-repeat: no-repeat;
		background-position: top right;
		background-color: white;
	}

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

	#breadCrumbs {
		display: inline;
		font-size: 11pt; 
		font-weight: normal;
	}

	#breadCrumbs a, #breadCrumbs a:link, #breadCrumbs a:visited {
		color: black;
		text-decoration: none;
	}

	#breadCrumbs a:hover {
		text-decoration: underline;
	}
	
	.finalCrumb {
		font-size: 14pt; 
		font-weight: bold;
	}



	/*------------------------------*/
	/* CONTENT CONTAINER 		*/
	/*------------------------------*/
	#contentContainer {
		margin-left: 60px;
		margin-right: 60px;
		background-color: white;
		padding-bottom: 3em;
		line-height: 1.2em; /* needed to fix IE float problem - http://www.positioniseverything.net/explorer/peekaboo.html */
	}

	#photoPage #contentContainer {
		margin-left: 60px;
		margin-right: 60px;
	}



	/*------------------------------*/
	/* MENU		 		*/
	/*------------------------------*/
	#menu {
		float: left;
		display: inline;
		width: 88px;
		margin-top: 0px;
		margin-left: -44px; 
	}
	
	#photoPage #menu {
		display: none;
		width: 0px;
	}
	
	#navlist {
		margin-left: 0px;
		list-style-type: none;
	}
	
	#navlist li {
		padding-bottom: 12px;
	}
	
	#home {
		display: none;
	}
	
	#navlist li a {
		background-repeat: no-repeat;
		display: block;
		width: 88px;
		height: 88px;
		font-size: 0px;
		color: #4895DB;
	}

	#blog a, #blog a:link, #blog a:visited {
		background-image: url("/gfx/sitegfx/bright/blogOff.gif");
	}

	#blog a:hover {
		background-image: url("/gfx/sitegfx/bright/blogOn.gif");
	}
	
	#pictures a, #pictures a:link, #pictures a:visited {
		background-image: url("/gfx/sitegfx/bright/picturesOff.gif");
	}
	
	#pictures a:hover {
		background-image: url("/gfx/sitegfx/bright/picturesOn.gif");
	}
	
	#articles a, #articles a:link, #articles a:visited {
		background-image: url("/gfx/sitegfx/bright/articlesOff.gif");
	}
	
	#articles a:hover {
		background-image: url("/gfx/sitegfx/bright/articlesOn.gif");
	}
	
	#reviews a, #reviews a:link, #reviews a:visited {
		background-image: url("/gfx/sitegfx/bright/reviewsOff.gif");
	}
	
	#reviews a:hover {
		background-image: url("/gfx/sitegfx/bright/reviewsOn.gif");
	}

	#misc a, #misc a:link, #misc a:visited {
		background-image: url("/gfx/sitegfx/bright/miscOff.gif");
	}
	
	#misc a:hover {
		background-image: url("/gfx/sitegfx/bright/miscOn.gif");
	}

	#resume a, #resume a:link, #resume a:visited {
		background-image: url("/gfx/sitegfx/bright/resumeOff.gif");
	}
	
	#resume a:hover {
		background-image: url("/gfx/sitegfx/bright/resumeOn.gif");
	}

	#quotes a, #quotes a:link, #quotes a:visited {
		background-image: url("/gfx/sitegfx/bright/quotesOff.gif");
	}
	
	#quotes a:hover {
		background-image: url("/gfx/sitegfx/bright/quotesOn.gif");
	}

	#links a, #links a:link, #links a:visited {
		background-image: url("/gfx/sitegfx/bright/linksOff.gif");
	}

	#links a:hover {
		background-image: url("/gfx/sitegfx/bright/linksOn.gif");
	}



	/*------------------------------*/
	/* MAIN CONTENT	 		*/
	/*------------------------------*/	
	#mainContent {
		padding-left: 65px;
		margin-top: 0px;
		padding-top: 0px;
		padding-right: 35px;
	}

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

	#mainContent a, #mainContent a:link, #mainContent a:visited {
		color: black; 
		text-decoration: none; 
		font-weight: bold;
	}
	
	#mainContent a:hover {
		text-decoration: underline;
	}
	
	#mainContent a:active {
		text-decoration: none;
	}

	#mainContent h2 {
		margin-top: 0px;
		padding-top: 0px;
		margin-bottom: 0.0em;
		font-size: 1.5em;
		border-bottom: 1px solid black;
	}


	#mainContent h2.additionalSection {
		padding-top: 1em;
	}
	
	#mainContent h3 {
		padding-top: 1em;
		margin-bottom: 0em;
	}
	
	ul#sidebar {
		padding-top: 1em;
		margin-left: 60%; /* I'd like to float: right but this causes problems in IE for some reason */
		padding-bottom: 1em;
		font-size: 0.90em;
		list-style-type: none;
	}

	#clearHack {
		clear: both;
	}
	
	em {
		font-style: italic;
	}
	
	strong {
		font-weight: bold;
		font-style: normal;
	}
	
	.bookTitle {
		font-style: italic;
	}


	.magazineTitle {
		font-style: italic;
	}	


	/*------------------------------*/
	/* FOOTER			*/
	/*------------------------------*/
	#footer {
		clear: both;
		margin-top: 0px;
		padding-top: 0px;
		margin-left: 60px;
		margin-right: 60px;
		padding-bottom: 15px;
	}


	#email a, #email a:link, #email a:visited {
		margin-top: -18px;
		margin-right: 20px;
		font-size: 0px;
		display: block;
		color: white;
		background-image: url("/gfx/sitegfx/bright/emailOff.gif");
		background-repeat: no-repeat;
		width: 175px;
		height: 36px;
		float: right;
	}
	
	#email .imageReplacement {
		display: none;
	}
	


	/*------------------------------*/
	/* PAGE TYPE: PHOTOS		*/
	/*------------------------------*/
	#photoPage #mainContent {
		text-align: center;
	}
	
	.thumbnail {
		width: 152px;
		float: left;
		margin-right: 10px;
		margin-left: 10px;
		display: block;
	}
	
	.thumbnail p {
		margin-top: 3px;
		padding-top: 0px;
		display: block;
	}
	
	a.thumbnailLink, a.thumbnailLink:link, a.thumbnailLink:visited {
		display: block;
		height: 125px;
		width: 150px;
		border: 1px solid black;
	}
	
	a.thumbnailLink:hover {
		border: 1px solid #C0FF00;
	}
	
	.row {
		width: 532px;
		margin-bottom: 2em;
		float: left;
	}
	
	#thumbnailAlbum {
		margin-left: auto;
		margin-right: auto;
		width: 532px;
		margin-top: 2em;
	}

	#photo {
		text-align: center;
		padding-bottom: 30px;
		padding-top: 15px;
	}
	
	#photo img {
		border: 1px solid black;
	}

	#mainContent .albumPeriod {
		margin-bottom: 2em;
	}
	
	#mainContent .albumPeriod .albumList {
		padding-left: 10px;
		margin-top: 0px;
		margin-left: 10px;
	}
	
	#mainContent .albumPeriod h3 {
		margin-top: 1em;
		padding-top: 0px;
		font-style: italic;
		font-weight: bold;
		font-size: 1.3em;
		margin-bottom: 0px;
		padding-bottom: 0px;
	}
	
	

	/*------------------------------*/
	/* PAGE TYPE: REVIEWS		*/
	/*------------------------------*/
	#mainContent .reviewBlurb {
		margin-bottom: 1em;
	}
	
	#mainContent .reviewBlurb .date {
		font-size: 0.75em;
		padding-right: 5px;
		font-style: italic;
	}
	
	#mainContent .reviewBlurb .title {
		font-size: 1.2em;
		padding-right: 5px;
	}
	
	#mainContent .reviewBlurb .description {
		display: inline;
	}

	table#reviewData {
		margin-left: 2em;
		float: right;
		width: 45%;
		border-left: 1px solid black;
		border-right: 1px solid black;
		border-bottom: 1px solid black;
		margin-bottom: 1.5em;
	}
	
	table#reviewData td.dataLabel {
		padding-left: 0.5em;
		font-weight: bold;
		padding-right: 1em;
		vertical-align: top;
		white-space: nowrap;
	}
	
	table#reviewData td.data {
		padding-right: 0.5em;
		vertical-align: top;
	}
	
	blockquote {
		font-family: Courier, Courier New;
		font-size: 0.85em;
		text-align: justify;
		margin-left: auto;
		margin-right: auto;
		width: 75%;
		padding-left: 0px;
	}
	
	ul#reviewNotes {
		padding-top: 0px;
		margin-top: 0px;
		margin-left: 0px;
		padding-left: 15px;
	}
	
	ul#reviewNotes li {
		padding-bottom: 1em;
	}

	
	
	/*------------------------------*/
	/* PAGE TYPE - HOMEPAGE		*/
	/*------------------------------*/
	#mainContent .siteBlurb {
		padding: 0px;
	}
	
	#mainContent .siteBlurb .date {
		padding-right: 5px;
		font-style: italic;
		float: left;
	}
	
	#mainContent .siteBlurb .description {
		display: inline;
	}



	/*------------------------------*/
	/* PAGE TYPE - ARTICLES		*/
	/*------------------------------*/
	#mainContent .articleBlurb {
		margin-bottom: 1.4em;
	}
	
	#mainContent .articleBlurb .date {
		font-size: 0.75em;
		padding-right: 5px;
		font-style: italic;
	}
	
	#mainContent .articleBlurb .title {
		font-size: 1.2em;
	}
	
	#mainContent .articleBlurb .description {
	}
	
	#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;
	}
	
	.footnotes {
		font-family: Times New Roman;
		font-size: 0.85em;
	}
	
	#mainContent .articleIntroduction {
		display: block;
		font-style: italic;
		margin-left: 2em;
		margin-right: 4em;
		font-size: 0.85em;
	}



	/*------------------------------*/
	/* PAGE TYPE - LINKS		*/
	/*------------------------------*/
	#mainContent .links {
		margin-top: 2.25em;
		margin-bottom: 0.5em;
	}
	
	#mainContent .links .linkCategory {
		font-weight: bold;
		font-style: italic;
		font-size: 1.2em;
	}
	
	#mainContent .links .linkContainer {
		padding-bottom: 1em;
	}
	
	#mainContent .links .linkCategory a {
		text-decoration: none;
	}
	
	#mainContent .links .linkDescription {
		display: inline;
		margin-left: 0.75em;
	}

	#mainContent .links .actualLink {
		display: inline;
	}
	
	
	/*------------------------------*/
	/* PAGE TYPE - MISC		*/
	/*------------------------------*/
	#mainContent .miscBlurb {
		border-bottom: 1px dashed black;
		padding-bottom: 0.7em;
		padding-top: 0.7em;
	}
	
	#mainContent .miscBlurb .title {
		width: 215px;
		float: left;
		display: block;
	}
	
	#mainContent .miscIntroduction {
		display: block;
		font-style: italic;
		margin-left: 2em;
		margin-right: 4em;
		font-size: 0.85em;
	}
	
	/* I don't really understand why this definition is necessary, but IE 6
	   seems to lose the hover action sometimes otherwise */
	#mainContent .miscBlurb a.title:hover {
		text-decoration: underline;
	}
	
	#mainContent .miscBlurb .description {
		margin-left: 215px;
		display: block;
	}
	
	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;
	}
	
	.oldDesign {
		padding-right: 15px;
		padding-bottom: 15px;
	}
	
	
	/*------------------------------*/
	/* PAGE TYPE - QUOTES		*/
	/*------------------------------*/
	#mainContent .quoteContainer {
		margin-bottom: 1.25em;
	}
	
	#mainContent .quoteContainer .author {
		margin-left: 0.5em;
		display: inline;
	}
	
	#mainContent .quoteContainer .source {
		display: inline;
		font-style: italic;
	}
	
	#mainContent .emphasized  {
		border-top: 2px solid black;
		padding-top: 0.2em;
		padding-bottom: 0.2em;
		border-bottom: 2px solid black;
	}
	
	#mainContent .quoteContainer .quote .speaker {
		font-weight: bold;
	}
	
	#mainContent .quoteContainer .quote .emailQuote {
		font-style: italic;
	}
	
	#mainContent .quoteContainer .quote p {
		margin-bottom: 0px;
	}
	
	#mainContent .quoteCategories {
		float: left;
		width: 47%;
		padding-right: 3%;
	}
	
	#mainContent .quoteCategories .categoryList {
		padding-left: 0px;
		margin-top: 0px;
		margin-left: 0px;
		list-style: none;
	}
	
	#mainContent .quoteCategories h3 {
		margin-top: 1em;
		padding-top: 0px;
		font-style: italic;
		font-weight: bold;
		font-size: 1.3em;
		margin-bottom: 0px;
		padding-bottom: 0px;
	}

	#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 - BLOG		*/
	/*------------------------------*/
	#mainContent .blogEntry {
		margin-bottom: 3.0em;
		position: relative;
	}
	
	#mainContent .blogEntry .date {
		font-size: 0.75em;
		font-style: italic;
		position: absolute;
		top: 0px;
		left: 1px;
	}
	
	#mainContent .blogEntry .title {
		display: block;
		padding-top: 1em;
		font-size: 1.2em;
	}
	
	#mainContent .blogEntry .text {
	}

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

	#blogArchiveForm {
		padding-top: 0.5em;
		border-top: 1px solid black;
	}
	
	#blogArchiveForm select {
	}
	
	#blogArchiveForm input {
		border: 2px solid black;
		background-color: #ffffff;
		color: #333333;
		font-weight: normal;
		cursor: hand;
	}

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


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


	.bloggerProfile {
		margin-bottom: 2em;
	}

	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 {
		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;
		width: 10em;
		display: block;
		text-align: left;
	}

	div.blogkrow span.blogkRightClmn {
		padding-top: 5px;
		width: 65%;
		text-align: left;
	} 


	div.blogkbox textarea {
		border: 2px solid black;
		background-color: #ffffff;
		color: #333333;
		font-weight: normal;
		font-family: Verdana;
		font-size: 0.85em;
		width: 95%;
	}
	
	div.blogkbox input[type="submit"] {
		border: 2px solid black;
		background-color: #ffffff;
		color: #333333;
		font-weight: normal;
		margin-top: 0.2em;
		padding-bottom: 0.1em;
		padding-top: 0.1em;
		width: 47.325%;
		font-family: Verdana;
	}
	
	div.blogkbox input[type="text"] {
		border: 2px solid black;
		font-family: Verdana;
		font-size: 0.85em;
	}