/* Ryan Flannery
 * http://www.ryanflannery.net
 * ryan.flannery@gmail.com
 *
 * These are default style for all HTML elements.
 */


body, td { font-family: "Georgia", serif; }

body {
   margin: 0;
   padding: 0;
}

td {
   vertical-align: top;
   text-align: left;
}

/* reset lower margin/padding of h* elements */
h1, h2, h3, h4, h5, h6 {
   padding-bottom: 0;
   margin-bottom: 0;
   font-weight: normal;
}

a, a:visited {
   text-decoration: none;
   color: #0000bb;
}
a:hover {
   color: #bb0000;
   border-bottom: 1px dashed #bb0000;
}

p { text-indent: 1.5em; }

dd { margin-bottom: 1em; }

hr {
   height: 0;
   width: 90%;
   border-width: 0;
   border-bottom: 1px dotted #bbb;
   margin: 1em;
}

blockquote p { margin: 0; padding: 0; }
blockquote p:before { content: open-quote; }
blockquote p:after { content: close-quote; }

pre {
   border: 1px solid #cccccc;
   background-color: #dddddd;
}

img { border-width: 0; }
img.box { border: 1px solid black; }


/* picture album stuff */
p.albumInstructions {
   text-indent: 0;
   color: #555;
}

/* blog stuff */
/* i'm still not sure what exactly i want here -- but i know how to do it! :P */

div.blogEntry {
   padding-bottom: 0.5em;
   margin-bottom: 1em;
   border-bottom: 1px dotted #ccc;
}

div.blogEntry p:first-child { text-indent: 0; }
div.blogEntry p:first-child:first-letter {
   font-size: 250%;
   float: left;
   margin: 3px;
   /*
   background-color: #ccc;
   border: 1px solid black;
   padding: 1px;
   */
}

/* meh
 * this adds a q.e.d. symbol after every blog post
div.blogEntry p:nth-last-child(1):after {
   content: " \220e";
}
*/

.unicode {
    font-family: Code2000, Code2001, "Free Serif", "TITUS Cyberbit Basic",
                 "Doulos SIL", "Chrysanthi Unicode", "Bitstream Cyberbit",
                 "Bitstream CyberBase", Thryomanes, Gentium, GentiumAlt,
                 "Lucida Grande", "Free Sans", "Arial Unicode MS",
                 "Microsoft Sans Serif", "Lucida Sans Unicode";
    font-family /**/: inherit;
}
/* TODO for now this is in the actual blog page
div.blogEntry:after {
   content: "\<span class=\"unicode\"\>#\</span\>";
}
*/