@import url("../css/undohtml.css");

body
{
        font-family: "Lucida Grande", "Lucida Sans Unicode",  Verdana, Arial, Helvetica;
	background-color: #fff;
        font-size: 16px;
}

em {
        font-family: Verdana, "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica;

}

/* General site-wide anchor styles */
a {
	color: #000;
	text-decoration: none;
	border-bottom: 0px;
}

a:hover { 
        color: #960; 
        background-color: #ce9; 
}

/* Some global formatting */ 
p, blockquote, li, h3 {
	font-family: Verdana, "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica;
	font-size: 0.75em;
	line-height: 1.5em;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
        color: #000;
}

p { padding-bottom: 11px; }

/* blockquote formatting */
blockquote {
        float:left;
	font-size: 1.0em;
        color: #999;
        margin-left: 20px;
	margin-right: 20px;    
        margin-bottom: 8px;
        padding: 8px;
        padding-bottom: 3px;
        padding-left: 0px;
        padding-right: 20px;
        background-color: #efc;
}

/* Title graphic area */
#head, #head_mpo, #head_bs
{
	text-align: center;
	height: 130px;         /* previously: 125px */
        background: url("/images/tulipsheader.gif") no-repeat 36% 0%;
}

#head_bs 
{
        text-align: center;  
        background: url("/images/bsheader.gif") no-repeat 36% 0%;
}


/* Skeleton layout */
#container
{
	width: 870px;
	\width: 880px;
	width: 870px;
	margin: 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
}

/*
#sidebar-1
{
	float: left;
	width: 150px;
	\width: 150px;
	w\idth: 150px;
	margin-right: 5px;
	padding-top: 100px;
}
*/

#content
{
	margin-left: 0px;
	margin-right: 245px;
	margin-top: 5px;
        padding-bottom: 10px;
        border-left: 5px solid #ddd;
}

/* IE doesn't seem to push this downwards even with margin-top:15px!! What's the bug??? */
#sidebar-2 {
	float: right;
	width: 233px;
	\width: 233px;
	w\idth: 233px;
	margin-left: 5px;
	margin-top: 5px;
        padding-top: 5px;
        background: #eeffcc;
}

#sidebar-2 p {
	line-height: 1.3em;
	font-size: 0.7em;
        font-family: Verdana, "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica;
}
 
#foot {
	clear: both;
	margin-top: 5px;
	text-align: center;
}

#accessibility {
	position: absolute;
	top: -10000px;
}

/* h1: Blog title top */
h1 {
	font-weight: normal;
	text-decoration:none;
	font-family: Georgia, Times, Serif;
	font-size: 3em;
}

h1 a { color: #592; }    /* #9c3 */
h1 a:hover { background-color: transparent; }

/* Heading positions */
#head_99letters h1 {
        position: relative;
        left: 27px;
}

#head_mpo h1 {
        position: relative;
        left: 70px;
}

#head_bs h1 {
        position: relative;
        left: 85px;
}

/* h2: Blog caption */
h2 {
        color: #999;
	font-weight: normal;
	font-family: "Trebuchet MS", Tahoma, Verdana, Helvetica;
	font-size: 0.75em;
	font-style: normal;
        padding-left: 200px;
}

/* h3: Article title */
h3 {
	font-family: Georgia, "Lucida Sans Unicode", "Lucida Grande", Verdana, Helvetica;
	font-size: 1.4em;
	font-weight: normal;
        padding-bottom: 3px;
}

h3 a {
        color: #592;    /* #592: leafy green, #9c3: lighter green  */
}

/* h4: Left side menu sub-titles */
h4 {
        font-family: Georgia, Times, Serif;
        font-weight: bold;
        font-size: 0.9em;
        padding-left: 10px;
        margin-bottom: 1px;
        color: #592;     /*#592: leafy green, #9C3: lighter green*/
}

.article h4 {
         padding-bottom: 7px;
         padding-top: 3px;
}

