/************************************************************

	Layout.css - Define size and position of elements.

	Copyright (c) 2006 Craig Cook and Focal Curve

*************************************************************/

/***
First, let's strip all the margins and padding...
This is a variant of Richard Rutter's 'global whitespace reset'
further influenced by Faruk Ates' 'initial.css'
***/
html, body, form, fieldset { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, pre, ul, ol, dl { margin: .5em 0 0 0; padding: 0; }
p { margin: 0 0 1em; padding: 0; }

blockquote { margin: .5em 2em .5em .5em; padding: 0 0 0 1.5em; }

div.box { margin-bottom: 1em; }

.hide { display: block; width: 0; overflow: hidden; height: 0; text-indent: -9999px; }

#container { width: 80%; min-width: 500px; max-width: 1100px; margin: 0 auto; padding: 6px 20px; }
#branding { margin: 0 -12px; }
#page { float: left; width: 100%; clear: both; margin: 1em 0 3em 0; }
#content { float: right; width: 67%; margin-top: -.5em; padding: 0 2%; }
#subnav { width: 25%; margin-top: -.5em; padding-left: 5px; }

#nav-access { position: absolute; top: -10em; font-size: 120%; }
#nav-access a:focus, #nav-access a:active { position: absolute; top: 11em; left: 60px; }

h1 { height: 184px; margin: 0; padding: 1px; }
h1 a { display: block; outline: none; height: 180px; padding: 3px; }
h1 a:hover, h1 a:focus, h1 a:active { padding: 1px; }

ul#primenav { margin: 10px 0; width: 100%; float: left; clear: both; }
ul#primenav li { float: left; width: 33.3%; }
ul#primenav a { display: block; outline: none; height: 2em; margin: 0 5px; padding: 3px; }
ul#primenav a:hover { padding: 1px; }

#subnav ul li { padding: 2px; margin-bottom: 2em; }
#subnav ul li a { display: block; outline: none; padding: 3px 8px; }
#subnav ul li a:hover, #subnav ul li a:focus, #subnav ul li a:active { padding: 2px 7px; }

#subnav ul li ul { margin: 3px 4px 7px 4px; }
#subnav ul li ul li { margin-bottom: -3px; }

p img {	padding: 2px; }
img.alignright { float: right; margin: 0 0 .5em .5em; }
img.alignleft { float: left; margin: 0 .5em .5em 0; }
img.centered { display: block; margin: .5em auto; }
.alignright { float: right; }
.alignleft { float: left; }
img.borderless { border: none !important; }
p.alignright { text-align: right; }
p.alignleft { text-align: left; }

#content ul { margin: .5em 2em; }
#content ol { margin: .5em 2em 1em 2em; }
#content li { margin-bottom: .4em; }
#content dl { margin-bottom: 1em; }

#searchform { margin: 2em 0; }

#thecontent { width: 100%; }

#sitemeta { clear: both; padding: 1em 0 0 0; }
#sitemeta:after { content: "."; display: block; clear: both; visibility: hidden; }

/*** =Home ***/
body.home #featured { margin-bottom: 30px; }
body.home #featured h3 { margin: 1em .5em; }
body.home #featured ol li { margin-bottom: 1em; overflow: hidden; }
body.home #featured a img { padding: 3px; }
body.home #featured a img:hover { padding: 1px; }
body.home #recentposts { margin-top: 2em; }
body.home .post h4 a {  }