/* WOLF cms CSS > BibleRefShelf version
 *
 * Initial public release: 20090801
 * Appearance inspired by EveryBlock = http://www.everyblock.com/
 * Adapted from Matthew James Taylor's "Holy Grail 3 column liquid-layout" = http://bit.ly/ejfjq
 *
 * NOTES:
 * Left/Right columns set to 280px width
 * No snippets used; but snippet blocks for header, secondary nav, and footer are indicated
 *
 * *********** */

/* RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }

/* BASIC SETTINGS */
body {
	/* text-align:center;    	use this only for fixed layout */
	margin:0;
	padding:0;
	width:100%;
	background:#ccf; /* ccc */
	min-width:600px;		/* Minimum width of layout - remove line if not required */
	/* The min-width property does not work in old versions of Internet Explorer */
	line-height:130%;
	font-size:90%;
	font-family: Cambria, Georgia, serif;
}

h1, h2, h3, h4 {
	font-family: 'Calibri','Trebuchet MS','Verdana','Helvetica',Arial,sans-serif;
	margin:.8em 0 .2em 0;
	padding:0;
}
p {
	margin:.4em 0 .8em 0;
	padding:0;
}
strong { font-weight: bolder; }
em, cite { font-style: italic; }
a, a:visited {
	color: #336;
	background: inherit;
	border-bottom: 1px dotted #336;
	text-decoration: none;
}
ul, ol { list-style: none; }
a:hover {
	color: #669;
	background: inherit;
	border-bottom: none;
	text-decoration: underline;
}
img {
	background: #FAFAFA;
	border: 1px solid #E4E4E4;
	padding: 6px;
	margin: 0 6px;
}
blockquote {
	padding: 0 12px;
	border-left: 6px solid #669;
	color: #669;
	line-height: 1.4em;
}
/* table stuff */
table h3 { 
	margin: 0;
	padding: 0;
}
td {
	vertical-align: top;
	padding: 6px;
}
dt { font-weight:bold; }
dd:before { content: "» "; } 
dd {
	padding-left: 8px; 
	list-style-type:circle
}

/* SITE STRUCTURE */
#header {
	float:left;
	width:100%;
	padding:.3em 0;
	margin:0;
	background-color: #336;
	color: #fff;
}
#nav {
	float:left;
	width:100%;
	padding:.2em 0;
	margin:0;
	background-color: #669;
	border-bottom: 6px solid #666;
	font-family: 'Calibri','Trebuchet MS','Verdana','Helvetica',Arial,sans-serif;
}

/* USE THIS #fixed DIV FOR FIXED LAYOUT ONLY */
#fixed {
	margin:0 auto;
	width:960px;   /* you can use px, em or % */
	text-align:left;
}

#colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
	background:#fff;		/* Left column background colour */
}
#colmid {
	padding-bottom:1.0em;
	float:left;
	width:200%;
	position:relative;
	left:280px;				/* 200 */
	background:#fff;    	/* Centre column background colour */
}
#colright {
	float:left;
	width:100%;
	position:relative;
	left:50%;
	margin-left:-560px;		/* 400 */
	background:#fff;    	/* Right column background colour */
}
#col1wrap {
	float:right;
	width:50%;
	position:relative;
	right:100%;
}
#col1pad {
	margin:0 15px 0 575px;		/* 415 */
	overflow:hidden;
}
/* col1 = main content */
#col1 {
	width:100%;
	overflow:hidden;
}
/* col2 = sidebar */
#col2 {
	float:left;
	width:250px;		/* 170 */
	position:relative;
	margin-left:-50%;
	left:295px;			/* 215 */
	overflow:hidden;
}
/* col3 = secondary nav */
#col3 {
	float:left;
	width:250px;		/* 170 */
	position:relative;
	left:15px;
	overflow:hidden;
}
#footer {
	clear:both;
	float:left;
	width:100%;
	padding:0;
	margin:0;
	background-color: #ccf;
	border-top: 4px solid #666;
}

/* STYLES */
#header h1  {
	padding:.2em 15px .2em 20px;
	margin:0;
	font-size: 24px;
	font-weight: bold;
}
#header h1 a { color: #fff; }
#header h1 a:hover {
	color: #ff9;
	text-decoration: none;
}

#header .tagline {
	color: #ff9;
	font-size:12px;
	padding-left: 10px;
	font-weight: normal;
}

