/*
Theme Name: actuality.log (YUI) 
Theme URI: http://emphaticallystatic.org/
Description: This is a redux of the simple theme I use for my personal web site. It is built upon the blank slate provided by the <a href="http://developer.yahoo.com/yui/">Yahoo! User Interface Library</a>.
Author: pundit
Tags: white, fixed width, single column, light
*/

/* Recover some useful behaviour lost due to the YUI reset */

hr {
display: none;
}

strong {
font-weight: 900;
}

em {
font-style: italic;
}

small, sub, sup {
font-size: 83%;
}

sub, sup {
height: 0;
line-height: 1;
vertical-align: baseline;
_vertical-align: bottom;
position: relative;
}

sup {
bottom: 1ex;
}

sub {
top: .5ex;
}

span.strike {
text-decoration: line-through;
}

/* Temporary attempts and debugging */

#ft a {
text-decoration: none;
}

span.entry-end a {
text-decoration: none;
margin-left: 0.5em;
}

#page-title h2 {
font-size: 197%; /* 26px */
margin-bottom: 0.8em;
text-align: center;
}

#no-content p {
font-size: 153.9%; /* 20px */
margin-bottom: 0.8em;
text-align: center;
}

p#tag-cloud, p#most-popular-entries, p#authors-picks {
line-height: 2.5em;
*line-height: 3em;
padding-top: 0.5em;
}

p#tag-cloud a, p#most-popular-entries a, p#authors-picks a{
white-space: nowrap;
text-decoration: none;
background: #efefea;
border: solid 1px #fff;
}

p#tag-cloud a {
padding: 0.1em;
margin: 0.1em;
}

p#most-popular-entries a, p#authors-picks a {
padding: 0.4em;
font-size: 110%;
}

p#tag-cloud a:hover, p#most-popular-entries a:hover, p#authors-picks a:hover {
color: #000;
}

/* Special cases */

p.red, span.red {
color: #b02b2c;
}

p.blue, span.blue {
color: #356aa0;
}

/* Styling pertinent to actuality.log */

a {
color: #888;
}

#actualitylog {
font-family: "Adobe Caslon Pro", Baskerville, "Goudy Old Style", Georgia;
width: 61.538em;  /* 800 / 13     */
*width: 60.000em; /* 800 / 13.333 */ 
}

#hd {
margin-top: 1.7em;
margin-bottom: 2.5em;
}

h1#logo a
{
background: #fff url(images/actualitydotlog.png) no-repeat;
display: block;
height: 56px;
width: 362px;
text-align: center;
margin-left: auto;
margin-right: auto;
text-decoration: none;
margin-bottom: 1.8em;
}

h1#logo a span
{
visibility: hidden;
}

.yui-u {
text-align: left;
}

.yui-gb {
}

#hd, #ft {
text-align: center;
}

ul#main-navigation {
display: inline;
font-size: 167%; /* 22px */
}

ul#main-navigation li {
display: inline;
padding-right: 0.5em;
padding-left: 0.5em;
border-left: solid 1px #bbb;
}

ul#main-navigation li.first {
border: 0;
}

ul#main-navigation li a {
text-decoration: none;
}

/* The journal entry */

.entry {
margin-bottom: 2.5em;
}

.entry .title h2 {
font-size: 197%; /* 26px */
}

.entry h3 {
font-size: 120%;
margin-top: 0.8em;
margin-bottom: 0.4em;
}

.entry .title h2 a {
color: #000;
text-decoration: none;
}

.entry .title h2 a:hover {
color: #888;
text-decoration: underline;
}

.entry .date, .entry .tags {
font-size: 123.1%; /* 16px */
*margin-bottom: 0.25em;
}

.entry .content {
margin-top: 0.8em;
font-size: 138.5%; /* 18px */
}

.entry .content p, .entry .content ul, .entry .content ol, .entry .content .center {
line-height: 1.5em;
margin-bottom: 0.6em;
}

.entry .content p.caption {
font-style:italic;
text-align:center;
}

.entry .content ol li {
list-style: decimal outside;
width: 80%;
margin-left: auto;
margin-right: auto;
}

.entry .content ul li {
list-style: disc outside;
width: 80%;
margin-left: auto;
margin-right: auto;
}

.entry .comments {
font-size: 153.9%; /* 20px */
margin-top: 0.4em;
}

#entry-related {
border: solid 1px #dfdfdf;
padding-left: 1em;
padding-right: 1em;
padding-top: 1em;
padding-bottom: 0.5em;
margin-top: 0.6em;
}

.entry-description {
display: none;
}

/* Lists of entries */

.content #entry-lists {
font-size: 80%;
}

#entry-lists {
margin-bottom: 2.5em;
}


.entry-list .title {
font-size: 182%; /* 24px */
margin-bottom: 0.1em;
}

.entry-list ul.list {
font-size: 123.1%; /* 16px */
margin-left: 1.2em;
}

.entry-list ul.list li {
list-style: disc outside;
white-space: nowrap;
}

/* The mu entry */

ul.mu-entries {
border-left: solid 1px #dddddd;
width: 90%;
margin-left: auto;
margin-right: auto;
padding-left: 1.5em;
padding-right: 1.5em;
margin-bottom: 1.8em;
font-size: 131%; /* 17px */
text-align: left;
line-height: 1.3em;
}

ul.mu-entries a {
text-decoration: none;
}

ul.mu-entries li {
margin-bottom: 0.5em;
}

ul.mu-entries li span a {
margin-left: 0.2em;
}

ul.mu-entries li span.date-separator {
margin-right: 0.25em;
}

