/* text-styles */
html
{
	height: 100%;
	margin-bottom: 1px;
}

body
{
	font-family: Helvetica, Arial, sans-serif;
	color: black;
	background-color: #fff;
	font-size: 62.5%;
	line-height: 1.8em;
}

p
{
	padding-bottom: 1em;
}

pre
{
	font-size: 1.2em;
}

#container
{
	width: 65em;
	margin: 3em;
}

.sectionback
{
	font-size: .8em;
	position: relative;
	padding: 0 0 0.9em 20.7em;
}


#header,
#content
{
	font-size: 1.2em;
}

#header,
.section
{
	position: relative;
	padding: 0 0 0.9em 16.6em;
}

#header h1,
.section h2
{

	position: absolute;
	top: 0;
	left: 0;
	width: 15em;
	text-transform: uppercase; 
}

#header h1 a
{
	padding: 0.6em;
	margin-left: -0.6em;
}

#header ul
{
	margin-left: -3.4em;
	text-transform: uppercase; 
	width: 40em;
}

#header ul:after
{
	display: list-item;
	content: '';
	clear: both;
	height: 0;
	visibility: hidden;
}

#header li
{
	list-style: none;
	float: left;
	padding: 0 0 2.5em 0;
}

#header li a
{
	padding: 0.6em;
}

.section ul li
{
	padding-bottom: 0.9em;
}


blockquote 
{
	margin: 1.4em 2.8em 2.8em 2.8em;
	
}

ol
{
	list-style: decimal;
	padding-left: 1.4em;
	padding-bottom: 1.4em;
}

ul
{
	list-style: none;
	padding-left: 2.8em;
	padding-bottom: 1.4em;
}

ul.bulleted
{
	list-style: circle;
	padding-left: 2.8em;
}

ul.bulleted ul
{
	padding-bottom: 0;
}

.technologies ul
{
	list-style: square;
	padding-left: 1.4em;
	padding-bottom: 1.4em;
}

.check ul
{
	list-style: circle;
	padding-left: 1.4em;
	padding-bottom: 1.4em;
}

dd
{
	text-indent: 2.8em;
}

dt
{
	text-indent: 1.4em;
}

dl
{
	margin-bottom: 1.4em;
}

a, #header a
{
	color: #539200; 
	text-decoration: none; 
	padding: 2px 2px 1px;
	margin: 0 -2px;

	/* CSS3 progressive enhancement */	
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-opera-border-radius: 2px;
}

#header a
{
	margin: 0;
}

a:visited
{
	color: #687267; 
}

a:hover,
#header a:hover
{
	color: #FFF;
	background-color: #8BDE00;
}

#header a.active
{
	color: #FFF;
	background-color: #7FCC00; 
}

code
{
	font-family: Courier, monospace;
}

img
{
	margin-bottom: 1.4em;
}

a.img
{
	padding: 0;
}

.tighten
{
	margin-bottom: -2.4em;
}

#footer
{
	clear: left;
	padding: 3em 0 3em 19.8em;
	line-height: 1.2em;
}

#footer img
{
	float: left;
	margin-right: 6px;
	margin-bottom: 0;
	border: 2px solid #8BDE00;
	padding: 1px;
	position: relative;
	top: 1px;
}

/* ---------------------------------------- */

.blog-admin
{
	position: absolute;
	top: 56px;
	left: 30px;
	padding: 0;
	font-size: 0.8em;
}

#blog .section,
.post,
.comment,
.comment-form
{
	padding: 0 0 2.0em 16.6em;
	float: left;
	clear: left;
	
	/* TODO */
	width: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-opera-box-sizing: border-box;
}

#blog .section h2,
.post h2,
.comment h2,
.comment-form h2
{
	position: relative;
	top: auto;
	left: auto;
	width: 15em;
	text-transform: uppercase;
	float: left;
	margin-left: -16.6em;
}

#blog .section h3,
.post h3,
.comment h3,
.comment-form .note
{
	float: left;
	clear: left;
	font-weight: normal;
	padding: 2px 2px 1px;
	
	color: #666;
	font-size: .8em;
	line-height: 1.4;
	width: 18.8em;
	margin-left: -21em;
}

#comments,
.comment-form
{
	clear: both;
}

form
{
	width: 100%;
}

form span
{
	width: 100%;
	display: inline-block;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-opera-box-sizing: border-box;
}

form .inline span,
form span.inline
{
	width: auto;
	display: inline;	
}

form .inline span select
{
	width: auto;
}

form span input[type=text],
form span textarea,
form span select
{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-opera-box-sizing: border-box;
	width: 100%;
	margin: 0;
}

form table
{
	border-collapse: collapse;
	margin: 0 -4px;
}

/* for Safari only */
@media screen and (-webkit-min-device-pixel-ratio:0) 
{	
	form table
	{
		margin: -8px;
	}
}

form table td
{
	border: 8px solid #FFF;
}

form label
{
	display: block;
}

label em.required
{
	margin-left: .4em;
	color: #999;
}

.btn-row
{
	position: relative;
	text-align: right;
	margin-top: 0.5em;
}

a.btn
{
	padding: 0 8px;
	color: #000;
	font-size: 0.9em;
	
	/* for FIREFOX et al */
	font-family: 'Lucida Grande';
	line-height: 1.4;
	-moz-border-radius: 10px;
	padding: 0 6px;
	display: inline-block;
	background: #eee;
    padding: 1px 6px;
    border: 1px solid #ccc;
    border-bottom: 1px solid #999;
}

/* for Safari only */
@media screen and (-webkit-min-device-pixel-ratio:0) 
{	
	
	a.btn
	{
		line-height: 1.3;
		-webkit-appearance: button;
		padding: 2px 8px;
	}
}

a.btn:hover
{
	color: #000;
}

#remember-cc
{
	position: absolute;
	top: 0;
	left: 0;
}

span.error
{
	border: 1px solid red;
}

label.error,
.errors
{
	color: red;	
}

ul.errors
{
	padding: 0;
}

#blog .date
{
	color: #999;
}

th
{
	text-align: left;
}

table.drafts td
{
	white-space: nowrap;
	padding: 2px;
}

.rss
{
	display: inline-block;
	width: 28px;
	height: 28px;
	text-indent: -9999px;
	background: url(../images/rss.png) 0 0 no-repeat;
	
	position: absolute;
	z-index: 100;
	top: 22px;
	left: 670px;
}

.rss:hover
{
	background-position: 0 -32px;
}