/*  
Theme Name: Kwebble
Theme URI: http://kwebble.com/
Description: A simple but accessible weblog format.
Version: 3.0
Author: Rob Schlüter
Author URI: http://kwebble.com/
*/

*					{padding:0; margin:0}

body				{background:#fff; color:#322;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size: x-small;
	voice-family: "\"}\""; 
	voice-family: inherit;
	font-size: small;
}
ul					{list-style-type:none}
a img				{border:none}
img.thumbnail		{border:1px solid #000}
blockquote			{background:#fff7f0; font-style:italic; padding:.5ex 1em; border-left:.33em solid #ffe9c7; margin-left:2em; margin-bottom:1ex}
q					{font-style:italic}
table				{margin-top:2ex; margin-bottom:2ex; border-collapse:collapse}
td, th				{text-align:left; vertical-align:top; padding:.2ex .4em;border:1px solid #e0e0e0}
th					{background:#f0f0f0}
table.clean td,
table.clean th		{border:none}
pre					{background:#fffcf7; padding:.5ex .5em; border:1px solid #ffe9c7; margin-bottom:1ex}

.clear				{clear:both; height:0}

#wrap				{clear:both}
#header				{height:125px}
#articles			{float:left; width:66.625%} 
#related			{margin-left:66.625%} 
#footer				{clear:left}


#nav				{position:relative; height:3.75ex; min-height:25px; background:#eaf7ff url("images/nav_bg_inverse.gif") 50% 50% repeat-x}
h1.title			{position:absolute; bottom:-.25ex; left:1em; letter-spacing:-.15em; font-size:100%; margin-top:-.5ex}
h1.title a			{color:#8f4611; text-decoration:none; font-size:200%}

#nav ul				{position:absolute; bottom:0; left:12.5em}
#nav li				{float:left}
#nav ul a			{display:block; color:#322; text-decoration:none; font-weight:bold; padding:.5ex 1em}
#nav li.active a	{background:#b75; color:#fff}
#nav ul a:hover		{background:#ff175e; color:#fff}

#search				{position:absolute; bottom:0; right:1em}
#search .fields		{position:absolute; bottom:.2ex; right:65px; display:block; width:19em; text-align:right; padding-right:.5em}
#search img			{position:absolute; bottom:2px; right:0}
#q					{width:10em}
#search input		{font-size:100%} /* IE needs this */


#wrap				{background:#eee url("images/content_bg.gif") 66.625% 0% repeat-y}


#header				{position:relative; background:#322 url("images/header.jpg") 25% 0% no-repeat; color:#fff; border:1px solid #555; border-width:1px 0}
body.programming #header{background:#322 url("images/header_5.jpg") 50% 0% no-repeat}
#header h1			{position:absolute; bottom:.25ex; left:.25em; font-family:georgia,times,serif; font-weight:normal; font-size:400%}

#articles h2,
#comments h2,
#newcomment h2		{font-family:Arial,Helvetica,sans-serif; font-weight:normal; font-size:150%}

#comments			{margin-top:3ex}
#comments ul		{margin-top:2ex}
#comments li		{clear:left; border-top:1px solid #e0e0e0; margin-top:2ex}
#comments p			{margin-left:14em; margin-top:.5ex}
#comments p.meta	{display:block; float:left; width:14em; text-transform:none; padding-bottom:.5ex; border:none; margin-top:.5ex; margin-left:0}
#comments .author	{font-weight:bold}
#comments .date		{font-size:90%}
#comments img		{border:none}

#newcomment			{clear:left; margin-top:6ex}
#newcomment p		{margin-top:.5ex; margin-bottom:1.25ex}
#commentform		{margin-top:3ex}
#commentform label	{float:left; width:13em; border-bottom:1px dashed #999; margin-right:1em}
#commentform textarea{width:25em; height:30ex}

#articles			{padding:2ex 0 3ex 0}
#articles h1		{color:#8f4611; color:#b75; font-family:georgia,times,serif; font-size:225%; padding-left:.44em; margin-bottom:1ex}
#articles > *		{padding-right:1em; padding-left:1em}

#articles .article			{padding-bottom:2ex}
#articles .article h3		{font-family:Arial,Helvetica,sans-serif; font-weight:normal; font-size:140%; margin-top:1ex}
#articles .article h2 a		{color:#48c; color:#369; text-decoration:none}
#articles .article p		{line-height:2.25ex; margin-bottom:1.25ex}
#articles .article .meta	{color:#987; text-transform:lowercase}
#articles .article ul		{list-style-type:square; padding-left:1.5em; margin-bottom:1.25ex}
#articles .article ol		{padding-left:1.5em; margin-bottom:1.25ex}



#related			{line-height:2.4ex; font-size:90%; padding-top:.5ex;}
#related .part		{background:#fff; padding-bottom:.5ex; border:1px solid #e0e0e0; margin:1.5ex 1em}
#related .part > *	{padding-right:1em; padding-left:1em}
#related h2			{background:#eee url("images/verloop.gif") top left repeat-x; text-align:center; font-size:100%; padding:.5ex 0}
#related ol			{list-style-position:inside}
#related li,
#related p			{padding-top:.5ex; padding-bottom:.5ex}

#shorties .date		{color:#987; text-align:right; font-size:80%; font-style:italic; margin-left:.5em}
#shorties img.thumbnail{margin:0 .5em .5ex 0}

#footer				{background:#ffe9c7 url("images/nav_bg.gif") 50% 40% repeat-x; color:#b75; font-weight:bolder; font-size:90%; padding:.5ex 1em}
#footer span		{margin-right:1em; margin-left:1em}
#footer a			{text-decoration:none; padding:.5ex 1em; margin-left:1em}
#footer a:hover		{background:#ff175e; color:#fff}

html body.photo		{background:#fffcf7 url("images/wrap_photo_bg.gif") top left repeat-x}

body.photo 			{width:1052px; border:1px solid #e7d7c7; border-width:0 2px 1px 1px; margin:0 auto}
body.photo h1.title	{left:25px}
body.photo #search	{right:25px}

body.photo #wrap	{background:#fff}

div.photo			{position:relative; width:1002px; background:#fff; padding:5ex 25px; margin:0 auto}
div.photo h1		{color:#48c; font-family:Arial,Helvetica,sans-serif; font-weight:normal; font-size:150%}
div.photo p.date	{position:absolute; top:5.75ex; right:25px}
div.photo img		{border:1px solid #000; margin-top:.5ex; margin-bottom:1ex;}
div.photo .previous	{position:absolute; top:1ex; left:25px}
div.photo .next		{position:absolute; top:1ex; right:25px}


/*
body			{background:#f00}
#header			{background:#fee}
#nav			{background:#fdd}
#wrap			{background:#efe}
#content		{background:#dfd}
#articles		{background:#cec}
#related		{background:#bdb}
#footer			{background:#eef}
*/