body {
	text-align:center;
	font-size: .7em;
}


html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address, abbr, input, select, textarea, table, td, th {
	font-family: "Courier New" Courier monospace;
	line-height: 17px;
	font-size: 13px;
}


div.spacer {
	clear: both;
}


#wrapper {
	width:950px;
	margin:0px auto;
	text-align:left;
	/*background-color:#fff;*/
}

#toon {
	margin-top: 70px;
	width: 950px;
	float: left;
}


#toon2345 {
	width: 678px;
	height: 339px;
	float: left;
}

#toon1 {
	width: 272px;
	height: 269px;
	float: left;
	margin-top: 70px;
	background: transparent url(images/toon1.gif) no-repeat top left;
}

#toon2 {
	width: 678px;
	height: 70px;
	float: left;
	background: transparent url(images/toon2.gif) no-repeat top left;
}

#toon3 {
	width: 550px;
	height: 269px;
	float: left;
	background: transparent url(images/toon3.gif) no-repeat top left;
}

#toon h1 {
	text-indent: -9000px;
}

#toon4 {
	width: 128px;
	height: 269px;
	float: left;
	background: transparent url(images/toon4.gif) no-repeat top left;
}

#toon5 {
	width: 272px;
	height: 162px;
	float: left;
	background: transparent url(images/toon5.gif) no-repeat top left;
}

#toon6 {
	width: 370px;
	height: 162px;
	float: left;
	background: transparent url(images/toon6.gif) no-repeat top left;
}

#toon7 {
	width: 217px;
	height: 162px;
	float: left;
}

#toon7 a {
	width: 217px;
	height: 162px;
	float: left;
	background: transparent url(images/toon7-news.gif) no-repeat 0 -162px;
	display: block;
	text-indent: -9000px;
}

#toon7 a:hover {
	background-position: 0 0;
}

#toon8 {
	width: 91px;
	height: 162px;
	float: left;
	background: transparent url(images/toon8.gif) no-repeat top left;
}

#toon9 {
	width: 166px;
	height: 146px;
	float: left;
	background: transparent url(images/toon9.gif) no-repeat top left;
}

#toon10 {
	width: 154px;
	height: 146px;
	float: left;
	background: transparent url(frontthumbs/music.jpg) no-repeat top left;
}

#toon11 {
	width: 163px;
	height: 146px;
	float: left;
	background: transparent url(frontthumbs/people.jpg) no-repeat top left;
}

#toon12 {
	width: 159px;
	height: 146px;
	float: left;
	background: transparent url(frontthumbs/other.jpg) no-repeat top left;
}

#toon13 {
	width: 128px;
	height: 146px;
	float: left;
	background: transparent url(frontthumbs/archive.jpg) no-repeat top left;
}

#toon14 {
	width: 180px;
	height: 146px;
	float: left;
	background: transparent url(images/toon14.gif) no-repeat top left;
}



#toon10 a, #toon11 a, #toon12 a, #toon13 a {
	height: 146px;
	float: left;
	display: block;
	z-layer: 99;
	text-indent: -9000px;
	position: relative;
}

#toon10 a {
	width: 154px;
	background: transparent url(images/toon10-music.gif) no-repeat 0 -146px;
}

#toon11 a {
	width: 163px;
	background: transparent url(images/toon11-people.gif) no-repeat 0 -146px;
}

#toon12 a {
	width: 159px;
	background: transparent url(images/toon12-other.gif) no-repeat 0 -146px;
}

#toon13 a {
	width: 128px;
	background: transparent url(images/toon13-archive.gif) no-repeat 0 -146px;
}


#toon10 a:hover, #toon11 a:hover, #toon12 a:hover, #toon13 a:hover {
	background-position: 0 0;
}

#btmdots {
	background: transparent url(images/btmdots.gif) no-repeat top left;
	width: 850px;
	padding: 30px 50px 50px 50px;
	margin-top: 20px;
	float: left;
}

#btmdots #left {
	float: left;
}

#btmdots #right {
	float: right;
	text-align: right;
}


h1.pagetitle {
	float: left;
	width: 293px;
	height: 46px;
	background: transparent url(images/nathanblaker.gif) no-repeat top left;
	text-indent: -9000px;
}

#menu {
	float: left;
	width: 850px;
	padding: 60px 50px 5px 50px;
}

#menu ul {
	float: right;
}

.blackline {
	background: transparent url(images/blackline.gif) no-repeat top left;
	width: 850px;
	padding: 5px 50px;
	float: left;
	height: 1px;
}

