/* CSS document for tabernaclehope.com
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


/* General styling is done here
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

* { Padding: 0; Margin: 0; Border: 0; }

body { 
  Width: 800px;
  Margin: 0 auto;
  Background: #ffffff;
  Color: #223366;
  Font-Size: 14px;
  Font-Family: Tahoma, Helvetica, Arial, sans-serif; }


blockquote { Margin: 0.2em 1em; }
 
a:link, a:visited { Color: #4444dd; }
a:hover { Color: #2222aa;}

.centerText {
   	Text-Align: center;
	Float: none; }
.italicized { Font-Style: italic; }
.makeBold { Font-Weight: bold; }
.Red { Color: #ff0000; }
.Black { Color: #000000; }

.Centered { 
	Margin-Left: auto !important;
	Margin-Right: auto !important;
	Float: none !important; }
.Right { 
	Margin: 5px 10px 5px 15px;
	Float: right; }
.Left { 
	Margin: 5px 15px 5px 10px;
	Float: left; }

.myAddition { Color: #dd1100 !important; }

.clearALL { Clear: both; }

/* For biblical verses
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.biblequote { 
	Display: block;
	Background: url(../images/layout/backgrounds/oldpaper2.jpg) repeat-y;
	Font-Family: Georgia, "Times New Roman", Times, serif; 
	Border-Top: 1px dashed #000066;
	Border-Bottom: 1px dashed #000066;
	Margin: 0.3em 1em 0.3em 25px;
	Padding: 0.3em 1em 0.3em 1em;
	Font-Size: 110%;
	Color: #111111; }

.bibleverse { 
	Margin-Left: 10px;
	Padding-Left: 20px;
	Background: url(../images/layout/bullets/bibleverse.png) no-repeat 0.2em 0.3em;
	Font-Size: 90%;
	Font-Weight: bold;
	Color: #000066; }
	
.Lord { Font-Variant: small-caps; }
.quoteJesus { Color: #ff0000; }


/* For people's pic and bio
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.bio {
    Display: block;
	Clear: both;
	Margin: 0.5em auto;
	Width: 524px; }

.pic_frame { 
	Background: url(../images/layout/borders/pic.png) no-repeat;
	Position: absolute;
	Overflow: hidden;
	Top: 0px;
	Left: 0px;
	Width: 150px;
	Height: 200px; }

.picture { 
	Position: relative;
	Background-Color: #ffffff;
	Width: 150px;
	Height: 200px;	
	Margin: 0px 10px; }

/* For the header
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#header { 
  Margin: 15px auto 0 auto;
  Background: #ffffff url(../images/templates/banner3.jpg) no-repeat;
  Height: 228px;
  Width: 792px;
  Width: 100%; }

#header #nav { 
  Position: absolute;
  Font-Size: 85%;
  Width: 585px; 
  Top: 200px;
  Padding: 0px 0 8px 15px; 
  Font-Family: Verdana, Helvetica, Arial, sans-serif; }

#header #nav .pic { 
/*  Background: url(../images/templates/dk-cross-button.png) no-repeat; 
  Height: 125px; */
  Background-Color: #223366;
  Color: #bbbbcc;
  Float: left; 
  Max-Height: 19px;
  Padding: 8px; 
  Cursor: pointer; 
  Border: #333333 solid 1px;
  Border-Right: #aaaaaa solid 2px;
  Border-Bottom: #cccccc solid 2px; }
  
#header #nav .pic:hover, #header #nav .pic .current  { 
/*  Background: url(../images/templates/cross-button.png) no-repeat;
  Height: 125px; */
  Background-Color: #4466aa;
  Color: #eeee11;
  Float: left;
  Max-Height: 19px;
  Padding: 8px; 
  Border: #cccccc solid 1px;
  Border-Right: #555555 solid 2px;
  Border-Bottom: #333333 solid 2px; }

/*
#header #nav #nav1 { Background: url(../images/linkpics/dkcontact.jpg) no-repeat; }
#header #nav #nav2 { Background: url(../images/linkpics/dkresearch.jpg) no-repeat; }
#header #nav #nav3 { Background: url(../images/linkpics/dksale.jpg) no-repeat; }
#header #nav #nav4 { Background: url(../images/linkpics/dkgrading.jpg) no-repeat; }
#header #nav #nav5 { Background: url(../images/linkpics/dkglossary.jpg) no-repeat; }
#header #nav #nav6 { Background: url(../images/linkpics/dkhistory.jpg) no-repeat; }
#header #nav #nav1:hover, #header #nav .current#nav1 { Background: url(../images/linkpics/contact.jpg) no-repeat; }
#header #nav #nav2:hover, #header #nav .current#nav2 { Background: url(../images/linkpics/research.jpg) no-repeat; }
#header #nav #nav3:hover, #header #nav .current#nav3 { Background: url(../images/linkpics/sale.jpg) no-repeat; }
#header #nav #nav4:hover, #header #nav .current#nav4 { Background: url(../images/linkpics/grading.jpg) no-repeat; }
#header #nav #nav5:hover, #header #nav .current#nav5 { Background: url(../images/linkpics/glossary.jpg) no-repeat; }
#header #nav #nav6:hover, #header #nav .current#nav6 { Background: url(../images/linkpics/history.jpg) no-repeat; }
*/


