@charset "UTF-8";
/*  

Theme Name: Phoenix

Theme URI: http://bnonn.thinkingmatters.org.nz
Description: Inspired by the "BlogOrange" theme, developed by Dominic Bnonn Tennant for http://bnonn.blogspot.com.
Author: Dominic Bnonn Tennant
Author URI: http://bnonn.thinkingmatters.org.nz

Blog orange: #e7680a;
Pale orange: #e7862a;
Background: #32373b;

*/

@media screen{

/* ======= GENERAL TEXT CLASSES WHICH CAN BE USED ANYWHERE ======= */

a:link,
a:visited{
   padding:0 0.1em 0 0.1em;
   border:none;
   border-bottom:1px solid #666;
   background-color:transparent;
   font-family:'Dejavu Sans Condensed',Arial,Helvetica,sans-serif;
   text-decoration:none;
   color:#eee;
}

a:hover{
   border-bottom:1px solid #e7680a;
   background-color:transparent;
   text-decoration:none;
   color:#eee;
}

.verse{ /* for rendering verse numbers in Bible passages differently from surrounding text */
   padding-right:0.1em;
   font-family:'Dejavu Sans Condensed',Arial,Helvetica,sans-serif;
   font-size:85%;
   vertical-align:top;
   color:#888;
}

.footnote,
a.footnote:link,
a.footnote:visited,
a.footnote:hover, /* footnote numbers linking to the footnotes at the bottom of the page */
a.up:link,
a.up:visited,
a.up:hover{ /* up-arrow link to return from footnotes to the main body */
   background-color:#e7680a;
   padding:0 2px 0 2px;
   font:xx-small 'Dejavu Sans Condensed',Arial,Helvitica,sans-serif;
   vertical-align:top;
   color:#222;
   border:none;
}

.error{ /* can't even remember where this is used */
   padding:2em 0 2em 0;
   border-top:1px dotted #ccc;
   border-bottom:1px dotted #e7680a;
}

.sans{ /* easily specify standard sans-serif font */
   font-family:'Dejavu Sans Condensed',Arial,Helvetica,sans-serif;
}

.mono{ /* easily specify standard monospace font */
   font-family:'Dejavu Sans Mono','Lucida Console',monospace;
}


/* ======= GENERAL OTHER CLASSES WHICH CAN BE USED ANYWHERE ======= */

img{
   float:left;
   margin:0.7em 1em 0.5em 0;
   padding:7px;
   border:1px solid #bbb;
   background-color:#777;
}

img:hover{
   border:1px solid #ddd;
   background-color:#888;
}

a.image:link,
a.image:visited,
a.image:hover{
   border:none;
   background:none;
}

.tab h2{ /* turns header2 anchors into clickable tabs, usually used for displaying multiple elements in a single space by hiding all but one of them, and unhiding the one corresponding to the clicked tab */
   height:32px;
   margin-bottom:15px;
}
.tab h2 a:link,
.tab h2 a:visited,
.tab h2 a:hover{ 
   display:block;
   float:right;
   height:13px;
   width:47%;
   margin-bottom:0;
   padding:11px 0 8px 0;
   border:none;
   border-left:3px solid #32373b;
   background:url('images/corner_top_left.png') top left no-repeat;
   font:small 'Dejavu Sans Condensed',Arial,Helvetica,sans-serif;
   text-transform:uppercase;
   text-align:center;
   text-indent:0.5em;
   letter-spacing:-1px;
}

.tab a:link,
.tab h2 a:visited,
.tab h2 a.inactive:link,
.tab h2 a.inactive:visited{
   background-color:#292929;
   color:#888;
}

.tab h2 a.active:link,
.tab h2 a.active:visited{
   background-color:#222;
   color:#fff;
}

.tab h2 a:hover,
.tab h2 a.inactive:hover{
   background-color:#222;
   color:#e7680a;;
}

.tab h2 a.active:hover{
   color:#e7680a;
}

.left{ /* easier than float:left in a separate style declaration */
   float:left;
}

.right{ /* easier than float:right in a separate style declaration */
   float:right;
}

.hidden{ /* easier than display:none in a separate style declaration */
   display:none;
}

.clear{
   clear:both;
}

.edit{ /* specifies the look of "edit" buttons on single posts */
   float:right; 
}

.edit a:link,
.edit a:visited{
   margin-left:0.5em;
   padding:0.5em;
   border:none;
   background-color:#444;
   color:#ddd;
}

.edit a:hover{
   border:none;
   background-color:#e7680a;
   color:#fff;
}

dfn{
   font-style:normal;
   border-bottom:1px dotted #e7680a;
   cursor:help;
}

/* ======= BASIC PAGE OUTLINE ======= */

body{
   background-color:#32373b;
   margin:0;
   padding:0;
   font-family:'Dejavu Serif Condensed',Georgia,serif;
   font-size:62.5%; /* resets 1em to 10px */
}

#blog_wrapper{ /* container element for all other page elements */
   width:90%;
   height:100%;
   margin:0 auto;
}


/* ======= HEADER ELEMENT ======= */

#blog_header{ /* contains decorative "code" and '{ developing the mind of Christ }' image but not the top menu bar */
   width:100%;
   background-color:transparent;
}

