/*- - - - - ( structural code ) - - - - - - - - - - - - - - - */

html {
	background-color: #f7f7f7;
}

body {
	background-color: #fff;
}

#header {
	background-color: transparent;
}

#container {
	background-color: #fff;
	background-image: url(/blog/commonpics/spine-shadow.gif);
}

body > #container {
	background-color: #fff;
	background-image: url(/blog/commonpics/spine-shadow.png);
}

#left {
	background-color: #fff;
	color: #333;
}

#right {
	background-color: #fff;
	color: #777;
}

#footer {
	background-color: transparent;
	color: #555;
}





/*- - - - - ( code ) - - - - - - - - - - - - - - - */

code {
	color: #385a72;
}

ol.code code {
	color: #333;
}

ol.code li.cmnt  code {
	color: #824c88;
}





/*- - - - - ( dl, dt, dd ) - - - - - - - - - - - - - - - */

dl.dialogue dt::after {
	color: #555;
}

ol#cmnts-list li dl dt, 
ol#cmnts-prvw li dl dt {
	color: #222;
}

ol#cmnts-list li dl dd+dd, 
ol#cmnts-prvw li dl dd+dd {
	color: #888;
}

#rec-books-lists dl, 
#rec-authors-lists dl {
	border-bottom-color: #ddd;
}

#rec-books-lists dl dd+dd+dd, 
#rec-authors-lists dl dd+dd {
	background-color: #f7f7f7;
	border-color: #d9d9d9;
}





/*- - - - - ( form, legend, fieldset, label, input ) - - - - - - - - - - - - - - - */

form fieldset {
	background-color: #fcfcfc;
	border-color: #ddd;
}

form legend {
	color: #444;
}

#post fieldset#cmnt-form-old-cmnt label {
	color: #555;
}

form input[type="text"], 
form textarea {
	border-color: #ddd;
}





/*- - - - - ( h1, h2, h3, h4 ) - - - - - - - - - - - - - - - */

h1 {
	color: #407a40;
	text-shadow: #ddd 0 0 3px;
}

h2 {
	color: #111;
	text-shadow: #ccc 0 0 2px;
}

#post #left h2 {
	text-shadow: #ddd 0 0 3px;
}

#right h2 {
	background-color: #f6f6f6;
	color: #444;
}

#right h2.focus {
	border-bottom-color: #ddd; /* ???? */
}

h3 {
	color: #111;
}

#post h3 {
	text-shadow: #ccc 0 0 2px;
}

h4 {
	color: #111;
}





/*- - - - - ( hr ) - - - - - - - - - - - - - - - */

#left hr {
	background-color: #bbb;
	background-image: url(/blog/commonpics/hr-right.gif);
}

#left hr:before {
	content: url(/blog/commonpics/hr-left.gif);
}

#right hr {
	background-color: #bbb;
	background-image: url(/blog/commonpics/hr-small.gif);
}





/*- - - - - ( img ) - - - - - - - - - - - - - - - */

img {
	background-color: #fff;
	border-color: #a9a9a9;
}

a img:hover {
	background-color: #ffffda;
	border-color: #b9735c;
}





/*- - - - - ( kbd ) - - - - - - - - - - - - - - - */

kbd {
	color: #385a72;
}





/*- - - - - ( ol, li ) - - - - - - - - - - - - - - - */

ol.code {
	border-color: #eee;
	color: #333;	
}

ol.code li {
	background-color: #f4f8fb;
}

ol.code li.source {
	background-color: #fff;	
}

ol#cmnts-list, 
ol#cmnts-prvw {
	background-color: #fcfcfc;
	border-color: #eee;
}

ol#cmnts-list li, 
ol#cmnts-prvw li {
	background-color: #fff;
	border-color: #f6f6f6;
	color: #444;
}

ol#cmnts-list li:hover, 
ol#cmnts-prvw li:hover {
	border-color: #ddd;
}

ol#cmnts-list li.child {
	background-color: #f4f8fb;
	background-image: url(/blog/commonpics/cmnt-child.gif);
	border-color: #87b3cf;
}

body > ol#cmnts-list li.child {
	background-image: url(/blog/commonpics/cmnt-child.png);
}

