@import "reset.css";

html, body {
 height: 100%;
 margin-bottom: 1px;
}

body {
 background-image: url(/images/body-bg.png);
 background-repeat: repeat;
 line-height: 1.25em;
 font-family: "Lucida Grande", Verdana, Arial, sans-serif;
 font-size: 100%;
 color: #ceebce;
 background-color: #3f3f3f;
}

a, a:visited, a:active, ul.thick.entrylist a span {
 text-decoration: none;
 color: #c78280;
}

a span, a:visited span, a:active span, ul.thick.entrylist a {
 color: #ceebce;
}

img.inline-icon, a img.inline-icon, a:hover img.inline-icon, h2 img, h4 img, ul.thick.entrylist a span img, ul.thick.entrylist a:hover span img {
 width: 0.9em;
 height: 0.9em;
 vertical-align: text-bottom;
 margin: 0 0 0.1em;
 border: none;
}

a:hover, a:hover span, ul.thick.entrylist a:hover, ul.thick.entrylist a:hover span {
 background-color: #8b2440 !important;
 background-image: none;
 color: white;
}

.fright {
 float: right;
}

.fleft {
 float: left;
}

h1 {
 background-repeat: repeat;
 background-image: url(/images/h1-footer-bg.gif);
 height: 55px;
 float: left;
 width: 160px;
 display: block;
 text-indent: -1000px;
}

h1 a {
 height: 55px;
 width: 160px;
 background-position: center center;
 background-repeat: no-repeat;
 background-image: url(/images/home.png);
 display: block;
}

h1 a:hover {
 background-image: url(/images/home.png); }

body#home h1 a, body#home h1 a:hover {
 background-image: url(/images/h1.png);
 background-color: transparent !important; }

div#column {
 font-size: .88em;
 background-position: center;
 background-repeat: repeat-y;
 background-image: url(/images/column-bg.gif);
 margin-right: auto;
 margin-left: auto;
 width: 748px;
}

div#column div#notice {
 width: 100%;
 background-color: #800;
 color: white;
}

div#column div#notice p {
 padding: 16px;
 text-align: center;
}

div#content {
 float: right;
 width: 588px;
}

div#content div {
 padding: 16px 16px 0;
}

div#menu {
 padding: 16px;
 text-align: right;
 clear: left;
 float: left;
 width: 128px;
}

div#menu ul {
 margin-bottom: 16px;
}

div#menu ul a {
 padding: 0 8px;
 margin-right: -8px;
 margin-left: -8px;
 margin-bottom: 2px;
 display: block;
}

h2, ul.thick.entrylist a span {
 font-size: 175%;
 line-height: 1.25em;
 margin-bottom: 8px;
 clear: both;
 font-family: Georgia, "Times New Roman", Times, serif;
}

/* h2 {
 color: black;
} */

div#entry {
 color: #ceebce;
}

h3 {
 margin-bottom: 8px;
 font-size: 150%;
 font-family: Georgia, "Times New Roman", Times, serif;
}

p + h3 {
 margin-top: 16px;
}

h4 {
 margin-bottom: 4px;
 font-size: 125%;
 font-family: Georgia, "Times New Roman", Times, serif;
}

/*p.entryinfo {
 font-size: 85%;
 border-bottom: 1px dotted #545454;
 padding-bottom: 8px;
 margin-bottom: 8px;
 color: #a8a8a8;
}*/

input#search {
 margin-bottom: 4px;
 width: 124px;
}

p#subtitle {
 font-style: italic;
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size: 110%;
 line-height: 1.4em;
}

ul.thick {
 width: 100%;
}

ul.thick li a, a.wide {
 margin-right: -8px;
 margin-left: -8px;
 padding: 4px 8px;
 display: block;
}

ul.thick.entrylist a {
 margin-bottom: 16px;
}

div#timmr h2 {
 margin-bottom: 4px;
 color: #3f3fff;
}

div#timmr h2 span {
 color: #ff3f3f;
}

