/* 

    MichaelBurlingame.com 
    Base Styles
    Copyright(c) 2009 Michael Burlingame
    	
*/

body {
 margin: 0;
 padding: 0;
 background: #9FB0B2 url(http://www.michaelburlingame.com/images/bg/bgBody.jpg) center top repeat-y;
 text-align: center;
 font: 11px/16px "Lucida Grande", "Lucida Sans Unicode",  Verdana, Tahoma, Helvetica, sans-serif;
 color: #FFF;
}
#main {
 width: 900px;
 margin: 0 auto;
 text-align: left;
}
#head { 
 position: relative;
 height: 200px;
 background: url(http://www.michaelburlingame.com/images/bg/bgTopHead.gif) bottom no-repeat;
}
#home #head { z-index: 4; }
#head { background: url(http://www.michaelburlingame.com/images/bg/bgTopHeadHome.jpg) bottom no-repeat; }

/* =headers
------------------------------------------------------ */

#head h1, #head h1 a {
 width: 900px;
 height: 32px;
 display: block;
 margin: 0;
 padding: 0;
 text-decoration: none;
}
#head h1 {
 position: absolute;
 top: 0px;
 left: 0px;
}
h1 {
 text-indent: -9000px;
 background: url(http://www.michaelburlingame.com/images/logo.jpg) no-repeat;
}
h2 {
 width: 150px;
 height: 200px;
 margin: 0;
 padding: 0;
 text-indent: -9000px;
}
h2#hdReviews { background: url(http://www.michaelburlingame.com/images/hdReviews.jpg) 0 0 no-repeat; }
h2#hdBooks { background: url(http://www.michaelburlingame.com/images/hdBooks.jpg) 0 0 no-repeat; }
h2#hdBio { background: url(http://www.michaelburlingame.com/images/hdBio.jpg) 0 0 no-repeat; }
h2#hdAppear { background: url(http://www.michaelburlingame.com/images/hdAppear.jpg) 0 0 no-repeat; }
h2#hdArticles { background: url(http://www.michaelburlingame.com/images/hdBio.jpg) 0 0 no-repeat; }
h2#hdContact { background: url(http://www.michaelburlingame.com/images/hdBio.jpg) 0 0 no-repeat; }
h2#hdResources { background: url(http://www.michaelburlingame.com/images/hdResources.jpg) 0 0 no-repeat; }
h2#hdInterviews { background: url(http://www.michaelburlingame.com/images/hdInterviews.jpg) 0 0 no-repeat; }
h2#hdMinistries_kids { background: url(http://www.michaelburlingame.com/images/hdMinistries_kids.jpg) 0 0 no-repeat; }
h2#hdMinistries_smallGroups { background: url(http://www.michaelburlingame.com/images/hdMinistries_smallGroups.jpg) 0 0 no-repeat; }
h2#hdMinistries_students { background: url(http://www.michaelburlingame.com/images/hdMinistries_students.jpg) 0 0 no-repeat; }
h2#hdError { background: url(http://www.michaelburlingame.com/images/hdError.jpg) 0 0 no-repeat; }

h3 {
 height: 36px;
 margin: 0;
 padding: 0;
 font-size: 12px;
 color: #FFFFCC;
 text-transform: uppercase;
}
h3.downFade span, h3.downFade strong { height: 30px; padding-top: 6px; }
h3.downFade span { background: url(http://www.michaelburlingame.com/images/bg/bgH2Down.gif) 0 0 no-repeat; float: left; padding-left: 12px; }
h3.downFade strong { background: url(http://www.michaelburlingame.com/images/bg/bgH2DownCorner.gif) 0 0 no-repeat; width: 12px; float: left; }
h3.upFade { padding-right: 25px; margin-bottom: 15px; }
h3.upFade span, h3.upFade strong { height: 24px; padding-top: 12px; }
h3.upFade span { background: url(http://www.michaelburlingame.com/images/bg/bgH2Up.gif) 0 0 no-repeat; float: right; padding-left: 12px; }
h3.upFade strong { background: url(http://www.michaelburlingame.com/images/bg/bgH2UpCorner.gif) 0 0 no-repeat; width: 12px; float: right; }
#resources h3.downFade { margin-top: 15px; }
h4 {
 font-size: 12px;
 color: #FFFFCC;
 margin: 0;
 padding: 0;
 text-indent: 8px;
 text-transform: uppercase;
}
h5 {
 font-size: 12px;
 color: #FFFFCC;
 margin: 0;
 padding: 0;
 text-transform: uppercase;
}
h6 {
 font-size: 12px;
 color: #000000;
 margin: 0;
 padding: 0;
 text-transform: uppercase;
}
/* =nav 
------------------------------------------------------ */
#nav {
 position: absolute;
 top: 170px;
 left: 30px;
}
#nav, #nav ul {
 padding: 0;
 margin: 0;
 list-style: none;
}
#nav li {
 float: left;
 position: relative;
 background: #481a15 url(http://www.michaelburlingame.com/images/bg/bgNav.gif) 0 100% repeat-x;
 font-size: 11px;
 font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans",  Verdana, Tahoma, Helvetica;
 text-transform: uppercase;
 color: #fff;
 border-right: 1px solid #361410;
}
#nav li ul {
 display: none;
 position: absolute;
 top: 30px;
 left: 0;
 background: url(http://www.michaelburlingame.com/images/bg/bgSubLastHover.gif) bottom no-repeat;
}
#nav ul li { 
 padding: 0;
 background: transparent none;
 border-right: none;
 width: 135px;
 text-transform: none;
 float: none;
 display: block;
}
#nav li>ul { top: 30px; left: 0; }
#nav li:hover ul, #nav li.over ul { color: #c05134; display: block; z-index: 9999; }
#nav li a {
 display: block;
 padding: 6px 6px 6px 8px;
 text-decoration: none;
 color: #fff;
 background: #481a15;
}
#nav li li a { height: 1%; border-bottom: 1px solid #799193; }
#nav li a:hover { color: #c05134; background: #8A9878; }
li#navHome, li#navBooks, li#navBio, li#navReviews, li#navAppearances, li#navArticles,  li#navContact, li#navInterviews {
 height: 22px;
 padding: 8px 10px 0 10px;
}
#navBooks:hover, #navBio:hover, #navReviews:hover, #navAppearances:hover, #navArticles:hover, #navContact:hover, #navInterviews:hover, #nav li.over, #bio #navBio,#articles #navArticles, #contact #navContact, #interviews #navInterviews, #books #navBooks, #appearances #navAppearances, #reviews #navReviews { background: #481a15 url(http://www.michaelburlingame.com/images/bg/bgNavHover.gif) 0 100% repeat-x; }
#nav .baseNav  { padding: 0; margin: 0; background: transparent none; }
#nav a.baseNav:hover { background: transparent none; }
#nav #navHome { background: #481a15 url(http://www.michaelburlingame.com/images/bg/bgNavFirst.gif) 0 0 no-repeat; }
#nav #navHome:hover, #nav #navHome.over { background: #481a15 url(http://www.michaelburlingame.com/images/bg/bgNavFirstHover.gif) 0 0 no-repeat; }
#nav #navInterviews { background: #481a15 url(http://www.michaelburlingame.com/images/bg/bgNavLast.gif) 100% 0 no-repeat; border-right: none; }
#nav #navInterviews:hover, #nav #navInterviews.over, #interviews #navInterviews { background: #481a15 url(http://www.michaelburlingame.com/images/bg/bgNavLastHover.gif) 100% 0 repeat-x; }
#nav li li a.subLast {
 background: transparent url(http://www.michaelburlingame.com/images/bg/bgSubLast.gif) bottom no-repeat;
 border-bottom: none;
}
#nav li a.subLast:hover { background: transparent url(http://www.michaelburlingame.com/images/bg/bgSubLastHover.gif) bottom no-repeat; }


/* =classes
------------------------------------------------------ */


.clear {
 clear: both;
 height: 1px;
 overflow: hidden;
 margin-bottom: -1px;
}
.bgContentTop { background: url(http://www.michaelburlingame.com/images/bg/bgTopContent.jpg) repeat-y; }
.bgContentMain { background: url(http://www.michaelburlingame.com/images/bg/bgBottomContent.jpg) repeat-y; }
.bgContentTop2 { background: url(http://www.michaelburlingame.com/images/bg/bgTopContent2.jpg) repeat-y; }
.bgContentMain2 { background: url(http://www.michaelburlingame.com/images/bg/bgBottomContent.jpg) repeat-y; }

.leftCol {
 float: left;
 width: 425px;
}
.leftCol2 {
 float: left;
 width: 150px;
  font: 11px/16px "Lucida Grande", "Lucida Sans Unicode",  Verdana, Tahoma, Helvetica, sans-serif; color: #000;
}
.rightCol {
 float: right;
 width: 385px;
 font: 
}
.rightCol2 {
 float: right;
 width: 650px;
 font: 11px/16px "Lucida Grande", "Lucida Sans Unicode",  Verdana, Tahoma, Helvetica, sans-serif; color: #000;
 padding-right: 20px;
}
#colRel.rightCol { position: relative; }
.hide { display: none; }
.news {
 background: url(http://www.michaelburlingame.com/images/bg/bgNewsBtm.gif) bottom repeat-x;
 padding: 11px 0 6px 0;
}

/* =basic layout
------------------------------------------------------ */

#contentTop, #content { padding: 0 27px 0 31px; }
#content { padding-top: 6px; }
#upComingEvents h4 { padding-left: 4px; }
#upcomingEvents p a {
 text-decoration: none;
 color: #232F38;
 display: block;
 height: 1%;
 padding: 8px 4px;
 border-bottom: 1px solid #B7C4C5;
 line-height: 15px;
}
#upcomingEvents p a:hover { background: url(http://www.michaelburlingame.com/images/bg/bgEventHover.gif) bottom repeat-x; }
#upcomingEvents p a:hover span { background: url(http://www.michaelburlingame.com/images/arrwEventHover.gif) bottom right no-repeat; }
#upcomingEvents strong {
 text-transform: uppercase;
 color: #626F51;
 font-weight: normal;
}
#upcomingEvents p {
 margin: 0;
 padding: 0;
}
#upcomingEvents span { 
 background: url(http://www.michaelburlingame.com/images/arrwEvent.gif) bottom right no-repeat; 
 padding-right: 10px; 
}
#btnMore {
 display: block;
 width: 38px;
 height: 21px;
 background: url(http://www.michaelburlingame.com/images/btnMore.gif) 0 0 no-repeat;
 text-indent: -9000px;
 margin: -25px 0 30px 270px;
 text-decoration: none;
}
#btnMore:hover { background: url(http://www.michaelburlingame.com/images/btnMoreHover.gif) 0 0 no-repeat; }
#divider {
 height: 10px;
 width: 385px;
 background: url(http://www.michaelburlingame.com/images/divider.gif) 0 0 no-repeat; 
}
#divider2 {
 height: 20px;
 width: 900px;
 background: url(http://www.michaelburlingame.com/images/divider2.jpg) 0 0 no-repeat; 
}
#footer {
 background: url(http://www.michaelburlingame.com/images/bg/bgFooter2.jpg) 0 0 no-repeat;
 color: #fff;
 font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans",  Verdana, Tahoma, Helvetica;
}
#home #footer { background: url(http://www.michaelburlingame.com/images/bg/bgFooterHome.jpg) 0 0 no-repeat; }
#home #footer p { padding-top: 25px;  }
#footer p {
 padding: 20px 0 12px 0;
 text-align: center;
 font-size: 10px;
 margin: 0;
}
.rightCol p { 
 margin: 0 0 15px 10px;
 padding: 0;
}
.rightCol .news p {
 margin: 0;
 padding: 0 0 7px 0;
 line-height: 17px;
}
.leftCol .news p {
 margin: 0;
 padding: 0 0 7px 0;
 line-height: 17px;
}
.news span {
 /* text-transform: uppercase; */
 color: #626F51;
 font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans",  Verdana, Tahoma, Helvetica;
}
#last.news { background: transparent none; margin-bottom: 8px; }
#first.news { padding-top: 0; }
#adNewcomer { background: url(http://www.michaelburlingame.com/images/adNewcomer.gif) 0 0 no-repeat; }
#adNewcomer a {
 display: block;
 width: 114px;
 height: 62px;
 padding: 22px 10px 0 76px;
 text-decoration: none;
 font-size: 10px;
 color: #172D3D;
}
#home #adNewcomer a {  background: url(http://www.michaelburlingame.com/images/adNewcomerFront.gif) 0 0 no-repeat; }
#adNewcomer a:hover, #adPodcast1 a:hover { color: #c60; }
#adPodcast1 { background: url(http://www.michaelburlingame.com/images/podcastAd1.gif) 0 0 no-repeat; margin: 0 0 0 7px; width: 186px; }
#adPodcast1 a {
 display: block;
 width: 186px;
 height: 22px;
 padding: 130px 0 0 0;
 text-decoration: none;
 color: #724391;
 text-align: center;
}
#adPodcast1 a:hover { background: url(http://www.michaelburlingame.com/images/podcastAd1.gif) -186px 0 no-repeat; }
.leftCol p, .leftCol ul {
 margin: 3px 0 15px 0;
 padding: 0;
}
hr {
 margin: 10px 0 18px 0;
 color: #B7C4C5;
 background-color: #B7C4C5;
 height: 1px;
 border: 0;
}
#servTime p { line-height: 18px; }
.arch dt { font-weight: bold; margin-top: 10px; }
.arch dd { padding-left: 5px; margin: 2px 0; }
.minArt { margin: 12px 0; }
.minArt p { padding: 0; margin: 0; }
#oldStuff p { clear: both; }
#mapBox { margin-bottom: 5px; }
#reviews #mapBox { padding: 10px 10px 5px 10px; }
#mapBox div#mapLink {
 margin-top: 5px;
 padding: 4px;
 background-color: #fff;
 text-align: center;
}
#map span { background-color: #fff; padding: 1px; }
.leftCol ul { list-style: none; }
.leftCol ul li {
 padding: 0 0 0 25px;
 margin: 3px 0;
 background: url(http://www.michaelburlingame.com/images/bul.gif) 10px 5px no-repeat;
}
#curSeriesImg { padding: 0; margin: 3px 0 5px 0; }
#curSeries p { font-style: italic; }
#subFeed a, #subItunes a {
 padding: 2px 0 5px 20px;
 display: block;
}
#home #subFeed a { margin: 0 0 15px 0; }
#subFeed a { background: url(http://www.michaelburlingame.com/images/icFeed.gif) 0 2px no-repeat; }
#subItunes a { background: url(http://www.michaelburlingame.com/images/icItunes.gif) 0 2px no-repeat; }

/* =links
------------------------------------------------------ */

a {
 color: #c60;
 text-decoration: underline;
 outline: none;
}
.leftCol a:visited, a:hover {
 text-decoration: none;
}
a:hover {
 color: #8A9878;
}

/* =images
------------------------------------------------------ */

img.left, img.right, img.noFloat, .vidList img, #mapBox {
 padding: 5px;
 border: 1px solid #CFD6D8;
 background: #F5F7F7; 
}
img.right { 
 float: right;
 margin: 2px 0 5px 10px;
}
img.left, .vidList img {
 float: left;
 margin: 2px 10px 5px 0;
}
.vidList { margin-top: 5px; }
.vidList img { margin-top: 0; }
.vidList a {
 padding-left: 22px;
 background: url(http://www.michaelburlingame.com/images/44.gif) 0 0 no-repeat;
}

/* =forms
------------------------------------------------------ */

#siteSubmit {
 height: 21px;
 width: 45px;
 background: url(http://www.michaelburlingame.com/images/btnSearch.gif) 0 0 no-repeat;
 display: block;
 text-indent: -9999px;
 margin: 5px 0 0 0;
}
#siteSubmit:hover { background: url(http://www.michaelburlingame.com/images/btnSearchOver.gif) 0 0 no-repeat; }
#search_field  {
 border: 1px solid #B7C4C5;
 padding: 3px;
 width: 250px;
 font: 11px "Lucida Grande", "Lucida Sans", Verdana, Tahoma, Helvetica, sans-serif;
 color: #232F38;
}
input { font:11px/1.4 Tahoma, Verdana, Helvetica, san-serif; color:#666666; margin:0.3em; border:1px solid #AAA; background-color:#e0dfe3; cursor:pointer; cursor:hand; }
input:hover { color:#444444; border-color:#888888; background-color:#EEEEEE; cursor:pointer; cursor:hand; }

a.inputbutton 		{ padding:.2em .5em; background-color:#e0dfe3; }
a.inputbutton:hover { text-decoration:none; }
#search p { padding: 0; margin: 5px 0; }
form { margin: 0; padding: 0; }
.leftCol ul.zemError {
 background: #F1D1D1 url(http://www.michaelburlingame.com/images/icError.gif) 7px 7px no-repeat;
 color: #c00;
 padding: 6px 7px 6px 40px;
 border: 1px solid #E7C3C3;
}
.leftCol ul.zemError li { background: transparent none; padding: 1px 0; }
#zemContactForm #email, #zemContactForm #name, #zemContactForm #message, #mapInput {
 font: 11px "Lucida Grande", "Lucida Sans", Verdana, Tahoma, Helvetica, sans-serif;
 color: #232F38; 
 border-right: 1px solid #CFD6D8; 
 border-bottom: 1px solid #CFD6D8; 
 border-top: 1px solid #B4C4C8; 
 border-left: 1px solid #B4C4C8; 
 padding: 4px;
}
#zemContactForm #email, #zemContactForm #name { width: 200px; }
#zemContactForm #message { width: 385px; }
#mapInput { width: 180px; }
#mapInput:focus, #zemContactForm #email:focus, #zemContactForm #name:focus, #zemContactForm #message:focus, #search_field:focus { background-color: #DEE3E5; }
#mapSubmit, #zemSubmit {
 font: 11px "Lucida Grande", "Lucida Sans", Verdana, Tahoma, Helvetica, sans-serif;
 color: #fff; 

 background-color: #8A9878;
 margin-top: 5px;
 border-right: 1px solid #A2AD94; 
 border-bottom: 1px solid #A2AD94; 
 border-top: 1px solid #7A8769; 
 border-left: 1px solid #7A8769; 
}
#zemThanks { 
 font-weight: bold;
 color: #c60;
}

/* =gallery
------------------------------------------------------ */

.gallery dl { 
 float: left;
 padding: 8px 8px 5px 9px;
 width: 118px;
 border: 1px solid #CFD6D8;
 background: #F5F7F7;
 margin: 0 0 0 10px;
} 
.gallery dl dd {
 font-size: 9px;
 line-height: 13px;
 padding: 0;
 margin: 0;
}
.gallery dl:hover { background: #fff; border-color: #90A0A2; }
.gallery dl.row { margin: 0; }
.gallery a img { border: 1px solid #7F9497; }
.gallery a:hover img { border: 1px solid #c60; }
.galWrap {
 margin-bottom: 10px;
 float: left;
}
kbd {
 background-color: #ddd;
 border-right: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
 font-size: inherit;
 font-family: inherit;
 padding: 0 3px 2px 4px;
}

/* =home page buckets
---------------------------------------------- */

#buckets {
 width: 861px;
 background: #361410 url(http://www.michaelburlingame.com/images/bg/bgBucketsTop.gif) 0 0 repeat-x;
 margin: 0 0 0 19px;
 padding-top: 1px;
}
#bucketStripes { background: url(http://www.michaelburlingame.com/images/bg/bgBucketStripe.gif) 0 0 repeat-y; }
#bucket1, #bucket2, #bucket3 {
 width: 280px;
 float: left;
}
#bucket1, #bucket2 {
 margin-right: 8px;
}
#bucket1 a, #bucket2 a, #bucket3 a {
 display: block;
 text-decoration: none;
 color: #FFF;
}
#bucket1 a { background: url(http://www.michaelburlingame.com/images/bucketPodcast.jpg) 0 0 no-repeat; padding: 10px 10px 0 85px; width: 170px; }
#bucket2 a { background: url(http://www.michaelburlingame.com/images/bucketGallery.jpg) 0 5px no-repeat; padding: 10px 10px 15px 110px; width: 150px; }
#bucket3 a { padding: 10px 10px 0 25px; width: 200px; }
#bucket1 a:hover, #bucket2 a:hover, #bucket3 a:hover {
 color: #c05134;
}

/* =slideshow
---------------------------------------------- */
#OuterContainer {
 height: 214px;
 width: 436px;
 background: url(http://www.michaelburlingame.com/images/bg/bgSlideShow.gif) 0 0 no-repeat;
 padding: 5px 0 0 6px;
}
#Container {
 position: relative;
 height: 203px;
 width: 429px;
 z-index: 0;
}
#Loading {
 height: 25%;
 width: 100%;
 position: absolute;
 top: 40%;
 left: 0%;
 text-align: center;
 z-index: 0;
}
#LinkContainer {
 position: absolute;
 top: 0;
 left: 0;
 height: 100%;
 width: 100%;
}
#PrevLink span, #NextLink span { display: none; }
#PrevLink, #NextLink { display: block; }
#PrevLink { position: absolute; top: 208px; left: 17px; width: 23px; height: 20px; background: url(http://www.michaelburlingame.com/images/tabBack.gif) 0 0 no-repeat;  }
#NextLink { position: absolute; top: 208px; left: 40px; width: 24px; height: 20px; background: url(http://www.michaelburlingame.com/images/tabNext.gif) 0 0 no-repeat;  }
#PrevLink:hover { background: url(http://www.michaelburlingame.com/images/tabBackOver.gif) 0 0; }
#NextLink:hover { background: url(http://www.michaelburlingame.com/images/tabNextOver.gif) 0 0; }
#CaptionContainer {
 position: absolute;
 top: 208px;
 left: 380px;
 width: 39px;
 height: 20px;
 background: url(http://www.michaelburlingame.com/images/bg/bgCounter.gif) 0 0 no-repeat;
 text-align: center;
 color: #fff;
 font-size: 10px;
}

#curSeries p a img { border: 0; }