ol#cmnts-list li.dunstan {
	background-color: #fff;
	background-image: url(/blog/commonpics/cmnt-dunstan.gif);
	border-color: #eee;
}

body > ol#cmnts-list li.dunstan {
	background-image: url(/blog/commonpics/cmnt-dunstan.png);
}

ol#cmnts-list li.dunstan:hover, 
ol#cmnts-list li.dunstan:focus {
	background-color: #f8f1f8;
	background-image: url(/blog/commonpics/cmnt-dunstan.gif);
	border-color: #c987cb;
}

body > ol#cmnts-list li.dunstan:hover, 
body > ol#cmnts-list li.dunstan:focus {
	background-image: url(/blog/commonpics/cmnt-dunstan.png);
}

ol#cmnts-list li.parent {
	background-color: #f7f9f1;
	background-image: url(/blog/commonpics/cmnt-parent.gif);
	border-color: #a3c169;
}

body > ol#cmnts-list li.parent {
	background-image: url(/blog/commonpics/cmnt-parent.png);
}

ol#cmnts-list li.this {
	background-color: #fcf3eb;
	background-image: url(/blog/commonpics/cmnt-this.gif);
	border-color: #e07c22;
}

body > ol#cmnts-list li.this {
	background-image: url(/blog/commonpics/cmnt-this.png);
}





/*- - - - - ( p ) - - - - - - - - - - - - - - - */

#footer p {
	background-color: #f7f7f7;
}

#header p {
	background-color: #f0f0f0;
	background-image: url(/blog/commonpics/loading.gif);
}

p#cat-view {
	background-color: #fbfbfb;
	border-bottom-color: #ddd;
	color: #777;
}

p.details {
	color: #888;
}

p.read-more {
	color: #888;
}





/*- - - - - ( small ) - - - - - - - - - - - - - - - */

fieldset#cmnt-form-new small {
	color: #777;
}





/*- - - - - ( table, caption, thead, tfoot, tbody, tr, td ) - - - - - - - - - - - - - - - */

#left table {
	background-color: #fff;
	border-color: #ddd;
	color: #111;
}

table#cal {
	background-color: #fff;
	color: #111;
}

table#pup {
	background-color: #fff;
	border-color: #ddd;
	color: #999;
}

table.status { /*  maybe rename this to code-status or something?  */
	border-color: #ddd;
	color: #444;
}

#weather-conditions.show table {
	background-color: #fff;
	border-color: #ddd;
	color: #111;
}


/*- - ( caption ) - - - - */

table caption {
	color: #555;
}


/*- - ( th ) - - - - */

#left table thead th {
	background-color: #eee;
	border-bottom-color: #ddd;
	color: #777;
}

table#cal thead th {
	background-color: #fff;
	color: #999;
}

table#pup thead th {
	background-color: #f7f7f7;
	border-bottom-color: #ddd;
	color: #999;
}

#weather-conditions.show table thead th {
	background-color: #fff;
	border-bottom-color: #ddd;
	color: #777;
}

#left table tfoot th {
	background-color: #eee;
	border-top-color: #ddd;
	color: #777;
}

table#pup tfoot th {
	background-color: #f7f7f7;
	color: #999;
}

#left table tbody th {
	color: #777;
}

table#pup tbody th {
	color: #999;
}

table#comments-list tbody th {
	background-color: #f3f3f3;
	border-bottom-color: #ddd;
	border-top-color: #ddd;
	color: #777;
}


/*- - ( tr ) - - - - */

#left table tbody tr.even {
	background-color: #f7f7f7;
}

#weather-conditions.show table tbody tr.odd { 
	background-color: #f7f7f7;
}

#weather-conditions.hide table tbody tr.odd {
	background-color: #eee;
}

#weather-conditions.hide table tbody tr:hover {
	background-color: #ffe08e;
	color: #333;
}


/*- - ( td ) - - - - */

#left table tbody td {
	color: #999;
}

table#cal tbody td {
	color: #999;
}

table#pup tbody td {
	color: #999;
}

table.status tbody td {/*  maybe rename this to code-status or something?  */
	color: #444;
}

#weather-conditions.show table tbody td {
	color: #888;
}

table#comments-list tbody td {
	border-top-color: #e6e6e6;
	color: #333;
}

table#cal tbody td#this-day {
	color: #444;
}

