/*defaults*/
*{margin:0; padding:0;}
blockquote{display: block;
    margin-block-start: 1em;
    margin-block-end: 3em;
    margin-inline-start: 40px;
    margin-inline-end: 40px;}
p{margin-top:1em; }
p.address {padding-bottom:3px;}
p.details { clear:both; border-top:#cccccc 1px dotted; margin-top:5px; line-height:25px; }
p .nav{margin:0;}
a:link, a:visited {color: #0000cc;text-decoration: underline;}
a:hover, a:active {color:#CC0000;  text-decoration:underline; }
a img {border: none;} 
table{width:100%; padding:0px; border-collapse:collapse;}
th,td, td p{text-align:left;}
textarea{padding:5px;}

/* Adjust this to more than actual sidebar height
#content {min-height:1400px;}*/

h1{font-size:130%; line-height: 120%; color: #333333; }
h2{font-size:110%;font-weight:normal;line-height: 120%;margin: 1em 0 3em 0;}
h1 span{font-weight:normal; font-size:20px; color: #333333;}
h3 { font-family:arial,sans-serif; color: #808080; font-size: 14pt; margin: 0; padding:0; }
h3 span{margin: 0px; padding: 2px 6px; border: none; background-color: rgb(0, 136, 195); border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; text-align: center; display: inline-block; vertical-align: middle; }
h5, h6 {font-size:100%;  color:#333333; margin-top:5px; margin-bottom:0; }

#the_loop h3{ font-family:arial, sans-serif; color: #333333; font-size:18px; margin: 1em 0; }
#the_loop .sep{ border-bottom:#cccccc 1px solid; margin-top:1em; margin-bottom:2em;  padding-bottom:1em; }
#the_loop h4, #sticky h3, #headline h3, #featured h3, #popular h3, #latest h3, .sitem h3, #top h3{font-size:100%; padding:0px 0px 10px 0px; border-bottom:#cccccc 3px double; margin-bottom:10px; }

#sticky h2 a, #headline h2 a, #post-headline a {color:#333333; display:block; margin-top:7px; padding-bottom:2px; border-bottom:#cccccc 1px dotted; }

/*body and wapper*/
body {font-family:helvetica, arial, sans-serif; font-size:13pt;color:black;
background-image:url('http://www.fouyebible.com/i/bible-backgound.gif');
}

/*header and body*/
#wrapper { background:#ffffff; width:972px; height:100%; margin:12px auto; position:relative;}

#header {
border-bottom: 3px solid #3B5998;
padding-bottom:.5em;
padding-top:.5em;
font-family:Verdana, sans-serif;
display:block;
width:972px;
/* height:90px; */}

#header #site-heading a, #header #site-description { color:#000000; }
#header #site-heading { font-weight:bold; padding-top:0px; font-family:georgia, sans-serif; font-size:200%; margin-top:0; margin-bottom:0; }
#header #site-heading a:hover, #header #site-heading a:active { text-decoration:none; border-bottom:#FFFFFF 1px dotted; }
#header #site-description { font-weight:normal; font-size:14px; padding:0 0 0 12px; font-family:Verdana, sans-serif; margin-top:0; margin-bottom:0; }
#headerwidget { float:right; width:728px; height:90px; margin:0 10px; overflow:hidden;}
#headerwidget .widget h3 { margin-top:0; }

#sitetop {font-family: verdana, arial, sans-serif; font-size : 10pt; margin-bottom:20px;display:block;}
#sitetop .nav{width: 972px; text-align:right;margin: 0 auto; background:#f4f4f4; padding:5px;}
#sitetop ul{list-style-type: none; }
#sitetop ul li { display:inline; padding: 0px; }
#sitetop ul li a { padding: 0px 0px 0px 20px;}

/*top menu*/
#nav { display:inline-block; position: relative; z-index: 100; width:100%; background: #3B5998; border-top:  1px solid #e5ecf9;}
#nav li {margin:0; float: left; }
#nav li li{float: none; }
#nav li li a:before{content: " > ";}
#nav ul{margin: 0px; padding: 0px; list-style-type: none; }
#nav a {display:block; background-color: #3B5998;  padding: 4px 20px 4px 4px; color: #ffffff; border-right: 1px solid #e5ecf9;}
#nav a:hover {background-color: #CC0000; text-decoration:none;}
#nav li ul {display: none; border: 1px #FFFFFF outset}
#nav li:hover ul{ display: block; position: absolute;}
#nav li:hover ul li a { float: none; width: 10em; border: none;}

/*content*/
#content{display:block; position: relative; clear:both; margin:10px; min-height:680px}
#center {position:relative; z-index:20; width:452px; padding:0px; margin-left:180px;}
#the_loop, #sticky, #headline, #latest, #comments { width:452px; overflow:hidden; }
.espas{display: block; clear:both; margin:0 !important}

.section{margin-top: .5em; margin-bottom:1.5em; display:block; overflow:auto; padding-bottom:.5em; border-bottom:#cccccc 1px dotted;}
.section h2, .section div{margin-bottom: .5em !important;}

.adwat{float:right;}
.dwatgosh div#gosh{float:left;}
.dwatgosh div#dwat{float:right;text-align:right;}
.dwatgoshmitan div#gosh{float:left;width:30%;}
.dwatgoshmitan div#mitan{float:left;text-align:center;width:38%;}
.dwatgoshmitan div#dwat{float:right;text-align:right;width:30%;}



.breadcrumbs {font-family : arial, sans-serif ;font-size : 12px; margin-bottom:.5em;}
.post_date {font-family : arial, sans-serif ;font-size : 13px; color:#c0c0c0; text-align:right}
.smalltext, .smalltext p, .txt2, .txt2 p, .txt1 td {font-size : 80%; }
.smallertext{font-family : arial, sans-serif ;font-size : 11px;}
.txtovell{white-space:nowrap;overflow:hidden; text-overflow:ellipsis;}
.graytext, .graytext a, .breadcrumbs, .breadcrumbs a{color:#c0c0c0;}
.l, .b{font-weight:bold;}


 .sbs2 {list-style: none; 
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
width:50%;
 float:left; font-size:90%; }

 .sbs3 {list-style: none; 
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
width:33%;
 float:left;  font-size:90%;
 padding-right:6px; }

#the_loop ul { list-style-type:none; }
#the_loop li{display:block; border-bottom:#cccccc 1px dotted; }
#the_loop li a{display:block;padding:10px; } /* makes  link clickable outside linked text*/
#the_loop li.inactive{display:block;padding:4px; color:#777777;} /* makes  link clickable outside linked text*/
#the_loop li a:hover {background-color: #f2f5f7;}

/*image align*/
.imgtb10 {margin: 10px 0px 10px 0px;}
.imgleftrb10 {float:left;clear:left;border:0px;margin: 0px 10px 10px 0px;}
.imgleftr10 {float:left;clear:left;border:0px;margin: 0px 10pt 0px 0px;}
.imgrightl10 {float:right;clear:right;border:0px;margin: 0px 0px 0px 10px;}
.imgrightlb10 {float:right;clear:right;border:0px;margin: 0px 0px 10px 10px;}

/*image thumb display block*/
div.img { margin :2px; border:1px solid #3B5998; height:auto; width:auto; float:left; text-align:center; }
div.img img { display:inline; margin:3px; border:1px solid #ffffff; }
div.img a:hover img { border:1px solid #3B5998; }
div.desc { text-align:center; font-weight:normal; width:120px; margin:1px 3px; }

span.topicmedia{
margin:1em; clear:both;
}

.topicmedia img{float:left;clear:left;border:0px;margin: 0px 10px 10px 0px;}

/*album image display block*/
div .imgwrap {background:#f2f5f7; margin: .2em 0 .2em 0; padding:10px 0px; border-top:1px solid #bbbbbb; border-bottom:1px solid #bbbbbb; clear:both;  text-align:center}

/*Navigation*/
div.pagination {font-family: verdana, arial, sans-serif; color:#000000; padding:10px 0 10px 0; font-size: 10pt; margin:auto; }
div.pagination div {padding:0 0 10px 0; text-align:center}
div.pagination a { padding:3px; margin:2px; text-decoration:none; }
div.pagination a:hover, div.pagination a:active { }
div.pagination span.current { padding:3px; margin:2px; color:#000000; font-weight:bold;} 
div.pagination span.disabled { display:none; }

/*shades & grids*/
.gridTitle, h1{ border-top: 1px #FFFFFF solid; border-bottom: 1px #C5DBEC solid; border-right: 1px #FFFFFF solid; background-color: #EAF4FD; font-weight : bold; padding:5px}
.gridRow, .gridRowAlt{ border-top: 1px #C0C0C0 solid; padding:10px 5px 5px 5px;}
.gridRowCh,.gridRowChAlt{ padding:0px 5px 5px 20px; }
.gridRow, .gridRowCh{background-color: #FBFBFB; }
.gridRowAlt, .gridRowChAlt{background-color: #f6f6f5; }
.gridThisRow{ border-top: 1px #FFFFFF solid; background-color: #B7B7B7; padding:5px 5px 5px 0px; }
.gridit{ border-bottom: 1px #f6f6f5 solid; padding:4px 0px;}
.help{ display:block; max-height:180px; overflow-x: hidden; overflow-y: auto; background-color: #FFFFE1; border: 1px black solid; padding: 3px; font: 11px courier new }

.gridList, .gridList .gridRow, .gridList .gridRowAlt{ width: 472px; font-size: 12px;}
.gridList .listHead{ width: 472px; overflow:hidden}

.gridList .gridRow{
    float: left;
}

.gridList .gridRowAlt{
    float: left;
}



.gridList .listHead .hd{
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
    font-size: 70%;
    font-weight: bold;
    float: left;
    border-top: 1px solid #c0c0c0;
    border-right: 1px solid #c0c0c0;
    background-color: #d7d7d7;
    padding: 2px;
}

.gridList .gridRow .rw, .gridList .gridRowAlt .rw{ 
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
    float: left; 
    padding: 5px; 
}


/*div Widths60*/
.w8{ width: 10%;}
.w10{ width: 18%;}
.w14{ width: 14%;}
.w15{ width: 15%;}
.w20{ width: 20%;}
.w25{ width: 25%;}
.w30{ width: 30%;}
.w35{ width: 35%;}
.w40{ width: 40%;}
.w45{ width: 45%;}
.w50{ width: 50%;}
.w60{ width: 57%;}

.ad_main{
margin-bottom:1em;
display:block;
}

/* Side bar stuff font-size:95%; */
/* This line nees to be checked with the ipad. the right side padding is off play with min width and width, do not make wdth 100% */
#sidebar {width:952px; position: absolute; top:0;}
#left  {
font-family: verdana, arial, sans-serif; 
font-size : 12px; 
position: absolute;
left: 0px;
top: 0px;
width:160px; 
}

#right  {
font-family: helvetica, arial, sans-serif; 
font-size : 16px; 
position: relative;
left: 652px;
top: 0px;
width:300px; 
}

#right .highlight {
border: solid 1px #FFCC33;
text-align:center;
Background-color:#FFFFCC;
padding:10px; 
margin-bottom: 6px;
}

#left .wrap, #right .wrap {
border: solid 1px #C0C0C0;
text-align:center;
Background-color:#f2f5f7;
padding:6px; 
margin-bottom: 1em;
}

.sitem, .widget {margin-bottom:1.5em;}
.sitem ul { list-style-type:none; margin:0; }
.sitem li{display:block; padding:0px; border-bottom:#cccccc 1px dotted; }
.sitem li a{display:block;padding:4px; } /* makes  link clickable outside linked text*/
.sitem li.inactive{display:block;padding:4px; color:#777777;} /* makes  link clickable outside linked text*/
.sitem li a:hover {background-color: #f2f5f7;}

/* option bottom stuff */
#mbwrapper {display:block;}
.flinks { float:left; width:472px; overflow:hidden;}
.flinks ul {list-style-type:none;}
.flinks ul li { border-bottom:#0000ff 1px dotted; margin-left:0; margin-bottom:5px; min-height:20px; padding:0px 0 2px 0; font-size:16px; color:#000000; }
.flinks a:link, .flinks a:visited { text-decoration:underline; }
.flinks a:hover, .flinks a:active { text-decoration:underline; }

/*footer and copyright*/
#footer{margin-top:1em; position:relative; z-index:21; width:472px; margin-left:180px;
font-family: verdana, arial, sans-serif; 
font-size : 10pt; 
}
#fbar{border-bottom:#cccccc 3px double;margin: 2em 0px 1em 0px;}
#copyright { clear:both; }
#copyright p { padding-top:8px;  }

/*blog post*/

.blog-post{padding-bottom: 1em; margin-bottom: 2em; border-bottom: 1px dashed #c9d7f1;}

.wrap {background-color: #e5ecf9; border:1px solid #CCCCCC; padding:6px;}
.shaded {background-color: #f2f5f7; }

.cmtnavblock{
	clear:both;
	margin: 1.5em auto;
	text-align:left;
}

a.cmtnav{
	font-weight: bold;
	font-size:80%;
	background:#E5E5E5 url('http://library.spaadmin.com/i/common/bt-bg-white.png') repeat-x;
	border:1px outset #808080; 
	padding:3px 12px;
}

a.cmtnav:hover{text-decoration:none;}