/* Set up the two columns */
#content { width: 630px; margin:10px; float: left; }
#sidebar { width: 300px; float: right; margin:10px 10px 0 0; }

/* Article styles */
#content article { display: block; display: block; margin-bottom: 0px; }
#content article > header { color: #000; font: bold 12px "Trebuchet MS", "Verdana", Sans-serif; }
#content article > header > h1 { color: #235d6a; margin: 0px; padding: 0px; font: bold 24px "Trebuchet MS", "Verdana", Sans-serif; }
#content article > header > h1 > a { color: #235d6a; text-decoration: none; }
#content article > header > time { color: #235d6a; margin: 0px; padding: 0px; }
#content article > p, article > ul > li { font: 14px/1.6em "Trebuchet MS", "Verdana", Sans-serif; margin: 0px 0px 10px; padding: 0px; }
#content article > h2 { font:bold 16px "Trebuchet MS", "Verdana", Sans-serif; color:#235d6a; margin:5px 0; padding:0; }
#content article > p  img { max-width: 620px; display:block; margin:0 auto; }
#content article > a { display: block; text-decoration: none; font: bold italic 12px "Trebuchet MS", "Verdana", Sans-serif; color: #435e0b; background: #a4e419; padding: 4px 15px; margin-top: 10px; width: 20%; text-align: center; }
#content article > a:hover { text-decoration: underline; }
#content article > footer { margin: 10px 0 20px; padding: 4px 0px; display: block; overflow: auto; background: url("./images/page_bg.png"); border-bottom: 1px solid #cccccc; overflow: auto; }
#content article > footer > ul { list-style: none; margin: 0px; padding: 0px; overflow: auto; }
#content article > footer > ul > li { display: inline; float: left; }
#content article > footer > ul > li > a { display: block; padding: 0px 8px 0px 24px; background: no-repeat 5px 0px; font: 12px "Trebuchet MS", "Verdana", Sans-serif; color: #235d6a; text-decoration: none; }
#content article > footer > ul > li > a:hover { text-decoration: underline; }
#content article blockquote { margin:10px; font:italic 14px/1.6em "Trebuchet MS", Sans-serif; background:url(images/quotes.png) no-repeat 557px 100%; }
#content article blockquote > span { display:block; background:url(images/quotes.png) no-repeat -53px 0; padding:20px; }

/* Article footer icons */
#content article > footer > ul > li.comments > a { background-image: url("./images/comment.png"); }
#content article > footer > ul > li.digg > a { background-image: url("./images/Digg-16x16.png"); }
#content article > footer > ul > li.twitter > a { background-image: url("./images/Twitter-16x16.png"); }

/* Comment styles */
#content section { padding: 10px; font: 12px "Trebuchet MS", "Verdana", Sans-serif; }
#content section > h1 { color: #235d6a; margin: 0px 0px 10px; padding: 0px; }
#content section > article { margin-bottom: 10px; background: #f5f5f5; border-bottom: 1px solid #a4e419; padding: 0px; overflow: auto; }
#content section > article > img { float: left; padding: 5px; }
#content section > article > header { color: #435e0b; background: #a4e419; width: 75%; display: block; padding: 4px 10px; }
#content section > article > header > time, #content section > article > header > span { color: #000; }
#content section > article > p { margin: 0px 0px 0px 50px; padding: 5px 10px; }

/* Comment form styles */
#content section > div.user { background: #f5f5f5; font: 12px "Trebuchet MS", "Verdana", Sans-serif; padding: 5px; }
#content section > div.user > img { float: left; padding-right: 10px; }
#content section > div.user > span { display: block; font-weight: bold; }
#content section > div.user > form { margin-left: 58px; clear: both; }
#content section > div.user > form > dl { padding: 0px; margin: 0px; }
#content section > div.user > form > dl > dt { font: bold 12px "Trebuchet MS", "Verdana", Sans-serif; }
#content section > div.user > form > dl > dd { padding: 0px; margin: 0px; }
#content section > div.user > form > dl > dd > textarea { width: 500px; height: 100px; }
#content section > div.user > form > div > input[type="submit"] { width: 150px; height: 35px; }

/* Related posts */
#related ul { margin:0; padding:0; list-style:none; }
#related ul li { font: 14px "Trebuchet MS", "Verdana", Sans-serif; background: url("./images/bullet.png") no-repeat 2px 6px; padding: 0px 0px 5px 18px; }

/* Paging styles */
#content > footer { margin-bottom: 20px; display: block; }
#content > footer > a { display: block; text-decoration: none; font: bold 12px "Trebuchet MS", "Verdana", Sans-serif; color: #a4e419; border: 1px solid #a4e419; padding: 10px 15px; margin: 10px 0; width: 20%; text-align: center; }
#content > footer > a:hover { text-decoration: underline; background: #a4e419; color: #435e0b; }
#content > footer > a.older { float: left; }
#content > footer > a.newer { float: right; }

/* Global sidebar styles */
#sidebar > section { padding:0 0 10px; }
#sidebar > section > header > h1 { color: #235d6a; margin: 0px; padding: 0px; font: bold 24px "Trebuchet MS", "Verdana", Sans-serif; }
#sidebar p { margin: 0px; padding: 0px; font: 12px "Trebuchet MS", "Verdana", Sans-serif; }

/* Twitter sidebar */
#blog_twitter { overflow: hidden; }
#blog_twitter img { float: left; }
#blog_twitter p { margin-left: 55px; padding: 5px 15px; background:#d1ecf2 url("./images/twitter_balloon_arrow.png") no-repeat 0 -15px; }
#blog_twitter > p { background-position:0 0; }

/* Archives sidebar */
#blog_archives ul { list-style: none; padding: 0px; margin: 0px; }
#blog_archives ul li { font: 14px "Trebuchet MS", "Verdana", Sans-serif; background: url("./images/bullet.png") no-repeat 2px 6px; padding: 0px 0px 5px 18px; }

/* Tag cloud sidebar */
#blog_tagcloud ul { list-style: none; margin: 0px; padding: 0px; text-align: center; }
#blog_tagcloud ul li { display: inline; padding: 0px 2px; }
#blog_tagcloud ul li a { font: 14px "Trebuchet MS", "Verdana", Sans-serif; }

/* Step counter */
#steps { background:url(http://images.dxprog.com/blog/walk_widget_bg.png) no-repeat; height:200px; width:630px; position:relative; margin:0 0 10px; padding:0; }
#steps h1 { color:#235d6a; font:bold 20px "Trebuchet MS", sans-serif; margin:0 0 0 10px; padding:0; }
#steps span { font:12px "Trebuchet MS", sans-serif; padding:0 0 0 5px; }
#steps h2 { margin:0; padding:0; font:bold 14px "Trebuchet MS", sans-serif; display:inline; }
#steps ul { margin:0; padding:0 5px 0 0; list-style:none; display:inline; }
#steps ul li { display:inline-block; font:12px "Trebuchet MS", sans-serif; background:url(http://images.dxprog.com/blog/walk_widget_legend.png) no-repeat; height:16px; padding:0 10px 0 20px; }
#steps ul li.daily { background-position:0 -16px; }