/*	low-2009.css | Low Weblog
**	Lodewijk Schutte | Low
**	v1.0 | 20091124
**	---------------------------------------------------------------------- */

/*	Global reset, based on http://meyerweb.com/eric/tools/css/reset/
**	---------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	background:transparent;
	border:0;
	font-size:100%;
	margin:0;
	padding:0;
	vertical-align:baseline;
}

ol, ul {
	list-style:none;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

/*	Body
**	---------------------------------------------------------------------- */

body {
	font:12px/1.5 'lucida grande','lucida sans unicode',arial,sans-serif;
	background:#fff;
	color:#444;
}

/*	Header
**	---------------------------------------------------------------------- */

#header {
	background:#249505 url(../images/2008/bg_header.gif) repeat-x;
}

#header .content {
	background:url(../images/2008/header-logo.jpg) no-repeat;
	height:131px;
	position:relative;
	margin:0 auto;
	width:996px;
}

#logo a {
	position:absolute;
	border:none;
	top:55px;
	left:15px;
	width:150px;
	height:40px;
	text-indent:-9999em;
}

/*	Main nav
**	---------------------------------------------------------------------- */

#nav {
	position:absolute;
	background:url(../images/2008/bg-menu-left.png) no-repeat;
	padding:6px 0 0 9px;
	bottom:0;
	right:380px;
	margin:0;
}

#nav li {
	float:left;
	background:url(../images/2008/bg-menu-center.png) repeat-x;
	padding-top:6px;
	margin-top:-6px;
}

#nav li.last {
	background:url(../images/2008/bg-menu-right.png) top right no-repeat;
	padding-right:9px;
}

#nav li a {
	background:#fff url(../images/2008/bg-menu-item.gif) 0 0 repeat-x;
	border:none;
	border-right:1px solid #eee;
	color:#444;
	float:left;
	font:.917em/2 'trebuchet ms', arial, sans-serif;
	letter-spacing:1px;
	margin-top:.182em;
	padding:0 20px;
	text-decoration:none;
	text-transform:uppercase;
}

#nav li.last a {
	border:none;
}

#nav li.active a {
	color:#000;
	font-weight:bold;
}

#nav li a:hover {
	color:#46992f;
	background:#fff;
}

/*	Minty leaves
**	---------------------------------------------------------------------- */

#mint {
	position:absolute;
	width:308px;
	height:185px;
	background:url(../images/2008/mint.png) no-repeat;
	top:65px;
	right:50px;
}

/*	Default headings
**	---------------------------------------------------------------------- */

h1, h2, h3 {
	color:#46992F;
	font-family:'georgia', serif;
	font-weight:normal;
}

#primary h1, .home #primary h2 {
	font-size:2em;
	line-height:1;
	margin-bottom:.75em;
}

h2 {
	font-size:1.5em;
	line-height:1.333;
	margin-bottom:.333em;
}

h3 {
	font-size:1.333em;
	line-height:1.125;
}

h4 {
	color:#222;
	font-weight:bold;
}

/*	Default links
**	---------------------------------------------------------------------- */

a {
	border-bottom:1px solid #ddd;
	color:#000;
	text-decoration:none;
}

a:visited {
	color:#999;
}

a:hover, a:focus, a:active {
	border-color:#ccc;
	color:#46992f;
}

/*	Default margin block elements
**	---------------------------------------------------------------------- */

p, ul, ol, dl,
table, pre, blockquote, address, fieldset {
	margin-bottom:1.5em;
}

p.meta {
	font-size:.833em;
	line-height:1.8;
	margin-bottom:0;
}

p.shout {
	text-transform:uppercase;
}

/*	Primary content layout
**	---------------------------------------------------------------------- */

#primary {
	background:#fff url(../images/2008/bg_fade_primary.gif) repeat-x;
	border-top:2px solid #fff;
	margin-bottom:3em;
	min-height:21em;
	overflow:hidden;
}

#primary .content {
	padding-top:48px;
	margin:0 auto;
	width:996px;
}

#primary .col1 {
	float:left;
	padding:0 18px;
	width:462px;
}