#menu ul li {
	float: left;
}

#menu ul li a {
	display: block;
	height: 46px;
	margin-left: 10px;
	text-indent: -9000px;
}

#menu ul li a.selected {
	background-position: 0 -92px !important;
}

#menu ul li a:hover {
	background-position: 0 -46px;
}

a.pmhome    { width: 55px; background: #fff url(images/pm-home.gif) no-repeat 0 0; }
a.pmnews    { width: 53px; background: #fff url(images/pm-news.gif) no-repeat 0 0; }
a.pmmusic   { width: 67px; background: #fff url(images/pm-music.gif) no-repeat 0 0; }
a.pmpeople  { width: 76px; background: #fff url(images/pm-people.gif) no-repeat 0 0; }
a.pmother   { width: 66px; background: #fff url(images/pm-other.gif) no-repeat 0 0; }
a.pmarchive { width: 89px; background: #fff url(images/pm-archive.gif) no-repeat 0 0; }

#right span, #right span a {
	color: #c0c0c0;
}

#mainthumbs, #mainphoto {
	width: 850px;
	padding: 5px 50px;
	float: left;
}

#mainthumbs {
	text-align: center;
}

#mainphoto {
	padding: 5px 50px 15px 50px;
}

#mainthumbs img {
	width: 70px;
	height: 70px;
}

#mainthumbs ul li a {
	border: 1px solid #ccc;
	padding: 0 5px;
	width: 70px;
	height: 70px;
	padding: 9px;
	margin: 0 5px;
	overflow: none;
	display: block;
}

#mainthumbs ul li a:hover {
	border-color: #000;
}

#mainthumbs ul {
	float: left;
	display: inline;
}

#mainthumbs ul li {
	float: left;
	display: inline;
}

td {
	text-align: center;
}

table {
	width: 850px;
}

#mainphoto img {
	margin-left: auto;
	margin-right: auto;
	display: block;
	max-width: 830px; 
	max-height: 830px; 
	width:  expression(this.width  > 830 ? 830 : true); 
	height: expression(this.height > 830 ? 830 : true);
	padding: 9px;
	border: 1px solid #ccc;
}

#archivepage {
	width: 850px;
	float: left;
	padding: 5px 50px 15px 50px;
	background: #fff url(images/archivebg.gif) repeat-y 0 0;
}

#archivepageL {
	width: 200px;
	float: left;
	text-align: right;
}

#archivepageR {
	width: 610px;
	float: right;
	text-align: center;
}

h2.arcmusic, h2.arcpeople, h2.arcother {
	float: right;
	/*display: block;*/
	width: 200px;
	height: 30px;
}

h2.arcmusic span, h2.arcpeople span, h2.arcother span {
	display: none;
}

h2.arcmusic  { background: #fff url(images/arc-music.gif) no-repeat 0 0; }
h2.arcpeople { background: #fff url(images/arc-people.gif) no-repeat 0 0; }
h2.arcother  { background: #fff url(images/arc-other.gif) no-repeat 0 0; }

#archivepageR img {
	margin-left: auto;
	margin-right: auto;
	display: block;
	max-width: 590px; 
	max-height: 590px; 
	width:  expression(this.width  > 590 ? 590 : true); 
	height: expression(this.height > 590 ? 590 : true);
	padding: 9px;
	border: 1px solid #ccc;
}

#archivepageL ul {
	float: right;
	padding: 5px 0;
}

#archivepageL ul li {
	padding: 1px 0;
}

#archivepageR a {
	float: left;
	width: 90px;
	height: 90px;
	display: block;
	margin: 10px 10px 0 0;
	display:inline;
}

#archivepageR a img {
	width: 70px;
	height: 70px;
}

#archivepageR ul {
	float: left;
	padding-left: 10px;
}

#archivepageR ul li {
	float: left;
}

#archivepageR p {
	padding-top: 36px;
}

a.arcsel {
	background-color: #cce5ff;
	padding: 0 2px;
}

#archivepageR p a {
	padding: 0;
	width: auto;
	height: auto;
	display: inline;
	margin: 0;
	float: none;
	font-weight: bold;
}


#archivepage.news {
	background: 0;
}

#archivepage p.hdate {
	margin: 0;
}

#archivepage p.hhead {
	font-weight: bold;
	padding: 0;
	margin: 0;
}

#archivepage p.hhead span {
	padding: 0 2px;
	background-color: #cce5ff;
}

#archivepage p.hstory {
	padding: 0 0 34px 0;
	margin: 0;
}