/*
Theme Name: NGK theme
Theme URI: https://launchpad.net/ngktheme
Description: Theme about to be used for www.ngk.nl
Author: Reinout van Rees
Author URI: http://reinout.vanrees.org
Version: 0.5
.
BSD licensed.  Regarding the logo, extra restrictions apply.
.
*/

body
{ /* Reset blueprint's font-family by adding verdana (the old theme had
     that as its default).
     Also set the background.
     */
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background-image: url(images/bg_gradient_blue.jpg);
  background-repeat: repeat-x;
  background-color: #aadaf0;
}

body#wie-we-zijn {
    background: url(images/bg_gradient_purple.jpg) repeat-x #d692cf;
}
body#plaatselijke-kerken {
    background: url(images/bg_gradient_red.jpg) repeat-x #ff8d81;
}
body#landelijk {
    background: url(images/bg_gradient_green.jpg) repeat-x #9ae795;
}
body#agenda {
    background: url(images/bg_gradient_yellow.jpg) repeat-x #feeb80;
}
body#contact {
    background: url(images/bg_gradient_gray.jpg) repeat-x #c8c8c8;
}

#page
{ /* The background on the body must be set back to white in the
     actual content area.
     */
  background-image: none;
  background-color: #fff;
}


a
{ /* Reset blueprint's link color to a NGK-friendly one */
  color: #0068b5;
}


#headerimg
{ /* logo as background */
  height: 108px; /* 6*18 = 108px */
  background-image: url('images/logo.png');
  background-repeat: no-repeat;
}

#logolink
{ /* link for the logo, so it should be about the same size */
  display: block;
  height: 100px;
  width: 320px;
  color: white;
}

#searchform,
#header-title
{ /* align right */
  text-align: right;
}

#header #searchform
{ /* Push it a bit down to align it with the logo */
  padding-top: 1em;
}

#searchform input#s
{ /* Smaller search box in the header search form */
  width: 200px;
}

#header #searchform input.text,
#header #searchform input.title
{ /* Smaller search box in the header search form */
  padding: 2px;
}

#mainbody
{ /* background blue/white/blue for sidebar + content */
  background-image: url('images/background.png');
  background-repeat: repeat-y;
}

#footer
{ /* gray-like background for footer and centered text */
  background-color: #C7C8CA;
  text-align: center;
}

h1, h2
{ /* Headers bold please */
  font-weight: bold;
}

/* Kees Zondag wants smaller headings, so we pick blueprint's h3 size for h2,
   h4 for h3, etc. */
h2 {
  font-size: 1.5em;
  line-height: 1;
  margin-bottom: 1em;
}
h3 {
  font-size: 1.2em;
  line-height: 1.25;
  margin-bottom: 1.25em;
}
h4 {
  margin-bottom: 0em;
  font-style: italic;
}

#header-title
{ /* Header title same size as h2 */
  font-size:1.5em;
  line-height:1;
  margin-bottom:1em;
  padding-top: 2em;
}



#mainmenu
{ /* background gradient */
  height: 3em;
  background-image: url('images/menu_background.png');
  background-repeat: no-repeat;
}

#mainmenu .mainmenu-home,
#mainmenu .mainmenu-spacer,
#mainmenu .mainmenu-item
{ /* Float 'em all so that they fill up the main menu div */
  float: left;
}

#mainmenu .mainmenu-home
{ /* Take the space up till the white vertical space.
     And add the blue bottom border. */
  width: 211px;
  border-bottom: 3px solid #0068b5;
}

#mainmenu .mainmenu-spacer
{ /* Match the width of the white vertical space */
  width: 18px;
}

#mainmenu .mainmenu-item
{ /* 950-18-211 = 721. Divided by 5 = 144.2px. */
  width: 144px;
}

#mainmenu a
{ /* Main menu items: nice and bold */
  font-weight: bold;
  display: block;
  text-decoration: none;
  color: #222;
  text-align: center;
  height: 20px;
}

#mainmenu a:hover,
#mainmenu div.selected a
{ /* Light up the background on hover and if selected */
  background: url(images/menu_hover.png) repeat-x;
}

#mainmenu .mainmenu-1
{ /* colored border below */
    border-bottom: 3px solid #a4017e;
}

#mainmenu .mainmenu-2
{ /* colored border below */
    border-bottom: 3px solid #fe0000;
}

#mainmenu .mainmenu-3
{ /* colored border below */
    border-bottom: 3px solid #ffd900;
}

#mainmenu .mainmenu-4
{ /* colored border below */
    border-bottom: 3px solid #13b454;
}

#mainmenu .mainmenu-5
{ /* colored border below */
    border-bottom: 3px solid #FFF;
}




.sidebar ul
{ /* Limited indentation for main items in the sidebar */
  padding-left: 1em;
}

.sidebar ul ul
{ /* Bit more indentation for actual list items in the sidebar */
  padding-left: 1.2em;
}

.sidebar ul li
{ /* No bullets in the sidebar's main items */
  list-style-type: none;
  list-style-image: none;
}

.sidebar ul ul li
{ /* Simple dashes in the sidebar's actual items */
  list-style-type: disc;
  list-style-image: none;
}

.sidebar h2
{ /* Small headers in the sidebar */
  font-size: 1em;
  font-weight: bold;
  color: #000;
  line-height: 1.5em;
  margin-top: 1.5em;
}

.sidebar a
{ /* No underlines and blue color for the links */
  text-decoration: none;
  color: #222;
}




#content div.post h2 a,
#content div.page h2 a
{ /* In the main listings, don't underline the h2 links */
  text-decoration: none;
}

#content div.post h2,
#content div.page h2
{ /* There's a date below the h2, so zap the bottom margin */
  margin-bottom: 0em;
}

#content div.post,
#content div.page
{ /* A bit of padding on the right side */
  padding-right: 1em;
}

#content div.post img
{ /* Images inside posts float left */
  float: left;
  margin: 0em 1.5em 1em 0em;
}

#content div.page img
{ /* Images inside entry float right */
  float: right;
  margin: 0em 0em 1em 1.5em;
}

.postmetadata a
{ /* Don't color the links in the "edit" and "posted in" area */
  color: #666;
}



.posting-date
{ /* No empty line below posting date to limit the vertical space usage */
  margin-bottom: 0em;
}