/*
    Pink: #FFB3FF
    Blue: #80BFFF
    Slickhouse Blue: #0099FF
*/

body {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #FFFFFF;
	background-image: url('/images/site/background.gif');
	background-position: center top;
	background-repeat: repeat-y;
    color: #333333;
}

img 
{
    border: none;
}

div#page {
	margin: 0px auto 0px auto;
	width: 760px;
	background-color: #FFFFFF;
	border-right: 1px #666666 solid;
	border-left: 1px #666666 solid;
}

div#header {
    background-color: #FFB3FF;
    height: 110px;
    border-bottom: 1px #666666 solid;
    background-image: url('/images/site/header.gif');
    background-position: center top;
    background-repeat: no-repeat;
    position: relative;
}

    div#header a#home
    {
        position: absolute;
        top: 0px;
        left: 100px;
        display: block;
        width: 560px;
        height: 70px;
    }
    
    div#header span#tagline
    {
        position: absolute;
        bottom: 12px;
        left: 115px;
        display: block;
        font-size: 1.2em;
        letter-spacing: 0.2em;
        font-style: italic;
    }
    
ul#rss 
{
    text-align: right;
    margin: 10px 10px -30px 10px;
    padding: 0px;
}

    ul#rss li
    {
        display: inline;
        margin: 0px;
        padding: 0px;
        font-size: 1.2em;
    }
    
        ul#rss li img 
        {
            margin: 0px 5px -3px 5px;
        }

        div#header span#tagline a,
        ul#rss li a 
        {
            text-decoration: none;
            color: #0099FF;
        }

            div#header span#tagline a:hover,
            ul#rss li a:hover 
            {
                border-bottom: 1px #FF9900 solid;
                color: #FF9900;
            }
    
div#content {
	font-size: 1.4em;
    float: left;
    width: 740px;
    margin: 0px 0px 0px 10px;
}

    div#content h1,
    div#content h2 {
	    margin: 10px 0px 5px 0px;
	    padding: 0px;
	    font-size: 1.8em;
	    font-family: Tahoma, Serif;
	    font-weight: normal;
	    border-bottom: 1px #333333 solid;
	    letter-spacing: 0.1em;
    }

	    div#content h2 a {
		    text-decoration: none;
		    color: #333333;
		    border-bottom: none;
	    }

	        div#content h2 a:hover {
		        color: #FF9900;
		        border-bottom: none;
	        }
	        
    div#content h3 
    {
        font-family: Tahoma, Serif;
        font-weight: normal;
        font-size: 1.4em;
        margin: 10px 0px 0px 0px;
    }
    
    div#content blockquote 
    {
        border-left: 5px #999999 solid;
        padding: 0px 0px 0px 10px;
    }

    div#content a 
    {
        text-decoration: none;
        color: #0099FF;
    }
    
        div#content a:hover 
        {
            border-bottom: 1px solid #FF9900;
            color: #FF9900;
        }

	div#content p {
		margin: 0px 0px 10px 0px;
		line-height: 1.5em;
	}
	
	div#content ul,
	div#content ol
	{
	    line-height: 1.5em;
	}
	
	    div#content li 
	    {
	        margin: 0px 0px 5px 0px;
	    }
	    
    img.author-head 
    {
        float: right;
        margin: 0px 0px 10px 10px;
    }
	
div.info 
{
    border-top: 1px #333333 solid;
    font-size: 0.8em;
	text-align: right;
	margin: 0px;
	padding: 10px 0px 10px 0px;
}

    div.info p 
    {
        line-height: 2em;
    }

div#footer {
	clear: both;
	background-color: #FFB3FF;
    font-size: 1.1em;
    border-top: 1px #666666 solid;
    position: relative;
}

    div#footer img#family 
    {
        float: right;
        position: absolute;
        top: 50px;
        right: 0px;
    }

	div#footer form#search {
		/**/
	}
	
	    div#footer form#search p 
	    {
	        margin: 0px;
	    }
	    
	    div#footer form#search input#keywords 
	    {
	        position: absolute;
	        top: 10px;
	        right: 140px;
	        width: 590px;
	        height: 25px;
	        border: none;
	        padding: 0px 10px 0px 10px;
	        font-style: italic;
	        border: 1px #666666 solid;
	    }
	    
	    div#footer form#search input#go 
	    {
	        position: absolute;
	        top: 10px;
	        right: 10px;
	        border: none;
	        height: 25px;
	        background-color: #0099FF;
	        color: #FFFFFF;
	    }
	    
    div#footer-clear 
    {
        height: 45px;
    }

	div#footer ul {
		margin: 0px 0px 10px 10px;
		padding: 0;
		width: 170px;
		float: left;
	}
	
		div#footer ul li {
			list-style: none;
			padding: 0px 0px 5px 0px;
		}
		
		    div#footer ul li h3 
		    {
		        font-family: Tahoma, Serif;
		        font-weight: normal;
		        font-size: 1.4em;
		        margin: 10px 0px 0px 0px;
		        border-bottom: 1px #666666 solid;
		        letter-spacing: 0.1em;
		        color: #333333;
		    }
		    
		    div#footer ul li a 
		    {
		        color: #0099FF;
		        text-decoration: none;
		    }
		    
		        div#footer ul li a:hover 
		        {
		            color: #FF9900;
		            border-bottom: 1px #FF9900 solid;
		        }
		        
		        div#footer p#copyright-notice
		        {
		            border-top: 1px #666666 solid;
		            clear: both;
		            margin: 0px 10px 0px 10px;
		            padding: 5px 0px 10px 0px;
		            text-align: center;
		            color: #333333;
                }
                
                    div#footer p#copyright-notice a 
                    {
                        color: #333333;
                        text-decoration: none;
                    }
                    
                        div#footer p#copyright-notice a:hover 
                        {
                            color: #FF9900;
                        }

small {
	font-size: 10px;
}

blockquote p {
	border-left: 5px #999999 solid;
	padding: 0px 0px 0px 10px;
}

p.message {
	border: 2px #9FCF9F solid;
	background-color: #DFFFDF;
	padding: 10px;
}

p.error {
	border: 2px #DD0000 solid;
	background-color: #FFE3E3;
	padding: 10px;
}

div.pagination {
	border-top: 1px #333333 solid;
	padding: 10px;
	height: 1.4em;
	margin: 10px 0px 10px 0px;
}

	div.pagination span.older {
		float: left;
	}
	
	div.pagination span.newer {
		float: right;
	}
	
	div.pagination span a 
	{
	    display: block;
	}
	
div.comment,
div.comment-alt 
{
    padding: 5px;
}

div.comment-alt 
{
    background-color: #CCCCCC;
}

form input,
form textarea 
{
    border: 1px #999999 solid;
}

    form input:focus 
    {
        border: 1px #CCCCCC solid;
    }
    
div#error 
{
	font-size: 1.4em;
	margin: 100px auto 0px auto;
	border: 5px #999999 solid;
	background-color: #FFFFFF;
	padding: 20px;
	width: 300px;
}

    div#error h1 
    {
        font-weight: normal;
		font-size: 2em;
		letter-spacing: 0.2em;
		margin: 0px;
		padding: 0px;
    }

	
ul.images {
	/**/
}

	ul.images li {
		float: left;
		list-style: none;
		height: 170px;
	}
	
div.clear {
	clear: both;
}