/* royal (tan on red) style sheet for john15.net draft 3.0 */

/*  content
1 general layout
  1a (body layout)
  1b page section attributes  
  1c index title
  1d page title
  1e subtitle
  1f name
2 bottom layout
  2a linked series table
  2b (table layout)
  2c quick navigation box
  2d quick nav cell
  2e (return to home)
  2f (gap)
  2g (last update)
3 internal details
  3a hyperlinks
  3b image hyperlinks
  3c news hyperlinks
  3d paragraph indent
4 optional text details
  4a (quotes)
  4b (emphasis)
  4c (terms, special words)
  4d (verse-by-verse notation)
  4e blockquote
  4f horizontal rule
  4g deleted text
  4h tables
5 discussion / feeback
  5a rdf entry box
  5b rdf title
  5c rdf essay window
6 Special
  6a bg cross
  6b featured or new article
  6c news page
  6d (inline frame container)
  6e (feedback background)
  6f (feedback entry)
  6g disable autofill yellow
*/

/* !!! Depreciated !!!

1a body layout 

body {
margin-top: 60px;
margin-left: 60px;
margin-right: 60px;
margin-bottom:60px;
}

!!! */

/* 1b page section attributes
there are two basic backgrounds, back displays the page background, fore displays the <div> backgound */