/* The rest of the page (minus the footer)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#bodymain { Clear: both;
/*  Background: #6699cc; */
  Width: 100%; 
  Margin-Top: 10px; }

/* For the sidebar
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#sidebar { Float: right;
  Margin-Top: 20px; 
  Padding-Bottom: 6.6em; 
  Width: 24%; }
#sidebar h2 { Font-Family: Helvetica, sans-serif; 
  Font-Size: 125%;
  Color: #222277;
  Padding: 10px 0 0 4px;
  Border-Bottom: #4455aa solid 3px; }
#sidebar ul {
  Padding-Right: 5px;
  Border-Left: #66ccff solid 20px;
  Border-Bottom: #66ccff solid 2px; 
  Margin-Bottom: 5px;
  Display: block; }
#sidebar li {
  Font-Size: 90%;
  Line-Height: 1.8;
  List-Style: none;
  
  Color: #3388cc;
  Background: url(../images/linkpics/arrow.gif) no-repeat 0 4px;
  Margin-Left: -10px;
  Padding-Left: 15px; }
#sidebar a { Text-Decoration: none; }
#sidebar a:link, #sidebar a:visited { Color: #222277; }
#sidebar a:hover { Color: #3388cc;}

#sidebar ul.submenu { 
  Border-Left: #999933 solid 18px;
  Margin-Left: -5px;
  Border-Bottom: 0px; 
  Margin-Bottom: 0; 
  Font-Size: 85%; }


/* For the content
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#content { Float: left; 
  Width: 74%; 
  Padding-Bottom: 4.8em; }
#content h1 { Font-Family: Georgia, "Times New Roman", Times, serif;
  Font-Size: 150%;
  Color: #112255;
  Letter-Spacing: 0.1em;
  Font-Variant: small-caps; 
  Line-Height: 1.8; }
#content h2 { Font-Family: Georgia, "Times New Roman", Times, serif; 
  Font-Size: 125%; 
  Color: #112255;
  Text-Decoration: underline;
  Padding: 0 5px;
  Line-Height: 1.8; }
#content h3 { Font-Family: Georgia, "Times New Roman", Times, serif; 
  Font-Size: 100%; 
  Color: #112255;
  Padding: 0 5px;
  Line-Height: 1.8; }
#content h3.clearRight { Clear: right; }
#content p { 
  Font-Size: 95%;
  Text-Align: justify;
  Padding: 0 5px 1em 10px;
  Letter-Spacing: 0.15em;
  Line-Height: 1.5; }
#content p .term { Font-Size: 112%;
  Font-Weight: bold;
  Margin-Left: -15px; 
  Padding-Right: 20px; }
#content p.def { Padding-Left: 30px; }

#content .listing { Width: 400px; 
  Margin-Left: auto;
  Margin-Right: auto; }

#content ol { Margin-Left: 45px; }
#content ol li { 
  Font-Size: 90%;
  Padding: 0 0 1em;
  Letter-Spacing: 0.08em;
  Line-Height: 1.5; }

#content ul {
  Display: block;
  Margin-Top: -10px;
  Padding: 0px 5px 10px 10px; }
#content ul li {
  Font-Size: 90%;
  Line-Height: 1.8;
  List-Style: none;
  Display: block;
  Color: #444444;
  Background: url(../images/linkpics/arrow2.gif) no-repeat 0 9px;
  Padding-Left: 15px; }
#content a { Text-Decoration: underline; }


/* For the sticky footer
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#footer { Position: fixed;
  Width: 800px;
  Margin: 0 auto;
  Height: 4.0em;
  Bottom: 0px;
  Background-Color: #ffffff;
  Line-Height: 1.2em;
  Padding-Top: 0.2em;
  Border-Bottom: #3388cc solid 2px;
  Border-Top: #3388cc solid 1px; }

#footer p { 
  Font-Size: 85%;
  Font-Weight: bold;
  Color: #222277;
  Text-Align: center; }
#footer p .title { 
  Display: block;
  Margin-Bottom: 0.3em;
  Font-Size: 116%; }


/* comments
----------------------------------------------- */

.comments_error {
color: #000;
background-color: #fff4f4 
}

ul.comments_error {
padding : 0.3em;
list-style-type: circle;
list-style-position: inside;
border: 2px solid #fdd;
}

div#cpreview {
color: #000;
background-color: #f1f1f1;
border: 2px solid #ddd;
}

form#txpCommentInputForm td {
vertical-align: top;
}

input, select {
  Background-Color: #ddeeff;
  Color: #222255; 
  Font-Family: Verdana, Arial, Helvetica, sans-serif;

  Padding: 0.25em;
  Width: 150px;
  Margin-Left: 1em;
  Border: 1px solid #cccccc;
  Border-Right: 1px solid #888888;
  Border-Bottom: 1px solid #888888;
			
  Font-Size: 90%; }