#weather-conditions.hide table tbody tr:first-child td {
	border-top-color: #bbb;
}

#weather-conditions.hide table tbody tr:last-child td {
	border-bottom-color: #bbb;
}





/*- - - - - ( ul, li ) - - - - - - - - - - - - - - - */

ul li {
	list-style-image: url(/blog/commonpics/list-dot1.gif);
}

ul li.new {
	list-style-image: url(/blog/commonpics/list-dot2.gif);
}

#left ul.post-list li {
	color: #888;
}

#right ul.month-list li {
	list-style-image: url(/blog/commonpics/list-dot1.gif);
}

#weatherinfo ul li:hover {
	color: #c30;
}

#right ul li.bozo small.xml-feed a {
	cursor: help;
	text-decoration: line-through;
}






/*- - - - - ( misc: div, span, class, id ) - - - - - - - - - - - - - - - */

#weatherinfo-trigger {
	background-color: transparent;
}

#weatherinfo {
	background-color: transparent;
	background-image: url(/blog/commonpics/panel-btm-bg.gif);
	color: #444;
}

#right > #weatherinfo {
	background-image: url(/blog/commonpics/panel-btm-bg.png);
}

#weather-conditions.hide #dorset, 
#weather-conditions.hide #sanfrancisco {
	background-color: transparent;
	background-image: url(/blog/commonpics/panel-btm-bg.gif);
	color: #444;
}

#weather-conditions.hide > #dorset, 
#weather-conditions.hide > #sanfrancisco {
	background-image: url(/blog/commonpics/panel-btm-bg.png);
}

#weather-conditions.hide #dorset div.border, 
#weather-conditions.hide #sanfrancisco div.border {
	background-color: transparent;
	background-image: url(/blog/commonpics/panel-bg.gif);
}

#weather-conditions.hide > #dorset div.border, 
#weather-conditions.hide > #sanfrancisco div.border {
	background-image: url(/blog/commonpics/panel-bg.png);
}

#dorset-hideme, 
#sanfrancisco-hideme {
	background-color: #fff;
}

#dorset-hideme:hover, 
#sanfrancisco-hideme:hover {
	color: #c30;
}

#dorset-back, 
#sanfrancisco-back {
	background-color: #fff;
}

#dorset-back:hover, 
#sanfrancisco-back:hover {
	color: #c30;
}

#weatherinfo-hideme {
	background-color: #fff;
}

#weatherinfo-hideme:hover {
	color: #c30;
}

#floater {
	background-color: #f6f6f6;
	color: #666;
}

#floater span {
	color: #666;
}

#home table#pup tbody td div {
	background-color: #eee;
}

#floater span:hover {
	background-color: #ffffda;
	color: #c30;
}

#floater span.focus:hover {
	background-color: #f6f6f6;
	cursor: default;
}

.alert {
	background-color: #fff;
	background-image: url(/blog/commonpics/alert.gif);
	border-color: #bbb;
	color: #555;
}

body > .alert {
	background-image: url(/blog/commonpics/alert.png);
}

#weatherinfo div.border {
	background-color: transparent;
	background-image: url(/blog/commonpics/panel-bg.gif);
}

#weatherinfo > div.border {
	background-image: url(/blog/commonpics/panel-bg.png);
}

#nav-main span, 
#nav-meta span, 
#cat-list span {
	border-bottom-color: #eee;
}

div.caption {
	background-color: transparent;
	color: #555;
}

form .fieldset-faux {
	background-color: #fcfcfc;
	border-color: #ddd;
}

#floater span.focus {
	color: #999;
}

.footnote {
	border-top-color: #ddd;	
}

.highlight0 {
	background-color: #ffff74;
}

.speling {
	background-color: #ffffda;
	border-bottom-color: #444;
}

div.image {
	background-color: #f7f7f7;
	border-color: #d9d9d9;
}

.jump {
	color: #888;
}

.note {
	border-color: #bbb;
	color: #555;
}

blockquote div.source {
	color: #555;
}