#primary .col2 {
	float:right;
	margin-top:90px;
	padding:0 18px;
	width:462px;
}

#single #primary .col1 {width:576px;}
#single #primary .col2 {width:244px;margin-right:52px;}

/*	Primary content other stuff
**	---------------------------------------------------------------------- */

/* like lists */
#primary ol, #primary ul {margin:0 1.5em 1.5em;}
#primary ol {list-style:decimal outside;margin-left:2.5em;}
#primary ul {list-style:url(../images/2008/bullet.png) outside;}
#primary ul ul {margin-bottom:0;}
#primary dt {font-weight:bold;}
#primary dd {margin:0 0 .75em 2em;}
#primary .spaced li {margin-bottom:1.5em;}

/* and linked images */
#primary a.image {border:none;}
#primary a img {border:1px solid;padding:5px;background:#fff;}
#primary a:hover img {background:#c6ddc1;}

/* tables */
#primary table {width:100%}
#primary col.var {width:168px}
#primary caption {display:none}
#primary th, #primary td {padding:2px 12px 2px 0}
#primary thead td, #primary thead th {color:#46992F;border-bottom:1px dotted #46992F;text-align:left;font-weight:normal}
#primary tbody td {border-bottom:1px solid #eee}

/* code and code blocks */
#primary code, #secondary code {background:#eee;font-family:'consolas','andale mono',monospace;color:#555;}
#primary pre, #secondary pre, .codeblock {background:#eee;border:1px solid #ccc;padding:12px;overflow:auto;}

/* quotes */
#primary blockquote, #secondary blockquote {border-left:2px solid #ddd;padding-left:12px;font-style:italic;color:#555;}

/* portfolio */
#folio, #software {overflow:hidden;margin-bottom:1.5em;}
#folio img.pf {float:right;padding:10px 5px 44px 5px;width:118px;height:74px;background:url(../images/2008/monitor_big.png) no-repeat;margin:0 2px 0 26px;}
#folio p.more {margin-top:-.5em;}

#portfolio div {overflow:hidden;margin-bottom:3em;}
#portfolio h2 {background:#249505 url(../images/2008/footer-clover.gif) 332px 0 no-repeat;color:#fff;text-indent:252px;line-height:2;}
#portfolio img {float:left;width:225px;margin:-2em 12px 0 12px;border:1px solid #249505;}
#portfolio p {margin-left:252px;}

/* list of add-ons */
#software ul {list-style:none;padding:0;margin:0;}
#software li {float:left;width:50%;}
#software li a {float:left;width:100%;}

/* Fancy Address */
#primary address {font-style:normal;padding:0 18px;border-left:2px solid #ddd;}


/*	Archives
**	---------------------------------------------------------------------- */

#primary .intro {padding:0 18px;width:568px;}
#primary #archives .col2 {margin-top:0;}
#primary #archives div {border-top:1px solid #eee;padding-top:1.5em;}

#primary ul.ya, #primary ul.ya ul, #primary ul.cats {list-style:none;margin:0 0 1.5em;background:none;}
#primary ul.ya ul, #primary ul.ya ul li, #primary ul.cats li, #elsewhere li  {display:inline;}
#primary ul.ya ul:before {content:":";}
#primary ul.ya li span {visibility:hidden;}
#primary ul.cats li:after, #elsewhere li:after {content:",";}
#primary ul.cats li:last-child:after, #elsewhere li:last-child:after {content:".";}

#primary ul.posts .date {font-size:.833em;line-height:1.8;color:#999;}

/* pagination */
#pagination {font-size:.833em;line-height:1.8;}
#pagination .count {float:right;}

/*#primary .docs {
	border-top:1px solid #ccc;
	padding:18px;
	margin:0 -18px;
}
*/

/*	Software
**	---------------------------------------------------------------------- */
#single.software #overview {
	width:960px;
}

.software #overview ul {
	list-style:none;
	margin:0;
}

.software #overview li {
	background:#eee;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(220, 220, 220, 1)), to(rgba(255, 255, 255, 1)));
	border:1px solid #fff;
	padding:18px;
	margin:0 18px 18px 0;
	width:136px;
	float:left;
	min-height:5.5em;
	cursor:pointer;
	text-shadow:1px 1px 1px #fff;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow:0 0 2px #000;
	-webkit-box-shadow:0 0 2px #000;
}