#blog_header pre{ /* defines the bogus code for Proverbs 4:18 which sits up with the header */
   margin:0;
   padding:0.5em 0 0 3em;
   background:none;
   font:11px 'Dejavu Sans Mono','Lucida Console',monospace;
   color:#555;
   line-height:10px;
   letter-spacing:-1px;
}

#blog_header pre a:link,
#blog_header pre a:visited,
#blog_header pre a:hover{ /* these are included purely to conceal the fact that "Proverbs 4:18" is actually a link in the decorative code, due to using Logos' reftagger */
   border:none;
   background-color:transparent;
   font:11px 'Dejavu Sans Mono','Lucida Console',monospace;
   color:#555;
}

#blog_header h1{
   display:block;
   width:273px;
   height:45px;
   background:url('images/simple_header.png') bottom center no-repeat; 
   margin:50px auto 30px auto;
   text-indent:-9999em;
}

/* ======= TOP MENU BAR ======= */

#blog_menu{ /* complete bar, including wide orange bar at the bottom */
   float:right;
   height:55px;
   width:98%;
   margin:1.4em 0 0 0;
   padding:0;
   border-bottom:10px solid #e7680a;
   background-color:transparent;
}

#blog_menu ul{ /* the menu is an unordered list */
   height:55px;
   width:600px;
   margin:0 auto;
   list-style:none;
}

#blog_menu ul li{ /* all menu entries are list items */
   display:inline;
   margin:0;
   padding:0;
   text-align:center;
}

#blog_menu ul a:link,
#blog_menu ul a:visited{
   display:block;
   float:left;
   height:30px;
   margin:0;
   padding:24px 15px 0 15px;
   border-right:1px solid #32373b;
   border-bottom:1px solid #32373b;
   border-left:none;
   background:url('images/corner_top_left.png') top left no-repeat;
   background-color:#222;
   font:small 'Dejavu Sans Condensed',Arial,Helvetica,sans-serif;
   color:#ccc;
   text-align:right;
   text-decoration:none;
   text-transform:uppercase;
   letter-spacing:1px;
}

#blog_menu ul a:hover,
#blog_menu ul li.active a{
   height:35px;
   margin:-5px 0;
   border-bottom:1px solid #e7680a;
   background-color:#e7680a;
   color:#fff;
}

#blog_menu ul a:hover{
   border-bottom:1px solid #333;
}

#blog_menu ul a.last_link:link,
#blog_menu ul a.last_link:visited,
#blog_menu ul a.last_link:hover{ /* the last link on the bar has its corner cut off on the right, not the left */
   background-image:url('images/corner_top_right.png');
   background-position:top right;
   background-repeat:no-repeat;
}


/* ======= SIDEBAR ELEMENT ======= */

#sidebar{ /* main container for the sidebar */
   float:right;
   width:30%;
   margin:0 auto 5em auto;
   color:#777;
}

.sidebar_wrapper{ /* another, rather superfluous container for "futureproofing" */
}

.sidebar h2{ /* this is the header tab attached to the sidebar itself, saying "recent comments" */
   display:block;
   width:99%;
   border-bottom:3px solid #222;
   border-left:3px solid #32373b;
}

.sidebar h2 a:link,
.sidebar h2 a:visited,
.sidebar h2 a:hover{ /* these shouldn't actually be links, but they are for legacy reasons */
   margin-bottom:-15px;
   width:60%;
}

.sidebar ul{ /* all entries in the sidebar are unordered list items contained in this element */
   margin:-13px 0 0 0;
   padding:0;
   border-bottom:1px solid #e7680a;
}

.sidebar li{ /* this contains both the title-link to recent comments/related articles, and the excerpts from these which sit below them */
   margin:0;
   padding:0;
   border-top:1px dotted #e7680a;
   list-style:none;
}

.sidebar li a:link,
.sidebar li a:visited{ /* contains the link to recent comments or related articles, depending on whether we're on the home page, or a single page */
   display:block;
   height:100%;
   margin:0.2em 0 0 0;
   padding:1em 0.6em 0.4em 1.2em;
   border-top:1px solid #32373b;
   border-bottom:1px solid #32373b;
   background:url('images/corner_top_right.png') top right no-repeat;
   background-color:#333;
   font-family:'Dejavu Sans Condensed',Arial,Helvetica,sans-serif;
   font-size:14px;
   color:#eee;
   line-height:1.4;
}

.sidebar li a:hover{
   background-color:#444;
   color:#e7680a;
   text-decoration:none;
}

.sidebar li small{ /* displays either excerpts from recent comments or related articles, below the title-links to these */
   display:block;
   border-top:1px dotted #666;
   background-color:#333;
   padding:0.4em 1.2em 1em 1.2em;
   font-size:14px;
   font-family:'Dejavu Sans Condensed',Arial,Helvetica,sans-serif;
   color:#777;
   letter-spacing:-1px;
   text-align:justify;
}

.recent_comment_date{ /* sits inside the link to a recent comment, above the title, and displays how long ago the comment was made */
   margin:1em 0 1em 0;
   font-family:'Dejavu Sans Condensed',Arial,Helvetica,sans-serif;
   font-size:90%;
   letter-spacing:-1px;
   color:#999;
   text-transform:uppercase;
}


