/* 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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* Global */

body {
	background: #ddeaf3 url('i/bg_header.png') center top repeat-x;
	font-family: helvetica, verdana, arial, sans-serif;
	color: #888;
	text-align: center;
	font-size: 100%;
	}

a, a:visited {
	color: #4a9ed8;
	text-decoration: none;
	}

a:hover, a:active {
	color: #efa247;
	text-decoration: none;
	}

input, textarea {
	}

input {
	}

textarea {
	}

strong {
	font-weight: bold;
	}

em, i {
	font-style: italic;
	}

hr {
	border: 1px dotted #DADADA;
	height: 1px;
	clear: both;
	margin: 10px 0px;
	}

code {
	color: green;
	background: #FAFAFA;
	padding: 0 3px;
	border: 1px solid #EAEAEA;
	}

/* Site Specific */

#container {
	font-size: 100%;
	margin: 0 auto;
	}

#container, #header, #body, #footer {
	clear: both;
	position: relative;
	text-align: left;
	width: 986px;
	}

#header, #body, #footer {
	font-size: 1.0em;
	float: left;
	}

#header {
	height: 130px; /* 150px */
	}

	#header #header-blog {
		margin: 23px 0 0 12px;
		}
	
	#header #subscribe {
		font-size: 0.75em;
		font-weight: bold;
		padding: 5px 0;
		position: absolute;
		top: 55px;
		right: 12px;
		}

		#header #subscribe a {
			padding: 5px 0;
			}

		#header #subscribe .rss {
			background: url('i/icon_rss.png') 0 6px no-repeat;
			padding-left: 20px;
			}

		#header #subscribe .email {
			color: #999;
			}
		
			#header #subscribe a:hover.email {
				color: #000;
				}
		
		#header #subscribe .dc {
			background: url('i/icon_dc.png') 0 6px no-repeat;
			padding-left: 20px;
			margin-left: 12px;
			}
	
	#header #latest-challenge {
			display: none;
		background: url('i/quotes_open.png') no-repeat;
		color: #fff;
		font-size: 0.8em;
		font-style: italic;
		left: 12px;
		padding-left: 30px;
		padding-top: 5px;
		padding-bottom: 5px;
		position: absolute;
		top: 112px;
		width: 932px;
		}

		#header #latest-challenge a {
			background: url('i/quotes_close.png') no-repeat;
			padding-left: 30px;
			padding-bottom: 5px;
			font-size: 0.9em;
			font-style: normal;
			font-weight: bold;
			}
		
		#header #latest-challenge a:hover {
			color: #fff;
			}

