/*  Copyright Jim Westergren. Do not steal or use. CSS written by me. */

body {font-family:georgia;background-color:#f3f3f3;margin:40px auto;padding:0px;width:1000px;}
#wrap {margin:10px auto;border:2px solid #bbb;background:#fff;color:#333;-moz-box-shadow:10px 10px 0px #ddd;}
#title {margin-left:20px;font-size:30px;font-weight:bold;letter-spacing:1px;text-shadow:3px 3px 1px #aaa;}
#title a, #title a:hover {text-decoration:none;color:#333;}
#title a:hover {color:#66f;}
#desc {margin-left:20px;font-size:14px;color:#999;font-weight:bold;letter-spacing:1px;}
#quote {font-size:12px;font-style:italic;float:right;width:450px;color:#444;margin-top:-70px;}

#nav {list-style:none;width:900px;height:20px;margin-bottom:-3px;}
#nav li {float:left;position:relative;margin-right:10px;}
#nav li a {float:left;font-family:helvetica;height:25px;text-decoration:none;color:#000;padding:0px 9px;background:#f4f4f4;border:1px solid #999;border-right: 2px solid #999;border-bottom:0px solid #999;font-size:13px;letter-spacing:1px;line-height:25px;}
#nav li a:hover, #nav .active a {background:#fff;color:#006;}
#nav .active a {font-weight:bold;}
#nav .active a {border:1px solid #999;border-right:2px solid #999;border-bottom:3px solid #fff;color:#000;background:#fff;}

#article {float:left;width:670px;font-size:15px;color:#222;margin-left:40px;margin-top:10px;line-height:20px;border-bottom:1px solid #aaa;padding-bottom:30px;margin-bottom:30px;}
#article h1 {font-size:30px;color:black;line-height:30px;text-shadow:2px 2px 2px #aaa;}
#article h2 {font-size:20px;margin-top:25px;color:#111;margin-left:-20px;padding-left:15px;padding-bottom:3px;border-left:5px solid #bbb;border-bottom:2px solid #ddd;text-shadow:1px 1px 1px #aaa;}
#article h3 {font-size:17px;margin-bottom:-8px;margin-top:20px;color:#111;margin-left:-10px;}
#article h4 {font-size:14px;margin-bottom:-9px;margin-top:20px;color:#111;}
#article p {text-align:justify;}
#article code {padding:3px;font-size:14px;background:#eee;}
#article hr {border:0px;border-top:1px solid #aaa;border-bottom:1px solid #aaa;width:550px;height:4px;margin-top:30px;margin-bottom:30px;}
#article ul {list-style:square;}
#article li {margin-bottom:9px;}
#article img {border:1px solid #aaa;border-right:2px solid #aaa;border-bottom:2px solid #aaa;}
#article a, #about a, #sidebar li a, .commentlist li a, #postnav a, #copyright a, .navigation a {text-decoration:none;border-bottom:1px solid;color:#44f;}
#article a:visited, #about a:visited, #sidebar li a:visited, .commentlist li a:visited, #postnav a:visited, #copyright a:visited, .navigation a:visited {color:#77f}
#article a:hover, #about a:hover, #sidebar li a:hover, .commentlist li a:hover, #postnav a:hover, #copyright a:hover, .navigation a:hover {text-decoration:none;color:#008;border-bottom:1px solid #aaa;border-right:1px solid #aaa;background-color:#dcdcfc;padding:2px;margin:0px -3px 0px -2px;}
#article a {background:url(images/external.png) 100% 40% no-repeat;padding-right:15px;}
#article a:hover {background:url(images/external.png) 100% 50% no-repeat #dcdcfc;margin:0px -1px 0px -2px;padding-right:15px;}
#article a[href^="http://www.jimwestergren.com"] {background:none;padding-right:0px;}
#article a:hover[href^="http://www.jimwestergren.com"] {background:#dcdcfc;padding-right:0px;margin:0px -3px 0px -2px;}
#article a.img {background:none;padding:0px;margin:0px;border:0px;}

blockquote {margin-left:20px;padding-left:15px;border-left:2px solid #77b;font-style: italic;}
blockquote h2, blockquote h3, blockquote h4, blockquote h5 {margin-left:0px;}
blockquote cite {margin: 5px 0 0;display: block;}

#social {padding:30px 40px;width:500px;}
#social span {margin-right:20px}

#about {border: 2px solid #bbb;padding:20px;width:650px;height:80px;font-size:13px;margin:15px 40px;-moz-box-shadow:5px 5px 0px #ddd;background:#f7f7f7;line-height:20px;}
#about .head {float:left;font-size:17px;font-weight:bold;margin:-40px 0px 0px 10px;background:#f7f7f7;padding:5px 20px;height:15px;text-shadow:1px 1px 1px #ccc;border: 2px solid #bbb;border-bottom:none;}
#about img {float: left; margin-right: 20px;height:80px;width:80px;background:#fff;padding:2px;border:2px solid #bbb;}
#article img.wp-smiley {border:none;}

.responses {margin:30px 50px;font-size:18px;}

.commentlist {list-style-type:none;width:600px;margin-left:50px;}
.commentlist li {border-bottom: 1px solid #bbb;padding:15px;padding-bottom:20px;}
.commentlist li:target {background:#eee;}
.commentlist li p {margin-bottom:-5px;}
.commentlist .name {font-size:17px;}
.commentlist .name a {border:none;}
.commentlist .author .name {font-weight:bold;font-size:18px;}
.commentlist li .time {color:#999;font-size:11px;margin-top:-5px;}
.commentlist li .time a {color:#99f;}
.commentlist img.avatar {background:#fff;padding:2px;border:2px solid #bbb;float:left;margin-top:10px;}
.commentlist .comment {margin-top:10px;margin-left:90px;line-height:18px;font-size:12px;}
#pingbacks {padding-bottom:15px;margin-top:-30px;}
#pingbacks, #pingbacks a {font-size:11px;}
#pingbacks li {padding-top:5px;}

h5 {margin-left:40px;font-size:20px;}
#postcomment {margin-left:100px;}
#postcomment #submit {padding:5px;font-size:14px;margin-bottom:10px;}
#postcomment input {padding:2px;font-size:15px;}
#postcomment textarea {font-size:15px;}
#postcomment .tags {font-size:12px;border:1px solid #bbb;padding:7px;background:#f3f3f3;width:640px;}


#postnav {clear:both;padding:20px 60px;}

#sidebar {float:right;font-size:12px;border-left:1px solid #aaa;padding-left:15px;width:180px;margin:20px 20px 0px 20px;}
#sidebar ul li {list-style:square;margin-bottom:10px;margin-left:-20px;}
#sidebar .recent-comments {margin-left:-10px;}
#sidebar .recent-comments p {font-size:10px;font-family:verdana;}
#sidebar h6 {font-size:15px;margin-bottom:10px;text-shadow:1px 1px 1px #ccc;}
#sidebar img {margin-bottom:5px;}

#copyright {margin:30px auto;font-size:11px;font-family:verdana;width:300px;padding-bottom:20px;}

#index a {border:none;}
#index h4 {font-size:23px;margin-bottom:-2px;margin-top:20px;border-top:1px solid #aaa;padding-top:20px;}
#index span {font-size:10px;font-family:verdana;color:#666;}
#index p {font-size:13px;color:#333;margin:0px 0px 0px 10px;}
#index .more, #index .more a {float:right;}

.contactform {position: static;overflow: hidden;width: 95%;}
.contactleft {width:25%;white-space:pre;text-align: right;clear: both;float:left;display:inline;padding:4px;margin:5px 0;}
.contactright {width:70%;text-align:left;float:right;display:inline;padding:4px;margin:5px 0;}
.contacterror {border:1px solid #ff0000;}
#contactsubmit {padding:5px;font-size:14px;margin-bottom:10px;}

.navigation {clear:both;margin:30px;height:10px;padding-top:30px;width:700px;}
.alignleft,.alignleft a {float:left;}
.alignright,.alignright a {float:right;}

#designcredit {margin-top:5px;float:right;font-size:11px;width:300px;color:#999;margin-right:-30px;}
#designcredit a, #designcredit a:visited {color:#99f;}