/* 
Title:     central 
Author:    Nick Toye
Project:   PROJECT NAME HERE
Sheet:     Central Park Baby!
Created:   4th February 2007
*/

body {
	background: url(/themes/img/bg.gif) repeat 0 0;
	font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	font-size: small;
	color: #3d3d3d;
}

a:link, a:visited {
	color: #3d3d3d;
	font-weight: bold;
}

a:hover {
	color: #0a317a;
}

/* === CENTRAL PARK LAYOUT === */
/*
#horizon        
	{
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: block
	}
*/
/*
#content    
	{
	margin-left: -563px;
	position: absolute;
	top: -350px;
	left: 50%;
	width: 926px;
	height: 588px;
	visibility: visible;
	}
*/
#placeholdertop {
	background:url(/themes/img/central2_01.png) no-repeat;
	height:174px;
	width: 660px;
	margin:0px auto;
	}	
#placeholderbottom {
	background:url(/themes/img/central2_05.png) no-repeat;
	height:174px;
	width: 660px;
	margin:0px auto;
	}
#placeholder {
	background:url(/themes/img/central2_03.png) repeat-y;
	width: 660px;
	margin:0px auto;
	}
	
h1 {
	display: none;
}

div#content_main {
	width: 50%;
	position: absolute;
	top: 275px;
	margin: 0 297px;
	height: 260px;
	overflow: hidden;
	padding-top: 10px;
}



div#content_main p {
	font-weight: bold;
	margin-bottom: 5px;
}

div#content_main p.error {
	color: red;
	width: 19em;
	height: 2em;
	line-height: 2em;
	margin: 0 auto;
	background: url(/themes/img/error.gif) no-repeat left 0;
	position: relative;
	bottom: 2px;
}

form fieldset {
	background: #D5D3C3;
	position: relative;
	border: 1px dotted #3d3d3d;
	width: 80%;
	margin: 0 auto;
	padding-top: 20px;
}

form fieldset legend {
	position: absolute;
	top: 5px;
	font-weight: bold;
	font-size: 120%;
}

form fieldset p {
	text-align: left;
	width: 250px;
	margin: 0 auto;
}

form input {
	width: 100%;
}

form input.inputBtn {
	width: auto;
}

small.regcode {
	position: relative;
	bottom: 5px;
}

/* === ROOM 404 === */
div#content_404 {
	width: 50%;
	position: absolute;
	top: 240px;
	margin: 0 250px;
	height: 260px;
	overflow: hidden;
	padding-top: 10px;
}

div#content_404 p {
	font-weight: bold;
	font-size: 150%;
}

/* === JUST WAIT === */
div#content_soon {
	width: 50%;
	position: absolute;
	top: 240px;
	margin: 0 250px;
	height: 260px;
	overflow: hidden;
	padding-top: 10px;
}

p.soon {
	font-size: 200%;
}

/* === ROLL UP, ROLL UP === */

input {
	border: 1px solid #3d3d3d;
}

/*
div#content_signup {
	width: 50%;
	position: absolute;
	top: 170px;
	margin: 0 250px; 
	left:250px;
	height: 260px;
	 overflow: hidden; 
	padding-top: 5px;
}
*/
/*
div#content_signup 
{
	top:297px;
	position:relative;
	width:440px;
	left:310px;
}
*/
div#content_signup 
{
	/* top:180px; */
	left:120px;
	/* position:relative; */
	width:340px;
	margin-left:20px;
}

/*
div#content_signup p 
{
	margin:0.5em 0;
}
*/

div#content_signup h2 {
	font-size: 100%;
	text-align: left;
	padding: 0 0 0px 30px;
	height:20px;
}

div#content_signup p.instruct {
	font-weight: bold;
	font-size: 90%;
	text-align: center;
}

form#reg_code fieldset {
	background: none;
	border: none;
	padding: 0;
}

form#reg_code a {
	display: block;
	width: 300px;
	margin: 10px auto;
	background: #E2BF70;
	border: 1px solid #3d3d3d;
	padding: 0.5em 1em;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 90%;
}

div#content_signup h3 {
	text-align: left;
	font-size: 90%;
	margin: 0;
}

div#content_signup p.info {
	text-align: left;
	font-size: 80%;
}

form#details, form#user_register {
	margin: 0;
	padding: 0 0 10px 0;
	width: 60%;
	/* float: left; */
}

form#details fieldset,form#user_register fieldset {
	background: none;
	border: none;
	padding: 0;
	margin: 0;
	width: 100%;
	position: relative;
	top: -5px;
}


form#details fieldset p,form#user_register fieldset p {
	text-align: left;
	width: 100%;
	margin: 0 auto;
	margin-bottom: 5px;
	font-size: 80%;
}

form#details p label,form#user_register p label {
	/* float: left; */
	/* width: 30%; */
	padding: 0px 0;
	margin: 0;
	text-indent: 0px;
	font-weight:  bold;
	
}

form#details p input.check,form#user_register p input.check {
	border: 1px solid #3d3d3d;
	/* float: left; */
}


form#details input, form#user_register input {
	/* float: left; */
	width: 100%;
}

form#details input.browse, form#user_register input.browse {
	width: 100%;
	
}

/*
form#details a,form#user_register a {
	display: block;
	width: 100%;
	margin: 10px auto;
	background: #E2BF70;
	border: 1px solid #3d3d3d;
	padding: 0.5em 0em;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 90%;
}
*/

form#details p.check label, form#user_register p.check label {
	width: 100%;
}

form#details input.check,form#user_register input.check {
	width: auto;
	float: none;
	margin-right: 5px;
}

form#details input.inputBtn,form#user_register input.inputBtn {
	width: auto;
}

div#content_signup h2.profile-icn {
	padding: 0 0 5px 30px;
	background: url(/themes/img/profile_24.png) no-repeat;
}
/*
div.messages 
{
	margin-top:5px;
}
*/
div#notes {
	float: right;
	width: 35%;
	text-align: left;
	font-size: 85%;
	margin-right:20px;
}
div#newmsg {
	padding:10px;
	}
p.alert {
	color: red;
	padding-left: 30px;
	background: url(/themes/img/error.gif) no-repeat;
}

	/*===[MISC FIXES]===*/
	/*
	P.I.E. FLOAT CLEARING
	See http://www.positioniseverything.net/easyclearing.html 
	--------------------- */

	.clearfix:after {
	  content: ".";
	  clear: both;
	  height: 0;
	  visibility: hidden;
	  display: block;
	}
	.clearfix {
	  display: inline-block; /* Fixes IE/Mac */
	}
	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */	

	.clearer {clear:both;}