


   

html, body {

	margin: 0;

	padding: 20px;

	font: 12px Verdana, Arial, Helvetica, sans-serif;

	color: #444;

	text-align: center;

	}

	

li {

	padding: 2px;

	}

	

a {

	border: none;

	}

	

img {

 	border: 1px solid #888; 

	border-right-width: 3px; 

	border-bottom-width: 3px;

	}

	

img.emote {

	border: none;

	vertical-align:middle;

	}



#container {

	width: 700px;

	margin: auto;

	}



#header {

	height: 64px;

	background: url(../image/ph_logo_small.gif) no-repeat;

	margin-bottom: 30px;

	}



#menu {

	float: right;

	text-transform: lowercase;

	margin-top: 22px;

	}

	

#menu-footer {

	text-transform: lowercase;

	margin-top: 5px;

	}



#menu a#location, #menu-footer a#location {

	font-weight: bold;

	color: #666;

	}

	

#menu a {

	color: #598a9b;

	text-decoration: none;

	margin-left: 10px;

	font-size: 11px;

	}

    

#welcome {

	background: #d8e5e9 url(../image/welcome.gif) left top no-repeat;

	margin: 1px;

	margin-bottom: 0px;

	text-align: left;

	padding: 5px 20px 5px;

	}

    

#welcome-border {

	background: #FFFFFF;

	border-left: 1px solid #d8e5e9;

	border-right: 1px solid #d8e5e9;

	border-top: 1px solid #d8e5e9;

	margin: 6px 20px 0px;

	}



a:hover, #menu a:hover {

	color: #33525d;

	text-decoration: underline;

	}



#tagline {

	float: left;

	margin: 22px 0 0 57px;

	margin-left: 116px !important;

	_margin-left: 60px !important;

	color: #888;

	}



#notifications {	

	text-align:center;

	background:#eee;

	padding:3px 5px 3px;

	font-size:11px;

	margin:0px 1px 1px;

	}



#notifications-border {

	background: #FFFFFF;

	border-left: 1px solid #eee;

	border-right: 1px solid #eee;

	border-bottom: 1px solid #eee;

	margin:0 20px 10px;

	}



#donate {

	background: #d8e5e9 url(../image/donate.png) left top no-repeat;

	margin: 1px;

	text-align: left;

	padding: 5px 20px 5px;

	}

    

#history {

	background: #d8e5e9 url(../image/history.png) left top no-repeat;

	margin: 1px;

	text-align: left;

	padding: 5px 20px 5px;

	}

   

#staff {

	background: #d8e5e9 url(../image/staff.gif) left top no-repeat;

	margin: 1px;

	text-align: left;

	padding: 5px 20px 5px;

	}

	

#changelog {

	background: #d8e5e9 url(../image/changelog.gif) left top no-repeat;

	margin: 1px;

	text-align: left;

	padding: 5px 20px 5px;

	}



#tour {

	background: #d8e5e9 url(../image/tour.gif) left top no-repeat;

	margin: 1px;

	text-align: left;

	padding: 5px 20px 5px;

	}

	

#download {

	background: #d8e5e9 url(../image/download.gif) left top no-repeat;

	margin: 1px;

	text-align: left;

	padding: 5px 20px 5px;

	}

	

#links {

	background: #d8e5e9 url(../image/links.gif) left top no-repeat;

	margin: 1px;

	text-align: left;

	padding: 5px 20px 5px;

	}

	

#promote {

	background: #d8e5e9 url(../image/promote.gif) left top no-repeat;

	margin: 1px;

	text-align: left;

	padding: 5px 20px 5px;

	}

	

#customise {

	background: #d8e5e9 url(../image/customise.gif) left top no-repeat;

	margin: 1px;

	text-align: left;

	padding: 5px 20px 5px;

	}

    

#border-blue {

	background: #FFFFFF;

	border: 1px solid #d8e5e9;

	margin: 20px 20px 0px;

	}



#border-red {

	background: #FFFFFF;

	border: 1px solid #EFE0E2;

	margin: 20px 20px 0px;

	}



#border-green {

	background: #FFFFFF;

	border: 1px solid #E0EFE2;

	margin: 20px 20px 0px;

	}



#border-grey {

	background: #FFFFFF;

	border: 1px solid #eee;

	margin: 20px 20px 0px;

	}



.box {

	background: #eee;

	margin: 1px;

	text-align: left;

	padding: 20px 20px 10px;

	}

    

.new {

	color: #FF0000

    }

    

    

.developers {

	background: #eee;

	padding: 18px 20px 12px;

	margin: 1px;

	text-align: left;

	}

	

.testers {

	background: #d8e5e9;

	padding: 18px 20px 12px;

	margin: 1px;

	text-align: left;

	}



.release {

	background: #EFE0E2; //#FFE4DF;

	padding: 18px 20px 12px;

	margin: 1px;

	text-align: left;

	}



.guide {

	background: #E0EFE2;

	padding: 18px 20px 12px;

	margin: 1px;

	text-align: left;

	}



#welcome .title, #donate .title {

	text-align: right;

	}



.title {

	font-weight: bold;

	}



.blue_highlight, a, .link {

	color: #147293;

	}



.red_highlight {

	color: #CF0C0C;

	}

	

#welcome p, #staff p, #history p, #donate p, #tour p, #changelog p, #download p, #links p, #promote p, #customise p, .box p, .release p, .guide p, .developers p, .testers p {

	line-height: 18px;

	margin: 0 0 10px;

	padding: 2px;

	}



.date {

	float: right;

	color: #999;

	font-size: 10px;

	}

	

a {

	text-decoration: none;

	}



.padded {

	margin: 0 10px;

	}



#footer {

	margin-top: 20px;

	color: #aaa;

	clear: both;

	}



.link {

	font-weight: bold;

	text-align: center;

	}



#left {

	float: left;

	width: 230px;

	}



#right {

	margin-left: 210px;

	}



.title_link {

	color: #444;

	}



#adsense {

	margin-bottom: -15px;

    margin-top: 10px;

    }



.changelog {

    display: none;

	}

 

.new {

	color: #FF0000;

	font-weight: bold;

	}

