html, body {
	height: 100%;
}

body { 
	text-align: center;
	background: url(../_images/page_bkg.png) #eee center top repeat-y;
}

#wrapper {
}

.base-box {
	margin: 0 auto;
	width: 1002px;
	text-align: left;
}

ul.hor-nav {
	float: left;
	list-style-type: none;
}

ul.hor-nav li {
	float: left;
	line-height: 1;
}

ul.hor-nav li a {
	display: block;
}



#header {
	background: url(../_images/header.png) left top repeat-x;
}

#header div.base-box {
	position: relative;
	height: 180px;
}

#header div#philaplace-logo {
	display: block;
	position: absolute;
	top: 41px;
	left: 51px;
	width: 525px;
	height: 133px;
	background: url(../_images/philaplace_blog_logo.png) left top no-repeat;
}

#header div#philaplace-logo span {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
}

#header a#philaplace-home {
	display: block;
	position: absolute;
	top: 19px;
	left: 4px;
	width: 112px;
	height: 112px;
}

/*
**
*/

#header ul#nav1 {
	height: 17px;
	position: absolute;
	top: 150px;
	left: 170px;
}

#header ul#nav1 li {
	padding-right: 10px;
	height: 21px;
}

#header ul#nav1 li a {
	height: 21px;
}

#header ul#nav1 li.first {
	padding-left: 0;
}

#header ul#nav1 li.last {
	padding-right: 0;
}

#header ul#nav1 li#n1-back a { background-image: url(../_images/back_to_pp_btn.png); width: 202px; }

#header ul#nav1 li#n1-back a {
	background-repeat: no-repeat;
}

#header ul#nav1 li#n1-back a:link, #header ul#nav1 li#n1-back a:visited {
	background-position: left top;
}

#header ul#nav1 li#n1-back a:hover, #header ul#nav1 li#n1-back a:active {
	background-position: left bottom;
}

/*
**
*/


#main {
	margin-bottom: 20px;
}

#main #mt {
	height: 92px;
	background: url(../_images/main_top.png) left top no-repeat;
}

#main #mm {
	margin-top: 0px;
	padding: 0 36px 0 70px;
	width: 896px; /* 1002 - 36 - 70 */
	background: url(../_images/main_mid.png) left top repeat-y;
}

#main #mb {
	height: 83px;
	background: url(../_images/main_btm.png) left top no-repeat;
}

/*
**
*/

#footer {
	background: url(../_images//btm.png) left bottom repeat-x;
}

#footer div.base-box {
	position: relative;
	height: 150px;	
}

#footer a#hsp-logo {
	display: block;
	position: absolute;
	top: 10px;
	left: 55px;
	width: 120px;
	height: 102px;
	background: url(../_images/hsp_logo.gif) left top no-repeat;
}
/*
#footer #lead {
	position: absolute;
	top: 10px;
	left: 190px;
	font-style: italic;
}

#footer a#pdor-logo {
	display: block;
	float: left;
	margin-bottom: 8px;
	width: 110px;
	height: 40px;
	background: url(/_images/theme/logos/phila_records_logo.jpg) left top no-repeat;
}

#footer a#penndesign-logo {
	display: block;
	float: left;
	margin-left: 40px;
	width: 136px;
	height: 26px;
	background: url(/_images/theme/logos/penndesign_logo.jpg) left top no-repeat;
}

#footer #lead #sponsors {
	display: block;
	clear: left;
	font-size: 1.2em;
	font-style: normal;
}
*/

#footer ul#nav3 {
	position: absolute;
	bottom: 30px;
	right: 20px;
	margin: 1.2em 0;
	height: 1.2em;
}

#footer ul#nav3 li {
	margin-left: 10px;
	border-left: 1px solid #0a8;
	padding-left: 10px;
}

#footer ul#nav3 li.first {
	margin-left: 0;
	border-left: 0;
	padding-left: 0;
}

#footer ul#nav3 li.last {
	padding-right: 0;
}

#footer ul#nav3 li a {
}


/*
**


#overlay {
	display: none;
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 1000;
	text-align: center;
	background: url(/_images/overlay-background.png) left top repeat;
}

#overlay-holder {
	margin: 10px auto 0;
	border: 1px solid black;
	padding: 20px;
	width: 700px;
	min-height: 700px;
	text-align: left;
	background: white;
}

a#overlay-close {
	display: block;
	float: right;
	margin: -18px -18px 0 0;
	line-height: 1;
	font-size: 1.2em;
	color: black;
}

#overlay-image {
}

#overlay-image img {
}

#overlay-caption {
	width: 500px;
}

.overlay-nav {
	display: block;
	float: right;
}

.overlay-message {
	line-height: 1;
	font-size: 1.2em;
}

a.overlay-prev {
	color: black;
	font-size: 1.2em;
}

a.overlay-next {
	color: black;
	font-size: 1.2em;
}
*/

/*
**
*/

.box {
/*	margin: 0px 0;
	border: 1px solid black;
	padding: 0 20px; */
}


a.more-link {
	display: inline-block;
	margin: 0 auto;
	background-image: url('../_images/more_btn.png');
	background-position: left top;
	background-repeat: no-repeat;
	width: 31px;
	height: 26px;
}

a.more-link:hover { background-position: left bottom; }