/* 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 { 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: 0 4px;
/*	margin: 10px 0 5px; */
}
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;
}

/* 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;
	text-align:center;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
	background:#fff;		/* Left column background colour */
}
#colmid {
/*	margin: 0 auto; */
	text-align:left;
	width:66%;
	padding: 0 2.0em;
	position:relative;
	background:#fff;    	/* Centre column background colour */
}
#colleft {
	text-align:left;
	float:left;
	width:28%;
	position:absolute;
	top:6px;
	right:0px;
}
#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, #colmid ol, #colleft ul {
	line-height: 1.6em;
	margin: 0 0 0 24px;
	color: #666;
}
#colmid ul li, #colleft ul li {
	line-height: 1.6em;
	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%;
}

/* 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, #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 {
	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 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;
}