/*
Theme Name: Misty
Theme URI: http://www.mistyweaver.com/
Description: Theme for mistyweaver.com.
Version: 1.0
Author: Paul Watts
Author URI: http://www.joulespersecond.com/
Tags: custom header, two columns, widgets

    mistyweaver.com 1.0
	 http://www.mistyweaver.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/

/* Lorelle's Sandbox Styles CSS
Version: .03
NOTES: 
Each X and ? represents a specific number or word as these are customizable elements. 
The following are customizable per blog, category, and date:  
* The.author-? is your blog name. Mine is .author-lorelle as that is the "name" of my blog.
* The category is .category-X, with X representing the category slug name. 
* The y, m, d, and h are year, month, day, and hour. You can style your posts to look differently for 2005, 2006, etc. or by month, and so on. I left the numbers for dates as an example. 
* Style on a per-post basis. For example, post ID number 345 would change .post-X to .post-345 and style accordingly.
* The HTML per page view includes all classes appropriate to that page and highlighted in that section of the CSS. */


/* Architecture */
html {}
body { 
    font-family: Verdana, Arial, Helvetica, "Lucida Grande", sans-serif;
    margin: 0;
    background: url(images/bg.png) no-repeat top right; 
}
#page {
    /*background: url(images/bg.png) no-repeat top right;*/
}

/* Header */
#header { 
    height: 125px;
    background: url(images/header.png) no-repeat;
    /*text-shadow: #404040 2px 2px;*/
}
#header h1 { 
    text-transform: lowercase;
    font-weight: 100;
    font-size: 40pt;
    margin: 0;
    padding-left: 10px;
}
#header h1 a, #header h1 a:link, #header h1 a:visited, #header h1 a:hover { 
    color: white;
}
h2 {
    margin: 0;
}
#header .description { 
    display: none;
}

/* Page */
#page a {
    text-decoration: none;
}
#page a:hover {
    color: #a0a0a0;
}

/* Content Area */
#content { 
    margin: -30px 0 150px 25%;
    width: 50%;
    border-left: 2px solid #f0f0f0;
    padding-left: 1%;
    border-right: 2px solid #f0f0f0;
    padding-right: 1%;
    background-color: white; 
    /*color: #404060;*/
    color: black;
    font-size: 10pt;
}
#content h1, #content h2, #content h3, #content h4, #content h5 {
    color: #00006b;
    text-transform: lowercase;
}
#content h2 {
    font-size: 28pt;
    font-weight: 100;
    text-align: right;
    border-bottom: 1px solid #00006b;
}
#content a, #content a:link, #content a:visited {
    color: #0000cc;
}
#content a:hover {
    color: #a0a0a0;
}
#content .entry {
    border-bottom: 1px solid #00006b;
    padding-bottom: 1%;
}
#content .postmetadata {
    /*font-size: 8pt;*/
    display: none;
}
#content .alt {
    display: block;
}
#content dt { 
    font-weight:bold;
}

/* Footer */
#footer { 
    clear: both;
    z-index: -1;
    background: url(images/footer.png) no-repeat bottom right;   
    padding-top: 125px;
    text-align: right;
    position: fixed;
    bottom: 0;
    right: 0;
    width: 100%;
}
#footer p {
    color: #606060;
    font-size: 8pt;
    padding: 0 5px 5px 0;
    margin: 0;
}
#footer a, #footer a:visited, #footer a:link {
    color: #606060;
}
#footer a:hover {
    color: #a0a0a0;
}

/* Sidebar */
#sidebar {
    width: 24%;
    float: left;
    background: url(images/sidebar.png) no-repeat;
} 
#sidebar ul {
    margin: 0;
    font-size: 26pt;
    list-style: none;
    padding-left: 10px;
    line-height: 1em;
    /*text-shadow: #c0c0c0 2px 2px;*/
}
#sidebar a, #sidebar a:visited, #sidebar a:link {
    color: #0000cc;
    border-bottom: 1px solid #c0c0c0;
}
#sidebar a:hover {
    color: #a0a0a0;
}
#sidebar .side-page1 { 
    padding-left: 10px; 
}
#sidebar .side-page2 { 
    padding-left: 25px; 
}
#sidebar .side-page3 { 
    padding-left: 55px; 
}
#sidebar .side-page4 { 
    padding-left: 75px;
}
#sidebar .side-page5 { 
    padding-left: 60px; 
}
#sidebar .side-page6 { 
    padding-left: 30px; 
    padding-bottom: 180px;
}

/* Comments */
textarea#comment {
    width: 100%;
}

/* Miscellany */
a img {
    border:0;
}