/*

#036 - dark blue
#C60 - orange
*/

body {background:#557100 url(bg.png) repeat-x 0 0;color:#FFF;font-family:Arial, Helvetica, sans-serif;font-size:12px;margin:0;padding:0;}
p {margin-top:0;}
img {border:0;}
form {margin:0;padding:0;}

#container {background:transparent url(bg-top.png) no-repeat 50% 21px; min-width:980px;}
#ft {width:980px;margin:auto;text-indent:-9999px; background:url(ft.jpg) no-repeat 0 0;height:221px;clear:both;}

#header {width:980px;margin:auto;}
#header h1 {margin:0;float:left;width:180px;padding:25px 20px 0;height:119px;background:url(leftcap.png) no-repeat 0 100%;}
#header h1 a {display:block;overflow:hidden;width:176px;height:43px;background:url(logo.jpg) no-repeat 0 0;text-indent:-9999px;margin-top:9px;}
#tagline {width:540px;height:144px;background:url(tagline1.png) no-repeat 0 0;text-indent:-9999px;float:left;}
#nav {float:left; /* background:url(nav.png) no-repeat 0 0; */ width:195px;height:33px;margin:21px 0 0 0;padding:14px 0 0 15px;list-style:none;position:relative;}
#nav li {float:left;}
#nav a  {float:left;display:block; overflow:hidden; text-transform:uppercase; font-size:11px; color:#fff; text-decoration:none;}
#nav a:hover {/* background:url(nav.png) no-repeat 0 0; */ text-decoration:underline;}
#nav .work a {height:20px;width:44px;}
#nav .blog a {height:20px;width:100px;}
#nav .about a {height:20px;width:48px;}
#nav .contact a {height:20px;width:27px;}
#nav .work a:hover {background-position:-15px -61px;}
#nav .blog a:hover {background-position:-59px -61px;}
#nav .about a:hover {background-position:-99px -61px;}
#nav .contact a:hover {background-position:-147px -61px;}
#search {float:left;width:220px;height:76px;background:url(bg-search.png) no-repeat 0 0;}

#main {width:980px;margin:auto;background:url(bg-main.png) repeat-y 0 0;clear:both;}
#intro {background:#FFF url(bg-intro.png) repeat-y 100% 0;margin:-11px 0 20px -20px;padding:11px 20px;width:180px;}
#sidebar-a {width:180px;padding:10px 20px;float:left;color:#666;margin-left:-760px;background:#FFF url(bg-a.png) repeat-y 0 0;}
* html #sidebar-a {padding-right:0;}
#sidebar-b {width:180px;padding:10px 20px;float:right;color:#666;background:#FFF url(bg-b.png) repeat-y 0 0;}
#sidebar-a h2, #sidebar-b h2 {font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:14px;text-transform:uppercase;color:#C60;font-weight:normal;margin:0;border-bottom:1px dotted #999;}
#sidebar-a h2 {color:#039;}
#sidebar-b h2 {border-bottom:1px dotted #666;padding:0 0 3px;}
#sidebars a {color:#565;}
#sidebars a:hover {color:#000;}
#sidebars p {font-size:11px;padding:2px;}
#sidebars ul {margin:0 0 1em;padding:0;list-style:none;font-size:11px;}
#sidebars li {border-bottom:1px dotted #666;clear:left;}
#sidebars li a {display:block;text-decoration:none;padding:3px 2px;}
#sidebars li a:hover {background-color:#554;color:#FFF;}

#sidebars .blocky li {padding:2px;}
#sidebars .blocky a {display:inline;font-weight:bold;padding:0;}

#topics {float:left; width:120px;}
#archives {float:right; width:40px;clear:none;text-align:center;}
#sidebars h3 {text-transform:uppercase;margin:0;font-weight:normal;color:#039;border-bottom:1px dotted #666;font-size:11px;}

#quicklinks .feed span {text-decoration:underline;}
#quicklinks .feed img {vertical-align: top;}
#quicklinks a.feed {text-decoration:none;}

#tla ul {margin:0;}

#projects li a {padding:10px 0;}
#projects li a:hover {background-color:transparent;}

#speaking img, #books img {float:left;padding:1px;border:1px solid #998;margin:0 4px 4px 0;}
#sidebars #speaking li, #sidebars #books li {clear:both;border:1px dotted #998; border-width:1px 0 0 0;}
#sidebars #speaking h2, #sidebars #books h2 {border:0;}
#speaking a, #books a {overflow:hidden;zoom:1;}


.section {clear:both;margin-bottom:1em;overflow:hidden;}

#content-m {width:500px;padding:10px 20px;float:left;margin-left:220px;color:#333;background-color:#FFF;display:inline;line-height:150%;}
* html #content-m {overflow:hidden;}
#content-m h1 {font-family:Tahoma, Arial, Helvetica, sans-serif;font-size:26px;text-transform:uppercase;color:#000;line-height:.9;letter-spacing:-1px;margin:0 0 .5em;padding:0;}
#content-m a:link {color:#036;}
#content-m a:visited {color:#333;}
#content-m a:hover {color:#000;}
.home #content-m h1 a, .home #content-m h2 a {color:#000;text-decoration:none;}
.home #content-m a:hover {color:#343;}
#content-m .cat {font-family:Tahoma, Arial, Helvetica, sans-serif;font-size:22px;text-transform:uppercase;color:#D5EA93;line-height:.8;letter-spacing:-1px;margin:0;padding:0;font-weight:bold;}
#content-m h2, #content-m h3 {font-family:Tahoma, Arial, Helvetica, sans-serif;text-transform:uppercase;margin-bottom:0;}
.home #content-m h3 {background:transparent url(bg-h2.png) no-repeat scroll 0;
color:#FFFFFF;
font-size:15px;
height:26px;
letter-spacing:-1px;
line-height:10px;
margin:1em 0 0 -20px;
padding:12px 0 0 20px;
text-transform:uppercase;
width:540px;}
.home #content-m h2 {color:#C60;font-size:20px;font-weight:normal;margin-top:10px;line-height:120%;}
.home #content-m h2 a {color:#C60;}
.bedate {font-size:11px;margin:.5em 0 10px;}
.home #content-m .entry {border-bottom:1px dotted #666;}
.home #content-m #latestentry .entry {border:none}