/* ======= MAIN DISPLAY COLUMN (POST EXCERPTS ON THE FRONT PAGE; ENTIRE POST ON SINGLE PAGES) ======= */

#main{ /* the entire element which contains the individual excerpts/posts */
   float:left;
   width:61%;
   margin:0 0 8% 2%;
   padding-right:2px;
   text-align:justify;
   font:small 'Dejavu Serif Condensed',Georgia,serif;
   color:#ccc;
}

h2.entry_title,
h2.entry_title a:link,
h2.entry_title a:visited{ /* defines what entry titles look like. H2 is the highest header level for normal text in this theme, since H1 is regarded as an exclusive header for the blog title */
   margin:1.5em auto 0.5em 0;
   border:none;
   background:none;
   font:x-large normal 'Dejavu Sans Condensed',Arial,Helvetica,sans-serif;
   letter-spacing:-1px;
   text-align:left;
   color:#eee;
   text-decoration:none;
   line-height:120%;
}

h2.entry_title a:hover{
   border:none;
   background:none;
   color:#fff;
}

.main_index_excerpt_wrapper{ /* posts are listed as excerpts on the main index; each one is contained in an excerpt_wrapper element */
   margin-top:1.5em;
   padding:2em 2em 1.5em 2em;
   border-bottom:2px dotted #e7680a;
   background:url('images/corner_top_right.png') top right no-repeat;
   background-color:#444;
}

.main_index_excerpt_wrapper h2 a:link,
.main_index_excerpt_wrapper h2 a:visited{ /* this is just to tweak the positions of titles on the main index */
   line-height:1em;
}

.main_index_excerpt_wrapper h2 a:hover{
   color:#fff;
}

.main_index_excerpt{ /* this is the actual excerpt itself on the main index, below the title and tags and date */
   margin:0;
   border-top:1px dashed #111;
   font-family:'Dejavu Sans Condensed',Arial,Helvetica,sans-serif;
   font-size:110%;
   line-height:1.4;
   color:#bbb;
}

.entry_metadata{ /* describes the data, category, and tags, underneath the title */
   display:block;
   margin:0 0 1em 0;
   padding:0;
   font:small 'Dejavu Sans Condensed',Arial,Helvetica,sans-serif;
   color:#bbb;
}

.entry_metadata a:link,
.entry_metadata a:visited{ /* obviously tags and categories are clickable */
   border-bottom:none;
   background-color:#444;
   color:#e7680a;
}

.entry_metadata a:hover{
   background-color:#e7680a;
   color:#222;
}

.entry_metadata_for_print{ /* shows different metadata text for use with print.css */
   display:none;
}

.post h2.entry_title{ /* tweak to the titles which appear on the main index; titles on single posts should stand out a little more, especially since the tags are listed and tend to swamp them */
   padding-bottom:0.8em;
   margin-bottom:0.5em;
   border-bottom:1px dashed #888;
}

.single_post_excerpt{ /* the excerpt which appears on a single post, above the main entry */
   margin:3em 2em 3em 2em;
   font-family:'Dejavu Sans Condensed',Arial,Helvetica,sans-serif;
   font-size:75%;
   text-transform:uppercase;
   letter-spacing:1px;
   line-height:1.9;
   color:#aaa;
}

.single_post_excerpt a:link,
.single_post_excerpt a:visited,
.single_post_excerpt a:hover{ /* excerpts can't contain links in Wordpress, but RefTagger converts any verse reference into one, so this subdues them to better fit into the rest of the text */
   border:none;
   background:none;
   color:#aaa;
}

.entry,
.page{ /* this element contains the complete content of entries on single post pages; it is not used on the main index */
   padding:0 0 1em 0;
   border-top:1px dashed #888;
   font-family:'Dejavu Serif Condensed',Georgia,serif;
   font-size:medium;
   line-height:1.4;
   color:#ddd;
}

.page{
   border-top:none;
   border-bottom:1px dashed #e7680a;
}

.entry h2,
.page h2{ /* this describes any normal level-2 headings in the text; frequently used for demarcating sections */
   display:block;
   padding:1.5em 2em 1.5em 0;
   font-family:'Dejavu Sans Condensed',Arial,Helvetica,sans-serif;
   font-weight:normal;
   font-size:130%;
   letter-spacing:-1px;
   color:#eee;
}

.book h2{ /* alternate headings for book chapters; requires a <div class="book"> tag at the beginning of an entry */
   text-transform:uppercase;
   text-align:center;
   font-size:110%;
   text-indent:2em;
}

.entry p{
   margin-top:1em;
   margin-bottom:1em;
}

.book p{ /* alternate book paragraphs, indented instead of separated by vertical whitespace */
   margin-top:0;
   margin-bottom:0;
   text-indent:2em;
}

.book ul p,
.book ol p{ /* tweaks to the way paragraphs appear in ul and ol blocks; this is a naughty hack so that I can use ol or ul tags to create indented text blocks in books, even though it's not XHTML compliant */
   margin-top:1em;
   margin-bottom:1em;
   text-indent:0;
}

.entry h3,
.page h3{ /* third level headings, separating subsections in posts */
   display:block;
   padding:1.5em 2em 1.5em;
   font-family:'Dejavu Serif Condensed',Georgia,serif;
   font-weight:normal;
   font-size:115%;
   letter-spacing:-1px;
   color:#eee;
}

