/*
Theme Name: JWM Custom Theme
Theme URI: http://www.jasonwoolford.com/
Description: A custom theme for the Jason Woolford Ministries website.
Version: 1.0
Author: The Garrison Brothers
*/

html, body, div, h1, h2, h3, h4, h5, p, ul, ol, li, form, fieldset, input, textarea, blockquote, pre, code {margin: 0; padding: 0;}
img, fieldset, input, textarea {border: 0;}
:focus {outline: 0;}
em {font-style: italic;}
strong {font-weight: bold;} 
ul {list-style: none;} 
h1, h2, h3, h4 {font-size: 100%; font-weight: normal;}

html, body {height: 100%;}
html {background: #361000 url(images/bkgd-gradient.jpg) repeat-x top left;}
body {color: #fff; background: url(images/bkgd-earth.jpg) no-repeat center top; font: 62.5% Arial, Helvetica, sans-serif; line-height: 1;}
#wrapper {position: relative; width: 960px; margin: 0 auto;}

/* Header and Navigation
=================================== */
#header {position: absolute; top: 0; width: 960px; height: 148px; background: url(images/bkgd-header-footer.png) no-repeat top left;}
#header img {position: relative; top: 17px; left: 17px;}
#header ul {position: absolute; top: 85px; left: 450px; font: 15px "Times New Roman", Times, serif;}
#header ul li {float: left; height: 16px; border-right: 1px solid #164974;}
* html #header ul li {overflow: hidden;}
#header ul li.last {border: 0;}
#header ul li a {position: relative; display: block; margin-top: -5px; padding: 1px 14px 6px; color: #164974; text-decoration: none;}
#header ul li a:hover {color: #83add0;}
#header ul li ul {position: absolute; top: 20px; left: 0; width: 497px; background-color: #fff; border-top: 1px solid #d1e0ec; font: 12px Arial, Helvetica, sans-serif; display: none;}
#header ul li ul li {height: auto; border: 0;}
#header ul li ul li a {margin-top: 0; padding: 6px 14px; color: #b09261; }
* html #header ul li ul li a {position: relative;}

/* Sidebar
=================================== */
#sidebar {position: absolute; top: 137px; right: 0; width: 274px; font-size: 13px; line-height: 1.2; overflow: hidden;}
#sidebar div {position: relative;}
#sidebar div h5 {text-indent: -9000px;}
#sidebar div p, #sidebar div a {position: absolute;}
#dvd {width: 274px; height: 188px; background: url(images/sidebar-bkgd.jpg) no-repeat top left;}
#dvd p {top: 53px; left: 15px; width: 138px; color: #dae5ed;}
#dvd a {top: 144px; left: 10px; display: block; width: 131px; height: 30px; background: url(images/btn-sprites.png) no-repeat -108px 0; text-indent: -9000px;}
#dvd a:hover {background-position: -108px -30px;}
#appearance {width: 274px; height: 179px; background: url(images/sidebar-bkgd.jpg) no-repeat 0 -188px;}
#appearance p {top: 93px; left: 15px; width: 155px; color: #352e24;}
#appearance a {top: 133px; left: 10px; display: block; width: 113px; height: 32px; background: url(images/btn-sprites.png) no-repeat -108px -60px; text-indent: -9000px;}
#appearance a:hover {background-position: -108px -92px;}
#prayer {width: 274px; height: 182px; background: url(images/sidebar-bkgd.jpg) no-repeat 0 -367px;}
#prayer p {top: 42px; left: 15px; width: 138px; color: #dae5ed;}
#prayer a {top: 118px; left: 15px; color: #eabf7c; font-weight: bold; text-decoration: none;}
#prayer a:hover {color: #6fb7f3;}
#prayer a span {color: #6fb7f3; font-size: 18px;}

/* Footer
=================================== */
#footer {height: 120px; background: url(images/bkgd-header-footer.png) no-repeat 0 -152px;}
#footer div {float: left;}
#friends {width: 309px; height: 94px; padding-left: 20px; overflow: hidden;}
#friends h5 {height: 0; text-indent: -9000px;}
#friends a {float: left; display: block; margin: 10px 0 0;}
* html #friends a {margin-top: -3px;}
#friends a.soundsgood {margin: 39px 25px 0 0;}
* html #friends a.soundsgood {margin-top: 26px;}
#quote {position: relative; width: 429px; padding: 3px 8px 0 18px;}
#quote h5 {padding-bottom: 8px; color: #e2bb7d; font: 24px "Times New Roman", Times, serif;}
#quote p {color: #011f39; font-size: 13px; line-height: 1.1;}
#quote a {position: absolute; top: 14px; right: 14px; padding-left: 15px; background: url(images/btn-sprites.png) no-repeat -226px -132px; color: #d1dfe9; font-size: 12px; text-transform: uppercase; text-decoration: none;}
#quote a:hover {color: #6fb7f3;}
#socialmedia {position: relative; width: 144px; height: 90px;}
#socialmedia a {position: absolute; display: block; width: 49px; height: 72px; background-image: url(images/btn-sprites.png); background-repeat: no-repeat; text-indent: -9000px; overflow: hidden;}
#socialmedia a.facebook {top: 18px; left: 36px; background-position: 0 0;}
#socialmedia a.facebook:hover {background-position: 0 -72px;}
#socialmedia a.twitter {top: 18px; left: 95px; background-position: -59px 0;}
#socialmedia a.twitter:hover {background-position: -59px -72px;}
#footer p.copyright {clear: both; padding: 15px 0 30px; color: #77402a; font-size: 12px; text-align: center;}
#footer p.copyright a {color: #77402a; text-decoration: underline;}
#footer p.copyright a:hover {text-decoration: none;}

/* Content
=================================== */
#content {position: relative; width: 960px; min-height: 685px; background: #001e37 url(images/sidebar-bkgd-tile.png) repeat-y top right;}
* html #content {height: 685px;}
#page {padding: 172px 320px 40px 40px; background: url(images/sidebar-bkgd-gradient.jpg) no-repeat 686px 686px;}
#page p {padding: 0 0 16px;}
#page h1 {padding: 0 0 12px; color: #45aaff; font: 30px "Times New Roman", Times, serif;}
#page h2 {padding: 14px 0 10px; color: #45aaff; font: 22px "Times New Roman", Times, serif;}
#page h3 {padding: 14px 0 8px; font-size: 16px; font-weight: bold;}
#page p {padding-bottom: 19px; font-size: 13px; line-height: 1.48;}
#page ul {padding: 0 0 19px 45px; list-style: disc outside;}
#page ol {padding: 0 0 19px 45px;}
#page ul li, #page ol li {padding-bottom: 5px; font-size: 13px; line-height: 1.4;}
#page a, #page ul li a {color: #45aaff; text-decoration: underline;}
#page a:hover, #page ul li a:hover {color: #45aaff; text-decoration: none;}
#page blockquote {padding: 8px 20px; font-style: italic;}
#page blockquote p {line-height: 1.3;}
#page img.right {float: right; padding: 15px 0 15px 15px;}
#page img.left {float: left; padding: 15px 15px 15px 0;}
/*--forms--*/
#page form {padding-top: 15px;}
#page form p {padding-bottom: 3px; font-weight: bold;}
#page form input {width: 275px; margin-bottom: 18px; padding: 3px; border: 1px solid #fff;}
#page form textarea {width: 470px; height: 140px; margin-bottom: 18px; padding: 5px; font: 13px Arial, Helvetica, sans-serif; line-height: 1.4; border: 1px solid #fff;}
#page form #testimony textarea {width: 580px; height: 300px;}
#page form input:focus, #page form textarea:focus {border-color: #45aaff;}
#page form #url {display: none;}
#page form #event {padding-bottom: 12px;}
#page form #event p {padding-bottom: 10px;}
#page form #event label {font-size: 12px;}
#page form #event input {width: auto; margin: 0 10px 14px 20px; border: 0; vertical-align: 0;}
#page form #submit input {position: relative; left: -6px; width: auto; border: 0;}
#page form div {position: relative;}
#page form div span {position: absolute; bottom: 0; left: 380px; display: block; color: #cfcfcf; font-size: 11px; font-weight: normal;}
#page form #testimony span {left: 480px;}
#page form div span span {position: static; display: inline; margin-left: 0;}
#page form input.btn {width: auto; padding: 0; border: 0;}
#page div.errors h4 {padding-bottom: 8px; color: #cb1a1a; font-size: 13px; font-weight: bold;}
#page div.errors ul {padding-bottom: 0;}
#page div.errors ul li {padding-bottom: 2px; color: #cb1a1a;}
/*--homepage--*/
.home #content h1 {display: none;}
#flash {position: absolute; top: 138px; left: 0; width: 686px; height: 324px;}
#tab-menu {width: 686px; height: 28px; margin-top: 461px; padding: 5px 0 0 17px; background: url(images/homepage-tabs.png) no-repeat top left;}
#tab-menu.selected {background-position: bottom left;}
#tab-menu li {float: left; width: 170px; height: 28px; text-indent: -9000px; overflow: hidden; cursor: pointer;}
#tab-menu li.selected {cursor: default;}
#news, #podcasts {position: absolute; top: 504px; left: 0; width:610px; padding: 14px 38px 0; visibility: hidden;}
#news.selected, #podcasts.selected {visibility: visible;}
#news div {padding-bottom: 32px;}
#news div.last {padding-bottom: 0;}
#news div h3 {position: relative; padding-bottom: 5px; color: #45aaff; font-size: 13px; font-weight: bold;}
#news div h3 a {color: #45aaff; text-decoration: none;}
#news div h3 a:hover {text-decoration: underline;}
#news div h3 span {display: block; position: absolute; top: 0; right: 0;}
* html #news div h3 span {right: 38px;}
#news div p {padding: 0; font-size: 12px; line-height: 1.3;}
#news div p a {color: #45aaff; font-weight: bold; text-decoration: none;}
#news div p a:hover {text-decoration: underline;}
#podcasts ul {list-style: inside disc;}
#podcasts ul li {padding-bottom: 10px;}
#podcasts ul li a {color: #45aaff; font-size: 12px; font-weight: bold; text-decoration: none;}
#podcasts ul li a:hover {text-decoration: underline;}
div a.category-link {display: block; position: absolute; top: -36px; left: 500px; color: #40382d; font-size: 13px; text-decoration: none;}
#news a.category-link {width: 150px;}
#podcasts a.category-link {width: 118px;}
div a.category-link:hover {color: #842c07;}
div a.category-link span {color: #842c07; font-size: 18px; font-weight: bold;}
/*--category-news-and-events--*/
.category-news-and-events #page div {padding: 10px 0 30px;}
.category-news-and-events #page div.last {padding-bottom: 20px;}
.category-news-and-events #page div h3 {position: relative; padding: 0 0 5px; color: #45aaff; font-size: 13px; font-weight: bold;}
.category-news-and-events #page div h3 a {color: #45aaff; text-decoration: none;}
.category-news-and-events #page div h3 a:hover {text-decoration: underline;}
.category-news-and-events #page div h3 span {display: block; position: absolute; top: 0; right: 0;}
* html .category-news-and-events #page div h3 span {right: 320px;}
.category-news-and-events #page div p {padding: 0; font-size: 12px; line-height: 1.3;}
.category-news-and-events #page div p a {color: #45aaff; font-weight: bold; text-decoration: none;}
.category-news-and-events #page div p a:hover {text-decoration: underline;}
#pg-selector {margin: 0 0 -22px; padding: 10px 0 0;}
#pg-selector a, #pg-selector span.current {padding: 3px 4px; color: #45aaff; font-size: 12px; text-decoration: none; border: 1px solid #001e37;}
#pg-selector a:hover {border-color: #45aaff;}
#pg-selector span.current {color: #fff; border-color: #fff;}
#pg-selector a span {font-size: 14px; font-weight: bold; vertical-align: 2px;}
/*--category-podcasts--*/
.category-podcasts #page ul {padding-left: 16px;}
.category-podcasts #page ul li {padding-bottom: 5px;}
.category-podcasts #page ul li a {color: #45aaff; font-size: 12px; font-weight: bold; text-decoration: none;}
.category-podcasts #page ul li a:hover {text-decoration: underline;}
/*--order-dvd page--*/
#dvd-commercial {width: 309px; height: 190px; margin: 10px 0 28px; border: 1px solid #638aab;}
#dvd-cover {float: right;}
#dvd-cover img {padding: 62px 0 0 45px;}
#page p.dvd-donation {float: left; padding: 19px 22px 0 0; font-size: 18px; font-weight: bold; font-style: italic;}
/*--why-jesus page--*/
#page blockquote.why p {margin-top: -10px;}
/*--partner page--*/
#page form.partner p {padding-bottom: 13px;}
#page form.partner div.radio-btns, #page form.partner div.radio-btns p {float: left; font-weight: normal;}
#page form.partner div.radio-btns label {padding-right: 20px; font-size: 12px;}
#page form.partner div.radio-btns input {margin: 0 2px 0 0; border: 0;}
#page form.partner input {width: auto; margin: 0 10px 14px 20px; border: 0; vertical-align: 0;}
#page form.partner input.btn {margin-top: -2px;}
/*--donate page--*/
#page form.donate {margin: -10px 0 15px;}
/*--about page--*/
#page img.about-collage {float: right; margin: -44px -25px 0 0; padding: 0 0 5px 15px;}

/* Clear Floats
=================================== */
.clearfloat:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/*--hack to clear for IE7--*/
.clearfloat {display: inline-block;}
/*--hack to clear for IE5.x and IE6--*/
* html .clearfloat {height: 1%;}