/*
THEME NAME: John Thompson III Foundation
THEME URI: http://wideskydesigns.com
DESCRIPTION: Custom theme developed
VERSION: 1.0
AUTHOR: Wide Sky Designs
AUTHOR URI: http://wideskydesigns.com.com
TAGS: 
*/

body {background: url(images/bg.gif); font-family: Verdana, serif; margin: 0; padding: 0;}
#wrapper {width: 792px; margin: 0 auto; background: #fff; padding: 0; /*overflow: auto;*/}
.wrapper {float: left; clear: both; position: relative; width: 100%;}
a {outline: none;}
p.clearfix {margin:0; padding:0; clear: both;}
#header {height: 157px; background: url(images/header.png) no-repeat; position: relative; width: 792px;}
.page #header, .single #header {background-image: url(images/header-2.png);}
.home #header {background-image: url(images/header.png); }
#header p {margin: 0; padding: 0;}
#headertext a {width: 268px; height: 93px; display: block; top: 32px; left: 60px; position: absolute;}
#headertext a strong {display: none;}
#photogallery a {width: 200px; height: 145px; display: block; top: 10px; right: 30px; position: absolute;}
#photogallery a strong {display: none;}
#maincontent {float: left; clear: both; width: 100%; position: relative; background: #fff}
.home #maincontent {background: #fff url(images/bg-maincontent.png) repeat-x;}
#maincontent h1 {margin: 0; padding: 0; font-family: Georgia, serif; font-size: 24px; color: #12266e; font-weight: normal; font-style: italic;}
#maincontent .wide h1 {margin: 60px 0 0 10px; padding: 0; font-family: Georgia, serif; font-size: 24px; color: #12266e; font-weight: normal; font-style: italic;}
#maincontent ul {padding-left: 15px;}
#maincontent ul li {margin-left: 0; padding-left: 0;}
#maincontent .wide p.edit-link {margin-left: 390px;}
.page #maincontent img#featureimage {margin: -30px 0 0 0; padding: 0;}
.home #maincontent img#featureimage {margin: 0; padding: 0;}
#maincontent .wide {width: 760px;}
#maincontent .col1 {width: 380px; float: left; clear: none; margin-top: 30px;}
#maincontent .col2 {width: 380px; float: right; clear: none; margin-top: 30px; padding-right: 10px; padding-bottom: 40px; color: #444; font-size: 12px;}
#maincontent .wide {width: 760px; margin: 0 auto; clear: both; color: #444; font-size: 12px;}
.page #maincontent .col2 {padding-right: 20px; width: 370px; font-size: 11px;}
#maincontent .col1 blockquote{margin-left:20px; margin-top: 80px;}
#maincontent .col1 cite {margin-left:20px;}
#maincontent blockquote {margin: 0; padding: 0; font-family: Georgia, serif; font-size: 21px; color: #12266e; font-style: italic; line-height: 120%;}
#maincontent blockquote p {margin-bottom: 10px; line-height: 140%;}
#maincontent cite {color: #12266e; text-transform: uppercase; font-style: normal; display: block; font-size: 12px; margin-top: 10px;}
#maincontent .col2 h3 {margin-top: 30px;}
#maincontent p#bloglink a {width: 342px; height: 99px; background: url(images/button-blog.png); display: block; margin-top: 40px;}
#maincontent p#bloglink a strong {display: none;}
#maincontent .gallery a img {border: 8px #ededed solid; margin: 10px; }
#maincontent .gallery a:hover img {border-color: #10246B}
.paypal-donations {margin-top: 30px}
#footer {clear: both; float: left; background: #5d5e60;  width: 100%; position: relative; padding-bottom: 20px; margin-bottom: 10px;}
.home #footer {margin: -10px 0 10px 0;}
#footer .col1 {width: 369px; padding: 10px 10px 0 25px; float: left;}
#footer .col1 h2 {background: #829F1D; width: auto; color: #fff; font-size: 18px; padding: 5px 10px; width: auto; display: block; margin-top: 20px; margin-bottom: 10px;}
#footer .col1 h2#upcomingevent {width: 220px;}
#footer .col1 h2#recentevents {width: 150px;}
#footer .col1 p {color: #fff; font-size: 11px; margin: 0; padding: 0; font-family: Georgia; color: #ededed; letter-spacing:.4px; word-spacing: 1.2px;}
#footer .col1 p.info {margin-bottom: 0px; color: 14px; font-family: Verdana; color: #fff; letter-spacing:normal;}
#footer .col1 p.more {display: inline;}
#footer .col1 .excerpt p {display: inline}
#footer .col1 p strong {text-transform: uppercase; margin-bottom: 0;}
#footer .col1 p a {color: #B8C953; text-transform: uppercase; text-decoration: none;}
#footer .col2 {width: 380px; float: right; clear: none;}
#footer .col2 p#coachthompson a,
#footer .col2 p#gohoyas a {width: 162px; height: 156px; display: block; position: absolute; top: -20px;}
#footer .col2 p#coachthompson a {background: url(images/buton-coach.png) no-repeat; right: 225px;}
#footer .col2 p#gohoyas a {background: url(images/button-hoyas.png) no-repeat; right: 50px;}
#footer .col2 p#coachthompson a strong,
#footer .col2 p#gohoyas a strong {display: none;}
.page #copyright {border-top: 10px #5d5e60 solid;}
#copyright {background: transparent; width: 792px; margin: 0 auto;}
#copyright p {padding: 5px 0 0 25px; color: #222; font-size: 10px; margin: 10px 0;}
#copyright p a {color: #222; text-decoration: underline;}


