<!--<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">-->
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>

<?php include_http_metas() ?>

<?php include_metas() ?>

<?php include_title() ?>

<?php use_helper('Main') ?>

<link rel="shortcut icon" href="/favicon.ico" />

<style type="text/css">
.listBox { padding-top : 5px; padding-bottom : 5px; background-color : #ffffff; border : 1px solid #8b8b8b; }
.logBox { padding-top : 5px; padding-bottom : 5px; background-color : #ffffee; border : 1px solid #8b8b8b; }
.customDraggable { background-color : #C1CCDB; color : #5b5b5b; border : 1px solid #5b5b5b; -moz-opacity : 0.7; padding : 1px 5px 1px 5px; }
span.logMsg { display      : block; font-family  : Verdana; font-size    : 10px; }
span.nameSpan { font-family  : Verdana; font-size    : 11px; }
</style>

<script>
debugObject = function(obj){
    var h = $H(obj);
    str = h.invoke('join', ' = "').sort().join('", ') + '"'
  new Insertion.Bottom( $('logger'), "<span class='logMsg'>" + str + "</span>" );
  $('logger').scrollTop = $('logger').lastChild.offsetTop;
}
debug = function (str){
  new Insertion.Bottom( $('logger'), "<span class='logMsg'>" + str + "</span>" );
  $('logger').scrollTop = $('logger').lastChild.offsetTop;
}
</script>

</head>

<?php include_stylesheets() ?>

<?php include_javascripts() ?>

<body>



<?php echo ($content); ?>

</body>
</html>