.different {
 background-repeat: repeat;
 background-image: url(/images/different-bg.gif);
}

div.lefthalf {
 clear: left;
 float: left;
 width: 262px;
}

div.righthalf {
 float: right;
 width: 262px;
}

div#footer {
 text-align: center;
 color: #a8a8a8;
 padding: 16px;
 background-repeat: repeat;
 background-image: url(/images/h1-footer-bg.gif);
 clear: both;
}

div#footer p {
 padding-bottom: 0px;
}

.centered {
 text-align: center;
}

img.no-bg {
 background: transparent !important;
 border: none;
}

a img {
 margin: 3px;
 border-width: 0;
}

a:hover img {
 margin: 0;
 border-width: 3px;
 border-style: solid;
 border-color: #8b2440;
}

img.frame {
 background-color: white;
 padding: 3px;
 border: 1px solid black;
 margin: 4px;
}

a:hover img.frame {
 margin: 0px;
 border-width: 5px;
 border-color: #8b2440;
}

.entryinfo {
 color: #a8a8a8;
}

div.comment.user-timmargh {
 background-color: #1f2f1f !important;
 background-image: none !important;
}

p.commentdate {
 color: #a8a8a8;
 font-style: italic;
}

div#addcomment textarea {
 width: 400px;
}

p {
 padding-bottom: 16px;
}

p.quote {
 margin: 4px 4px 16px;
 background-repeat: repeat;
 background-image: url(/images/different-bg.gif);
 border: 1px dotted #7f7f7f;
 padding: 11px;
 font-style: italic;
}

p.note,
p.update {
 margin-bottom: 16px;
 background-repeat: repeat;
 background-image: url(/images/different-bg.gif);
 padding: 8px;
 font-style: italic;
}

p.note:before {
 content: "Note: ";
 font-weight: bold;}

p.update:before {
 content: "Update: ";
 font-weight: bold;}

.cboth {
 clear: both;
}

.aright {
 text-align: right;
}

p img.fright {
 margin: 8px 0 8px 8px;
}

p img.fleft {
 margin: 8px 8px 8px 0;
}

table {
 margin: 8px auto 16px;
 border-collapse: collapse;
 font-size: 1em;
}

thead {
 border-bottom: 1px solid white;
}

th {
 padding: 4px 8px;
 text-align: left;
 font-weight: bold;
}

td {
 padding: 4px 8px;
 vertical-align: top;
}

.even {
 background-repeat: repeat;
 background-image: url(/images/different-bg.gif);
}

em {
 font-style: italic;
}

strong {
 font-weight: bold;
}

code {
 background-color: white;
 font-size: 125%;
 font-family: Monaco, "Courier New", Courier, monospace;
 color: black;
}

code.applescript {
 padding: 4px;
 color: black;
 background-color: white;
 border-color: black;
 border-style: solid;
 border-width: 1px;
 display: block;
 width: 96%;
}

.entryinfo .showme {
 border-bottom: 1px dotted #a8a8a8;
}

.crossedout {
 text-decoration: line-through;
}

div#column:after,
ul.thick:after,
div#timmr p:after {
 display: block;
 visibility: hidden;
 clear: both;
 height: 0px;
 content: ".";
}

ul.thick,
div#timmr p {
 display: inline-table;
}

div#entry ul {
 list-style-type: disc;
}

div#entry ol {
 list-style-type: decimal;
}

div#entry ul, div#entry ol {
 margin-left: 32px;
}

div#content div ul, div#content div ol {
 padding-bottom: 16px;
}

dt {
 margin-left: 16px;
 font-weight: bold;
}

dd {
 margin-left: 32px;
 margin-bottom: 8px;
}

p.centered img.flickr {
 width: 400px;
}

a.note-indicator:before {
 content: "[";
}

a.note-indicator:after {
 content: "]";
}

div.previousnext {
 margin-top: 32px;
}

.email em {
 display: none;
}