#body {
	}

	#body #main {
		background: #fff;
		float: left;
		font-size: 0.875em; /* 14px */
		width: 792px;
		}

		#body #main .page {
			border-bottom: 1px solid #ddeaf3;
			float: left;
			min-height: 700px;
			padding: 18px 12px 18px 12px;
			position: relative;
			width: 768px;
			}

			#body #main .page h1 {
				font-size: 1.57em; /* 22px */
				font-weight: bold;
				margin-bottom: 15px;
				}

		#body #main .post {
			border-bottom: 1px solid #ddeaf3;
			float: left;
			padding: 18px 12px 18px 73px;
			position: relative;
			width: 707px;
			}

			#body #main .post .author-pic, #body #main .post .avatar {
				height: 50px;
				left: 12px;
				position: absolute;
				top: 20px;
				width: 50px;
				}

			#body #main .post h2, #body #main .post h1 {
				font-size: 1.57em; /* 22px */
				font-weight: bold;
				margin-bottom: 5px;
				}

				#body #main .post h1.pageheader {
					margin-bottom: 15px;
					}
			
			#body #main .post small {
				display: block;
				font-size: 0.85em; /* 12px */
				font-weight: bold;
				margin-bottom: 25px;
				}
			
			#body #main .post .entry {
				line-height: 1.4em;
				}

				#body #main .post .entry p, #body #main .page .entry p {
					line-height: 1.5em;
					margin-bottom: 15px;
					}

				#body #main .post .entry h3, #body #main .page .entry h2 {
					color: #efa247;
					font-size: 1.14em;
					font-weight: bold;
					margin-bottom: 5px;
					}
				
				#body #main .post .entry h4, #body #main .page .entry h3 {
					color: #777;
					font-size: 1.0em;
					font-weight: bold;
					margin-bottom: 5px;
					}
				
				#body #main .post .entry ul, #body #main .post .entry ol,
				#body #main .page .entry ul, #body #main .page .entry ol {
					margin: 0 25px 15px 35px;
					}
				
				#body #main .post .entry ul, #body #main .page .entry ul {
					list-style-type: disc;
					}
				
				#body #main .post .entry ol, #body #main .page .entry ol {
					list-style-type: decimal;
					}
				
				#body #main .post .entry ul ul, #body #main .post .entry ol ol,
				#body #main .page .entry ul ul, #body #main .page .entry ol ol {
					margin: 10px 0 10px 25px;
					}
				
				#body #main .post .entry li, #body #main .page .entry li {
					line-height: 1.5em;
					}
				
				#body #main .post .entry blockquote p, #body #main .page .entry blockquote p {
					color: #555;
					font-family: georgia, serif;
					font-size: 1.1em;
					margin: 0 40px 15px;
					font-style: italic;
					}
				
				#body #main .post .entry .more-link {
					clear: both;
					}

				/* ol/ul, li, blockquote, img */
			
			#body #main .post .postmetadata {
				clear: both;
				margin: 15px 0 5px;
				float: left;
				}
			
			#body #main .post .postmetadata .comments a {
				background: #4a9ed8 url('i/roundcorners-right.png') right top no-repeat;
				color: #fff;
				float: left;
				height: 22px;
				font-weight: bold;
				vertical-align: middle;
				}

				#body #main .post .postmetadata .comments a:hover {
					background: #efa247 url('i/roundcorners-right.png') right top no-repeat;
					}
			
				#body #main .post .postmetadata .comments a span, #body #main .post .postmetadata .comments a:hover span {
					background: url('i/roundcorners-left.png') no-repeat;
					float: left;
					height: 16px;
					padding: 4px 5px 2px;
					}
				
				#body #main .post .postmetadata .tags {
					float: left;
					font-size: 0.9em;
					font-style: italic;
					height: 16px;
					padding: 4px 5px 2px 10px;
					text-transform: lowercase;
					}
				
				#body #main .post .postmetadata .feedburnerFlareBlock {
					clear: both;
					float: left;
					font-size: 0.875em;
					margin-top: 10px;
					}

					#body #main .post .postmetadata .feedburnerFlareBlock a {
						color: #777;
						}

					#body #main .post .postmetadata .feedburnerFlareBlock a:hover {
						color: #efa247;
						}
				
			#body #main .pagination {
				border-bottom: 1px solid #ddeaf3;
				float: left;
				font-size: 0.875em;
				padding: 12px 12px 12px 12px;
				position: relative;
				text-align: right;
				width: 768px;
				}
		
			/* Page Navi */
			
			#body #main .pagination {
				}
			
			#body #main .pagination .wp-pagenavi a {
				border: 0;
				margin: 0 3px;
				padding: 0;
				text-decoration: none;
				color: #4a9ed8;	
				}

			#body #main .pagination .wp-pagenavi a:hover {	
				color: #efa247;
				}

			#body #main .pagination .wp-pagenavi span.pages {
				border: 0;
				margin: 0 3px 0 0;
				padding: 0;
				color: #888;
				}

			#body #main .pagination .wp-pagenavi span.current {
				border: 0;
				font-weight: bold;
				margin: 0 3px;
				padding: 0;
				color: #333;
				}
			#body #main .pagination .wp-pagenavi span.extend {
				border: 0;
				margin: 0 3px;
				padding: 0;
				color: #888;
				}

			/* Comments */

			#body #main .commentlist {
				}

				#body #main .commentlist li {
					border-bottom: 1px solid #ddeaf3;
					float: left;
					font-size: 0.9em;
					padding: 18px 12px 3px 73px;
					position: relative;
					width: 707px;
					}
				
				#body #main .commentlist li .avatar {
					height: 32px;
					left: 30px;
					position: absolute;
					top: 20px;
					width: 32px;
					}
				
				#body #main .commentlist li h5 {
					font-size: 1.1em;
					font-weight: bold;
					margin-bottom: 2px;
					}
				
				#body #main .commentlist li small {
					display: block;
					font-size: 0.85em;
					margin-bottom: 15px;
					}
				
				#body #main .commentlist li p {
					line-height: 1.5em;
					margin-bottom: 15px;
					}
				
				#body #main #commentformarea {
					border-bottom: 1px solid #ddeaf3;
					float: left;
					font-size: 0.9em;
					padding: 18px 12px 0 73px;
					position: relative;
					width: 707px;
					}

					#body #main #commentformarea h3 {
						color: #efa247;
						font-size: 1.14em;
						font-weight: bold;
						margin-bottom: 15px;
						}
					
					#body #main #commentform p {
						margin-bottom: 15px;
						}
					
					#body #main #commentformarea input, #body #main #commentformarea textarea {
						background: #eee;
						border: 0;
						border-top: 1px solid #ccc;
						font-size: 1.0em;
						font-family: helvetica, verdana, arial, sans-serif;
						margin-bottom: 5px;
						padding: 5px;
						vertical-align: middle;
						}
					
					#body #main #commentformarea label {
						font-size: 0.9em;
						vertical-align: middle;
						}

					#body #main #commentformarea input {
						width: 200px;
						}
					
					#body #main #commentformarea textarea {
						width: 697px;
						}
					
					#body #main #commentformarea #submit {
						background: #4a9ed8;
						border: 1px solid #4a9ed8;
						border-bottom: 1px solid #316990;
						color: #fff;
						font-weight: bold;
						font-size: 0.9em;
						padding: 3px 0;
						height: auto;
						width: auto;
						}
					
					#body #main #commentformarea #submit:hover {
						background:#efa247;
						border: 1px solid #efa247;
						border-bottom: 1px solid #b67b36;
						}					
	
	#body #sidebar {
		float: right;
		font-size: 0.875em; /* 14px */
		width: 180px;
		}

		#body #sidebar p {
			color: #575757;
			line-height: 1.3em;
			margin-bottom: 15px;
			}
		
		#body #sidebar li {
			clear: both;
			float: left;
			margin-bottom: 20px;
			width: 180px;
			}

			#body #sidebar li h5 {
				color: #575757;
				font-size: 1.14em;
				font-weight: bold;
				margin-bottom: 5px;
				}
				

			#body #sidebar li li {
				background: url('i/icon_speechbubble.png') no-repeat;
				font-size: 0.9em;
				line-height: 1.2em;
				margin: 0;
				padding: 3px 0 3px 25px;
				width: 155px;
				}
		
		#body #sidebar #aboutus {
			font-size: 0.875em; /* 14px */
			}

			#body #sidebar #aboutus img {
				border: 5px solid #fff;
				}
			
			#body #sidebar #aboutus .learnmore {
				background: #4a9ed8 url('i/roundcorners-right-blue.png') right top no-repeat;
				color: #fff;
				float: left;
				height: 22px;
				font-weight: bold;
				line-height: 1.0em;
				font-size: 1.1em;
				vertical-align: middle;
				}

				#body #sidebar #aboutus a:hover.learnmore {
					background: #efa247 url('i/roundcorners-right-blue.png') right top no-repeat;
					}
			
				#body #sidebar #aboutus .learnmore span, #body #sidebar #aboutus a:hover.learnmore span {
					background: url('i/roundcorners-left-blue.png') no-repeat;
					float: left;
					height: 16px;
					padding: 4px 5px 2px;
					}
		
		#body #sidebar #tag_cloud {
			text-transform: lowercase;
			}

#footer {
	font-size: 0.6em; /* 12px */
	}

	#footer p {
		padding: 10px 12px 30px;
		}



.alignleft {
	float: left;
	}

.alignright {
	float: right;
	}

img.alignleft {
	border: 5px solid #f5f5f5;
	padding: 5px;
	margin-right: 20px;
	}

img.alignright {
	border: 5px solid #f5f5f5;
	padding: 5px;
	margin-left: 20px;
	}

img.noborder {
	border: 0;
	padding: 0;
	}

img.border {
	border: 5px solid #f5f5f5;
	padding: 5px;
	}