<?php
/**
 * 
 */

// Set the content type
header("Content-type: text/html; charset=UTF-8");

// Set title
$site_title = elgg_get_config('sitename');
if (empty($vars['title'])) {
	$title = $site_title;
} else if (empty($site_title)) {
	$title = $vars['title'];
} else {
	$title = $site_title . ": " . $vars['title'];
}

echo elgg_view('page/elements/html_begin', $vars);
// @todo - move the css below into it's own style-sheet 
// that is called when running as a private network
?>
<style type="text/css">
body {background: white;}
/* ***************************************
	WalledGarden
*************************************** */
#walledgarden_container {
	margin:100px auto 0 auto;
	position:relative;
	padding:0;
	width:563px;
	background: url(<?php echo elgg_get_site_url(); ?>_graphics/walled_garden_background_extend.gif) repeat-y left top;
	text-align: left;
	word-wrap:break-word;
}
#walledgarden {
	position: relative;
	padding:0;
	width:563px;
	min-height:230px;
	background: url(<?php echo elgg_get_site_url(); ?>_graphics/walled_garden_background_top.gif) no-repeat left top;
}
#walledgarden_bottom {
	margin:0 auto;
	background: url(<?php echo elgg_get_site_url(); ?>_graphics/walled_garden_background_bottom.gif) no-repeat left bottom;
	width:563px;
	height:54px;
	/* position: relative; */
}
.walledgardenintro {
	float:left;
	min-height:200px;
	width:223px;
	padding:15px;
	margin:19px 0 0 23px;
}
.walledgardenlogin {
	float:left;
	min-height:200px;
	width:223px;
	padding:15px 15px 0 15px;
	margin:19px 0 0 11px;
}
.walledgardenintro h1 {
	color:#666666;
	margin-top:80px;
	line-height: 1.1em;
}
.walledgardenlogin h2 {
	color:#666666;
	border-bottom:1px solid #CCCCCC;
	margin-bottom:5px;
	padding-bottom:5px;
}
.walledgardenlogin form input.login-textarea {
	margin:0 0 10px 0;
	width:210px;
}
.walledgardenlogin form label {
	color:#666666;
}
.walledgardenlogin .remember_me label {
	font-size:1em;
	font-weight:normal;
}
.walledgardenlogin .remember_me {
	display:block;
	float:right;
	margin-left:0;
	margin-top:-34px;
	text-align:right;
	width:100%;
}
.walledgardenlogin .lost_password {
	margin-bottom: 10px;
	color:#999999;
}
.walledgardenlogin a.forgotten_password_link,
.walledgardenlogin a.registration_link {
	color:#999999;
}

/* override default form styles (for when a theme is running) */
.walledgardenlogin input {
	font: 120% Arial, Helvetica, sans-serif;
	padding: 5px;
	border: 1px solid #cccccc;
	color:#666666;
	background-color: white;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.walledgardenlogin textarea {
	font: 120% Arial, Helvetica, sans-serif;
	border: solid 1px #cccccc;
	padding: 5px;
	color:#666666;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.walledgardenlogin textarea:focus,
.walledgardenlogin input[type="text"]:focus {
	border: solid 1px #4690d6;
	background: #e4ecf5;
	color:#333333;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;	
}
.walledgardenlogin .input-password {
	width:200px;
}
.walledgardenlogin input.input-password:focus {
	border: solid 1px #4690d6;
	background-color: #e4ecf5;
	color:#333333;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.walledgardenlogin input[type="password"]:focus {
	border: solid 1px #4690d6;
	background-color: #e4ecf5;
	color:#333333;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.walledgardenlogin .submit_button {
	font-size: 14px;
	font-weight: bold;
	color: white;
	text-shadow:1px 1px 0px black;
	text-decoration:none;
	border: 1px solid #4690d6;
	background-color:#4690d6;
	background-image: url(<?php echo elgg_get_site_url(); ?>_graphics/button_graduation.png);
	background-repeat: repeat-x;
	background-position: left 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	width: auto;
	padding: 2px 4px;
	margin:0 10px 10px 0;
	cursor: pointer;
	-webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.40);
	-moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.40);
}
.walledgardenlogin .submit_button:hover {
	color: white;
	border-color: #0054a7;
	text-decoration:none;
	background-color:#0054a7;
	background-image:  url(<?php echo elgg_get_site_url(); ?>_graphics/button_graduation.png);
	background-repeat:  repeat-x;
	background-position:  left 10px;
}
.walledgardenlogin input.action_button {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background-color:#cccccc;
	background-image:  url(<?php echo elgg_get_site_url(); ?>_graphics/button_background.gif);
	background-repeat:  repeat-x;
	background-position: 0 0;
	border:1px solid #999999;
	color:#333333;
	padding:2px 15px 2px 15px;
	text-align:center;
	font-weight:bold;
	text-decoration:none;
	text-shadow:0 1px 0 white;
	cursor:pointer;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}
.walledgardenlogin input.action_button:hover,
.walledgardenlogin input.action_button:focus {
	background-position:0 -15px;
	background-image:  url(<?php echo elgg_get_site_url(); ?>_graphics/button_background.gif);
	background-repeat:  repeat-x;
	color:#111111;
	text-decoration: none;
	background-color:#cccccc;
	border:1px solid #999999;
}
.walledgardenlogin .action_button.disabled  {
	color:#999999;
	padding:2px 7px;
}

/* override some elgg system message styles */
#walledgarden_sysmessages {
	position: absolute;
	width:100%;
	text-align: center;
	margin:0 auto;
	top:0;
	z-index:9600;
}
#walledgarden_sysmessages #elgg-system-message {
	width: 515px;
	max-width: 515px;
	right:auto;
	margin:30px auto 0 auto;
	position: relative;
}


#lostpassword_form,
#registration_form {
	right:0;
	position:absolute;
	top:0;
	width:260px;
	background-color: white;
	padding:0;
	background: url(<?php echo elgg_get_site_url(); ?>_graphics/walled_garden_backgroundfull_top.gif) no-repeat left top;
	height:auto;
}
#hiddenform_body {
	padding:30px 40px 0 40px;
	height:auto;
}
#hiddenform_bottom {
	margin:0 auto;
	background: url(<?php echo elgg_get_site_url(); ?>_graphics/walled_garden_backgroundfull_bottom.gif) no-repeat left bottom;
	width:563px;
	height:54px;
	position: relative;
}

#hiddenform_body .cancel_request {
	margin-left:15px;
}

/* override some visual_captcha styles */
.walledgardenlogin .visual_captcha_choices  {
	margin:10px 0 0 0;
	padding:0;
	height:60px;
}
.walledgardenlogin ul.visual_captcha_choices li img {
	width:50px;
	height:auto;
}
	
</style>

<?php
$view = elgg_view('page/elements/messages', array('object' => $vars['sysmessages']));

echo "<div id='walledgarden_sysmessages' class='clearfix'>$view</div>";       
echo '<div id="walledgarden_container"><div id="walledgarden" class="clearfix">';
echo "<div class=\"walledgardenintro clearfix\"><h1>Welcome to:<br />$title</h1></div>";
echo "<div class=\"walledgardenlogin clearfix\">{$vars['body']}</div>";
echo '</div>';
echo '<div id="walledgarden_bottom"></div>';
echo '</div>';

echo elgg_view('page/elements/html_end', $vars);