.software #overview li#soft4, .software #overview li#soft9 {
	/*clear:left;*/
}

.software #overview li a {
	display:block;
	border:none;
	font-weight:bold;
	margin-bottom:.75em;
}

.software #overview li a:visited {
	color:#444;
}

.software #overview li .blurb {
	display:block;
	font-size:.833em;
	line-height:1.8;

}

.software #overview li:hover {
	color:#46992f;
}

.software #overview li:hover a {
	color:#46992f;
}

.software #primary .col1 h2 {
	margin-top:2em;
}

.software #primary .col1 img {
	-moz-box-shadow:0 0 2px #aaa;
	-webkit-box-shadow:0 0 2px #aaa;
}

.software #primary .col2 {
	background:#eee;
	border:1px solid #fff;
	padding-top:18px;
	margin-bottom:2px;
	text-shadow:1px 1px 1px #fff;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow:0 0 2px #000;
	-webkit-box-shadow:0 0 2px #000;
}

.software #primary .col2 .downloads a {
	background:#fff url(../images/2008/bg_fade_primary.gif) 0 -5px repeat-x;
	border:1px solid #ddd;
	display:block;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.software #primary .col2 .downloads a:hover {
	background-position:0 -15px;
	-moz-box-shadow:0 0 2px #ff0;
	-webkit-box-shadow:0 0 2px #ff0;
}

.software #primary .col2 .downloads a em {
	background:transparent none 6px 50% no-repeat;
	display:block;
	padding:3px 6px 3px 28px;
	font-style:normal;
}

.software #primary .col2 .downloads a em {background-image:url(../images/2008/download.png)}
.software #primary .col2 .downloads .donate a em {background-image:url(../images/2008/cup.png)}
.software #primary .col2 .extra {
	border-top:1px solid #ddd;
	margin:0 -18px 1.5em -18px;
	padding:1.5em 18px 0 18px;

}
.software #primary .col2 .license {
	border-top:1px solid #ddd;
	font-size:.833em;
	line-height:1.8;
	margin:0 -18px 1.8em -18px;
	padding:1.8em 18px 0 18px;
}

.software #primary .col1 {
	position:relative;
}

.software #primary ul.subnav {
	border-bottom:1px solid #ddd;
	padding:0 0 1.5em 0;
	margin:0 0 1.5em 0;
	overflow:hidden;
	list-style:none;
}

.software #primary ul.subnav li {
	display:inline;
	margin:0 10px 0 0;
}

.software #primary ul.subnav li a {
	font-weight:bold;
	color:#666;
}

.software #primary ul.subnav li a:hover {
	color:#46992f;
}

.software #primary ul.subnav li.active a {
	border:none;
	color:#000;
	cursor:default;
}

.software #primary .col2 .docs ul {
	list-style:none;
	margin-left:0;
}

.software #primary .col2 .docs h3 {
	color:#444;
	font:bold 1em/1.5 'lucida grande';
	margin:.5em 0;
}

.software #primary .col2 .docs ul ul {
	margin-left:1em;
}

.software #primary a.feed {
	float:left;
	width:16px;
	height:16px;
	overflow:hidden;
	text-indent:-9999em;
	background:url(../images/2008/badge_rss.png) 20% 70% no-repeat;
	border:none;
	margin:4px 2px 0 0;
}

.software #primary blockquote .from {
	display:block;
	text-align:right;
}


/*	Store
**	---------------------------------------------------------------------- */

.software #primary .col2 .buy a {
	background:#ffc;
	display:block;
	border:1px solid #dd6;
	padding:3px 6px;
	color:#806600;
	overflow:hidden;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.software #primary .col2 .buy a:hover {
	color:#46992f;
	background:#fff;
	-moz-box-shadow:0 0 3px #ff0;
	-webkit-box-shadow:0 0 3px #ff0;
}

.software #primary .col2 .buy a .price {
	float:right;
}