h6{ /* used specifically for notification text, typically above or below the main body of an entry, mentioning something about the entry itself, linking to an original copy if it was first posted offsite, or for providing a link to previous and next parts in a series */
   display:block;
   margin:3em 0 3em 0;
   padding:1em 1.2em 1em 1.5em;
   border:1px dashed #e7680a;
   background-color:#444;
   font:small 'Dejavu Sans Condensed',Arial,Helvetica,sans-serif;
   color:#ccc;
   text-align:center;
}

h6 small,
h6 a:link,
h6 a:visited{
   border:none;
   color:#ccc;
}

h6 a:hover{
   border:none;
   background-color:transparent;
   color:#fff;
}

.entry blockquote,
.page blockquote{ /* quoted text in a post */
   margin:1.5em 2em 1.5em 0.5em;
   padding:1px 0 0 32px;
   background:url('images/quote.png') top left no-repeat;
   line-height:1.25;
   font-size:95%;
   color:#b9b9b9;
}

.page blockquote.synopsis{ /* this is a slightly tweaked quote element for displaying the synposis of a book as quoted text on the /books page */
   float:right;
   background:none;
   padding:0 0 1em 1em;
   font-family:'Dejavu Sans Condensed',Arial,Helvetica,sans-serif;
   font-size:90%;
}

.entry ul,
.entry ol,
.page ul,
.page ol{ /* unorded and ordered lists */
   margin:1.5em;
   padding:0 0 0 1em;
   line-height:1.2;
   font:97% 'Dejavu Sans Condensed',Arial,Helvetica,sans-serif;
}

ol.major,
ol.upper-roman{ /* shorthand way of creating lists with Roman numerals */
   list-style-type:upper-roman;
}

ol.minor,
ol.lower-roman{
   list-style-type:lower-roman;
}

ol.upper-alpha{ /* shorthand for alphabetized lists */
   list-style-type:upper-alpha;
}

ol.lower-alpha{
   list-style-type:lower-alpha;
}

ol.footnotes{ /* used for creating a list of footnotes at the bottom of an entry */
   margin:3em 0 2em 0;
   padding-left:2em;
   border-top:1px solid #aaa;
   font-size:90%;
   text-align:left;
}


.entry li,
.page li{
   margin:0;
   padding:0.6em 0 0 0.6em;
}

.page ul.links{ /* variant on the standard unordered list, used for creating a more visually pleasing list on the /links page */
   display:block;
   margin:0;
   padding:0;
   list-style:none;
}

.page ul.links li{ /* list items on the /links page */
   margin-bottom:1em;
   font:medium 'Dejavu Serif Condensed',Georgia,serif;
}

.page ul.links li a:link,
.page ul.links li a:visited{
   border:none;

   font:medium 'Dejavu Sans Condensed',Arial,Helvetica,sans-serif;
   color:#e7680a;
}

.page ul.links li a:hover{
   color:#111;
   background-color:#e7680a;
}

abbr{ /* primarily used for quick explanations of Latin phrases or obscure words when mousing over */
   border-bottom:none;
   margin-right:-1px;
   padding-right:9px;
   cursor:help;
   background:url('images/abbr.png') top right no-repeat;
}

#next_and_previous{ /* the "further back" and "further forward" buttons at the bottom of the main index, and on search pages */
   margin:0 auto 4em auto;
   padding-top:0.6em;
   text-transform:lowercase;
}

#next_and_previous a:link,
#next_and_previous a:visited{ /* links for the above buttons */
   border:2px dotted #e7680a;
   border-top:none;
   padding:0.6em 0.8em 0.6em 0.8em;
}

#next_and_previous a:hover{
   background-color:#e7680a;
   color:#fff;
}

/* ======= COMMENTS INPUT FOR REPLYING TO A POST ======= */ 

.nocomments{
   display:none;
}

#respond{ /* element which contains the fields and information for replying to a post. This ID is required by Wordpress 2.7; don't change it */
   clear:both;
   margin:1em 0 2em 0;
   padding:1em 0 0.5em 1em;
   font:medium 'Dejavu Sans Condensed',Arial,Helvetica,sans-serif;
}

#respond h2.tab{ /* tweak to the normal .tab element to ensure that the "commenting guidelines" and "allowed tags" tabs display correctly here */
   margin-top:1em;
}

.comment_box{ /* contains the "commenting guidelines" info and the "allowed tags" info */
   margin-top:0;
   margin-bottom:3em;
   padding:0.5em 1.5em 0.5em 1.5em;
   border-top:1px solid #777;
   border-bottom:1px solid #777;
   background-color:#333;
}

.comment_box p,
.comment_box small.info{
   font:small 'Dejavu Sans Condensed',Arial,Helvetica,sans-serif;
   color:#e7680a;
   letter-spacing:-1px;
   line-height:1;
}

#respond textarea{ /* pretty self-explanatory; this is for the fields where people type */
   height:20em;
   width:98%;
   padding:0.5em;
   border:2px solid #aaa;
   background-color:#444;
   font:small 'Dejavu Serif',Georgia,serif;
   color:#eee;
}

