/*
  Theme Name: Gintou
  HTML & CSS door Teamwordpress.com
  Idee voor lay-out gejat van HEMA
  Achtergrondafbeelding en zoekbox van ndesign-studio.com
  Overig 'design' gewoon door Ulco
*/

* {
  margin: 0;
  padding: 0; 
}

body {
  background: #42afdc url(images/body_bg.gif) repeat-x;
  font: 75%/170% Arial, Helvetica, sans-serif;
}

/* MAIN */
/*****************/
img{border:0;}

a {
  color: #44a1d0;
  text-decoration: none;
}

a:visited {
  color: #5EAFD7;
}

a:hover {
  text-decoration: underline;
}

p {
  margin: 0px 0px 15px;
}

ul li {
  list-style-image: url(images/arrow.gif);
}
ol {
  margin-left:40px;
  margin-bottom:20px;
}

/* CONTAINERS */
/*****************/
div#page {
  background: url(images/page_bg.jpg) no-repeat center top;
}

div#container {
  width: 770px;
  margin: 0 auto;
  position: relative;
  padding-bottom: 25px;
}

div#corecontainer {
  background: #fff url(images/content_top.gif) no-repeat top;
  margin-top: 20px;
  overflow: hidden;
}

div.corecontainer-bottom {
  clear: both;
  display: block;
  width: 770px;
  height: 3px;
  background: url(images/content_bottom.gif) no-repeat bottom;
  padding-top: 25px;
}

div#block {
  width: 520px;
  float: left;
}

div.post ul {
  margin: 5px 10px 15px;
  padding-left: 20px;
}
p.reacties {
  text-align:right;
  font-size:.8em;
  margin-top:0;
}

/* SEARCHFORM */
/*****************/
#searchform {
  position: absolute;
  top: 0px;
  right: 0px;
  background: url(images/searchform-bg.png) no-repeat right bottom;
  height: 37px;
  width: 210px;
}

#searchform #s{
  background: #ffffff url(images/form-field-bg.gif) no-repeat ;
  height: 17px;
  width: 148px;
  margin: 6px 5px 0px 10px;
  padding: 3px 7px 2px 5px;
  color: #999999;
  border: none;
}

#searchform #searchsubmit { 
  background: url(images/search-btn.png) no-repeat left top;
  height: 24px;
  width: 24px;
  border: none;
  text-indent: -999%;
  line-height: 1px;
  margin-top: 6px;
}

#notfound {
  padding-left: 40px;
  margin-top: 10px;
}

/* POST */
/*****************/
div.post {
  width: 480px;
  margin-top: 25px;
  margin-left: 40px;
}

h1, h2 {
  color: #5eafd7;
  font-size: 18px;
}

h1.title {
  color: #f00000;
}

h1 a, h2 a {
  color: #f00000;
  font-size: 18px;
}

h1 a:hover, h2 a:hover {
  text-decoration: none;
  color: #197fcd;
}

blockquote {
  color: #999;
  font-style: italic;
  padding: 0 40px 0 40px;
}

.meta {
  height: 19px;
  width: 100%;
  font-size: 10px;
  color: #999;
  border-bottom: 1px dotted #aaa;
}

div#previousposts {
  width: 480px;
  padding: 0 0 0 40px;
}

h3#latestposts {
  font-size: 15px;
  border-bottom: 4px solid #ccc;
}
h3.nocomments {
  border-top:4px solid #ccc;
}

ul.recent, ul.item {
  font-size: 13px;
  list-style-type: none;
}

ul.item {
  padding: 0 !important;
  margin: 0 !important;
}

ul.recent li, ul.item li {
  padding: 5px 0 5px 0;
}

li.recentitem {
  width: 70%;
  float: left;
  border-bottom: 1px solid #ededed;
  list-style-image: none;
}

li.recentdate {
  width: 30%;
  float: left;
  color: #999;
  text-align: right;
  border-bottom: 1px solid #ededed;
  list-style-image: none !important;
}

ul.recent li:hover, ul.item li:hover {
  background-color: #f3f7fd;
  color: #333;
}

ul.recent li a, li.recentitem a.title {
  padding-left: 20px;
  background: transparent url(images/back-recent.png) no-repeat center left;
  text-decoration: none;
}

ul.recent li a.no-back, ul.item li a.no-back {
  padding-left: 0;
  background-image: none;
}

em {
}

.categoryslug {
  font-style: normal;
  float: left;
  padding: 10px 0 0 40px !important;
}

.articleimg {
  float:right;
  padding:5px;
  border:1px solid #eeeeee;
  margin-left:20px;
  margin-top:5px;
  margin-bottom:20px;
}

h1.notfound {
  padding: 25px 0 0 40px;
}

/* COMMENTS */
/*****************/
div#comments {
  padding-left: 40px;
}

h3 {
  font-size: 15px;
  margin-bottom: 10px;
}

ul.commentlist {
  padding: 0 !important;
  margin: 0 !important;
}

.commentlist li {
  list-style-type: none;
  list-style-image: none;
  border: 1px solid #ccc;
  padding: 10px 10px 0px 10px;
  margin-bottom: 10px;
  background: #fafafa;
}

.commentlist li.alt {
  background: #f1f1f1;
  border: 1px solid #ccc;
}
.commentlist li.authcomment {
  background: #e6eef4 !important;
  border: 1px solid #ccc;
}

span.commentmeta {
  display: block;
  font-size: 10px;
  margin-bottom: 10px;
}

big {
  font-weight: bold;
}

#comment {
  width: 480px;
}

#commentform input {
  font-family: Arial;
  font-size: 13px;
  background: #fafafa;
  color: #000;
  border: 1px solid #ccc;
}

/* NAVBAR */
/*****************/
div#sidebar {
  width: 215px;
  float: right;
}
	
div#feeds {
  width: 215px;
  float: right;
  margin-top: 40px;
  background: #d1e5f3 url(images/nav-top.png) no-repeat top;
}
	
div#categories, div#archives {
  width: 215px;
  float: right;
  margin-top: 2px;
  background: #d1e5f3;
}
	
div#other {
  width: 215px;
  float: right;
  margin-top: 2px;
  margin-bottom: 20px;
  background: #d1e5f3 url(images/nav-bottom.png) no-repeat bottom;
}
	
h4 {
  color: #197fcd;
  margin: 10px;
  font-size: 16px;
}

div#sidebar ul {
  margin: 5px 10px 15px;
  padding-left: 20px;
}

.nav li {
  list-style: none;
  list-style-image: none;
}
	
.nav li a {
  color: #333;
 }
	
.nav li a:hover {
  color: #197fcd;
  text-decoration: none;
}