/* Body Background */

body {margin:0;}
#bodyStripes {margin:0; background:#252525 url(../bgStripes.png) repeat-x fixed;}
#bodyStripesFade {margin:0; text-align:center;}

/* Image Formatting */

a.external {background:url(../../xlink.gif) center right no-repeat; padding-right:13px;}
img.hide {width:1px; height:1px; visibility:hidden;}
.thumbnail {border:1px solid #000;}
.thumbSpace {padding:5px; border:1px solid #000;}
img.rightalign {float:right; margin:0 0 12px 15px;}

/* Post Body */

.postBody {width:770px; margin:auto;}
.postBodyLiquid {width:90%; margin:auto;}

/* Light Content Table */

.tableLite {background-color:#B7C1C9;}
	.tableLiteNW {background:url(../tableLiteNW.gif); font-size:1px; width:8px; height:8px; overflow:hidden;}
	.tableLiteN {background:url(../tableLiteN.gif); font-size:1px; height:8px; overflow:hidden;}
	.tableLiteNE {background:url(http://progressiveboink.com/design/tableLiteNE.gif); font-size:1px; width:8px; height:8px; overflow:hidden;}
	.tableLiteE {background:url(http://progressiveboink.com/design/tableLiteE.gif); width:8px; font-size:1px;}
	.tableLiteSE {background:url(../tableLiteSE.gif); width:8px; height:8px; font-size:1px; overflow:hidden;}
	.tableLiteS {background:url(../tableLiteS.gif); height:8px; font-size:1px; overflow:hidden;}
	.tableLiteSW {background:url(../tableLiteSW.gif); width:8px; height:8px; font-size:1px; overflow:hidden;}
	.tableLiteW {background:url(../tableLiteW.gif); width:8px; font-size:1px;}

/* Text */

p, div, td {font: 14px Verdana; color:#000;	margin-top:0;}
a:link {color:#004382; text-decoration:underline;}
	a:visited {color:#470068;}
	a:hover, a:active {color:#FF6C00; text-decoration:none;}
.blue {color:#00F; font-weight:bold;}
.red {color:#F00; font-weight:bold;}
.huge {font-size:48px; font-weight:bold;}
	p.huge {margin-bottom:24px;}
.big {font-size:28px; font-weight:bold;}
.biggeorgia {font:bold 24px Georgia;}
.bigitalic {font-size:21px; font-weight:bold; font-style:italic;}
.sortofbig {font-size:18px;}
	p.big, p.biggeorgia, p.bigitalic, p.sortofbig {margin-bottom:14px;}
.sortofsmall {font-size:12px;}
.small, .smaller {font-size:11px;}
.tiny {font-size:10px;}
.thepeachstate {font:bold 16px Georgia;}

/* Top Header */

#topBg {width:770px; height:142px; margin:auto; text-align:left; background:url(http://progressiveboink.com/design/summer06/topbg.gif);}
	#pboiTitle {width:377px; height:139px; position:relative; left:162px; top:0;}
	#nlhnFrame {width:129px; height:122px; position:relative; left:0; top:8px;}
		#nlhnFrameTop {height:16px; background:url(../nlhnFrameTop.gif) repeat-x; font:10px Verdana; color:#FFF; text-align:center; vertical-align:middle;}
		#nlhnFrameBottom {height:106px;	background:url(../nlhnFrameBottom.gif) repeat-x; text-align:center; vertical-align:top;}
			#nlhnFrameBottom iframe {width:125px; height:100px; border:0;}

/* Button Menu / Search / Archive Tab List */

.menu {width:730px; height:30px; text-align:center; margin:auto;}
#tablist {height:30px; float:left;}
	.menuCell {background:url(../menuTopBg.gif); font:bold 12px Verdana; padding-right:8px;}
		.menuCell a:link, .menuCell a:visited, .menuBottomCell a:link, .menuBottomCell a:visited, .tablistCell a:link, .tablistCell a:visited {color:#FFF; text-decoration:none; height:30px; padding:6px 0;}
		.menuCell a:hover, .menuBottomCell a:hover, #tablist a:hover {color:#FF6C00; text-decoration:none;}
		#menuTopLeft {width:10px; background:url(../menuTopLeft.gif); font-size:1px; overflow:hidden;}
		#menuTopRight {width:10px; background:url(../menuTopRight.gif); font-size:1px; overflow:hidden;}
		.menuTopDivider {width:10px; background:url(../menuTopDivider.gif) repeat-y; font-size:1px; overflow:hidden;}
	.menuBottomCell {background:url(../menuBottomBg.gif); font:bold 12px Verdana; padding-right:8px;}
	.tablistCell {background:url(../menuBottomBg.gif); font:bold 12px Verdana; text-align:center;}
		#menuBottomLeft, .tablistLeft {width:10px; background:url(../menuBottomLeft.gif); font-size:1px; overflow:hidden;}
		#menuBottomRight, .tablistRight {width:10px; background:url(../menuBottomRight.gif); font-size:1px; overflow:hidden;}
		.menuBottomDivider {width:10px; background:url(../menuBottomDivider.gif) repeat-y; font-size:1px; overflow:hidden;}
	.searchCell {background:url(../menuTopBg.gif); padding-top:2px;}
	.searchCellBottom {background:url(../menuBottomBg.gif); padding-top:2px;}
		.searchBg {background:#FFF url(../searchBg.gif); width:175px; border:1px solid #586169; font:bold 12px Verdana; color:#000; padding-bottom:1px;}
		.searchButton {background:#B7C1C9; width:70px; border:1px solid #586169; font:bold 12px Verdana; color:#000; padding-bottom:1px;}
#archiveTop {width:730px; margin:auto;}
	#archivetabcontentcontainer {width:754px;}
		.archivetabcontent {display:none;}

/* Dark Content Table */

.tableDark {background-color:#687A88;}
	.tableDarkNW {background:url(../tableDarkNW.gif); font-size:1px; width:8px; height:8px; overflow:hidden;}
	.tableDarkN {background:url(../tableDarkN.gif); font-size:1px; height:8px; overflow:hidden;}
	.tableDarkNE {background:url(../tableDarkNE.gif); font-size:1px; width:8px; height:8px; overflow:hidden;}
	.tableDarkE {background:url(http://progressiveboink.com/design/tableDarkE.gif); width:8px; font-size:1px;}
	.tableDarkSE {background:url(../tableDarkSE.gif); width:8px; height:8px; font-size:1px; overflow:hidden;}
	.tableDarkS {background:url(../tableDarkS.gif); height:8px; font-size:1px; overflow:hidden;}
	.tableDarkSW {background:url(../tableDarkSW.gif); width:8px; height:8px; font-size:1px; overflow:hidden;}
	.tableDarkW {background:url(../tableDarkW.gif); width:8px; font-size:1px;}

/* Title / NLHN Table */

#nlhnTable {width:770px; text-align:center; margin:auto;}
		#nlhnTable a:link {color:#000;}
		#nlhn {font:10px Verdana; color:#FFF; margin:auto; text-align:left;}
		#thisweek {font:12px Verdana; color:#FFF; text-align:justify; margin-top:0;}
		#title {font:bold 36px Georgia; color:#FFF; text-decoration:underline;}
		#postInfo {font:16px Georgia; color:#FFF; margin-top:0; margin-bottom:4px; text-align:center;}

/* Author Info */

#authorTable {text-align:left; width:730px; margin:auto;}
		#authorInfo {font:bold 16px Georgia; color:#FFF; margin-top:0;}
			#authorTable a:link {color:#000;}
			#author {font:bold 36px Georgia; color:#FFF;}

/* Main Page Post List */

#postTable {width:457px; text-align:left;}
	#newPost {padding-bottom:5px;}
		.new, p.new {background:url(../newpost.gif) no-repeat 100% 0;}
	td.postCell {padding-top:6px; padding-bottom:5px; background:url(../dotborder.gif) repeat-x;}
	#postTable td, #postTable div, #postTable p {font:12px Verdana; color:#000; margin-bottom:0;}
	.postTitle, a.postTitle {font:bold 14px Verdana;}
	#postTable .small {font:italic 11px Verdana;}
	#postTable a img {padding-right:4px; border:0;}

/* Main Page Comics List */

#comicsTable {width:457px; text-align:left;}
	#comicsTable td, #comicsTable div, #comicsTable p {font:bold 11px Verdana; color:#000; margin-bottom:0;}
	#comicsTable a img {padding-right:4px; border:0;}

/* Main Page Dugout List */

#dugoutTable {width:303px; text-align:left;}
	#dugoutLinks {background-color:#B7C1C9; margin:0;}
		#dugoutLinks td ul {margin-left:0; padding-left:0; list-style:disc inside; line-height:1.3; font:bold 11px Verdana; color:#000;}
			#dugoutLinks td ul li {line-height:1.3; font-weight:normal;}
			#dugoutLatest {padding-bottom:6px; font:11px Verdana;}
			#dugoutClassic {padding-top:6px; background:url(../dotborder.gif) repeat-x;}

/* Classic P-Boi List */

#classicTable {width:303px; text-align:left;}
	#classicHead {padding-top:1px; padding-bottom:5px;}
	#classicHead span {font:bold 11px Verdana; color:#000;}
	#classicTable td, #classicTable div, #classicTable p {font:10px Verdana; color:#000;}
	.classicTitle {font:bold 12px Verdana;}
	#classicTable a img {padding-right:4px; border:0;}

/* Buy A T-Shirt */

#shirtTable {width:303px; text-align:left;}
	#shirtTable td, #shirtTable div, #shirtTable p {font:bold 11px Verdana; text-align:center;}
		#shirtTable td img {padding-bottom:5px; text-decoration:none;}

/* Friends of P */

#friendsTable {width:457px; text-align:center;}
	#friendsTable td a {font:bold 12px Verdana;}
	
#searchTable {width:457px; text-align:center;}
	#searchTable td p {font:bold 12px Verdana; color:#000; margin-top:0;}
	#searchTable li {text-align:left; font-family:Courier New, Courier; color:#000; font-size:13px; list-style-type:square; padding-top:3px; padding-right:10px;}

/* Main Page Bottom Disclaimer */

#disclaimerTable {width:770px; text-align:center; margin:auto;}
	#disclaimerTable td p {font:10px Verdana; color:#FFF; padding-bottom:5px;}

/* About Page */

#aboutTable {width:557px; text-align:left;}
	#aboutTable p {margin-top:0;}
#aboutStaff {width:203px; text-align:left;}
	#aboutStaff td, #aboutStaff div, #aboutStaff p {font:bold 11px Verdana;	color:#000;}
	#staffHead {font:bold 21px Georgia; color:#000; letter-spacing:10px;}
		td#staffSubhead {font:normal 11px Verdana; padding-bottom:5px; text-align:center;}
	.staffCell {padding-top:6px; padding-bottom:5px; background:url(../dotborder.gif) repeat-x;}
	#staffCellFirst img, .staffCell img {padding-right:4px; border:0;}
	
/* Subsection Table */

#subsectionTable {width:730px; margin:auto;}
	#ddimagetabs {width:714px; margin:auto;}

/*width of custom tab image */
	#ddimagetabs #customtab1 {width:0; visibility:hidden; display:none;}

		#ddimagetabs a {display: block; text-decoration:none; width:58px; height:75px; display:inline; margin-left:0;}
	#tabcontentcontainer {width:550px; height:20px; margin:auto;}
	.tabcontent{font:bold 14px Verdana; color:#000; display:none;}

/* Archive Pages */

#archiveStaffTable {text-align:center; width:730px; margin:auto;}
	#archiveHead {font:bold 24px Georgia; color:#FFF;}
	.archiveTable {width:100px; padding:12px; padding-top:0; font:bold 11px Verdana; color:#000000; text-align:center;}
	.archiveLink, a.archiveLink {font:bold 18px Georgia;}
#archiveInfo {margin:auto;}
	#archiveInfo td {font:bold 13px Arial; text-align:left;}
		#archiveInfo td img {padding-right:8px; border:0px; float:left;}
		#archiveName {font:normal 24px Arial; color: #000;}
#namelist td, #datelist td {font:11px Arial;}
	#namelist hr, #datelist hr {width:0; height:0px; visibility:hidden;}
	.post {font:bold 13px Arial;}

#namelist, table#namelist {border-collapse:collapse;}
	#namelist thead th, #namelist tfoot th {padding:3px; text-align:left; font:normal 18px Arial; color:#FFF; background-color:#333;}
		#namelist thead th a {color:#F5F5FF; text-decoration:none;}
	#namelist tbody tr.odd {background-color:#D0D7DC;}
	#namelist td.numeric, #students th.numeric {text-align:right;}

/* Misc */

.saluteCell, .bbestCell {text-align:center; vertical-align:top;}
	.saluteCell {width:214px; font:bold 14px Verdana;}
	.bbestCell {width:112px; font:bold 12px Verdana; padding-bottom:10px;}
		.bbestCell .tiny {font:bold 11px Tahoma;}
		.saluteCell img, .bbestCell img {margin-bottom:2px;}