#respond textarea:focus{ /* makes the currently selected field highlighted with orange */
   border:2px solid #e7680a;
}

#respond input.user_details_field{ /* defines the name, email, and url fields */
   border:2px solid #aaa;
   padding:0.2em;
   background-color:#444;
   font:small 'Dejavu Serif',Georgia,serif;
   color:#eee;
}

#respond input.user_details_field:focus{
   border:2px solid #e7680a;
}

#respond .reply_buttons{ /* this is the element in which the "logged in as", "log out", "subscribe" and "configure your avatar" links sit */
   margin:1em 0 1em 0;
   text-align:left;
   letter-spacing:0;
   line-height:2.5;
}

#respond a.blockorange:link,
#respond a.blockorange:visited{ /* this is for the grey block links which display as orange buttons on rollover */
   margin-right:0.5em;
   padding:7px 7px 7px 25px;
   border:none;
   background-color:#444;
   font:small 'Dejavu Sans Condensed',Arial,Helvetica,sans-serif;
   text-decoration:none;
   color:#ddd;
}

#respond a.blockorange:hover{
   background-color:#e7680a;
}

#respond a.logged_in_as:link,
#resond a.logged_in_as:visited{ /* just what it sounds like */
   margin-right:0.5em;
   border:none;
   background:none;
}

#respond a.logged_in_as:hover{
   background-color:#e7680a;
}

.log_out{ /* for the "log out" link next to your username when logged in */
   background-image:url('images/a_log_out.png');
   background-position:8px 8px;
   background-repeat:no-repeat;
}

.configure_your_avatar{ /* for the "configure your avatar" link to gravatar.com */
   background-image:url('images/a_avatar.png');
   background-position:8px 8px;
   background-repeat:no-repeat;
}

.subscribe_to_comments{ /* for the "subscribe" link next to the avatar link */
   background-image:url('images/a_subscribe.png');
   background-position:8px 8px;
   background-repeat:no-repeat;
}

#respond .reply_input{ /* div containing input buttons ("preview" and "post") */
   margin-top:-0.7em;
   margin-left:0.5em;
}

#respond .reply_input #submit,
#respond .reply_input #preview{ /* post and preview buttons */
   margin:5px 5px 0 5px;
   padding:0.7em 2em 0.7em 2em;
   border:none;
   background-color:#444;
   font:small 'Dejavu Sans Condensed',Arial,Helvetica,sans-serif;

   color:#ddd;
   text-transform:lowercase;
}

#respond .reply_input #submit:hover,
#respond .reply_input #preview:hover{
   background-color:#e7680a;
   border:none;
   color:#eee;
   cursor:pointer;
}

#respond .reply_input #submit{ /* make the post button bigger */
   padding-right:4em;
   padding-left:4em;
}


/* ======= COMMENTS DISPLAY FOR POSTED COMMENTS ======= */

.comment_list{ /* container for the whole list of comments beneath the post */
   margin-top:0;
}

.comment_list ol{ /* all comments are ordered list items */
   list-style-position:inside;
}

.comment_list ul{ /* all pings are unordered list items in a separate element */
   list-style-type:none;
}

.comment_list li{ /* the individual comment blocks */
   margin:2em 1em 0.5em 1em;
   border-bottom:1px dashed #e7680a;
   font:large 'Dejavu Serif Condensed',Georgia,serif;
   color:#e7680a;
}

.comment_list ul li{
   font:small 'Dejavu Sans Condensed',Arial,Helvetica,sans-serif;
   color:#aaa;
}

.comment_avatar{ /* the div containing the commenter's gavatar */
   margin:0;
   padding:0
}

.comment_avatar img{
   margin:23px 20px 15px 5px;
   padding:9px;
   border:none;
   background-color:#444;
}

.comment_author{ /* the commenter's name */
   margin:-20px auto -40px 40px;
   padding:0;
   background-color:transparent;
   font:large 'Dejavu Serif Condensed',Georgia,serif;
   color:#eee;
}

.comment_author a:link,
.comment_author a:visited{ /* the commenter's name is clickable if he has provided a URL to his own site */
   border:none;
   background-color:transparent;
   font:large 'Dejavu Serif Condensed',Georgia,serif;
   color:#eee;
}

.ping_author a:link,
.ping_author a:visited{
   background:none;
   border:none;
   margin:0.5em 0 0.5em 0;
   font-size:small;
   color:#fff;
}

.ping_author a:hover{
   border-bottom:1px solid #e7680a;
}

.comment_author a:hover{
   border-bottom:1px solid #e7680a;
   color:#eee;
}

.comment_timestamp,
.ping_timestamp{ /* the date and time the comment was posted */
   margin-top:22px;
   padding:0 1.5em 0 0;
   font:small 'Dejavu Sans Condensed',Arial,Helvetica,sans-serif;
   color:#eee;
   text-align:right;
}

.ping_timestamp{
   margin-top:0.5em;
   text-align:left;
   font-size:small;
   color:#e7680a;
}

.comment_timestamp a:link,
.comment_timestamp a:visited,
.ping_timestamp a:link,
.ping_timestamp a:visited{ /* the timestamp isn't actually clickable, but the administrator's edit button is enclosed inside the timestamp element; this just makes it a bit prettier */
   padding:0.5em;
   border:none;
   background-color:#555;
   color:#ddd;
}