/* Theme styles */
div.skip-link {position:absolute;right:1em;top:1em;}
.alignright,img.alignright{float:right;margin:1em 0 0 1em;}
.alignleft,img.alignleft{float:left;margin:1em 1em 0 0;}
.aligncenter,img.aligncenter{display:block;margin:1em auto;text-align:center;}
div.gallery {width: 100%; clear: both; float: left}
div.gallery dl{float: left; margin:5px;}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dd_valid.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* common styling */
#maincontent ul#nav {list-style: none; position: relative; z-index: 100; font-family: Verdana, sans-serif; font-size: 14px; margin: 0; padding: 0; float: right; width: 388px; clear: both;}
#maincontent ul#nav li {float: left; width: 90px; position:relative;}
#maincontent ul#nav li a {color: #12266e; text-decoration: none; display: block; padding: 15px 0 0 5px; text-decoration:none; width:170px; height:25px; line-height:20px; overflow:hidden; border-left:1px solid #12266e;}
#maincontent ul#nav {padding:0; margin:0; list-style: none;}
#maincontent ul#nav li ul {display: none; font-size: 12px;}

/* specific to non IE browsers */
#maincontent ul#nav li:hover ul {display:block; position:absolute; top:40px; left:0px; margin: 0; padding:0}
#maincontent ul#nav li:hover ul li {list-style: none;margin: 0;padding: 0}
#maincontent ul#nav li:hover ul li a.hide {background:#6a3; color:#fff;}
#maincontent ul#nav li:hover ul li:hover a.hide {background:#6fc; color:#000;}
#maincontent ul#nav li:hover ul li ul {display: none;}
#maincontent ul#nav li:hover ul li a,
#maincontent ul#nav li:hover ul li a:hover {display:block; border:1px solid #12266e; border-top: none; background: #fff;}
#maincontent ul#nav li:hover ul li a:hover {background: #FCFFE6}
#maincontent ul#nav li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
#maincontent ul#nav li:hover ul li:hover ul.left {left:-105px;}

ul#submenu {list-style: none; margin:0; padding: 0; width: 380px; float: right; margin-right: 15px;}
ul#submenu li {float: left; clear: none; margin:0; padding:0}
ul#submenu li a {display: block; padding:10px 10px 2px 5px; color: #ddd; font-size:12px; text-decoration: none}
ul#submenu li a:hover {text-decoration: underline; color: #fff}