/*
Theme Name: De Zaak Roovers
Theme URI: http://dezaakroovers.nl/
Description: De Zaak Roovers Theme
Author: TTY Internet Solutions
Version: 1.0
Tags: client, gray
*/


/* === Home specific styling ============================================= */
body.home {
  background: #ededed;
}
body.home .container {
  background: #1F1E23;
}
body.home .head {
  background: #1F1E23;
  border-bottom: 1px solid #ccc;
}
body.home .menu {
  background: #484848;
  min-height: 301px;
  margin: 0;
}
body.home .main {
  padding: 0;
}
body.home #s {
  background: #484848 url(images/search.png) 1px 3px no-repeat;
  border: 1px solid #222;
  color: #999;
}
body.home #s:hover {
  color:#ccc;
  background: #585858 url(images/search.png) 1px 3px no-repeat;
}


/* === Search specific styling ======================================== */
body.search {
  margin:0;
}
body.search .page {
  border-bottom: 1px solid #666;
  margin: 0;
}
body.search .page h2 {
  margin: 0;
}
body.search .page-title {
  border-bottom: 1px solid #666;
  margin: 0;
  padding-bottom: 0.5em;
}


/* === Defaults ========================================================== */
body {
  background: #ededed;
  color: #fff;
  font-family: "Arial Narrow", "Arial", sans-serif;
  font-size: 0.80em;
}
h1, h2, h3 { color: #fff; }
h1 { font-size: 2.2em; }
h4.entry-title {
  font-size: 1.2em;
  margin: 5px 0 0;
}
a, a:active, a:link, a:visited { color: #fff; }
a:hover { background: #BC021A; color: #fff; padding: 2px 0px; }
.container {
  background: #464646;
}
.head {
  background: #464646;
  border-bottom: 1px solid #D0D0CF;
  overflow: hidden;
}
.logo {
  margin: 31px 0 20px 10px;
}
.menu {
  background: #1A1919;
  font-size: 1em;
  min-height: 301px;
  overflow: hidden;
  padding: 0;
}
.body {
  overflow: hidden;
}
.main {
  padding: 15px 0;
}
.foot {
  background: #9B9C9E;
  padding: 4px 10px 4px 0px;
  text-align: right;
}
.body .page {
  margin: 0 0 0 100px;
}
.entry-content {
  width: 420px;
}

/* === Search ============================================================ */
.search {
  margin: 20px 0 10px;
  padding: 0 10px;
}
.search .screen-reader-text { display: none; font-weight: normal; }

#s {
  background: #484848 url(images/search.png) 1px 3px no-repeat;
  border: 1px solid #666;
  color: #ccc;
  font-family: "Lucida Grande",Arial;
  font-size: 11px;
  padding: 4px 4px 4px 16px;
  width: 105px;
}
#s:hover {
  color:#ccc;
  background: #585858 url(images/search.png) 1px 3px no-repeat;
}

.search #searchsubmit { display: none; }

/* === Page navigation =================================================== */
.page-navigation ul {
  list-style-type: none;
  margin: 0;
  overflow: hidden;
  padding: 5px 0 0;
}
.page-navigation ul li {
  margin: 0;
  padding: 0:
}
.page-navigation ul li a {
  color: #fff;
  height: 20px;
  margin: 0;
  padding: 2px 5px 4px 8px;
  text-decoration: none;
}

.page-navigation ul li ul.children { display: none; }
.page-navigation ul li.current_page_item ul.children, .page-navigation ul li.current_page_parent ul.children { display: block; }


.page-navigation ul li.current_page_parent a, .page-navigation ul li.current_page_item a, .page-navigation ul li a:hover {
  background: #BC021A;
}
.page-navigation ul li ul {
  list-style-type: none;
  margin: 2px 0 0;
  padding: 0;
}
.page-navigation ul li.current_page_parent ul li a,
.page-navigation ul li.current_page_item ul li a,
.page-navigation ul li ul li a {
  background: #8A8B8A;
  display: block;
  height: 19px;
  margin-left: 10px;
  overflow: hidden;
  padding: 0 5px;
  width: 130px;
}
.page-navigation ul li.current_page_item ul li a:hover,
.page-navigation ul li.current_page_parent ul li.current_page_item a {
  background: #464646;
}

/* === Frontpage specific styling ======================================== */
.frontpage {
  height: 505px;
  position: relative;
  width: 790px;
}
.frontpage .bl { color: #fff; position: absolute; }
.frontpage .photo1 {
  height: 300px;
  left: 135px;
  top: 0;
  width: 400px;
}
.frontpage .photo2 {
  height: 102px;
  left: 0px;
  top: 300px;
  width: 135px;
}
.frontpage .photo3 {
  height: 102px;
  right: -10px;
  top: 300px;
  width: 135px;
}
.frontpage .photo4 {
  height: 102px;
  left: 400px;
  top: 403px;
  width: 135px;
}
.frontpage .text1 {
  font-size: 1.5em;
  height: 100px;
  line-height: 1.2em;
  padding: 8px 10px 0 16px;
  right: 0;
  top: 100px;
  width: 230px;
}
.frontpage .text2 {
  left: 135px;
  line-height: 1.20em;
  padding: 8px 12px 0;
  top: 300px;
  width: 401px;
}