/*  
Theme Name: Purple Desert
Theme URI: http://wordpress.org/
Description: Wordpress theme for kjbishop.net
Version: 0.2
Author: Bunyan

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

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

*/

/* Layout */

#page {
    position: absolute;
    top: 10px;
    left: 200px;
    right: 240px;
    height: auto;
}

#pagespacer { /* Used to force blankspace after content */
    padding-top: 160px;
}

.header {
    position: static;
}

.content {
    position: static;
}

#sidebar {
    position: absolute;
    /* top: 160px; /**/
    top: 10px;
    right: 10px;
    width: 215px;
}

#footer {
    position: fixed;
    z-index: 10;
    left: 20px;
    /*top: 400px; */
    bottom: 170px;
    width: 160px; 
}

body {
    font-family: "Arial Unicode MS", "Arial Unicode", "Verdana", "Trebuchet MS", "Trebuchet", sans-serif; /**/
    background-color: #7a9fc4; /* Blue sky, matching GIF alpha blending */
    text-align: justify;
}

#footer {
    font-size: 60%;
    text-align: center;
    display: block;
}

#home {
    position: fixed;
    top: 0;
    left: 0;
    width: 220px;
    border: none;
    z-index: 9;
}

#horizon {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 8;
    overflow: hidden;
}

#sidebar > ul {
    position: static;
    display: block;
    margin: 0;
    padding: 0;
}

#sidebar > ul > li {
    position: static;
    display: block;
    border: white solid thick;
    /* background-color: rgb(243,243,120); /* Sunny yellow */
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 15px;
}

#sidebar > ul > li > h2 {
    padding-top: 0;
    margin-top: 0;
    border red solid thin;
}

#sidebar * {
    border red solid thin;
}

/* Header  box */

.header {
    padding-right: 80px;
    text-align: center;
    height: 125px;
    background-image: url('images/logo.gif');
    background-position: right top;
    background-attachment: scroll;
    background-repeat: no-repeat;
    /* Heading background colour */
    background-color: rgb(243,243,120); /* Sunny yellow */
    border: white solid thick;
    padding-left: 1em;
    margin-bottom: 1em;
}

.title, .title:hover {
    border: none;
    text-decoration: none;
    text-align: left;
}

.navbar {
    margin-left: 0;
    margin-right: 160px;
}

ul.navbar {
    display: block;
    list-style-type: none;
    padding: 0;
    margin-top: 0.5em;
    margin-bottom: 0;
    line-height: 1.5em;
}

ul.navbar li {
    display: inline;
    padding: 0.25em;
    font-size: 100%;
}

ul.navbar a {
    color: rgb(153,102,0); /* Navbar link colour */
    /* border-bottom: rgb(243,243,120) dotted thin; /* IE6 */
    border-bottom: none;
    text-decoration: none;
}

ul.navbar a:hover, ul.navbar li.selected a:hover {
    color: white;
    text-decoration: none;
    border-bottom: none;
}

ul.navbar li.selected a {
    color: #888888; 
}

/* Content box style */

.content {
    background-color: rgb(202,192,216); /* custom steely blue/purple */
    border: white solid thick;
    padding: 0.25em 1em 3em 1em;
    line-height: 1.4em;
}

blockquote:before {
    content: '\275d';
}

blockquote:after {
    content: '\275e';
}

.lquo {
    position: relative;
    left: -3px;
    display: none;
    vertical-align: top;
    /* margin: 0 3px 0 0;*/
}

.rquo {
    display: none;
    vertical-align: top;
}

/* Contents */

/* Links */

.content a.nohover, .content a.nohover:hover {
    border: none;
    color: inherit;
}

.content a {
    color: rgb(51, 51, 153);
    border-bottom: none;
    text-decoration: none;
}

.content a:hover {
    color: #663366;
    border-bottom: thin dotted #ff9900; /* orange */
}

blockquote {
    font-family: sans-serif;
    font-style: italic;
    text-indent: -0.5em;
    padding-left: 0.5em;
    margin: 0.5em 0.5em 0.5em 0.5em;
}

abbr, acronym {
    font-family: Courier, "Courier New", monospace;
    font-style: normal;
    text-decoration: none;
    border-bottom: rgb(160,160,160) dotted thin;
}

address, .phone {
    font-family: Courier, "Courier New", monospace;
    font-style: normal;
    white-space: nowrap;
}

/* Headings */
h1,h2,h3,h4,h5,h6 {
    clear: left;
    font-family: futura, georgia, palatino, times, serif;
    color: white;
    text-shadow: rgb(20,20,20) 3px 3px 2px;
    font-weight: normal;
    font-style: italic;
    display: block;
    margin: 0.5em 0 0 0;
    padding: 0;
}

a.postlink {
    font-family: futura, georgia, palatino, times, serif;
    color: white;
    text-shadow: rgb(20,20,20) 3px 3px 2px;
    font-weight: normal;
    font-style: italic;
}

a.postlink:hover {
    color: white;
    border-bottom: thin dotted #ff9900; /* orange */
}

h2 {
    font-size: 175%;
    margin-bottom: 0.5em;
}

h3 {
    font-size: 145%;
}

dt {
    margin-top: 0.5em;
    padding-top: 0.5em;
}

dd {
    padding-left: 1em;
    font-size: 90%;
}

dl.glossary {
    padding-top: 0.5em;
    margin: 0;
    padding: 0;
}

