/* Reset styles */
*						{padding:0; margin:0}

body					{font-size:100%}
h1, h2					{font-size:100%}
ul, ol					{list-style-type:none}
a img					{border:none}

/* Basic styles */
body					{background:#fff; color:#222; font-family:Verdana,Arial,Helvetica,sans-serif; margin:0 auto}
h1, h2, h3				{font-family:tahoma,verdana,arial,sans-serif}
h1						{font-size:150%}
h2						{font-size:125%}
h3						{font-size:115%}
a						{color:#06a}

table					{border-collapse:collapse}
th,td					{padding:.2ex .2em; border:1px solid #e7e7e7}
th						{background:#e7e7e7; text-align:left}

blockquote				{background:#eefff7; color:#043; font-style:italic; padding-top:.75ex; padding-left:1em; border:.3em solid #ccefe7; border-width:.1ex .3em}

.clear					{clear:both; height:0}
pre.sourcecode			{background:#f7f7f0; color:#422; font-size-adjust:.45; font-family:consolas,monaco,courier new,monospace; padding:.5ex .5em; border:1px solid #f0f0e0; border-width:.25ex 0; margin:2ex 0}

/* Page layout */
body					{width:90%; min-width:50em; max-width:90em; border:1px solid #111; border-width:0 1px 1px 1px; margin:0 auto}

#header,
#middle,
#footer					{padding:0 2em}
#content				{width:70%; float:left; background:none}
#sidebar				{position:relative; width:30%; float:left}


html					{background:#024 url("images/body_bg.png"); background-attachment:fixed; padding-bottom:5ex}

/* Header */
#header					{position:relative; background:#f0f0f0; color:#024; padding-top:1ex; padding-bottom:1ex; border-bottom:.5ex solid #aaa}
#header h1				{color:#444; text-transform:uppercase; font-weight:normal; font-size:100%; padding-bottom:4ex}
#header .section		{text-transform:none}

#header a,
#header .connector,
#header .section		{font-size:150%}
#header a .section		{font-size:100%}

#header .connector		{color:#666; vertical-align:5%}
#header h2				{position:absolute; bottom:1ex; left:1.6em; color:#222; margin-left:.1em}
#header a				{color:#600; text-decoration:none}

#search					{position:absolute; bottom:.75ex; right:3em}
#query					{width:12em}


/* Middle */
#middle					{min-height:75ex; padding-bottom:5ex}

/* Footer */
#footer					{background:#f0f0f0; color:#555; padding-top:2ex; padding-bottom:2ex; border-top:.5ex solid #aaa}
#footer p				{margin:1ex 0}
#footer a				{text-decoration:none}
.paging					{text-align:center; margin-top:4ex}
.paging li				{display:inline; margin:0 2em}


/* Photos */
.photo,
img.thumbnail			{float:left; margin:1ex 1em 1ex 0}
.photo img,
img.thumbnail,
img.screenshot			{display:block; border:1px solid #666}
img.photo				{width:100%}


/* Articles */
.articles 		 		{}
.article				{clear:left; line-height:2.8ex; padding-top:3ex}
.article h1				{color:#268; font-weight:normal; font-size:125%; border:none; margin:0}
.article h1 a			{color:#268}
.article h2				{color:#268; font-weight:normal; margin-top:3ex}
.article h3				{margin-top:2ex}

.article p,
.article div,
.article blockquote,
.article table,
.article ul				{margin-bottom:1ex}
.article ul,
.article ol				{padding-left:2em}
.article ul				{color:#022; list-style-type:disc}
.article ol				{color:#022; list-style-type:decimal}
.article ul li,
.article ol li			{margin-top:1ex}
.article a				{text-decoration:none}
.article a:hover		{text-decoration:underline}

.metadata				{clear:left; position:relative; color:#777; font-style:italic; margin:0 0 1ex 0}
.metadata a				{color:#486}

.commentcount,
.labels li				{background:#fff; background-position:left 75%; background-repeat:no-repeat; padding-left:12px}

.commentcount			{background-image:url("images/comments_icon.png")}
.labels li				{background-image:url("images/label_icon.png"); margin-right:1em}

.commentcount a,
.commentcount span,
.labels a				{margin-left:.2em}

.commentcount			{position:absolute; top:0; right:0; margin-left:1em}
.labels ul				{list-style-type:none; padding-left:0}	
.labels li				{display:inline}


h2.comments,
h2.trackback,
#respond h3					{color:#286; font-weight:normal; margin-top:6ex}
.commentlist #respond h3	{font-size:100%; margin-top:3ex}

ol.commentlist,
ol.commentlist ol			{list-style-type:none}
ol.commentlist				{padding-left:0}
ol.commentlist li			{margin-top:1.5ex}
ol.commentlist li > div		{position:relative; padding-bottom:1ex; border:1px solid #f0f0f0}
ol.commentlist ol,			
.commenttext,
.commentlist div.reply,
ol.commentlist #respond		{margin-left:52px; padding-left:1em}
.commentmetadata			{background:#f7f7f7; padding:0 .5em}
.wavatar					{display:block; float:left; margin-left:.5em}
.commenttext p				{padding-right:.5em}

		

/*
ol.commentlist li			{margin-top:2ex}
ol.commentlist li > div		{position:relative; border:1px solid #f0f0f0}
ol.commentlist ol,
ol.commentlist li > div p,
ol.commentlist li > div div	{padding-left:1em; margin-left:52px}
.commentmetadata			{background:#f7f7f7}
.wavatar					{position:absolute; top:3ex; left:0; border:1px solid #e7e7e7; border-width:0 1px 1px 0}
.timestamp					{position:absolute; top:0; right:.5em}


ol.commentlist			{list-style-type:none; padding-left:0}
ol.children				{list-style-type:none; padding-left:1em; margin-left:52px}
ol.commentlist li		{margin-top:3ex}
.wavatar				{float:left; border:1px solid #abb}
.commentlist div		{position:relative; padding-left:1em; margin-left:52px;background:#f7f7f7; border:1px solid #f0f0f0}
.commentlist .author	{font-weight:bolder}
.commentmetadata		{background:#f7f7f7; border-top:1px dotted #f0f0f0}
.timestamp				{position:absolute; top:0; right:.5em}
.commentlist div.reply	{padding-left:0; margin-left:0}

.trackbacks				{list-style-type:square; padding-left:2em}
*/

#respond				{position:relative; padding-right:.5em}
#cancel-comment-reply	{position:absolute; top:0; right:1em}
#respond p				{margin-top:1ex}
#respond textarea		{width:99%; height:25ex}
#respond label			{display:block; float:left; width:6em}
#author,
#email,
#url					{width:15em}
/*
#author,
#email,
#url					{float:left; width:15em; margin-right:1em}
#submit					{width:auto}
*/
.required				{color:#c00}	


/* Sidebar */
#sidebar > ul			{padding-left:2em}
#sidebar > ul > li		{padding:0 1em 1ex 1em; margin-top:3ex}
#sidebar h2				{color:#642; font-size:100%; text-transform:uppercase; font-variant:small-caps}
#sidebar ul ul			{color:#aaa; list-style-type:square; list-style-position:outside; padding-left:1.25em}
#sidebar ul ul li		{margin:.5ex 0}
#sidebar ul a			{color:#068; text-decoration:none}

#sidebar #feeds ul		{list-style-type:none; padding-left:0}
#sidebar #feeds img		{vertical-align:middle}


/* Debug colors. */
/*
body			{background:#eee}
#header			{background:#fdd}
#nav			{background:#ecc}
#main			{background:#dfd}
#content		{background:#cec}
#sidebar		{background:#bdb}
#footer			{background:#ddf}
*/