/* industrial (dark grey on black) 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
*/

/* 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: #404040;
background-image: URL(http://www.john15.net/images/bgb.gif); 
font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
color: #ffffff;
font-size: 12pt;
}

.fore {
background-color: #4a4a4a;
background-image: URL(http://www.john15.net/images/bgg.gif); 
padding: 30px; 
border-style: solid; 
border-width: 1px;
border-top-color: #7a7a7a;
border-left-color: #7a7a7a;
border-right-color: #2a2a2a;
border-bottom-color: #2a2a2a;
font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
color: #ffffff;
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: #ffffff;
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: #ffffff;
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: #ffffff;
font-size: 14pt;
text-align: center;
font-variant: small-caps;
}

/* 1f name */

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

/* 2a linked series table */

.series {
width: 100%;
background-color: #4a4a4a;
background-image: URL(http://www.john15.net/images/bgg.gif); 
padding: 2px; 
border-style: solid; 
border-width: 1px;
border-top-color: #7a7a7a;
border-left-color: #7a7a7a;
border-right-color: #2a2a2a;
border-bottom-color: #2a2a2a;
font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
color: #ffffff;
font-size: 12pt;
}

/* 2c quick navigation */ 

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

/* 2d quick nav cell */

.ncell {
width: 49px;
height: 40px;
background-color: #4a4a4a;
background-image: URL(http://www.john15.net/images/bgg.gif); 
padding: 0px; 
border-style: solid; 
border-width: 1px;
border-top-color: #7a7a7a;
border-left-color: #7a7a7a;
border-right-color: #2a2a2a;
border-bottom-color: #2a2a2a;
}

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

a:link { 
color: #ffff00; 
background-image: URL(http://www.john15.net/images/abgg.gif);
text-decoration: none; 
}
a:active { 
color: #ffff80;
background-image: URL(http://www.john15.net/images/abgg.gif);
text-decoration: none; 
}
a:visited {
color: #ffffa0;
background-image: URL(http://www.john15.net/images/abgg.gif);
text-decoration: none; 
}
a:hover {
color: #ffff00; 
text-decoration: underline; 
background-image: URL(http://www.john15.net/images/abgghover.gif);
}

/* 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: #ffff00; 
background-image: URL(http://www.john15.net/images/abgb.gif);
text-decoration: none; 
}
a:active.nhl { 
color: #ffff80;
background-image: URL(http://www.john15.net/images/abgb.gif);
text-decoration: none; 
}
a:visited.nhl {
color: #ffffa0;
background-image: URL(http://www.john15.net/images/abgb.gif);
text-decoration: none; 
}
a:hover.nhl {
color: #ffff00; 
text-decoration: underline; 
background-image: URL(http://www.john15.net/images/abgbhover.gif);
}

/* 3d paragraph indent */

p {
text-indent: 40px;
}

/* 4e blockquote */

blockquote {
text-align: justify;
}

/* 4f horizontal rule */

.hr {
height: 4px;
width: 100%;
border: 1px;
border-style: solid;
border-top-color: #7a7a7a;
border-left-color: #7a7a7a;
border-right-color: #2a2a2a;
border-bottom-color: #2a2a2a;
}

/* 4g deleted text */

del {
display: none;
}

/* 4h tables */

.tab {
border: 1px;
border-style: solid;
border-top-color: #2a2a2a;
border-left-color: #2a2a2a;
border-right-color: #7a7a7a;
border-bottom-color: #7a7a7a;
}

.cell {
padding-left: 5px;
padding-right: 5px;
border: 1px;
border-style: solid;
border-top-color: #7a7a7a;
border-left-color: #7a7a7a;
border-right-color: #2a2a2a;
border-bottom-color: #2a2a2a;
}

/* 5a rdf entry box */

.feed {
background-color: #4a4a4a;
background-image: URL(http://www.john15.net/images/bgg.gif); 
padding: 4px; 
border-style: solid; 
border-width: 1px;
border-top-color: #7a7a7a;
border-left-color: #7a7a7a;
border-right-color: #2a2a2a;
border-bottom-color: #2a2a2a;
font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
color: #ffffff;
font-size: 12pt;
}

/* 5b rdf title */

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

/* 5c rdf essay window */

.essay {
height: 300px;
padding: 16px;
overflow: auto;
background-color: #4a4a4a;
background-image: URL(http://www.john15.net/images/bgg.gif);  
border-style: solid; 
border-width: 1px;
border-top-color: #7a7a7a;
border-left-color: #7a7a7a;
border-right-color: #2a2a2a;
border-bottom-color: #2a2a2a;
font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
color: #ffffff;
font-size: 12pt;
}

/* 6a Background Cross on Index Page */

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

/* 6b featured or new article */

.new {
background-color: #4a4a4a;
background-image: URL(http://www.john15.net/images/bgg.gif); 
padding: 30px; 
border-style: solid; 
border-width: 1px;
border-top-color: #7a7a7a;
border-left-color: #7a7a7a;
border-right-color: #2a2a2a;
border-bottom-color: #2a2a2a;
font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
text-align: justify;
color: #ffffff;
font-size: 12pt;
}

/* 6c news page */

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

/* 6g disable autofill yellow */

.wt {
background: #ffffff ! important;
}