Untitled

body,
	html {
		margin:0;
		padding:4px;
		color:#000;
		background:#a7a09a;
	}
	div {
		border: 1px solid #000000;
	}
	div.container = { height: auto;}
	#wrap {
		width:750px;
		margin:0 auto;
		background:#99c;
	}
	#header {
    	padding:5px 10px;
		background:#ddd;
		border: 1px solid #000000;
	}
	h1 {
	    margin:0;
    }
	#nav {
		padding:5px 10px;
		background:#c99;
	}
	#nav ul {
		margin:0;
		padding:0;
		list-style:none;
	}
	#nav li {
		display:inline;
		margin:0;
		padding:0;
	}
	#main {
		float:left;
		width:480px;
		padding:10px;
		background:#9c9;
		height: auto;
	}
	h2 {
		margin:0 0 1em;
	}
	#sidebar {
		float:right;
		width:230px;
		height:100%;
		padding:7px;
		background:#99c;
	}
	#footer {
		clear:both;
		padding:5px 10px;
		background:#cc9;
	}
	#footer p {
		margin:0;
    }
	* html #footer {
		height:1px;
	}


<html>
<head>
<title> {% block title %} Qeng homepage {% endblock %}  </title>
<link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}index.css", media="screen, print, projection"/>
</head>

<body>
 <div id="wrap">
	<div id="header">{% block header %}<h1>Qeng mainpage</h1>{% endblock %}</div>
	<div id="nav">
	    {% block navi %}
		<ul>

			<li><a href="/engines">Home</a></li>
			<li><a href="/">Engine list</a></li>
			<li><a href="/engines/submit">Submit</a></li>
			<li><a href="/engines/manage">Manage</a></li>
			<li><a href="/">Contact</a></li>

		</ul>
		{% endblock %}
	</div>
	<div class="container">
	<div id="main">
		{% block main %}
		<h2>Homepage</h2>

		Welcome to Qeng mainpage. This is still in development and we're using Django.

		Qeng is all about posting your engine and let it be rated by other people. We're still looking
		for more partipants to help us deal with this. Interested? Look at the contact page.

		Note that this page is still under development and that we all suck at designing something.
		If you want to design something for us, just look at the contact page.
		{% endblock %}
		</div>
	<div id="sidebar">
	    {% block sidebar %}
		<h2>Engines list</h2>
		<p>This is the current list of all engines.</p>
		<ul>
			{% if engines_list %}
			{% for poll in engines_list %}
			<a href="{% url project.engines.views.detail poll.id %}"><li>{{ poll.engine }}</li></a>
			{% endfor %}
			{% else %}
			No polls are available.
			{% endif %}

		</ul>
		{% endblock %}
	</div>
	</div>
	<div id="footer">
	    {% block footer %}
		<p>Footer</p>
		{% endblock %}
	</div>

</div>
</body>

</html>