#nav {
}
#nav ul {
	list-style-type: none;
	/* margin: 6px; */
    margin: 6px 0 0px 12px;
	color: #fff;
	font-weight: bold;
}
#nav ul li {
	list-style-type: none;
	display: inline;
	margin: 4px 12px;
    /* margin: 0.3em 1em; */
}
#nav ul li a {
	padding: 4px 6px;
    /* padding: 0.3em 1em; */
	color: #fff;
	text-decoration: none;
	border-bottom: 6px solid #666;
}
#nav li a.current {
	color: #ff9;
	border-bottom: 6px solid #ff9;
}
#nav li a.current:hover {
    /* background-color: #fff; */
}
#nav ul li a:hover {
	color: #ccf;
	/* padding: 4px 6px; */
	/* background-color: #966; */
	border-bottom: 6px solid #ccf;
	text-decoration: none;
}

/* all three middle columns */
#colmid h2 {
	color: #003;
	font-size: 20px;
	font-weight: bold;
	padding: 0 0 8px 0;
}
#colmid h2 a {
	color: #76aac9;
	text-decoration: none;
}
#colmid h2 a:hover {
	color: #7C90A1;
}
#colmid h3, #colmid h4 {
/*	border-top: 1px solid #dfe3e4; */
	padding: 4px 0;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 8px;
}
#colmid h4 {font-size: 14px;}
#colmid ul, ol {
	line-height: 1.4em;
	margin: 0 0 0 24px;
	color: #666;
}
#colmid ul li {
	line-height: 1.4em;
	list-style: square;
	padding-left: 4px;
}
#colmid ol li {
	line-height: 1.4em;
	list-style: decimal;
	padding-left: 2px;
}
#col3 ul li {
	font-weight: bold;
}
.post-title p, .post-title_homepage p {
	font-size:small;
	font-family: 'Calibri','Trebuchet MS','Verdana','Helvetica',Arial,sans-serif;
	color: #bbb;
	padding-top: 0;
	border-top:none;
}
.post-title p {
	padding-top: 4px;
	border-top: 1px solid #c6c6c6;
}
.post-title a, .post-title a:visited, .post-title_homepage a, .post-title_homepage a:visited {
	color: #bbb;
	text-decoration: underline;
	border-bottom:none;
}
.post-title a:hover, .post-title_homepage a:hover {
	color: #bbb;
	text-decoration: none;
	border-bottom:none;
}
.postdate {
	padding-right: 4px;
}
.update, .tagged {
	padding: 0 4px;
}
.footnote { /* first footnote only */
	margin: 12px 0;
	padding-top: 6px;
	border-top: 1px solid #c6c6c6;
	font-size: small;
}
.nextnote {  /* subsequent footnotes */
	margin: 12px 0;
	font-size: small;
}
img.rss {
	margin: 0;
	padding-top: 0;
	border: none;
	vertical-align: -50%;
}
ul#author-index {
	padding-left:0.5em;
}
ul#author-index li {
	list-style-type: none;
	text-indent:-1.5em;
}

/* footer */
#footer {
	padding: 12px 0 12px 0;
	font-size: 0.95em;
	color: #777;
	text-align: center;
}
#footer p {
	padding:10px 0;
	font-size:small;
}
#footer a:hover {
	color: #555;
	border-bottom: 1px dotted #555;
	text-decoration: none;
}

/* info, comment */
.info, .comment-captcha-success, .success, #searchform {
	margin: 8px 0;
	padding: 6px;
	font-size: 0.8em;
	color: #666;
	background: #f6f6f6;
	border: solid 1px #ccf;
}
.comment {
	padding-top: 6px;
	border-bottom: 1px solid #f6f6f6;
}
.comment-each { text-align:center; }
.comment-form-body {
	width: 450px;
}
.comment-captcha-success, .success {
	width: 440px;
	text-align: center;
	font-weight: bold;
}
#comment-captcha {
	vertical-align:middle;
}
/* comments list */
#commentlist ol {
	list-style: none;
	margin: 10px 0;
	padding: 0;
	border-style: solid;	
	border-color: #ccf;	
	border-width: 1px 1px 0 1px;
}
#commentlist ol li {
	margin: 0;
	padding: 10px;
	list-style: none;
	border-bottom: 1px solid #ccf; 
}
#commentlist li cite {
	display: block;
	font-style: normal;
	font-weight: bold;
	padding: 6px;	
}
#commentlist li cite img {
	vertical-align:middle;
	float: left;
	margin-right: 10px;	
}
#commentlist li cite .comment-data {
	font-size: .8em;
	font-weight: normal;
}
#commentlist li .comment-text {
	padding: 0 6px;
	clear: both;
	margin-left: 66px;
}
#commentlist li.alt {
	background: #f6f6f6; 
}