.back {
margin-top: 60px;
margin-left: 60px;
margin-right: 60px;
margin-bottom: 60px;
background-color: #8f2929;
background-image: URL(http://www.john15.net/images/bgr.gif); 
font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
color: #000000;
font-size: 12pt;
}

.fore {
background-color: #ffecbc;
background-image: URL(http://www.john15.net/images/bgt.gif); 
padding: 30px; 
border-style: solid; 
border-width: 1px;
border-top-color: #fffccc;
border-left-color: #fffccc;
border-right-color: #bfac7c;
border-bottom-color: #bfac7c;
font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
color: #000000;
font-size: 12pt;
}

/* 1c index title
the heading for the index page of the site */

.index {
font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
color: #000000;
font-size: 32pt;
text-align: center;
}

/* 1d page heading (title) 
the heading font for all topical pages */

.head {
font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
color: #000000;
font-size: 18pt;
text-align: center;
}

/* 1e subtitle 
the font for subtitles of sections within essays */

.sub {
font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
color: #000000;
font-size: 14pt;
text-align: center;
font-variant: small-caps;
}

/* 1f name */

.name {
font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
color: #000000;
font-size: 12pt;
text-align: right;
}

/* 2a linked series table */

.series {
width: 100%;
background-color: #ffecbc;
background-image: URL(http://www.john15.net/images/bgt.gif); 
padding: 2px; 
border-style: solid; 
border-width: 1px;
border-top-color: #fffccc;
border-left-color: #fffccc;
border-right-color: #bfac7c;
border-bottom-color: #bfac7c;
font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
color: #000000;
font-size: 12pt;
}

/* !!! Depreciated !!!

2b table 

table {
width: 100%;
}

!!! */

/* 2c quick navigation */ 

.nav {
position: fixed;
bottom: 10px;
left: 10px;
}

/* 2d quick nav cell */

.ncell {
width: 49px;
height: 40px;
background-color: #ffecbc;
background-image: URL(http://www.john15.net/images/bgt.gif); 
padding: 0px; 
border-style: solid; 
border-width: 1px;
border-top-color: #fffccc;
border-left-color: #fffccc;
border-right-color: #bfac7c;
border-bottom-color: #bfac7c;
}

/* !!! Depreciated !!!

2e return to home
a small text box with hyperlink back to home page

.home {
height: 20px;
background-color: #008080;
background-image: URL(http://www.john15.net/images/bg1.gif); 
padding: 1px; 
border-style: solid; 
border-width: 1px;
border-top-color: #00c0c0;
border-left-color: #00c0c0;
border-right-color: #005050;
border-bottom-color: #005050;
font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
color: #000000;
font-size: 12pt;
text-align: center;
}

2f gap (future use) 

.gap {
width: 40px;
}

2g last update
a small text box denoting last revision on the page 

.date {
margin-left: 10px;
height: 20px;
background-color: #008080;
background-image: URL(http://www.john15.net/images/bg1.gif); 
padding: 1px; 
border-style: solid; 
border-width: 1px;
border-top-color: #00c0c0;
border-left-color: #00c0c0;
border-right-color: #005050;
border-bottom-color: #005050;
font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
color: #000000;
font-size: 12pt;
font-style: italic;
text-align: center;
}

!!! */

/* 3a hyper links 
note the hover atribute */

a:link { 
color: #9f3939; 
font-weight: bold;
text-decoration: none; 
}
a:active { 
color: #9f3939;
font-weight: bold;
text-decoration: none; 
}
a:visited {
color: #bf5959;
font-weight: bold;
text-decoration: none; 
}
a:hover {
color: #9f3939; 
font-weight: bold;
text-decoration: underline; 
}

/* 3b for no bg image on image links */

a:link.img { 
background-image: none;
}
a:active.img { 
background-image: none;
}
a:visited.img { 
background-image: none;
}
a:hover.img { 
background-image: none;
}

/* 3c news hyper links 
note the hover atribute */

a:link.nhl { 
color: #9f3939; 
font-weight: bold;
text-decoration: none; 
}
a:active.nhl  { 
color: #9f3939;
font-weight: bold;
text-decoration: none; 
}
a:visited.nhl  {
color: #bf5959;
font-weight: bold;
text-decoration: none; 
}
a:hover.nhl  {
color: #9f3939; 
font-weight: bold;
text-decoration: underline; 
}

/* 3d paragraph indent */

p {
text-indent: 40px;
}

/* !!! Depreciated !!!

4a quote 
quotations of Bible, and other authors, etc.

.quote {
font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
color: #000000;
font-size: 12pt;
font-style: italic;
}

4b emphasis
self explanitory

.emph {
font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
color: #000000;
font-size: 12pt;
text-decoration: underline;
}

terms, special words
for defining a word, or using a Greek, Hebrew, or etc. word, and misc. uses

.term {
font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
color: #000000;
font-size: 12pt;
font-style: italic;
}

4d verse-by-verse notation

.verse {
font-family: Helvetica, Arial, sans-serif;
font-weight: bold;
color: #000000;
font-size: 12pt;
}

!!! */

/* 4e blockquote */

blockquote {
text-align: justify;
}

/* 4f horizontal rule */

.hr {
height: 4px;
width: 100%;
border: 1px;
border-style: solid;
border-top-color: #fffccc;
border-left-color: #fffccc;
border-right-color: #bfac7c;
border-bottom-color: #bfac7c;
}

/* 4g deleted text */

del {
display: none;
}

/* 4h tables */

.tab {
border: 1px;
border-style: solid;
border-top-color: #bfac7c;
border-left-color: #bfac7c;
border-right-color: #fffccc;
border-bottom-color: #fffccc;
}

.cell {
padding-left: 5px;
padding-right: 5px;
border: 1px;
border-style: solid;
border-top-color: #fffccc;
border-left-color: #fffccc;
border-right-color: #bfac7c;
border-bottom-color: #bfac7c;
}

/* 5a rdf entry box */

.feed {
background-color: #ffecbc;
background-image: URL(http://www.john15.net/images/bgt.gif); 
padding: 4px; 
border-style: solid; 
border-width: 1px;
border-top-color: #fffccc;
border-left-color: #fffccc;
border-right-color: #bfac7c;
border-bottom-color: #bfac7c;
font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
color: #000000;
font-size: 12pt;
}

/* 5b rdf title */

.rdft {
font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
color: #000000;
font-size: 18pt;
text-align: center;
}

/* 5c rdf essay window */

.essay {
height: 300px;
padding: 16px;
overflow: auto;
background-color: #ffecbc;
background-image: URL(http://www.john15.net/images/bgt.gif); 
border-style: solid; 
border-width: 1px;
border-top-color: #fffccc;
border-left-color: #fffccc;
border-right-color: #bfac7c;
border-bottom-color: #bfac7c;
font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
color: #000000;
font-size: 12pt;
}

/* 6a Background Cross on Index Page */

.cross {
background: url(http://www.john15.net/images/cross_red.gif);
background-repeat: no-repeat;
background-position: top center;
}

/* 6b featured or new article */

.new {
background-color: #ffecbc;
background-image: URL(http://www.john15.net/images/bgt.gif); 
padding: 30px; 
border-style: solid; 
border-width: 1px;
border-top-color: #fffccc;
border-left-color: #fffccc;
border-right-color: #bfac7c;
border-bottom-color: #bfac7c;
font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
text-align: justify;
color: #000000;
font-size: 12pt;
}

/* 6c news page */

.news {
height: 200px;
overflow: auto;
border-style: solid; 
border-width: 1px;
border-right-color: #fffccc;
border-bottom-color: #fffccc;
border-top-color: #bfac7c;
border-left-color: #bfac7c;
padding: 4px;
background-color: #ffecbc;
background-image: URL(http://www.john15.net/images/bgt.gif); 
font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
color: #000000;
font-size: 12pt;
}

/* !!! Depreciated !!! 

6d inline frame container 

.in {
background-image: URL(http://www.john15.net/images/bgt.gif); 
border-style: solid; 
border-width: 1px;
border-right-color: #fffccc;
border-bottom-color: #fffccc;
border-top-color: #bfac7c;
border-left-color: #bfac7c;
}

6e feedback background

.febg {
height: 300px;
padding: 16px;
overflow: auto;
background-color: #8f2929;
background-image: URL(http://www.john15.net/images/bgr.gif); 
border-style: solid; 
border-width: 1px;
border-right-color: #fffccc;
border-bottom-color: #fffccc;
border-top-color: #bfac7c;
border-left-color: #bfac7c;
font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
color: #000000;
font-size: 12pt;
}

!!! */

/* 6g disable autofill yellow */

.wt {
background: #ffffff ! important;
}