blockquote, .entry .mu-content p {
background:url(images/quote.gif) no-repeat top left;
min-height: 50px; /* height of the image */
padding-left: 60px; /* width of the image */
width: 80%;
margin-left: auto;
margin-right: auto;
color: #777;
}

.entry .mu-content p {
font-size: 197%; /* 26px */
line-height: 1.5em;
color: #000;
}

.entry .mu-content p.mu-meta {
background: none;
margin-top: 0.4em;
text-align: center;
font-size: 153.9%; /* 20px */
margin-bottom: -0.9em;
}
.entry .mu-content p.mu-meta span.date-spacing {
margin-right: 0.6em;
}

.entry .mu-content p.mu-meta a {
text-decoration: none;
}

/* Page navigation */
#page-navigation, #entry-navigation {
font-size: 153.9%; /* 20px */
}

#page-navigation a, #entry-navigation a {
text-decoration: none;
}

#entry-navigation {
margin-bottom: 1.7em;
}

.left {
text-align: left;
}

.right {
text-align: right;
}

.center {
text-align: center;
}

#ft {
margin-top: 1.5em;
margin-bottom: 1.5em;
}

#ft .counter, #ft .copyright {
font-size: 123.1%; /* 16px */
}

#ft .copyright span.letter-gap {
letter-spacing: 0.3em;
}

#ft .counter {
margin-bottom: 0.6em;
}

/* Related to photos */

.content p img {
display: block;
margin-left: auto;
margin-right: auto;
}

.content p img.floatright {
float: right;
margin-left: 1em;
}

.content p img.floatleft {
float: left;
margin-right: 1em;
}

img.photo {
background-color: #fafafa;
border:solid 1px #bbb;
padding: 3px;
display: block;
margin-left: auto;
margin-right: auto;
}

.two-photo-container {
width: 30em;
margin-left: auto;
margin-right: auto;
margin-bottom: 0.6em;
}

.gallery {
margin: 0 auto 0;
padding: 0.6em 1em;
text-align: center;
width: 30em;
overflow: auto;
}

.gallery img.thumbnail-photo {
float: left;
background-color: #fafafa;
border: solid 1px #bbb;
margin: 0.16em;
padding: 2px;
}

/* Styling pertinent to search */

#search {
font-size: 138.5%; /* 18px */
margin-top: 1.5em;
margin-bottom: 1em;
}

/* Styling pertinent to comments */

#entry-discussion h3 {
font-size: 167%; /* 22px */
margin-bottom: 1em;
}

ol.commentlist {
margin-bottom: 2em;
}

.commentlist li.comment {
font-size: 138.5%; /* 18px */
margin: 1em 0 0.5em;
padding: 0.5em 0.5em 1em 1em;
}

.commentlist li.even {
background: #f8f8f8;
border: solid 1px #dfdfdf;
}

.commentlist li.odd {
border: solid 1px #dfdfdf;
}

li.even ul.children li.comment {
background: #fff;
border: solid 1px #dfdfdf;
}

li.odd ul.children li.comment {
background: #f8f8f8;
border: solid 1px #dfdfdf;
}

li ul.children li.comment ol, li ul.children li.comment ul {
margin-left: 1em;
}

li ul.children li.comment ol li {
list-style: decimal inside;
}

li ul.children li.comment ul li {
list-style: circle inside;
}


.commentlist p {
margin: 1em 0.5em 1em 0;
}

.comment-meta {
font-size: 80%;
}

.children {
font-size: 70%; /* < 100/138 */
padding: 0;
margin-left: 1em;
margin-right: 1.4em;
}

#respond {
font-size: 123.1%; /* 16px */
padding: 0;
}

#respond h3 {
font-size: 138.5%; /* 18px */
margin-bottom: 0.5em;
}

.commentlist #respond {
margin-top: 1em;
font-size: 90%;
}

input, #comment {
font-family: inherit;
}

#respond input, #comment {
margin-bottom: 0.5em;
margin-right: 0.5em;
}

#comment {
width: 100%;
font-size: 123.1%; /* 16px */
}

#submit {
font-family: inherit;
font-size: 123.1%; /* 16px */
}

/* Table-styling (Beta!) */

table.comparison {
font: 70% "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
color:#fff;
background:#666 url(images/table/full.png) repeat-x top left;
border: 5px solid #555;
border-collapse: collapse;
width: 50em;
margin-left: auto;
margin-right: auto;
margin-bottom: 1em;
}

table.comparison thead {
}

table.comparison thead th {
padding: 0.5em 0.8em .5em;
border-bottom: 1px dotted #fff;
font-size: 120%;
text-align: left;
}

table.comparison thead tr {
}

table.comparison td, table.comparison th {
background: transparent;
padding: 0.4em 1em;
}

table.comparison tbody tr {
}

table.comparison tbody tr.highlight td {
background: transparent url(images/table/tr_bg.png) repeat top left;
}

table.comparison tfoot {
}

table.comparison tfoot td {
padding-bottom: 1.5em;
padding-top: 1.5em;
}

table.comparison tfoot tr {
}

table.comparison tfoot tr td ul {
list-style: none;
}

span.key {
border: solid 1px black;
padding-left: 0.5em;
padding-right: 0.5em;
}

table.comparison td.good {
background: #0e8f21;
text-align: center;
}

table.comparison td.sortof {
background: #f7941d;
text-align: center;
}

table.comparison td.bad {
background: #ed1413;
text-align: center;
}

/* Video */

.youtube {
width: 425px;
height: 355px;
margin-top: 15px;
margin-left: auto;
margin-right: auto;
text-align: center;
}