/* CONTACT ME - contact form */
#contactForm legend {
    font-weight: bold;
    display: none;
}

#contactForm ul,#contactForm ol {
    list-style:none;
    margin:0
}

#contactForm li {
    list-style:none;
    margin:0 0 1em 0;
    clear:both
}

#contactForm label {
    display:block;
    margin:0 0 .25em 0;
    font-weight:bold
}

/* tbcontact form */
.tbContactform .antispam {
	display:  none;
	visibility: hidden;
}
.tbContactform label {
	width:  95px;
	display:  inline-block;
	vertical-align: top;
	clear: both;
}

.tbContactform input.text,
.tbContactform textarea {
	width:  225px;
	padding: 2px;
}

.tbContactform textarea {
	height:  115px;
}

.tbContactform input.submit {
	display: block;
  	margin-left: 250px;
  	width:  auto;
}

.tbContactform .tbErrors p {
	color: #FF0000;
}

/* search form settings */
#searchframe { 
	/* see .info settings above */
}
#searchform form {
	margin: 15px 10px;
	padding: 5px 10px 20px 10px;
	border: 1px solid #ccf; 
	background-color: #f6f6f6; 	
}
/* #searchform label {
	display: block;
	font-weight: bold;
	margin: 8px 0 5px 0;
	color: #666579;
} */
#searchform input, select {
	padding: 4px;
	font-style: normal
	font-family: Calibri, 'Trebuchet MS', Helvetica, Arial, Sans-serif;
	color: #aaa;
	background-color: #f6f6f6;  	
}
/* #searchform textarea {
	width: 400px;
	padding: 8px 4px;
	font: normal 1em Verdana, sans-serif;
	height: 100px;
	display: block;
	color: #aaa;
} */
#searchform input, textarea, select {
	background-color: #f6f6f6;
	padding: 4px;
  	border-width: 1px;
  	border-style: solid;
  	border-color: #ccf #fff #fff #ccf; 
}
#searchform input.button { 
	font: bold 12px Calibri, 'Trebuchet MS', Helvetica, Arial, Sans-serif; 
	height: 20px;
/*	margin: 0 6px; */
	padding: 0 3px; 
	color: #333;
	background-color: #f6f6f6;
	border-width: 1px;
  	border-style: solid;
  	border-color: #ccf #fff #fff #ccf ;
}

/* table styling here 
   by R.Christie
   see http://www.smashingmagazine.com/2008/08/13/top-10-css-table-designs/
*/
.box-table {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 16px 8px;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
}

.box-table th {
	font-size: 13px;
	font-weight: bold;
	padding: 8px;
	background: #f6f6f6;
	border-top: 4px solid #669;
	border-bottom: 2px solid #669;
	color: #666;
}

.box-table td {
	padding: 8px;
	background: #fff; 
	border-bottom: 1px solid #ccc;
	color: #666;
	border-top: 1px solid transparent;
}

.box-table tr:hover td {
	background: #E3E3FF;
	color: #339;
}

/* ~~~~~ START : SITESEARCH PLUGIN CSS ~~~~~ */
  /* Paging */
  #paginator {
    font-size:0.8em;
    overflow:auto;
    padding:4px;
  }
	
  .pageselected {
    font-size:1.1em;
    font-weight:bold;
    color:#ddd;
    background-color:#555;
    border:1px solid #666 !important;
    padding:1px 3px 1px 2px !important;
    margin:0 2px 0 2px !important;
  }

  #paginator li, .pageselected {
    font-size:1.1em;
    line-height: 1.4em;
    border:1px solid #a6a6a6;
    padding:1px 6px 0px 5px !important;
    margin:0 7px 0 0!important;
    list-style-type:none !important;
    float:left;
    display:block;
  }
  .searchdesc {font-style:italic;font-size:small;color:#4c4c4c;}
  .searchlink, .searchscore {font-family:monospace,serif;font-size:x-small;}
  a:hover.page {
    color:#444;
    background:#f0f0f0;
  }
/* end - sitesearch css */

.area51 {margin-top: 8px; }
.area51 a { text-decoration: none; border: none; }

/* *****
 * HR css HT: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/hr 
 */
hr {
    border: none;
    border-top: 3px double #333;
    color: #333;
    overflow: visible;
    text-align: center;
    height: 5px;
    padding: 4px 0;
}
hr:after {
    background: #fff;
    content: '§';
    padding: 0 4px;
    position: relative;
    top: -13px;
}