dl.glossary dt {
    float: left;
    clear: left;
    width: 5.5em;
    padding: 0;
    margin: 0 0 0.5em 0;
    font-size: 100%;
    text-align: right;
    font-weight: bold;
}

dl.glossary dd {
    font-size: 100%;
    padding: 0;
    margin: 0 0 0.5em 6em;
}

dl.glossary dt:after {
    content: ":";
}

table.glossary th {
    text-align: right;
    vertical-align: top;
    padding: 0.25em;
}

table.glossary th:after {
    content: ":";
}

table.glossary td {
    padding: 0.25em;
}

.postmetadata {
    font-size: 80%;
}

.isbn {
    white-space: nowrap;
}

.book {
    font-style: italic;
}

/*
blockquote .book:before {
    content: "\2018";
}

blockquote .book:after {
    content: "\2019";
}
*/
blockquote .book {
    font-style: normal;
}

.content ul {
    list-style-type: circle;
}

dl.bibliography {
    padding: 0;
    margin: 0;
}

dl.bibliography dt {
    padding: 0;
    margin-top: 0.5em;
}

.bibliography dt.book, .bibliography dt .book {
    font-style: normal;
}

.bibliography ul {
    margin: 0;
    padding: 0;
}

.bibliography ul ul {
    margin-left: 2em;
}

.bibliography li {
    padding-top: 0.1em;
    padding-bottom: 0;
    text-align: left;
}

.bibliography .details {
    display: block;
    font-size: 75%;
    text-align: left;
}

ul.news li {
    margin: 0.5em 0 0.5em 0;
    padding: 0;
    /* text-align: left; /**/
    text-align: justify;
}

table.awards caption {
    text-align: left;
}

table.awards td {
    vertical-align: top;
    text-align: left;
    padding: 0.1em 0.5em 0.1em 0.5em;
}

/*
table.awards td+td+td {
    text-align: center;
}

table.awards .pending {
    color: orange;
}


table.awards .winner {
    background-color: red;
    color: white;
    border: groove thin;
}

table.awards .nominee {
    background-color: #66aa66;
    color: white;
    border: groove thin;
}
*/

table.awards .winner:before, table.awards .nominee:before, 
table.awards .pending:before {
    content: "\2013 \20";
    white-space: pre;
}

span.chunk {
    white-space: nowrap;
}

table.gallery {
    text-align: right;
    border-collapse: separate;
    border-spacing: 0.5em 0.5em;
}

table.gallery td {
    width: 120px;
}

.framed {
    text-align: center;
    background-color: white;
    /*border: outset thin; /**/
    border-top: #dddddd solid 1px;
    border-left: #dddddd solid 1px;
    border-right: black solid 1px;
    border-bottom: black solid 1px; /**/
    padding: 0.5em;
    margin: 0.5em;
    font-size: 75%;
    line-height: 1.0em;
    width: auto;
}

.framed .caption {
    font-size: 75%;
    text-align: center;
    display: block;
}

.fullframe {
    width: 100%;
}

.content .framed a.nohover:hover, .content .framed a.nohover, .content .fullframe a.nohover:hover, .content .fullframe a.nohover {
    /* Invisible bottom border to avoid warping in :hover */
    /*border-bottom: transparent dotted thin !important;*/
    border-bottom: #ffffff solid thin; /* IE6 */
}

.right, .alignright {
    float: right;
    margin: 1em 0 1em 1em;
}

.left, .alignleft {
    float: left;
    margin: 1em 1em 1em 0;
}

.navigation {
    width: 100%;
}

.attribution {
    padding-left: 1.5em;
    text-indent: -1.5em;
    margin: 0 2em 1em 6em;
    text-align: right;
    font-weight: bold;
}

blockquote .book {
    font-style: normal;
}

ul.menu {
    font-size: 100%;
    display: block;
    text-align: left;
    left-margin: 0;
    line-height: 1.2em;
    margin: 0 0 0 1em;
    padding: 0;
    list-style: square;
    top: 0;
    right: 0;
}

.extract {
    text-indent: 2em;
    margin: 0.5em 2em 0.5em 2em;
}

#headlines {
    width: 100%;
    margin: 0.5em 0 0.5em 0;
    padding: 0;
}

dt.headlineDate {
    float: left;
    clear: left;
    margin: 0;
    padding: 0;
    width: 6em;
    white-space: pre;
    font-size: 75%;
    vertical-align: top;
    font-family: "Courier New", "Courier", monospace;
}

dd.headline {
    display: block;
    margin-left: 6.5em;
}

.dingbat {
    /* Windows XP doesn't ship with any decent Unicode fonts (Office XP
       improves the situation). Lucida Sans Unicode, which misses plenty
       of dingbats and symbols, is the best we have. Which is particularly
       silly since the symbols are available in other fonts such as Wingdings
       */
    font-family: "Lucida Sans Unicode", sans-serif;
    font-style: normal;
    font-weight: normal;
}

/* Size overrides for IE6, done at the bottom in case the javascript 
    breaks CSS parsers */
#horizon {
    /* Scale the horizon image so it doesn't cover the scrollbar (!) */
    width: expression(document.body.clientWidth > 961 ? 
            "941px" : (document.body.clientWidth-20) + "px");
}

#feed {
    padding: 0;
    margin: 0;
    /*margin: 1em 0 1em 1em;*/
}

@media all { /* Hide CSS from IE5 Mac and other dud browsers */
#feed {
    float: right;
}
}