.comment_timestamp a:hover,
.ping_timestamp a:hover{
   border:none;
   background-color:#e7680a;
   color:#fff
}

.comment{ /* the actual comment text */
   margin-bottom:1.5em;
   padding:1em 0 1.2em 0;
}

.comment small{ /* used for moderation notices on unapproved comments */
   font:italic small 'Dejavu Sans Condensed',Arial,Helvetica,sans-serif;
   letter-spacing:-1px;
}

.comment a:link,
.comment a:visited{
   background-color:transparent;
   color:#ccc;
}

.comment p{
   font:small 'Dejavu Serif Condensed',Georgia,serif;
   color:#bbb;
   letter-spacing:0;
   line-height:1.3;
}

.ping p{ /* ping body text */
   color:#aaa;
}

.comment blockquote{ /* quotes in comments */
   margin:1.5em 2em 2em 1em;
   padding:1px 0 0 32px;
   background:url('images/comment_quote.png') top left no-repeat;
}

.comment blockquote,
.comment blockquote p{ /* quotes in comments for some reason go inside <p> tags */
   font-size:small;
   color:#9a9a9a;
}

.comment ul,
.comment ol{ /* lists in comments */
   margin:2em;
   padding:0 0 0 1em;
   list-style-position:outside;
}

.comment li{
   margin:0.5em 0 0.5em 0;
   border:none;
   background-image:none;
   background-color:transparent;
   line-height:120%;
   font:small 'Dejavu Sans Condensed',Arial,Helvetica,sans-serif;
   color:#aaa;
}

/* ======= INPUT PROPERTIES ======= */

.searchform{ /* the actual search field where users type queries */
   height:20px;
   margin:20px 0 0 -1px;
   padding:4px 3px 3px 5px;
   background-color:#444;
   border:2px solid #333;
   font:16px 'Dejavu Serif Condensed',Georgia,serif;
   color:#eee;
}

.searchform:focus{ /* highlight the field orange when selected */
   border:2px solid #e7680a;
   padding-left:3px;
   color:#fff;

}

.field{ /* define fields generically */
   width:90%;

   background-color:#eee;
   border:1px solid #eee;
   font:small 'Dejavu Sans Condensed',Arial,Helvetica,sans-serif;
   color:#333;
}

input.post_button, /* this defines actual clickable buttons used for submitting data in fields */
a.button:link,
a.button:visited{ /* this defines links which I want to look like buttons */
   margin:5px 5px 0 5px;
   padding:0.5em 1em 0.5em 1em;
   border:none;
   background-color:#444;
   font:small 'Dejavu Sans Condensed',Arial,Helvetica,sans-serif;
   color:#ddd;
   text-transform:lowercase;
}

input.post_button:hover,
input.button:hover,

a.button:hover{
   background-color:#e7680a;
   border:none;
   color:#eee;
   cursor:pointer;
}

a.button:link,
a.button:visited,
a.button:hover{
   float:right;
   margin:-2.2em 1em auto 1em;
}

#biblesearch,
#s{ /* necessary elements of the search function */
   width:70%;
}

#biblesearchsubmit,
#searchsubmit{ /* these are the buttons you'd normally click to search; they've been hidden because they're ugly and you can just hit Enter */
   display:none;
}


/* ======= FOOTER ELEMENT ======= */

#footer{ /* the whole container for the footer that floats at the bottom of the browser screen */
   position:fixed;
   bottom:0;
   left:0;
   width:100%;
   height:38px;

   opacity:0.9;
}

#footer small{ /* the orange "FIND CONTENT" part of the footer */
   position:fixed;
   right:5%;
   bottom:0;
   height:26px;
   width:28%;
   padding-top:16px;
   background-color:#e7680a;
   background-image:url('images/corner_top_right.png');
   background-position:right top;
   background-repeat:no-repeat;
   font:bold small 'Dejavu Sans Condensed',Arial,Helvetica,sans-serif;
   color:#fff;
   text-transform:uppercase;
   text-align:center;
}

#footer ul{ /* the footer buttons are actually list entries so it's not so nasty unstyled */
   position:fixed;
   bottom:0;
   left:6%;
   height:38px;
   width:62%;
   margin:0;
   padding:0;
   border-top:4px dotted #e7680a;
   border-left:4px dotted #e7680a;
   background-color:#222;
   list-style:none;
}

#footer li{
   display:inline;
}

#footer a:link,
#footer a:visited,
#footer a:hover{ /* the look of the buttons themselves */
   display:block;
   float:left;
   height:15px;
   width:26%;
   margin:0;
   padding:9px;
   border:3px solid #222;
   background-color:transparent;
   font:small 'Dejavu Sans Condensed',Arial,Helvetica,sans-serif;
   text-transform:uppercase;
   text-align:center;
}

#footer a:hover{
   background-color:#e7680a;
   color:#fff;
}


/* ======= OVERLAY ELEMENTS WHICH APPEAR WHEN FOOTER BUTTONS ARE CLICKED ======= */

.fullscreen{ /* this is the element which obscures the whole page behind a dark veneer, over which the actual messages and so on are superimposed */
   position:fixed;
   width:100%;
   height:100%;
   top:0;
   left:0;
   margin:0;
   padding:0;
   background-color:#111;
   opacity:0.55;
   z-index:1;
}

