html {
font-size: 100%;
}
* {
padding: 0;
margin: 0;
}
img {
border: 0;
}
body {
font-family: American Typewriter, Courier New, Courier, monospace, sans-serif;
color: #333;
background-color: #fff;
font-size: 62.5%;
}
ul {
list-style: none;
font-size: 120%;
}
ol {
list-style: decimal;
list-style-position: inside;
font-size: 120%;
margin-bottom: 1em;
line-height: 160%;
}
#wrapper {
margin: 0 auto;
width: 76em;
overflow:auto;
}
#content {
width: 76em;
overflow:auto;
}
#main_col {
border-top: dashed #666666 1px;
width: 46em;
float: left;
}
#main_col .post {
margin-top: 1em;
padding-bottom: 2em;
border-bottom: dashed #666666 1px;
}
#main_col .post:nth-child(14) {
border-bottom: none;
}
#sidebar {
width: 20.5em;
float: right;
}
h1 {
height: 8em;
font-size: 120%;
font-weight: normal;
margin: 3em 0 2.8em 0;
}
h2 {
font-size: 175%;
font-weight: normal;
margin: .7em 0 1em;
letter-spacing: 1px;
}
h2#sayWhat, h2#comm_title {
margin-bottom: .5em;
}
h2.title {
border-top: dashed #666666 1px;
padding-top: .5em;
margin-top: 0;
}
h3 {
font-size: 120%;
font-weight: normal;
text-transform: uppercase;
color:#ff3300;
padding-bottom:1em;
}
h4 {
font-size: 110%;
font-weight: normal;
color:#ff3300;
}
h3+h4 {
margin-top: 0;
}
p {
font-size: 120%;
line-height: 160%;
margin-bottom: 1em;
}
p img.pic {
float: left;
margin: 0 1em 1em 0;
}
p.center {
text-align: center;
}
#sidebar h3 {
color:#ff3300;
margin-top:1.5em;
padding: 0;
}
#sidebar h3.noSpace {
margin-top: .5em;
}
#sidebar p {
margin-top: .80em;
line-height: 140%;
margin-bottom: .5em;
}
#sidebar ul#nav {
height: 2.75em;
border-top: dashed #666666 1px;
/* border-bottom: dashed #666666 1px; */
padding-top: 1.9em;
line-height: 130%;
}
#sidebar ul#nav li {
margin-top: -.2em;
}
#archive dl dd {
font-size: 120%;
}
#archive dt {
display: none;
margin-top: 0em;
}
#sidebar #about, #sidebar #feed, #sidebar #also, #sidebar #links, #sidebar #blog_list, #sidebar #archive, #sidebar #awards, #sidebar #geek{
/* margin-top: 1.9em; */
padding-bottom: 2em;
border-top: dashed #666666 1px;
}
#sidebar #feed p {
padding-top: .25em;
padding-left: 2em;
background: url(../images/rss_icon.gif) 0 3px no-repeat;
}
#sidebar #feed h3 {
padding-bottom:0.1em;
}
#footer {
margin: 0 auto 0;
width: 76em;
clear: both;
}
#footer p{
padding-top: .85em;
height: 2.4em;
border-style: dashed;
border-color: #666666;
border-width: 1px 0;
}
.white {
color: #ffffff;
}
.orange {
color: #ff3300;
}
.prev_next {
float: left;
clear: both;
margin-top: 3em;
}
.comment {
border-bottom: dashed #666666 1px;
padding: 1em 0 1.5em 0;
overflow:auto;
} 
.comment p {
float: right;
width: 32em;
margin-bottom: .5em;
} 
.comment p.visitor {
float: left;
font-size: 100%;
margin-bottom: 1em;
text-transform: uppercase;
} 
.comment img {
float: left;
padding: .30em 1.5em 0 0;
} 
.end_comm  {
height: 2em;
padding-top: .4em;
padding-left: 2em;
font-size: 110%;
width: 46em;
text-transform: uppercase;
background: url(../images/comment_fill.gif) 0 20% no-repeat;
}
p.tags  {
margin-top: 2em;
padding-left: 2em;
font-size: 110%;
background: url(../images/tech_tag.gif) 0 0 no-repeat;
}


/* ----- links ----- */

a:link, a:hover, a:visited  {
color: #0066ff;
}
h1 a {
display: block;
height: 3.5em;
color: #333;
text-decoration: none;
padding: 3.75em 0 0 7em;
background: url(../images/k_balloon.gif) top left no-repeat;
}
#sidebar ul#nav li a:link, #sidebar ul#nav li a:visited, h2 a:link, h2 a:visited, h1 a:link, h1 a:hover, h1 a:visited {
color: #333;
text-decoration: none;
}
#sidebar ul#nav li a:hover, #sidebar ul#nav li a.active, h2 a:hover {
color:#ff3300;
text-decoration: none;
}
#links ul, #blog_list ul, #archive dl, #also ul  {
margin-top: .80em;
margin-bottom: .5em;
}
ul.linklist a:hover, #archive dl dd a:hover, ul.linklist a:visited, ul.bloglist a:visited, #archive dl dd a:visited, #feed p a:hover, #feed p a:visited {
color:#0066ff;
text-decoration: underline;
}
ul.linklist a, ul.bloglist a, #archive dl dd a {
line-height: 165%;
}
#also ul a {
line-height: 200%;
}
#also ul li.face a  {
padding: .25em 0 .5em 2em;
background: url(../images/face_2.gif) 0 40% no-repeat;
}
#also ul li.twit a  {
padding: .25em 0 .5em 2em;
background: url(../images/twit.gif) 0 40% no-repeat;
}
#also ul li.flic a  {
padding: .25em 0 .5em 2em;
background: url(../images/flickr.gif) 0 40% no-repeat;
}
.prev_next a {
padding: 0 0.5em ;
}
.date_comm a {
float: left;
margin-left: 2em;
padding-top:.95em;
font-size: 110%;
text-transform: uppercase;
}


/* ----- comment form ----- */

.comments-wrapper {
padding-top: 2em;;
} 
#txpCommentInputForm  {
margin: 1em 0;
}
#txpCommentInputForm label {
float: left;
width: 85px;
margin-bottom: 3px;
font-size: 120%;
}
#txpCommentInputForm input#name, #txpCommentInputForm input#email, #txpCommentInputForm input#web, #txpCommentInputForm textarea {
float: left;
width: 350px;
margin-bottom: 10px;
padding: 2px;
border:1px solid #666666;
font-family: Courier New, Courier, monospace, sans-serif;
color: #333;
background-color: #fff;
font-size: 120%;
}
#txpCommentInputForm textarea {
height: 156px;
}	
#txpCommentInputForm input.hidden {
display: none;
}
#comments-help {
margin-left: 85px;
width: 350px;
}
#comments-help label {
float: none;
margin-right: 1em;
}
#comments-help input#txpCommentPreview, #comments-help input#txpCommentSubmit {
margin-left: 1em;
}