/* Theme Name: JackSchaap.com Theme URI: http://wordpress.org/ Description: A custom Wordpress theme for Pastor Jack Schaap, Pastor of the First Baptist Church of Hammond, Indiana, designed by Jonathan Suh Version: 1.0 Author: Jonathan Suh Author URI: http://jonsuh.com/ Tags: Jonathan Suh */ body,p,ul,li,h1,h2,h3,h4,h5,h6 {margin:0;padding:0} body {margin-bottom: 20px} body,p,a {font-family: Arial; color: #222} body,p {font-size: 10pt} a {color: #0080cc; text-decoration: none} a:hover {text-decoration: underline} p {line-height: 160%} #bar-search div {text-align: right; background: url(images/sprite-1.png) repeat-x; width: 60px; padding: 5px 10px 5px 10px; position: absolute; top: 0; right: 0; overflow: hidden; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -khtml-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px;} #bar-search div span {display: inline-block; background: url(images/search.png) no-repeat; height: 17px; width: 58px; float: left} #bar-search div form {display: inline-block; float: left} #bar-search div form input {padding: 6px; border: 0px; background: #fff; border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} #bar-search div form {display: none} #bg {background: #fefefe url(images/sprite-1.png) repeat-x; background-position: 0px -230px; text-align: center; padding-top: 10px} #parent {width: 850px; text-align: left; display: inline-block} #header {height: 275px; background: url(images/header.png) no-repeat} #header a {width: 520px; height: 275px; display: inline-block; text-indent: -9999px; overflow: hidden; outline: none} #header #featured-video {display: inline-block; float: right; width: 320px; height: 265px} #menu {width: 850px; height: 40px; max-height: 40px; background: url(images/sprite-1.png) repeat-x; background-position: 0px -80px; border-bottom: 1px solid #777; display: inline-block; text-align: right; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -khtml-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -khtml-border-top-right-radius: 5px; border-top-right-radius: 5px;} #menu ul, #menu li {list-style: none} #menu li {display: inline-block} #menu li a {float: right; font-family: Helvetica, Arial; font-size: 14px; font-weight: 600; color: #393939; padding: 13px 20px 0px 20px; height: 27px; display: inline-block; background: url(images/sprite-1.png) repeat-x; background-position: 0px -80px; text-decoration: none; text-shadow: 0px 1px #ddd; outline: none} #menu li a:hover {color: #eee; text-shadow: 0px -1px #393939; background-position: 0px -120px; outline: none} #menu li a:active {background-position: 0px -160px} #menu ul li:last-child a {-moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -khtml-border-top-right-radius: 5px; border-top-right-radius: 5px;} #footer {width: 840px; background: #e9e9e9; padding: 5px; margin-top: 15px; display: inline-block; border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} #footer div {background: #fefefe; padding: 5px; border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} #footer div p {font-size: 11px} h1 {font-size: 23px; padding-bottom: 7px} h2 {font-size: 18px; padding-bottom: 7px} #content {padding: 5px; background: #e9e9e9; border-top: 1px solid #fff; display: inline-block; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -khtml-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -khtml-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px;} #content #column-left {width: 505px; background: #fafafa; padding: 10px; margin-right: 5px; float: left; border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} #content #sidebar {width: 290px; background: #fafafa; padding: 10px; float: left; border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} #content #column-wide {width: 820px; background: #fafafa; padding: 10px; border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} #content div.youtube {float: left; width: 490px} #content .entry .postmetadata, #content .entry .postmetadata a {font-size: 11px} #content .entry .postmetadata {color: #666} #content .entry p {margin-bottom: 20px} #content .entry h3 {font-size: 13px; font-weight: normal; color: #777; margin-bottom: 7px} #content #floatbar {width: 250px; float: right; background: #eee; padding: 5px; border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} #content #floatbar div {padding: 5px; background: #fefefe} #content #respond {width: 600px; background: #eee; padding: 15px; border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} #content #respond input, #content #respond textarea {font-family: Helvetica, Arial; font-size: 10pt; border: 1px solid #ccc; background: #fff; padding: 7px; margin: 3px; border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} #content #respond input[id=submit] {color: #fff; background: #0080cc url(images/buttons.png) repeat-x} #content #respond input[id=submit]:hover {background-position: 0px -60px} #content #respond input[id=submit]:active {background-position: 0px -120px} #content #result {border-bottom: 1px dashed #ccc; padding-bottom: 7px; margin-bottom: 7px} #content #result:last-child {border-bottom: 0px; padding-bottom: 0px; margin-bottom: 0px} #content #result h3, #content #result h3 a {font-size: 16px; padding-bottom: 5px} #content #result small {font-size: 12px; color: #444} #content #result .postmetadata {font-size: 11px; color: #666; padding-top: 5px} /* Custom */ a[submit] {font-size: 17px; font-weight: bold; color: #fff; background: url(images/buttons.png) repeat-x; padding: 15px; text-decoration: none; text-shadow: 0px -1px #444; display: inline-block; outline: none; border: 1px solid #ccc; border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} a[submit]:hover {background-position: 0px -60px} a[submit]:active {background-position: 0px -120px} #answers ul, #answer, li {list-style: none} #answers li {background: #eee; padding: 10px; margin-bottom: 10px; border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} #ansewrs li h2 {text-align: left} #answers li:last-child {margin-bottom: 0px} #answers li a {color: #000; text-decoration: none} #answers li a:hover {color: #666} #answers li p[info] {font-size: 12px; color: #666; text-align: right; line-height: normal; padding:0; margin:0; padding-top: 7px} #answers li p[info] a {color: #0080cc; font-size: 12px} #answers li p[info] a:hover {text-decoration: underline} #answers li p[info] span {float: left} #sharing {text-align: center} #sharing a {background: url(images/sharing.png); height: 35px; padding-left: 30px; margin-left: 5px; margin-right: 5px; display: inline-block; text-decoration: none;} #sharing span {font-weight: bold; color: #fff; display: inline-block; width: 75px; text-align: center; padding-top: 5px} #sharing .facebook {background-position: 0px 0px} #sharing .tweet {background-position: 0px -35px} #sharing .linked {background-position: 0px -70px} #sharing .stumble {background-position: 0px -105px} #sharing .delicious {background-position: 0px -140px} #sharing .delicious span {color: #555} #sharing .digg {background-position: 0px -175px} #sharing .facebook:hover {background-position: 105px 0px} #sharing .tweet:hover {background-position: 105px -35px} #sharing .linked:hover {background-position: 105px -70px} #sharing .stumble:hover {background-position: 105px -105px} #sharing .delicious:hover {background-position: 105px -140px} #sharing .digg:hover {background-position: 105px -175px} /* Sidebar */ #sidebar h2 {text-align: center} /* Widgets */ #content #featured-post h3 {font-size: 12px; font-weight: normal; color: #666; margin-bottom: 5px} #content #featured-post p {line-height: 130%; margin-bottom: 10px} #sidebar #tweet-widget {margin-bottom: 10px} #sidebar #tweet-widget a {font-size: 16px; font-weight: bold; text-decoration: none} #sidebar #tweet-widget a:hover {color: #0080cc} #sidebar #tweet-widget h2 {font-family: Helvetica, Arial; font-size: 18px; font-weight: normal; color: #000; text-shadow: 0px 1px #eee; text-align: left; width: 270px; background: #BBD2DD; padding: 10px; display: inline-block; border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} #sidebar #tweet-widget h2 a {color: #555} #sidebar #tweet-widget span {font-size: 11px; color: #777; width: 270px; text-shadow: none; display: inline-block; margin-top: 7px} #sidebar #tweet-widget h2 span a {font-size: 11px; color: #555; text-decoration: none; float: right; padding-left: 10px} #sidebar #tweet-widget h2 span a:hover {text-decoration: underline} #sidebar #latest-youtube-widget a {font-weight: bold}