.overlay_message_wrapper{ /* the container for the whole message; used for positioning purposes mostly */
   position:fixed;
   top:15%;
   left:11%;
   height:70%;
   width:65%;
   margin:auto;
   z-index:2;
}

.overlay_message{ /* container for the message which will appear overlaid */
   width:100%;
   margin:0;
   padding:1em 5em 7em 5em;
   border:3px dotted #e7680a;
   background-color:#222;
   opacity:0.9;
}

.overlay_message h2{ /* the title of the overlay */
   width:90%;
   padding:2em 0 0.4em 0;
   font:x-large 'Dejavu Sans Condensed',Arial,Helvetica,sans-serif;
   color:#eee;
   opacity:1;
}

.overlay_message p{ /* the text of the overlay */

   width:100%;
   margin:0 2em 2em 0;

   padding:1em 1em 1em 0;
   border-top:1px dashed #666;
   border-bottom:1px dashed #666;
   font:medium 'Dejavu Serif Condensed',Georgia,serif;
   color:#eee;
   line-height:130%;
   opacity:1;
}

.overlay_message a.overlay_message_button:link,
.overlay_message a.overlay_message_button:visited{ /* link buttons which appear at the bottom; usually "OK" or "close" */
   position:relative;
   float:right;
   margin:0 -1em -1em 1.5em;
   padding:0.8em 1.8em 0.8em 1.8em;
   border:5px solid #222;
   background-color:#e7680a;
   font:small 'Dejavu Sans Condensed',Arial,Helvetica,sans-serif;
   color:#fff;
   opacity:1;
}

.overlay_message a.overlay_message_button:hover{
   border:5px double #222;
   background-color:#e7680a;
   color:#fff;
}

#topics_body,
#categories_body{ /* additional styling for the topics overlay */
   margin:0;
   padding:0 0 3em 0;
   text-align:center;
}

#topics_body a:link,
#topics_body a:visited{ /* links to each topic (tag) */
   border:1px dotted transparent;
   background-color:transparent;
   padding:0.1em 0.2em 0.1em 0.2em;
   line-height:1.2em;
}


#topics_body a:hover{
   border:1px dotted #e7680a;
   background-color:#444;
   color:#fff;
}

#categories_body{ /* additional styling for the categories overlay */
   margin-bottom:4em;
}

#categories_body ul{ /* styling for the list of categories which appear */
   list-style:none;
}

#categories_body li{
   display:inline;
}

#categories_body a:link,
#categories_body a:visited{ /* styling for the links to the categories */
   display:block;
   float:left;
   padding:10px 20px 10px 20px;
   border:1px dotted transparent;
   background-color:transparent;
   font:medium 'Dejavu Sans Condensed',Arial,Helvetica,sans-serif;
}

#categories_body a:hover{
   border:1px dotted #e7680a;
   background-color:#444;
   color:#fff;
}

/* RefTagger stuff */

.lbsTooltip{
   border:2px dotted #e7680a;
   background:#222;
   text-align:left;
   text-indent:0;
   z-index:99;
   opacity:0.9;
}

.lbsTooltipHeader{
   display:none;
}

.lbsTooltipBody{
   margin:0;
   padding:4em 1em 1em 1em;
   letter-spacing:-1px;
   z-index:2;
}

.lbsTooltipBody p,
.lbsTooltipBody span{
   color:#ddd;
   font:small 'Dejavu Sans Condensed',Arial,Helvetica,sans-serif;
}

.lbsTooltipBody .ch-ref,
.lbsTooltipBody .verse-ref{
   display:none;
   font-size:85%;
}

.lbsTooltipBody .ch-ref{
   font-weight:bold;
}

.lbsTooltipBody .verse-ref{
   color:#888;
}

.lbsTooltip,
.lbsTooltipBody span,
.lbsTooltip a,
.lbsTooltipBody p{
   margin:0;
   padding:0;
}

.lbsLibronix img{
   float:none !important;
}

.lbsTooltipFooter{
   display:none;
}

} /* closes the opening media-type declaration brace */

/*  

PRINT STYLESHEET

Theme Name: Phoenix

Theme URI: http://bnonn.thinkingmatters.org.nz
Description: Inspired by the "BlogOrange" theme, developed by Dominic Bnonn Tennant for http://bnonn.blogspot.com
Author: Dominic Bnonn Tennant
Author URI: http://bnonn.thinkingmatters.org.nz

*/

@media print{

body{
   width:90%;
   height:90%;
   margin:auto;
   padding:0;
   background-color:#fff;
   font-family:'Dejavu Serif Condensed',Georgia,serif;
   font-size:62.5%; /* resets 1em to 10px */
   color:black;
}

#blog_wrapper{
   width:100%;
   height:100%;
   margin:0 auto;
}

#blog_header,
h1,
#blog_header_menu_bar *,
#blog_menu *,
#sidebar *,
.sidebar *,
.tab *{
   display:none;
}

/* MAIN PROPERTIES */

#main {
   float:left;
   width:100%;
   margin:0;
   text-align:justify;
   font:small 'Dejavu Serif Condensed',Georgia,serif;
   color:#000;
   }

