/*
Theme Name: Waterkant09
Theme URI: http://www.mrhenry.be
Description: A wordpress theme flavoured for Waterkant09.
Version: 1.0
Author: Mr. Henry
Author URI: http://www.mrhenry.be
Tags: blue, water, Antwerp
Date: 2009-05-26
*/

/* @group Imports */

@import url(stylesheets/typography.css);

/* @end */


/* @group Testing Borders */
#header     { border: 0px solid pink; }
#content    { border: 0px solid green; }
#sidebar    { border: 0px solid orange; }
#footer     { border: 0px solid blue; }
/* @end */


/* @group Structure */
body                    { background: #ecf6f5 url(images/backgrounds/bg-body.gif) no-repeat center center;}

#outer                  { height: 100%; overflow: hidden; position: relative; width: 100%; }
#outer[id]              { display: table; position: static; }

#middle                 { position: absolute; top: 50%; width: 100%; text-align: center; } /* for explorer only*/
#middle[id]             { display: table-cell; vertical-align: middle; position: static; }

#inner                  { position: relative; top: -50%; text-align: left; background: url(images/backgrounds/bg-wrapper.jpg) no-repeat; position: relative; } /* for explorer only */
#inner                  { width: 980px; height: 650px; margin-left: auto; margin-right: auto; } /* for all browsers*/

#header                 { position: absolute; top: 0; left: 0; width: 980px; height: 66px; }
#content                { position: absolute; top: 180px; left: 60px; width: 610px; height: 363px; }
#sidebar                { position: absolute; top: 215px; left: 690px; width: 285px; height: 327px; overflow: hidden; }
#footer                 { position: absolute; bottom: 0; left: 0; width: 980px; height: 100px; }

.left	                { float: left; }
.right	                { float: right; }
.clear	                { clear: both; }
.hide	                { display: none; }
.first	                {  }
.last	                {  }

hr 		                { display:none; }
/* @end */


/* @group Header */
#header h1              { display: none; }
/* @end */


/* @group Navigation */
#navigation             { position: absolute; bottom: 0; left: 55px; margin: 0; padding: 0; width: 730px; list-style: none; }
#navigation li          { float: left; margin: 0 0 10px 0; padding: 0; }
#navigation li a        { display: block; margin: 0; border-right: 2px solid #13a3b4; padding: 0 4px 0 7px; }
#navigation li:last-child a     { border: none; padding-right: 0; }   
/* @end */


/* @group Content */
#content h2             { padding: 0 7px; background-repeat: no-repeat; }
#content .post          { position: absolute; top: 50px; left: 0; padding: 0 10px 0 0; height: 290px; overflow-x: hidden; overflow-y: auto; }
/* @end */


/* @group Sidebar */
#sidebar .img-1         { position: absolute; top: 1px; left: 12px; }
#sidebar .img-2         { position: absolute; top: 168px; left: 12px; }
#sidebar .overlay       { position: absolute; top: 0; left: 0; width: 285px; height: 327px; background: url(images/backgrounds/overlay-sidebar.png) no-repeat; }
/* @end */


/* @group Footer */
#footer h3              { display: none; }
#footer .sponsors       { display: none; }
/* @end */


/* @group Misc */
/* @end */