/*  
Theme Name: Scripture Start
Theme URI: http://www.scripturestart.com
Description: A custom designed theme for ScriptureStart.com.
Version: 1.0
Author: Jonathan Wold
Author URI: http://www.jonathanwold.com

	All credit for this theme goes to my Father in Heaven. He it is that has 
	blessed me with talents and abilities. Without His help, I am nothing. 
	By His grace, as I choose to walk with Him daily in answer to His call, 
	I will continue to work to His honour and glory.

*/


/* CSS layout by Jonathan (jonathanwold.com) */

/* Body, Main Container, and "Shell" styles begin below 
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

body, html { margin: 0; padding: 0;}

* { margin: 0; padding: 0 } /* Resets all margin/padding on all elements */

body {
  background: white; 
  
  font-family: Verdana, Arial, sans-serif;  
  font-size: 62.5%; /* This resets 1em to a nice 10px */
  color: #555;
  }
  
p { font-size: 1.3em; }  

a:link { color: #0648ad; text-decoration: none; font-weight: bold; }
a:visited { color: #244f92; text-decoration: none; font-weight: bold; }

a:hover { text-decoration: underline; }
    
#theContainer {
  width:760px;
  margin: 0 auto; 
  background: white; 
  }
  
#headershell {
   padding: 0 2px 2px 2px;
   border: 1px solid #AAA;
   border-top: none;
   margin-bottom: 20px;
   }  
  
#contentshell {
   width: 540px;
   float: left;
   }

#rcolumnshell {
   width: 210px;
   float: right;
    
   border-left: 1px dashed #ccc;
   }   

/* Header Styles Begin Below 
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

#header {
   height: 60px;
   background: #d8e5fa;  
   }  
   
div#header h1 { font-size: 2.3em; text-indent: 10px; padding-top: 8px; color: #0e3d84;  } 
div#header a { color: #0e3d84; text-decoration: none; }
div#header p { text-indent: 10px; }  

#headerNav { 
   position: relative;
   bottom: 30px;
   left: 550px;    
   }
  
/* Welcome Box Styles Begin Below - Visitor greeting, first time instructions, etc 
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

#welcome { 
   width: 758px;
   margin: 0 0 20px 0;
   border: 1px dashed #AAA;
   background: #FEF5D3;   
   text-align: left; 
   }
   
#welcome p { margin: 10px; }  
      
  
/* The Content Styles Begin Below - Blog entries, etc 
   Note: For Date and Time Styles, scroll down
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/



#theContent h2 { font-size: 1.8em; }
#theContent h3 { font-size: 1.6em; font-weight: bold; }
#theContent p { margin: 10px 0; line-height: 1.6em;  }

div#theContent h2 a { color: #0e3d84; text-decoration: none; }

em.underline { font-style: normal; text-decoration: underline; }
  
.entryExcerpt { 
   float: left; 
   width: 445px; 
   margin: 0 0 35px 0;
   }
   
.entryFull {
   margin: 0 0 30px 0;
   }
   
ul.bibleFacts { 
  margin: 20px 0 20px 30px; 
  }
ul { 
  font-size: 1.2em;
  margin: 0 0 0 10px;
  }
  
li { margin: 10px 0; }
     
.question, .question2, .question3 {
  padding: 5px;
  border: 1px dashed #ccc;
  background: #eee;
  }
     
.answer, .answer2, .answer3, .clickforanswer, .clickforanswer2, .clickforanswer3 { 
  padding: 5px;
  border: 1px dashed #ccc;
  background: #e4f3fd;
  }      
   
.scripture {
  padding: 5px 15px 5px 35px;
  background: url(images/scripture.png) no-repeat 0 5px; 
  }
  
	.scripture cite {
	  margin: 0 0 0 4px; 
	  }  
	  
	.subVerse {
	  padding: 0 0 0 65px;
	  background: url(images/subscripture.png) no-repeat 30px 0; 
	  }  
  
.studentNote {
  padding: 0 0 0 35px;
  }  
  
   .firstNote {
     padding: 0 0 0 35px;
     background: url(images/student-notes.png) no-repeat 0 10px;
	 }
	 
   .subNote{
	  padding: 0 0 0 65px;
	  background: url(images/subnote.png) no-repeat 30px 0; 
	  } 	 
	 
  
.summary {
  padding: 0 0 0 35px;
  }  
  
   .firstSummary {
     padding: 0 0 0 35px;
     background: url(images/summary.png) no-repeat 0 10px;
	 }  
	  
.call-to-action {
  padding: 0 0 0 35px;
  background: url(images/call-to-action.png) no-repeat 0 10px;
  }  
  
.testimony {
  padding: 0 0 0 35px;
  background: url(images/testimony.png) no-repeat 0 10px;
  }    
     
/* Archive Styles Begin Below 
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
   
h2.pagetitle { margin: 0 0 10px 0; }
 
/* Right Navigation Styles Begin Below 
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

a img#rss-button { 
  border: none;
  margin: 10px 0 10px 20px; 
  }

#rightNav {
  padding: 0 13px;  
  }  
 
.rightBox { 
  padding: 2px; margin: 0 0 13px 0;;
  border: 1px solid #AAA;
  }
    
div.rightBox h2 {
  line-height: 20px;
  height: 20px;
  width: 180px;   
  background: #edf2fa;
  
  color: #666;   
  text-indent: 5px;
  font-size: 1.5em;
  }
  
div.rightBox fieldset {
  padding-top: 3px;
  width: 180px;
  background: #edf2fa;
  border: none; 
  border-top: 1px solid white;
  }
  
div.rightBox fieldset p { padding: 0 8px; margin: 0.3em 0; clear: left; line-height: 1em; }
div.rightBox input { margin: 0 5px 0 0; }
  
.boxContent p { padding: 0 10px; }  
 
div#rightNav h3 { 
  padding: 0 0 5px 0;
  font-size: 1.6em; 
  text-indent: 5px; 
  border-bottom: 1px dashed #ccc;
  }
  
#rightNav ul { 
  margin: 5px 0 15px 15px;
  list-style: none; 
  font-size: 1.3em;
  }  
  
#rightNav li {
  padding: 3px 0 0 18px;
  background: url(images/bullet.gif) no-repeat 0 6px;
  margin: 2px 0;
  }  
 
/* Comment Styles Begin Below 
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

h3#comments { font-size: 1.6em; clear: both; border-top: 1px dashed #AAA; padding: 10px 0 0 0; }

h3#respond { font-size: 1.6em; clear: both; border-top: 1px dashed #AAA; padding: 10px 0 0 0; }
      
  
/* Footer Styles Begin Below 
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

#footer {
  height: 120px;
  border-top: 1px dashed #CCC;
  width: 700px;
  text-align: left;
  margin: 0 auto;
   
  clear: both;
  
  display: none; /* Hides the footer while we decide what to do with it */
  }  
  
#footer p { padding: 10px; }  


/* Date and Time Styles Begin Below 
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

.postTime { 
   float: left;
   width: 80px;
   height: 100px;
   margin: 0 10px 0 0;
   
   background: url(images/date.gif) no-repeat 18px 5px;
   border-right: 1px dashed #ccc;
   }
   
.month { 
   color: white; 
   font-weight: bold;
   margin: 6px 0 3px 0; 
   display: block; 
   text-align: center;
   text-transform: uppercase;
   }   
   
.day { 
   color: #333; 
   font-size: 2em; 
   margin: 0 3px 5px 0;
   text-align: center; 
   display: block;
   }
   
.time {
   text-align: center;
   display: block;
   color: white;
   font-weight: bold;
   font-size: .9em;
   }