.software #primary .col2 fieldset {
	background:#eee;
	border:1px solid #ddd;
	padding:6px;
	overflow:hidden;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.software #primary .col2 fieldset legend {
	font-weight:bold;
}

.js-on #primary .col2 fieldset label {
	display:none;
}

.software #primary .col2 fieldset input {
	width:130px;
	font-size:1em;
	line-height:normal;
}

.software #primary .col2 fieldset button {
	float:right;
	font-size:1em;
	cursor:pointer;
	line-height:normal;
}

/*	Secondary content
**	---------------------------------------------------------------------- */

#secondary {
	background:#fff url(../images/2008/gray-fade.gif) repeat-x;
	margin-bottom:1.5em;
	overflow:hidden;
}

#secondary .content {
	margin:0 auto;
	width:996px;
}

#secondary .item {
	float:left;
	padding:0 18px;
	width:213px;
}

#secondary .item h2 {
	margin:.75em 0;
}

#secondary .item li {
	margin-bottom:1.5em;
	padding-left:20px;
}

#secondary #asides li  {
	background:url(../images/2008/star.png) 0 1px no-repeat;
}

#secondary #blog-archive li,
#secondary #dev-archive li  {
	background:url(../images/2008/file.png) no-repeat;
}

#secondary #folio li {
	background:url(../images/2008/monitor.png) 0 2px no-repeat;
}

#secondary .item li .date {
	display:block;
	font-size:.833em;
	line-height:1.8;
	color:#666;
}

#secondary .item li.more {
	background:none !important;
	margin-bottom:0;
}

/*	Comments
**	---------------------------------------------------------------------- */


#comments {width:568px;padding:0 18px;border-bottom:1px solid #eee;}
#comments h2 {margin:1em 0 1em 84px;}
#comments ol {border-top:0px solid #eee;}
#comments ol li {border-top:1px solid #eee;min-height:0;}
#comments ol li .commentphoto {float:left;padding:12px;width:48px;height:48px;}
#comments ol li .commentmeta {font-size:.833em;line-height:1.8;padding:6px 12px 6px 84px;background:#f6f6f6;}
#comments ol li .commentmeta .counter {float:right;border:none;color:#ccc;}
#comments ol li .commentmeta .counter:hover {color:#444;}
#comments ol li .commentmeta .author {font-weight:bold;margin-right:1em;}
#comments ol li .commentmeta .date {color:#999;}
#comments ol li .commenttext {margin-left:84px;padding:6px 12px 6px 0;}
/*#comments ol li .commentmeta .date a {display:none;}*/
#comments ol li.user1 {border-color:#fff;}
#comments ol li.user1 .commentmeta {background:#249505 url(../images/2008/footer-clover.gif) 332px 0 no-repeat;}
#comments ol li.user1 .commentmeta .author, #comments ol li.user1 .commentmeta .author a {color:#fff;}
#comments ol li.user1 .commentmeta .date {color:#c6ddc1;}
#comments ol li.user1 .commentmeta .counter {color:#c6ddc1;}

#commentform {width:492px;margin:1.5em 0 0 84px;padding:0 18px;}
#commentform fieldset#who {margin:0 0 0 168px;position:relative;}
#commentform fieldset#who label {position:absolute;left:-168px;padding:7px 0;}
#commentform fieldset#who label span {font-size:.833em;line-height:1.8;}
#commentform fieldset#who input {width:308px;padding:5px;}
#commentform fieldset#what {position:relative;}
#commentform fieldset#what label {display:none}
#commentform fieldset#what textarea {display:block;width:480px;height:9em;border:1px solid #999;padding:5px;margin-bottom:.75em;}
#commentform fieldset#what #options {float:left;}
#commentform fieldset#what #options label {display:block;float:left;width:156px;margin-right:12px;}
#commentform fieldset#what #submission {float:right;}


/*	Action buttons
**	---------------------------------------------------------------------- */

#actions a, #primary p.download {
	padding:6px 12px;
	/*text-align:center;*/
	color:#444;
	font-weight:normal;
	display:block;
	background:#fff url(../images/2008/bg_fade_primary.gif) 0 0 repeat-x;
	border:1px solid #eee;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

