/* v1.0 | 20080212 */
/* Reset CSS Brought To You By meyerweb.com and
The excellence of Eric Meyers */

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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Branding and Navigation */
body {font: 12px 'Helvetica', 'Arial', 'Verdana', sans-serif; line-height: 1.5;}
#wrapper {width: 1000px; margin: 0 auto; padding-top: 20px; position: relative;}
/* @group Header */
#sub-title {display: block; font-style: italic;}
#sub-title a:link, #sub-title a:visited {text-decoration: none; color: #666;}
#sub-title a:hover {text-decoration: underline;}
#search_container {position: absolute; top: 20px; right: 10px; background: #CCC; padding: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
#search_container label {display: none;}
/* @end */

/* @group Sidebar */
#sidebar {float: left; padding-bottom: 40px; margin-top: 40px; clear: both; width: 200px;}
#sidebar .nav ul li {font-size: 120%;}
#sidebar .nav ul li a, #sidebar .nav ul li a:visited {background: #CCC; color: #333; display: block; margin: 10px 10px 10px 0; padding: 5px 0 5px 15px; text-align: left; -webkit-border-radius: 5px; -moz-border-radius: 5px; text-decoration: none;}
#sidebar .nav ul li a:hover {background: #E1E1E1; color: #666;}
#sidebar .recently_added ul {margin: 10px 0 10px 10px; list-style: disc; padding-left: 10px}
#sidebar .recently_added ul li {margin-bottom: 10px;}
#sidebar .recently_added ul li a {color: #333; text-decoration: none;}
#sidebar .recently_added ul li a:hover {color: #999; text-decoration: underline;}
#sidebar h5 {text-align: left; font-size: 140%; color: #666;} 

/* @end */

/* @group Content */
#content {float: left; width: 730px; margin-top: 40px; padding-left: 40px;}
#content h2 {font-size: 250%; line-height: 1;}
#content p {margin-bottom: 20px}
#content a:hover {color: #333;}
#content span.entry_metadata {display: block; color: #CCC; margin-bottom: 10px;}
#content .codeblock {color: #999; font-size: normal; margin-bottom: 20px;}
#content ul {list-style: disc; line-height: 1; margin-left: 40px; margin-bottom: 20px;}
#content ol {list-style: decimal; line-height: 1; margin-left: 40px; margin-bottom: 20px;}
#content dl {list-style: none; margin-left: 40px; margin-bottom: 20px;}
#content dl dt {font-weight: bold;}
#content h2 {padding-bottom: 10px; border-bottom: 5px double #E1E1E1; color: #666; margin-bottom: 10px;}
#content h3 {line-height: 1; margin-bottom: 20px; font-size: 400%;}
#content h3 a, #content h3 a:visited {text-decoration: none; color: #999; line-height: 1;}
#content h3 a:hover {text-decoration: underline; color: #666;}
/* @end */

/* @group Entry Page */
#entry #content h2 {font-size: 400%; color: #999; line-height: 1; letter-spacing:-2px;}
#entry #content .offsite_function {vertical-align: middle; background: #E1E1E1;  padding: 7px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#entry #content .offsite_function a, #entry #content .offsite_function a:visited {text-decoration: none; margin-right: 20px; color: #666; font-weight: bold;}
#entry #content .offsite_function a:hover {text-decoration: underline}
#entry #content .offsite_function img {margin-right: 3px; vertical-align: middle}
#entry #content h3 {font-size: 200%; font-weight: bold; line-height: 1; margin-bottom: 5px; color: #666;}
/* @end */

/* @group Home Page & Archives */
#home #content p {margin-bottom: 5px;}
#home #content h3 {margin-bottom: 5px; font-size: 380%;}
#home #content span.entry_metadata {margin-bottom: 30px;}
#home #content .col {float: left; width: 230px; margin-right: 10px;}
#home #content .first_col {margin-left: 10px}
#home #content .col h5 {font-size: 200%; margin-bottom: 10px;}
#home #content .col h5 a, #home #content .col h5 a:visited {background: #333; display: block; -moz-border-radius: 2px; -webkit-border-radius: 5px; color: #FFF; text-decoration: none; font-weight: normal; letter-spacing: 1px; padding: 3px 5px;}
#home #content .col h5 a:hover {background: #CCC; color: #000;}
#home #content .col ul li {font-size: 120%; margin-bottom: 10px;}
#home #content .col ul li a, #home #content .col ul li a:visited {text-decoration: none; color: #666; }
#home #content .col ul li a:hover {text-decoration: underline;}
#archives #content h3 {font-size: 200%; margin-bottom: 10px; line-height: 1;}
#archives #content h3 a, #archives #content h3 a:visited {letter-spacing: 0px;}
/* @end */

/* @group Footer */
#footer {background: #E1E1E1; padding: 10px 10px; text-align: right; clear: both; margin-top: 40px;}
#footer p {background: #333; padding: 5px; color:#FFF; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
#footer p a, #footer p a:visited {color: #FFF; padding-right: 10px;}
#footer p:first-child {text-align: center; color: #666; width: auto; background-color: transparent;}
/* @end */

.year_heading {font-size: 340%; margin-top: 20px; margin-bottom: 10px; color: #CCC; line-height: 1;}
span.keywords {font-weight: bolder;}
/* @group Image Classes */
/* Use these classes to align images in entries */
.right {float: right; margin: 0 0 10px 10px;}
.left {float: left; margin: 0 10px 10px 0;}
/* @end */