/* Some other "needed" anchor/link settings */
p a, span a, .commentform a, dd a, ol a, ul a, td a
{ color: #592; }

#sidebar-2 a { color: #960; }

a.delicious_badget:hover, a.digg_badget:hover, a.fb_badget:hover 
{  background-color: #ce9; }

p.nohover a:hover { background-color: transparent; }


/* Some utilities */
.nofloat {
        float:none;
        padding:0;
        margin:0; 
        margin-bottom: 5px;
}

.resize {
width: 600px;     
height : auto;
}

/*-------------------------------------------------------*/
/* Main Menu */
.menu 
{
       display: inline;
       float: right;
       color: #999;
       margin:0;
       padding:0;  
}

.menu ul, .menu li
{
       list-style-type: none;
}

.menu li
{
       padding-right: 10px;
       font-family: Georgia, Times, Serif;
       font-weight: bold;
       font-size: 0.85em;
}

.menu li a { color: #592; }
.menu li a:hover { color: #960; }

/* General table cells */
td {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Helvetica;
	font-size: 0.75em;
	line-height: 1.6em;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
        color: #666;
}

td a:hover { color: #960; }

/*--------------------------------------------------------------*/
/* Article formatting */
.article {
       border-bottom: 2px dotted #ddd;
       padding-bottom: 5px;
       padding-top: 8px;
}

.article a {
       border-bottom: 1px dotted #592;      
}
   .postinfo a, .comments_invite a, .article h3 a {
       border-bottom: none;
   }

.article p,
.article ul li,
.article ol li { 
       color: #444; 
       text-align: justify;
}

/*
.article p+p {
       text-indent: 20px;
}
*/

.article img 
{    
        float: left; 
        padding-right: 10px;
        padding-bottom: 5px;
}

.article img.nofloat, .article img.nofloat_centered, .article p img.nofloat_centered
{
        float:none;
        padding:0;
        margin:0; 
        margin-bottom: 5px;
}

.article img.nofloat_centered, .article p img.nofloat_centered
{ text-align:center; }

/* Bulleting styles for articles */
.article ul
{
        margin-left: 40px;
}

.article ul li 
{
        list-style-image: url("/images/brown_slant_arrow.gif");
        list-style-item: none;
        padding-left: 0px;
}

.article ol 
{
        margin: 5px 0px 5px 40px;
}

.article ol, .article ol li 
{
        list-style-type: decimal;
}

.postinfo { 
   margin-top: 10px; 
}
.postinfo p { text-align: left; }

.postdate p, .postinfo p { color: #960; }
.postdate p 
{ 
   padding-bottom: 10px; 
   font-size: 0.7em;
}

span.morelink
{
       background: url("/images/openbook_icon.gif") no-repeat center right;
       padding-right: 15px;
}

.article_short, .article_mpo, .article_bs
{
       border-bottom: 0px;
       padding-bottom: 0;
       padding-top: 10px;
}

/* Article formatting for other sections --------------------*/
.article_short h3 { padding-bottom: 0px; }
.article_mpo h3 { padding-bottom: 2px; }
.article_bs h3 { padding-bottom: 2px; }


.article_short .postdetails span,
.article_short .postdetails span.comments_invite, 
.article_mpo .postdetails span,
.article_bs .postdetails span
{
       display: inline;
       color: #960;
       font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Helvetica;
       font-size: 12px;
       vertical-align:top;
       margin-top: 0px;
       margin-left: 10px;
       padding-top: 0px;
       padding-bottom: 3px; 
}

.article_mpo img, .article_bs img
{ 
       float:left; 
       margin-left: 10px; 
       margin-right: 10px;
       border: 1px solid #999;
}

.article_mpo .postdetails span,
.article_bs .postdetails span
{
     margin: 0; padding: 0;
}

.article .programme
{
       background-color: #efc;
       margin: 0px 10px 8px 10px;
       padding-top: 7px;
       padding-bottom: 3px;
}
/*---------------------------------------------------------*/
/* Misc article formatting */
a.delicious_badget {
      background: url("/images/delicious.png") no-repeat center left;
      padding-left:20px;
}

a.digg_badget {
       background: url("/images/diggman.png") no-repeat center left;
       padding-left:20px;
}

.article span.bookmarking 
{ 
        margin-left: 10px; 
        bottom: 0;   
        display:inline;
}
.article span.bookmarking a img 
{ 
         margin:0; padding:0; 
         margin-right:0px; 
}

.article span.bookmarking a:hover { background-color: transparent; }


/*----------------------------------------------------------------*/
/* Sidebar formatting */

#sidebar-2 p 
{ 
text-align:left;
line-height: 1.4em;
}

input, select, textarea, label, input.checkbox
{
        font-family: Verdana, "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica;
        font-size: 12px;
}

.subsection { padding-bottom: 10px; }

/* facebook widget table styling */
.subsection .fb_object table {  }

.subsection table tr td,
.subsection table tr th
{ 
   padding:0; margin:0; 
   line-height: 1.25em;   
}

.fb_vert .fb_object table tr td
{  
   padding-right: 5px; 
   padding-left: 5px; 
   color: #960; 
}

.subsection table th 
{ 	
   font-family: Verdana, "Lucida Grande", "Lucida Sans Unicode", Tahoma, Helvetica; 
}

ul.recent_articles li, ul.cbs_category_list li, ul.otherlists li {
        font-size: 0.7em;
        line-height: 1.4em;
        margin-left: 11px;
        padding-left: 10px;
        background: url("/images/olivebullet.gif") no-repeat 3px 7px;
}

.favlist 
{ 
        margin-left: 10px; 
}

/* Librarything widget styles */

li.favitems {
        padding:0; margin:0;
        display:inline;         
}

.LTwrapper {


        margin-left: 10px; 
        font-size: 0.7em;
        font-family: Verdana, "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica;
}

.LTwrapper .LTheader {
   margin-bottom: 5px;
}

.LTitem {
   clear: right;
   padding-top: 3px;
}

.LTwrapper img {
   float:right;
   margin: 5px;
}

.LTprovided {
   padding-top: 3px;
   clear: right;
   font-size: 90%;
   text-align: right;
   margin-right: 5px;
}

LTtitle {
}

LTauthor {
}

/* Del.icio.us links 
    1st style: For txp.icio.us and Magpie RSS
    2nd style: For del.icio.us linkroll
*/
.del, #delicious-posts-johnsee ul li
{
        background-color: #fff;
        margin: 5px 10px;
        -moz-border-radius: 10px;         /* create round corners for Moz browsers */
}

a.delicious-link
{ 
        font-size: 0.9em;
        line-height: 1.2em;
        margin-bottom: 5px; 
}

p.delicious-extended
{ 
        line-height: 0.9em;
        margin-left: 15px; 
        padding-bottom: 3px;
}

#sidebar-2 .subsection p.delicious-extended
{ 
        font-size: 0.8em;
}

#flickr { margin-left: 10px; margin-right: 12px; }
#flickr img { width: 50px; height: 50px; }
#flickr a { padding: 3px; display: block; float: left;}
#flickr a:hover { background: #9c3; }

/* ------------------------------------------------ */
/* original Textile cap formatting removed
.caps
{
	letter-spacing: 0.1em;
	font-size: 10px;
}
*/

#content hr
{
	color: #ccc;
	width: 66%;
	margin-top: 2em;
	margin-bottom: 2em;
}

img.divider
{
	align: center;
	margin-top: 2em;
	margin-bottom: 2em;
}

/* Comment display */

.commentlist 
{ 
       padding-top: 5px; 
       border-bottom: 2px dotted #ddd;
       padding-bottom: 10px;
}

.commentlist p 
{ 
       color: #444; 
       text-align:left; 
}

.comment-num { font-weight: bold; color: #960; }

.commentlist .even, .commentlist .odd 
{ 
        margin-left: 10px;
        margin-bottom: 12px; 

}

.commentlist .odd { background-color: #f2f2f2; }
.commentlist.even { /* no color */ }

p.comment-info { margin-top: 5px; }

p.comments_invite, span.comments_invite 
{
        clear: left;
        margin-top: 5px;
        margin-bottom: 5px;
        margin-left: 10px;
        padding-bottom: 0px;
        font-family: Verdana, "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica;
        font-size: 0.75em;
        color: #960;
        background: url("/images/pencil_icon.gif") no-repeat center left;
}

p.comments_invite a { margin-left: 6px; }
span.comments_invite a { margin-left: 14px; }

.comments_error
{ 
	background-color: #ffa 
}

div.comments_error
{
	border: 1px solid #cc8;
        margin-left: 10px;
        margin-right: 10px;
        margin-bottom: 15px;
	padding : 0.3em;
        font-family: Verdana, "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica;
        font-size: 11px;
        color: #960;
}

.msgpreview
{
        border: 1px solid #9c3;
        background-color: #efc;
        padding: 0.2em 0;
        margin: 0px 10px;
        margin-top: 8px;
        margin-bottom: 12px;
}

/* Comment form */
form#txpCommentInputForm { padding-top: 10px; }

.commentform
{ 
        margin-top: 8px;
        font-family: Verdana, "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica;
        font-size: 0.9em;
        width: 100%;
        color: #444; 
}

.commentform input.checkbox
{ 
   padding-right:5px;
}


table.commenttable 
{      
        margin-left: 10px; 
        margin-bottom: 15px;
        padding-top: 5px;
        padding-bottom: 5px;
        border: 1px solid #9c3;
        width: 95%;
}

/* Comment live preview */
.commentpreview
{
   margin-top: 8px;
   border: 1px solid #9c3;
   margin-left: 10px; 
   margin-bottom: 8px;
   color: #444; 
}

.commentpreview p.posted
{
   color:#960;
   padding-bottom: 2px;
} 

.commentpreview p.author 
{
   margin-bottom:0;

   padding-bottom:0;
} 

.commentpreview #TextDisplay
{ 


   background-color:#EEFFCC;
   margin: 5px 10px; 
   padding: 3px 5px;
}

/* Live search styles */
#searchform 
{   
   margin-left: 10px;
}

#searchform fieldset { border:0; }

#LSResult 
{ 
   position: absolute; 
   background-color: #fff; 
   width: 200px; 
   font-family: Verdana, "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica;
   font-size: 0.7em;
   border: 3px solid #9c3;
} 

#LSShadow { padding: 5px; } 
#LSRes { background-color: #fff;  } 
.LSRow { padding: 0 5px; } 
#LSHighlight { background-color: #fff; } 
#LSHeader { padding: 2px 2px 8px; } 
.lsDate { display: block; color: #555; }

/* BIBLE STUDY page */
h3#johnsays, h3#meisinsays
{
   background: url("/images/tulip_gravatar.jpg") no-repeat top left;
   margin: 0 10px;
   margin-top: 10px;
   padding-bottom: 30px;
   padding-left: 60px;
   padding-top: 0;
   font-weight: normal;
   font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Helvetica;
   font-size: 0.9em;
   color: #592;
   line-height: 1.1em;
}

h3#meisinsays
{  
   background: url("/images/snowflake_gravatar.jpg") no-repeat top left; 
}

h3#johnsays span, h3#meisinsays span
{
   font-size: 0.75em;
   color: #960;   
}

.bs_divider 
{
   border-top: 1px solid #e2e2e2; 
   margin: 0px 10px;
}

/* ARCHIVES page */
dl.aa { margin-left: 10px; margin-top: 0; }

dt
{
	font-family: Georgia, Times, Serif;
        font-size: 12px;
        color: #444;
        font-weight: bold;
}

dd
{
        font-family: Verdana, "Lucida Grande", "Lucida Sans Unicode", Tahoma, Helvetica;  
        font-size: 11px;
        color: #333;
        margin: 2px 0px;
        margin-left: 20px;
}

/* LINKS page */
ul.mem_list { padding-bottom: 10px; }

.cat 
{  
        font-family: Georgia, Times, Serif;
        font-size: 0.7em;
        color: #444;
        font-weight: bold;
        text-transform: uppercase;
        margin-left: 10px;
}

.mem_list_column span { display: inline; }

.mem_list_column .link
{ 
        font-size: 1.15em; 
        display:inline;
}

.mem_list_column .linkdes 
{ 
        font-size: 0.85em; 
        display:inline;
        color: #666;
}

/* 99 LETTERS page */
#about99, #colours99 
{
        border-bottom: 1px solid #eee;
}

#about99 p 
{ 
        font-family: Verdana; 
        font-size: 0.7em;
}

#lettersquares
{
        margin-left: 80px;
        width: 360px;
        text-align:left;
}

#lettersquares ul.square li.square img { border: 1px solid #ddd; }

#lettersquares ul.square, #lettersquares li.square
{
        display: inline;
        padding:0; margin: 0;
}

#lettersquares a,
#lettersquares a:visited,
#lettersquares a:active
{
        padding:0;
        margin:0;
}

#lettersquares ul.square li.square a:hover
{
        background-color: #fff;
}

#lettersquares ul.square li.square a:hover img
{
        border: none;
}

#lettersquares .lettercount 
{  
        font-family: Verdana, Arial, Helvetica;
        font-size: 0.65em;
        color: #999;
        letter-spacing: 2px;
        text-transform: uppercase;
}

div.colourdes
{
        display:inline;
        padding-left: 10px;
        padding-bottom: 10px;
}

img.legend { float:left;  }
li.colours 
{ 
        clear:left; 
        margin-bottom: 5px;
}

/* GALLERY pages */

p#gallery { 
   clear:left;
   float: none;
   margin-bottom: 10px;
}

p#gallery img { 
   float:none; clear:left;
   padding: 3px;
   margin-right:10px; 
}

#gallery_list { padding-bottom: 0px; }

#gallery { 
   float:left;
   margin-right: 10px;
}

#gallerypics { margin-left: 10px; margin-right: 10px; }
#gallerypics img { width:60px; height: 60px; }
#gallerypics a { padding: 3px; display: block; float: right;}
#gallerypics a:hover { background: #ddd; }

#galleryinfo { 
   float:left;
   margin-right: 10px; 
}

#gallery h3 { 
   font-size: 0.7em; 
   padding-top: 5px;
}

span.gallerydate p {
   font-size: 0.7em;
   font-family: Verdana, Arial, Helvetica;
   color: #ddd;
}
/*---------------end--------------------*/