#actions a:hover {
	color:#249505;
	-moz-box-shadow:0 0 3px #ff0;
	-webkit-box-shadow:0 0 3px #ff0;
}

#primary p.download {
	background:#f6f6f6;
}

#actions strong {
	display:block;
	padding-left:24px;
	background:none 0 50% no-repeat;
	font-weight:normal;
	text-shadow:1px 1px 1px #fff;
}

#actions #hireme strong {
	background-image:url(../images/2008/cog.png);
}

#actions #donate strong {
	background-image:url(../images/2008/cup.png);
}

/*	Footer content
**	---------------------------------------------------------------------- */

#footer {
	background:#354b34;
	color:#c6ddc1;
	overflow:hidden;
	position:relative;
}

#footer .content {
	margin:0 auto;
	width:996px;
}

#footer .item {
	float:left;
	margin-top:-3em;
	padding:0 18px;
	width:296px;
}

#footer .item h2 {
	clear:both;
	color:#5FF43A;
	border-top:1px solid #2d432c;
	line-height:2;
}

#footer .item h2.first {
	margin:-1px 0 .75em;
	background:url(../images/2008/footer-small-clover.gif) 100% 100% no-repeat;
	border:none;
}

#footer .item p,
#footer .item li,
#footer .item label {
	color:#c6ddc1;
	font-size:.833em;
	line-height:1.8;
}

#footer .item img {
	float:left;
	padding:5px;
	background:#c6ddc1;
	border:1px solid #222;
	border-width:0 1px 1px 0;
	margin:-2px 12px 0 -12px;
}

#footer .item a:link {
	color:#fff;
	border-color:#686;
}

#footer .item a:visited {
	color:#ccc;
	border-color:#686;
}

#footer .item a:hover {
	border-color:#46992f;
	color:#5ff43a;
}

/*	Flickr images
**	---------------------------------------------------------------------- */

#footer .item img.flickrimg {
	margin:0 19px 1.5em 0;
	width:75px;
	height:75px;
}

#footer .item img#flickrimg2 {
	margin-right:0;
}

#footer .item img.flickrimg:hover {
	background:#fff;
}

#footer .item ul#elsewhere li {
	display:inline;
}

#footer .item ul#elsewhere li:after {
	content:', ';
}

#footer .item ul#elsewhere li:last-child:after {
	content:'.';
}

/* Recent comments */
#footer #recently li {
	padding-left:20px;
	background:url(../images/2008/comment.png) 0 2px no-repeat;
}

#footer #recently li .authors {
	display:block;
}

/* feeds */
#feeds li {
	padding-left:16px;
	background:url(../images/2008/badge_rss.png) 0 50% no-repeat;
}

/*	Search form
**	---------------------------------------------------------------------- */

#footer fieldset {
	margin-bottom:1.5em;
}

#footer fieldset .options {
	float:left;
	width:100%;
	margin-bottom:.75em;
}

#footer fieldset .options label {
	float:left;
	cursor:pointer;
}

#footer fieldset .options input {
	background:none;
	padding:0;
}

#footer fieldset .options label.active,
#footer fieldset .options label.inactive {
	padding-left:15px;
	margin-right:24px;
}

#footer fieldset .options label.active {
	background:url(../images/2008/rb_on.png) 0 3px no-repeat;
	color:#fff;
}

#footer fieldset .options label.inactive {
	background:url(../images/2008/rb_off.png) 0 3px no-repeat;
}

#footer fieldset .options label.active input,
#footer fieldset .options label.inactive input {
	display:none;
}

#footer fieldset input {
	background:#686;
	padding:5px;
	border:none;
	color:#354b34;
}

#footer fieldset input.large {
	width:290px;
}

#footer fieldset input:focus {
	background:#fff;
	color:#000;
}

/*	Decorations
**	---------------------------------------------------------------------- */


#decotop {
	height:3em;
	background:#2d432c url(../images/2008/footer-fade.gif) 0 100% repeat-x;
	border-bottom:1px solid #fff;
}

#decobottom {
	height:150px;
	background:#249505 url(../images/2008/footer-clover.gif) 50% 0 no-repeat;
	border-top:1px solid #fff;
}