/*
Theme Name: The HTML5 Reset Theme
Theme URI: http://superuntitled.com
Description: closets!
Author: oliver!
Author URI: http://superuntitled.com
Version: 1
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video { margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline; }
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }
ol,ul { list-style:none; }
blockquote,q { quotes:none; }
blockquote:before,blockquote:after,q:before,q:after { content:''; content:none; }
table { border-collapse:collapse; border-spacing:0; }
/* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */
::-moz-selection { background:#752d27; color:#fff; text-shadow:none; }
::selection { background:#752d27; color:#fff; text-shadow:none; }
/* j.mp/webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color:#fcd700; }
ins { background-color:#fcd700; color:#000; text-decoration:none; }
mark { background-color:#fcd700; color:#000; font-style:italic; font-weight:bold; }
.clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
* html .clearfix { zoom:1; }
a.sdendnotesym {
color: #444;
vertical-align: super;
font-size:11px;
}
/* IE6 */
:first-child+html .clearfix { zoom:1; }
/* IE7 */
.clear { clear:both; line-break:none; line-height:0; }
.svg-icon {
position: relative;
top:3px;
}
/* And here begins the Wordpress fun.
-------------------------------------------------------------------------------*/
.alignleft { float:left; margin-right:20px; }
#page-wrap,#header,#wrapper, #logo { max-width:1005px; margin:0 auto; position:relative; background-color:#fff;}
#page-wrap { padding:0 0 0px; margin-top:0px; margin-bottom: 30px; }
#header { margin-top:10px; padding-top: 20px; background: white; }
#headerbg { height: 130px; width: 100%;position: absolute; z-index: 0;}
#logo { display: block; color: #ddd; width:639px; height: 72px; text-indent: -9999px; font-weight: bold; background:url(images/wayne-grudem.png) #fff no-repeat; margin-bottom: 10px;}
/* basic styles! */
body { color:#333; font-family:Arial, sans-serif; background:url(images/bgs.png) #3b72a7 repeat-x; font-size:16px; padding:0; margin:0; width:100%; display:table; text-align:justify; }
a { color:#b10000; text-decoration:none;
/* These are technically the same, but use both */
overflow-wrap: break-word;
word-wrap: break-word;
-ms-word-break: break-all;
/* This is the dangerous one in WebKit, as it breaks things wherever */
word-break: break-all;
/* Instead use this non-standard one: */
word-break: break-word;
/* Adds a hyphen where the word breaks, if supported (No Blink) */
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;}
a:hover, a:focus { text-decoration: underline;color:#111; }
a.fn {color:#333;font-weight: bold; position: relative; top: -0.5em; padding:0 2px;font-size: 10px;}
.title a, h2 a, h1 a { color: #526577;}
body p { margin:0; margin-bottom:10px; line-height: 1.6em; }
h2 { padding:5px 0px; font-size: 18px; font-weight: bold; margin-bottom: 10px; text-transform: uppercase; color: #222; text-align: left; }
h2.title { border: 1px solid #ddd; border-left: 0px; border-right: 0px; color: #555; }
.documents h2.title {border-bottom: none; }
em { font-style: italic; }
.section { background: url(images/section.jpg) center bottom no-repeat; }
.postNav a { display: block; float: left; background: #888; color: white; margin-right: 10px; text-transform: uppercase; padding: 0px 5px;}
#prev span, #next span { color:#ccc; } /* lighter than the normal anchor text */
body .right { float: right;}
body .left { float: left; margin-right: 20px;}
strong {font-weight: bold;}
sup { vertical-align: super; font-size: 11px; line-height:11px; }
/* header styles!
-------------------------------------------------------------------------------*/
/* Menu styles!
-------------------------------------------------------------------------------*/
div#navigation { background: #b10000; position: relative; margin:0 50px ; width:905px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.menu li { float:left; }
.menu li a { font-weight: bold; display:block; color:#fff; padding:10px; padding-bottom:7px; text-transform:uppercase; }
.menu li.current-menu-item a { color:#fff; text-decoration:underline; }
.menu li a:hover { color:#fff; text-decoration:underline; }
#searchform { position: absolute; right: 7px; top: 7px;}
#searchform input { border: #aaa 1px solid; padding: 3px;}
#s { width: 120px;}
/* Homepage styles!
-------------------------------------------------------------------------------*/
/* gallery styles */
#featured, #hometop { margin:0px 0 0 0; overflow:hidden; text-align:left; padding: 20px 0px; background: #eee; }
#featured a,#featured img { border:none; outline:none; text-decoration:none; }
#featured .image { float: left; padding: 10px; background: #fff; border: 1px solid #ccc;}
#featured .copy { margin-left: 240px; text-align: justify;}
/* books feed styles */
#featuredbooks { margin-bottom: 30px; padding: 0px 0px 30px 50px; }
#featuredbooks > div { float: left; margin-right: 30px; width: 435px; }
#featuredbooks .image { float: left; margin-right: 10px; border: 1px solid #ccc; padding: 5px; background: #fff; }
.featured > h2 > a { font-size: 14px; margin-left: 20px; display: inline-block; }
a.largerLink { font-size: 14px; font-weight: bold; text-transform: uppercase; display: block; }
/* video feed styles */
#videos { margin-bottom: 30px; padding: 0px 0px 30px 50px; }
#videos li { float: left; margin-right: 10px; padding: 9px 9px 7px 9px; border: 1px solid #ccc; background: #fff; width: 200px; }
/* homepage feeds */
.feeds, .twocol { margin-left: 50px; width: 405px; float: left; background: transparent; }
/* audio feed */
#audio li { padding: 5px 0; }
#audio .date { font-size: 12px; color: #888;}
#audio h3 { text-align: left; font-size: 14px; font-weight: bold; background: #eee; color: #555; margin-bottom: 5px; padding: 5px; display: block; }
.page-template-page-audio-php #thepages li img { display: none;}
/* book home */
#booksHome {margin-left: 55px; width:455px;}
#booksHome > a { display: block; float: left; padding: 5px; margin: 0px 10px 10px 0px; background: #fff; border: #ccc 1px solid; max-height: 160px;
max-width: 140px;}
.home #booksHome > a img {
max-height: 160px;
max-width: 140px;
width: auto;
}
/* home bio */
#homebio img { float: left; padding: 5px; border: 1px solid #ccc; margin: 0px 10px 5px 0; background: #fff; }
#homebio h2 { margin-left: 235px;}
#homebio p { text-align: justify; }
/* Page page!
-------------------------------------------------------------------------------*/
/*about------------------*/
.thumbs { margin-left:5px; }
.thumbs img { margin:0 1px; border:1px solid #ddd; padding:5px; background:white; }
.thumbs img:hover { background:#eee; opacity:0.7; filter:alpha(opacity=70); }
/* ------------------*/
#thepages { padding: 0px 50px;}
#thepages li{ margin-top:10px; padding-top:10px; text-align:justify; }
#thepages h1 { margin-bottom:10px; text-transform: uppercase; font-weight: bold; background: #ddd; color: #888; padding:10px; }
#thepages h2 { margin-top:3px;}
#thepages img, #thepages iframe { padding:5px; border:1px solid #ddd; background:#fff; float:left; margin-top:3px; }
#thepages .copy { text-align: justify;}
.category-videos #thepages .copy { margin-left: 240px;}
.category-12 #thepages .copy { margin-left: 0px;}
#documentsFilter {margin-top: 0px;}
#documentsFilter li { list-style: none; float: left; padding: 0px; margin-bottom: 10px;}
#documentsFilter li a { display: block; padding: 5px; background: #ddd; margin-right: 2px; }
#documentsFilter li a.filterSelect { background: #333; color: white;}
#thepages p { margin:0; padding:0; margin-bottom:10px; }
#thepages li.bio h3,ul #archive li.bio p { margin-left:250px; }
#thepages p.position { text-align:left; color:#444; }
.download { font-size: 18px; color: #333; background: url(images/pdf-icon.png) #eee no-repeat 3px center; padding: 5px 15px 5px 35px; margin-right: 10px; }
.download:hover { background-color: #ccc;}
.toggle { margin-right: 20px; }
.edit-link a { color: red;}
body.single .copy ul li, .category-12 .content ul li { margin-left: 20px; padding: 10px; background: #eee; margin-bottom: 3px;}
.question { margin-bottom: 10px; padding-bottom: 0px; border-bottom: 1px solid #aaa; }
.question > h3 { font-weight: bold; }
.question > h3 a { color:#526570; }
.page-id-217 .content li {padding: 5px; border-bottom: 1px solid #aaa; margin-bottom: 3px;}
.search .status-publish { padding: 5px; border-bottom: 1px solid #aaa; margin-bottom: 3px; }
body.search h2 { padding: 0px; margin-bottom: 0px;}
.search .cats { font-size: 13px;}
.search .page .cats {display: none;}
.audiofeed {margin-bottom: 30px}
.audiofeed li { padding: 5px; border-bottom: 1px solid #aaa; margin-bottom: 3px;}
.audiofeed h3 { font-weight: bold; }
.audiofeed .date { font-size: 13px; font-style: italic; margin-bottom: 5px;}
/* Footer styles!
-------------------------------------------------------------------------------*/
#footer { border-top:1px solid #ccc; margin:80px 50px; padding:10px 0px; overflow:hidden; }
#footer a { }
#footer a:hover { color:#333; }
#footer h2 { margin:0; }
#footer-contact { width:200px; }
#footer > div { float:left; margin-right:20px; }
#footer > div.right { float:right; margin-right:0; width:365px; }
.footer-navigation { width:210px; }
.footer-navigation .menu li { float:none; }
#menu-footer-nav li a { border:none; padding:0; display:block; }
body #testimonial p,body #testimonial li { margin:0; background:none!important; }
body #testimonial,body #testimonial * { background:transparent; }
/* Table styles!
-------------------------------------------------------------------------------*/
table th, table td { padding : 10px; border-bottom: 1px solid #ddd; }
table {
border: solid thin #ddd;
border-collapse: collapse;
}
table caption {
padding-bottom: 0.5em;
}
table th,
table td {
border: solid thin #ddd;
padding: 0.5rem 1rem;
vertical-align: middle;
}
table td {
border: solid thin #ddd;
vertical-align: middle;
}
table th {
font-weight: bold;
text-align: left;
}
h2.audio-title {
font-size: 1em;
text-transform: none;
}
table.searchable-table tr th.sortable:hover {
cursor: pointer;
background: #eee;
}
/* Media queries!
-------------------------------------------------------------------------------*/