h2.entry_title {
   display:block;
   margin:1em 0 2.5em 0;
   padding:0;
   font:xx-large 'Dejavu Sans Condensed',Arial,Helvetica,sans-serif;
   letter-spacing:-1px;
   text-align:right;
   color:#000;
   }

h2.entry_title a:link,
h2.entry_title a:visited,
h2.entry_title a:hover {
   border:none;
   text-decoration:none;
   }

a.link {
   margin-top:20px;
   text-decoration:none;
   color:#000;
}

.entry {
   font-family:'Dejavu Serif Condensed',Georgia,serif;
   font-size:small;
   color:#000;
   line-height:1.4;
   }

.single_post_excerpt{
   margin:3em 2em 3em 2em;
   font-family:'Dejavu Sans Condensed',Arial,Helvetica,sans-serif;
   font-size:75%;
   text-transform:uppercase;
   letter-spacing:1px;
   line-height:1.9;
}

.entry h2{
   display:block;
   margin:0;
   padding:2em 2em 1em 0;
   font:normal large 'Dejavu Sans Condensed',Arial,Helvetica,sans-serif;
   letter-spacing:-1px;
}

.book h2{
   margin-top:1.5em;
   margin-bottom:1em;
   text-transform:uppercase;
   text-align:center;
   font-size:110%;
   text-indent:2em;
}

.book p{
   margin-top:0;
   margin-bottom:0;
   text-indent:2em;
}

.book ul p,
.book ol p{
   margin-top:1em;
   margin-bottom:1em;
   text-indent:0;
}

.entry h3{
   display:block;
   padding:2em 2em 1em 1em;
   font:normal medium 'Dejavu Serif Condensed',Georgia,serif;
   letter-spacing:-1px;
}

.entry h6{
   display:none;
}

.entry blockquote{
   margin:2em 2em 2em 0.5em;
   padding:0 0 0 1em;
   line-height:1.25;
   font-size:95%;
   color:#000;
}

.entry ul,
.entry ol,
.entry .indented {
   margin:2em;
   padding:0 0 0 1em;
   line-height:1.2;
   font:95% 'Dejavu Sans Condensed',Arial,Helvetica,sans-serif;
   }

ol.major,
ol.upper-roman {
   list-style-type:upper-roman;
   }

ol.minor,
ol.lower-roman {
   list-style-type:lower-roman;
   }

ol.upper-alpha {
   list-style-type:upper-alpha;
   }

ol.lower-alpha {
   list-style-type:lower-alpha;
   }

.entry ol.footnotes{
   margin:3em 0 2em 0;
   padding-left:2em;
   border-top:1px solid #000;
   font-size:90%;
   text-align:left;
   }

a.up{
   display:none;
}

.entry li {
   margin:0;
   padding:0.5em 0 0 0.5em;
   }

.entry abbr {
   text-decoration:none;
   border:none;
   }

#respond{
   display:none;
}

.clear{
   clear:both;
}

/* AUTHOR TEXT */

.entry_metadata {
   display:none;
}

.entry_metadata_for_print{ /* shows different post metadata text for use with print.css */
   display:block;
   margin:10em 0 1em 0;
   padding:00;
   font:small 'Dejavu Sans Condensed',Arial,Helvetica,sans-serif;
   color:#000;
   text-align:right;
   }

#next_and_previous_entries{
   display:none;
}

/* COMMENTS */

h3.comment_info,
.commentlist *,
.nocomments {
   display:none;
}

/* INPUT PROPERTIES */

#search,
.searchform,
.field {
   display:none;
   }

.comments {
   color:#000;
   }

input.button,
a.button:link,
a.button:visited,
input.button:hover,
a.button:hover,
a.button:link,
a.button:visited,
a.button:hover
#biblesearch,
#s,
#biblesearchsubmit,
#searchsubmit {
   display:none;
   }

* html .button {
   height:20px;
   }

/* IMAGE STYLE */

img {
   float:left;
   padding-right:5px;
   border:0;
   }

.wp-smiley {
   float:none;
   }

/* GENERAL LINK STYLE */

a:link,
a:visited{
   border:none;
   font-family:'Dejavu Sans Condensed',Arial,Helvetica,sans-serif;
   text-decoration:underline;
   color:#000;
}

/* specifies the look of links to comments */ 
.com{
   display:none;
}

/* specifies the look of "edit" buttons */
.edit{
   display:none;
}


/* OTHER TEXT */

.verse{
   padding-right:0.1em;
   font-family:'Dejavu Sans Condensed',Arial,Helvetica,sans-serif;
   font-size:85%;
   color:#888;
}

.footnote,
a.footnote:link,
a.footnote:visited{
   border:none;
   vertical-align:top;
   font-size:xx-small;
   text-decoration:none;
}

.error{
   padding:2em 0 2em 0;
   border-top:1px dotted #ccc;
   border-bottom:1px dotted #e7680a;

}

.left{
   float:left;
}

.right{
   float:right;
}

.hidden{
   display:none;
}

.sans{
   font-family:'Dejavu Sans Condensed',Arial,Helvetica,sans-serif;
}

.mono{
   font-family:'Dejavu Sans Mono','Lucida Console',monospace;
}

/* FOOTER ELEMENT */

#footer{
   display:none;
}
}