/**************************
Duke Street Church Website

color.css # I know, the American spelling

October 2008
**************************/

ul#accessibility li a {
  background-color: #ffa;
  color: black;
}

div#wrapper {
  background: white url('../images/main_bg_newblur.png') repeat-y scroll top left;
}

div#presentationalblur { 
  background: white url('../images/main_bg_newblur_btm.png') no-repeat bottom left;
}

strong { 
  font-weight:bold;
}

/*********************************
 header
*********************************/

div#header #quicklinks li {
  background: transparent url('../images/ql-bg.gif') left bottom no-repeat;
}

div#header #quicklinks li:first-child {
  background-image: none;
}

div#header ul#quicklinks a {
  color: #555;
}

div#header ul#quicklinks a:hover,
div#header ul#quicklinks a:focus,
div#header ul#quicklinks a:active {
  text-decoration:underline;
}

div#header {
  background: white url('../images/header_bg.jpg') repeat-x scroll top left;
}

div#header div#logo {
  text-indent: -999em;
  background: transparent url('../images/logo_smaller.png') no-repeat scroll 2em 1.5em;
}

/*********************************
 menu
**********************************/

div#menubar {
  background: white url('../images/menu_bg_top.gif') repeat-x scroll top left;
}

div#menubar ul#first-level {
/*  background: transparent url('../images/menu_bg_bottom.gif') repeat-x scroll bottom left;*/
  border-bottom: solid 1px #999;
}

div#menubar ul#first-level li#showmemore a {
  background: transparent url('../images/menu-expand-collapse.jpg') no-repeat scroll 0 0;
  color: white;
}

div#menubar ul#first-level li#showmemore a:hover,
div#menubar ul#first-level li#showmemore a:focus,
div#menubar ul#first-level li#showmemore a:active {
  background-position: 0 -22px;
  color:#0171b1;
}

div#menubar ul#first-level li#showmemore a.collapse {
  background-position: 0 -44px
}

div#menubar ul#first-level li#showmemore a.collapse:hover,
div#menubar ul#first-level li#showmemore a.collapse:focus,
div#menubar ul#first-level li#showmemore a.collapse:active {
  background-position: 0 -66px;
}

div#menubar ul#first-level ul {
  background: white;
}

div#menubar ul a {
  color:#666;
}

div#menubar ul a:active,
div#menubar ul a:focus,
div#menubar ul a:hover {
  color:#0171b1;
  text-decoration: underline;
}

/*********************************
 content
*********************************/

div#mainbox {
  background: black url('../images/man_bike.jpg') no-repeat scroll 0 0;
}

div#mainbox2 {
  background-color: #fffaf2;
}

div#mainbox p, div#mainbox p a {
  color:white;
}

div#mainbox p a {
  text-decoration:underline;
}

div.box h2,
div.box a,
body#innerpage a,
body#innerpage h2,
body#innerpage h4,
body.eventlist ul#upcoming-events dt.title {
  color:#0171b1;
}

body#innerpage h1 {
  color: #006e51;  
}

body#innerpage div#content-inner ul {
  list-style-image: url('../images/blue-bullet-10px.jpg');
}

body#innerpage div#content-inner ul p,
body#innerpage div#content-inner ol p{ 
  color: black;
}

body#innerpage div#picture-bar { 
  background: #f7f7f7 url('../images/picbar_bg_bottom.gif') no-repeat scroll bottom left;
}

body#innerpage div#more-bar { 
  border-top: 1px #ccc solid;
}

blockquote, p.caption {
  color: #006e51;
}

body.eventlist ul#upcoming-events .when {
  background: #f7f7f7;
}

/*********************************
 footer
*********************************/

#footer {
  background: transparent url('../images/footer_bg_rev.jpg') repeat-x scroll left 26px;
  color:#555;
}

#footer ul li a {
  color:#555;
}

#footer a:hover {
  text-decoration: underline;
}

#footer ul li {
  background: transparent url('../images/ql-bg.gif') left bottom no-repeat;
}

#footer ul li:first-child {
  background-image: none;
}