ol#cmnts-list li.fade12 {background-color: #ffffff;}
ol#cmnts-list li.fade11 {background-color: #FFFEFD;}
ol#cmnts-list li.fade10 {background-color: #FEFDFB;}
ol#cmnts-list li.fade9 {background-color: #FEFCFA;}
ol#cmnts-list li.fade8 {background-color: #FEFBF8;}
ol#cmnts-list li.fade7 {background-color: #FEFAF6;}
ol#cmnts-list li.fade6 {background-color: #FDF8F4;}
ol#cmnts-list li.fade5 {background-color: #FDF7F2;}
ol#cmnts-list li.fade4 {background-color: #FDF6F0;}
ol#cmnts-list li.fade3 {background-color: #FDF5EF;}
ol#cmnts-list li.fade2 {background-color: #FCF4ED;}
ol#cmnts-list li.fade1 {background-color: #FCF3EB;}





/*- - - - - ( a ) - - - - - - - - - - - - - - - */

a {
	border-bottom-color: #eee;
	color: #d17e62;
}

#header p a {
	background-color: transparent;
}

ol#cmnts-list li dl dd a, 
ol#cmnts-prvw li dl dd a {
	color: #444;
}

#footer a {
	color: #555;
}

h1 a {
	color: #407a40;
}

h2 a {
	color: #222;
}

h2#post-title a {
	color: #407a40;
}

#right h2 a {
	color: #444;
}

ol#cmnts-list li:hover a, 
ol#cmnts-prvw li:hover a {
	border-bottom-color: #eee;
	color: #d17e62;
}

ol#cmnts-list li dl dd+dd a, 
ol#cmnts-prvw li dl dd+dd a {
	color: #888;
}

ol#cmnts-list li dl dt a, 
ol#cmnts-prvw li dl dt a {
	color: #222;
}

p.details a {
	color: #888;
}

ul#nav-main a {
	border-bottom-color: #eee;
}

.jump a {
	color: #888;
}

div#poweredby a {
	background-color: #fff;
	background-image: url(/blog/commonpics/poweredby.gif);
}

table#cal a {
	border-bottom-color: #fff;
}

table#cal tfoot th a {
	color: #999;
}


/*- - - - - ( a:visited ) - - - - - - - - - - - - - - - */

a:visited {
	border-bottom-color: #eee;
	color: #9d604c;
}

h1 a:visited {
	color: #407a40;
}

h2 a:visited {
	color: #222;
}

#post h1+h2 a:visited, 
#post h1+p+h2 a:visited {
	color: #407a40;
}

#footer a:visited {
	color: #444;
}

ol#cmnts-list li:hover a:visited, 
ol#cmnts-prvw li:hover a:visited {
	border-bottom-color: #eee;
	color: #9d604c;
}

ol#cmnts-list li dl dt a:visited, 
ol#cmnts-prvw li dl dt a:visited {
	color: #222;
}

ol#cmnts-list li dl dd a:visited, 
ol#cmnts-prvw li dl dd a:visited {
	color: #444;
}

ol#cmnts-list li dl dd+dd a:visited, 
ol#cmnts-prvw li dl dd+dd a:visited {
	color: #888;
}

p.details a:visited {
	color: #888;
}


/*- - - - - ( a:hover ) - - - - - - - - - - - - - - - */

body #container a:hover, 
body #footer a:hover {
	background-color: #ffffda;
	border-bottom-color: #ddd;
	color: #c30;
}

p.details a:hover {
	background-color: #ffffda;
	border-bottom-color: #ddd;
	color: #c30;
}

ol#cmnts-list li:hover a:hover, 
ol#cmnts-prvw li:hover a:hover { /* do we need both the :hovers here? */
	background-color: #ffffda;
	border-bottom-color: #ddd;
	color: #c30;
}

ul#nav-main a:hover::after {
	color: #555;
}


/*- - - - - ( a:focus ) - - - - - - - - - - - - - - - */

ul#jump-to li a:focus {
	background-color: yellow;
	border-color: #dc7000;
	color: #dc7000;
}

ul#nav-main a:focus::after {
	color: #555;
}


/*- - - - - ( a:active ) - - - - - - - - - - - - - - - */

ul#jump-to li a:active {
	background-color: yellow;
	border-color: #dc7000;
	color: #dc7000;
}



ul#livesearch-results li dl dd#ls-data p#ls-sum span.highlight0, 
ul#livesearch-results li dl dd#ls-data p#ls-snip span.highlight0, 
div#right div#livesearch-results p span.highlight0 {
background-color: #fff;
}