.update {border:1px solid #900; margin:1em 0; padding:1em 1em 1em 3em; background:#FFD9D9 url(exclamation.png) no-repeat 1em 50%;}
.download {border:1px solid #CA9743; margin:1em 0; padding:1em; background:#FCF7E0 url(download.gif) no-repeat 95% 0;}
.download h2 {margin:0;padding:0;}
.download a:link, #content .download a:visited {background-color:transparent;}
.download a:hover {background-color:transparent;color:#000;}


#content-m h2 {color:#036;font-size:20px;text-transform:none;font-weight:normal;line-height:120%;margin-bottom:.2em;}
#content-m h3 {color:#C60;text-transform:none;margin-bottom:0;}

#article {min-height:200px;}
#postmetadata {text-transform:uppercase;margin:1em 0;color:#C60;}

#donate			{font-size:11px;border-top:1px solid #E1F0B4;color:#666;}
#donate a:link,
	#donate a:visited	{color:#666;}
#donate a:hover,
	#donate a:active	{color:#000;}

#bookmarkthis {font-size:11px;background:url(bk_bg.png) no-repeat 0 0;width:500px;margin-left:-20px;padding:0 20px 5px;text-align:right;overflow:auto;}
#bookmarkthis div {float:right;width:290px;color:#557100;}
#bookmarkthis a, #bookmarkthis a:hover {color:#557100;}
#bookmarkthis span {float:left;border-width:0 1px;border-color:transparent #C3E169 transparent #F3F9DF;border-style:solid;padding:5px 10px;}
#bookmarkthis span:first-child {border-left-width:0;}
#bookmarkthis #bkdelicious {background:url(bk_delicious.png) no-repeat 5px 50%;padding-left:21px;}
#bookmarkthis #bkmagnolia {background:url(bk_magnolia.png) no-repeat 5px 50%;padding-left:25px;}


#main .ads .advertise {text-transform:uppercase;font-size:9px;}
#main .ads .advertise a {color:#999;text-decoration:none;padding-right:7px; }
#main .ads .advertise a:hover {color:#333;}

#ads-a {padding:10px 0 0;}
#ads-c {padding:10px 10px 0;width:160px;background-color:#CEDCA5;clear:both;}

#ads-c img{padding-left:12px;}

table {border-collapse:collapse;border:1px solid #CCC;}
td {padding:2px;}
td, th {border:1px solid #CCC;}
th {background-color:#C3E169;}



#extra {margin:1em 0;overflow:hidden;font-size:11px;line-height:1.2;}
#extra .panel h2 {margin:0;border-bottom:1px dotted #999;font-weight:normal;font-size:14px;color:#C60;}
#extra .panel ul {margin:0;padding:0;list-style:none;}
.panel li {clear:both;overflow:hidden;border-bottom:1px dotted #999;}
.panel li a {display:block;text-decoration:none;padding:2px 8px 2px 2px;background:url(arrow.gif) no-repeat 99% 50%;overflow:hidden;white-space:pre;}
#extra .panel a:link {border:0;color:#333;}
#extra .panel a:visited {border:0;color:#333;}
#extra .panel a:hover {background-color:#C6E26D;}

#extra .related {float:left;width:240px;display: inline;}
#extra .recent {float:right;width:240px;}
#quicklinks ul {margin-bottom:0;}
#quicklinks li a {line-height:120%;}
#quicklinks li a{font-weight:bold;}

#externals {text-align:center;margin:1em 0;}

#comments {margin-left:-240px;width:760px;clear:both;}
#comments h2.header {background:url(c_header.png) no-repeat 0 0;font-size:22px;font-weight:bold;color:#FFF;padding:7px 0 4px 240px;text-transform:uppercase;}

.comment {background:url(c_cap.png) no-repeat 0 0;padding:20px 0 10px;clear:both;position:relative;margin-left:20px;zoom:1;}
.commentmetadata {float:left;width:200px;}


.commenttext {float:left;width:500px;padding:0 20px;}
#comments .commentnumber a, #livepreview .commentnumber {color:#C6E26D;text-decoration:none;font-family:serif; font-size:13px;position:absolute;left:3px;font-weight:bold;padding:2px 0;}
.poster {float:left;margin-left:20px;font-family:Tahoma, Arial, Helvetica, sans-serif;font-size:14px;color:#C60;position:relative;width:120px;}
.postdate {float:left;clear:left;margin-left:20px;font-size:10px;line-height:1.1;padding-top:2px;color:#9C0;width:120px;}
#comments .postdate a {color:#9C0}

.snook {background:url(bg-snook.png) no-repeat 0 0;}
.snook .commenttext {background-color:#C3E169;min-height:50px;margin-bottom:1em;}
* html .snook .commenttext {height:50px;}
.snook .commentmetadata {background:#91C100 url(c_snook.png) no-repeat 0 0;padding:0 0 10px 50px;width:150px;color:#FFF;}
.snook .poster, .snook .postdate, #comments .snook .postdate a {color:#C6E26D;}
.snook .commentnumber {display:none;}
.snook code {color:#333;}

#postcomment, #livepreview {margin-left:-220px;width:740px;clear:both;z-index:50;position:relative;}


#postcomment {margin-bottom:1em;overflow:hidden;}
h3#postcomments {background:url(c_contribute.png) no-repeat 0 0;height:30px;text-indent:-999px;overflow:hidden;margin:0;}
#postmeta {background:#C3E169 url(c_postbg.png) repeat-y 100% 0;float:left;overflow:hidden;padding:0 20px 15px;width:160px;zoom:1;}
#postmeta div {margin-bottom:2px;}
#postmeta input {width:98%;font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px;padding:2px;border:1px solid #9C0;}
#postdata {background:#C3E169;float:left;overflow:hidden;padding:0 20px 10px;width:500px;}
#postdata textarea {width:491px;height:100px;font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px;padding:2px;border:1px solid #9C0;}
#postcomment .formnote {border-top:1px dotted #9C0;font-size:11px;margin-top:.5em;padding-top:.5em;line-height:1.1}

#commentsclosed { background-color:#E1F0B4; border: 1px solid #C3E169; clear:both; font-weight:bold; padding:.5em;}
#lpswitch {cursor:pointer;font-size:11px;text-decoration:underline;color:#444;}

blockquote {color:#036;background:#DEE3EB url(bg-bq.png) no-repeat 100% 0;margin-left:-20px;padding:10px 40px 10px 20px;width:460px;}
ul {margin:1em 15px;padding:0;list-style-type:square;}
pre {background:#F4F4F4 url(bg-code.png) no-repeat 0 0;width:480px;padding:10px 20px;}
pre code {display:block;overflow:auto;width:460px;white-space:pre;min-height:3.5em;}
* html pre code {height:60px;}

.project {border-top:1px dotted #666;}
.figure {border:1px dotted #CCC; border-width:1px 0; font-style:italic;margin:.5em 0;}
.figure p {margin:.5em 0;}

.section  ul li a img{padding:0 18px; padding-top:3px;}