/*
Theme Name: Bashers v2.2b
Theme URI: http://bashers.nl
Description: Eind februari 2010
Version: v2.2b
Author: Niels 't Hooft
Author URI: http://nielsthooft.com
*/


html, body, h1, h2, h3, h4, h5, h6, fieldset, p, ul, ol, li, dl, dt, dd, form {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
}

body {
  background-color: #fff;
  color: #000;
  text-align: left;
  font-family: Verdana, Tahoma, sans-serif;
}


/* site inbakeren */

#wrapper {
  width: 941px;
  position: relative;
  margin: 0 auto;
}

#content {
  float: right;
  width: 600px;
  padding: 0 0 0 20px;
  margin: 0;
  border-left: 1px #ccc solid;
}

#sidebar {
  float: left;
  padding: 0;
  width: 300px;
  margin: 0;
}


/* links */

a:link, a:visited {
  text-decoration: underline;
  outline: none;
  color: #0b4fa0;
}

.opties a:link, .opties a:visited,
a.more-link:link, a.more-link:visited,
.comment-edit-link:link, .comment-edit-link:visited {
  text-decoration: none;
  margin-right: 8px;
}

.opties a:link span, .opties a:visited span,
a.more-link:link span, a.more-link:visited span {
  text-decoration: underline;
}


a:link img, a:visited img {
  border: 0px;
  vertical-align: bottom;
}

h2 a:link, h2 a:visited {
  color: #000;
  text-decoration: none;
}

#sidebar a:link, #sidebar a:visited {
  color: #000;
}

.grijs a:link, .grijs a:visited {
  color: #808080;
}

#bovenrand a:link, #bovenrand a:visited {
  text-decoration: none;
  color: #000;
  margin-right: 14px;
}

#bovenrand a img {
  position: relative;
  top: 0px;
}

#header a#logo:link, #header a#logo:visited {
  text-decoration: none;
  color: #fff;
}

#header a#logo:hover, #header a#logo:active,
a:hover, a:active,
h2 a:hover, h2 a:active,
#sidebar a:hover, #sidebar a:active,
.grijs a:hover, .grijs a:active,
#bovenrand a:hover, #bovenrand a:active {
  color: #ed2024;
}


/* letters, groottes, dingen */

h1, h2, h3, h4,
.quote-groot, .quote-klein {
  font-family: "droid-serif-1","droid-serif-2", Georgia, Palatino, serif;
  font-weight: bolder;
}

h1, h2 {
  font-size: 28px;
  line-height: 36px;
  margin-bottom: 9px;
}

h3,
.quote-groot {
  margin-top: 24px;
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 20px;
}

#bovenaanveld h3 {
  margin-top: 0;
  margin-bottom: 12px;
}

h4,
#sidebar h1,
.quote-klein,
.kader h3 {
  margin-top: 0;
  font-size: 16px;
  line-height: 18px;
  margin-bottom: 4px
}

h4#respond {
  margin-bottom: 10px;
}

h3#comments {
}

#sidebar h2 {
  font-size: 13px;
  line-height: 14px;
  margin-bottom: 4px
}

p,
li {
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 12px;
}

#content .sidebarstrook,
div.rubriek,
div.auteur_link_normaal {
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 0;
}

ol#reacties li .reactie-body p,
#reactieveld p {
  font-size: 11px;
  line-height: 17px;
  margin-bottom: 11px;
}

#sidebar p,
p.nextprev,
.kader p {
  font-size: 10px;
  line-height: 15px;
  margin-bottom: 10px;
}

#header a#logo,
#bovenrand a,
#sidebar li,
.sidebarstrook,
div.auteur_link_hover,
#header a.blok span,
#header a#meer,
#headlines .blok a,
#content .ddop ul li,
#footer p {
  font-size: 10px;
  line-height: 15px;
  margin-bottom: 0;
}

blockquote {
  margin-left: 20px;
}

.grijs {
  color: #808080;
}

#content .normaal ul li,
#content .linkservice ul li,
#content .grijsveld ul li {
  padding-left: 20px;
  background: url(images/asterisk_yellow.png) 0px 0px no-repeat;
}

#content .normaal ol {
}

#content .normaal ol li {
  display: list-item;
  list-style: decimal;
  margin-left: 30px;
}


#sidebar ul,
#content .ddop ul {
  margin-bottom: 12px;
}

#sidebar li {
  margin-bottom: 0;
}

#pod_audio_1,
#pod_audio_2,
#pod_audio_3,
#pod_audio_4,
#pod_audio_5,
#pod_audio_6,
#pod_audio_7,
#pod_audio_8,
#pod_audio_9,
#pod_audio_10 {
  margin-bottom: 12px;
}


/* 't hooft */

#bovenrand {
  margin: 28px 0 16px 0;
}

#header {
  position: relative;
  width: 921px;
  height: 77px;
  padding: 18px 0 0 20px;
  margin: 0 0 20px 0;
  background: #000;
  clear: both;
}

#printlogo {
  display: none;
}

#header a#logo {
  display: block;
  position: absolute;
  left: 20px;
  width: 280px;
  padding-top: 31px;
  margin: 8px 0 0 0;
  background: url(images/basherslogo.gif) 0 0 no-repeat;
}

#header a#logo:hover,
#header a#logo:active {
  background: url(images/basherslogo.gif) 0 -54px no-repeat;
}

#header #blokken {
  position: absolute;
  right: 0;
  width:600px;
}

#header a.blok {
  display: block;
  float: left;
  overflow: hidden;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid;
  position: absolute;
  color: #ed2024;

  z-index: 1;
  margin: 0 20px 0 0;
  padding: 1px;
  border-color: #fff;
  width: 96px;
  height:55px;

  border-radius: 0;
  -o-border-radius: 0;
  -icab-border-radius: 0;
  -khtml-border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;


  -webkit-transition: .1s ease-in;
}

#header a.blok:hover,
#header a.blok:active {
  z-index: 9;
  margin: -32px -15px -50px -40px;
  padding: 2px;
    border-color: #ed2024;
  width: 169px;
  height: 126px;
  position: absolute;

  border-radius: 4px;
  -o-border-radius: 4px;
  -icab-border-radius: 4px;
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;

  -webkit-transition: .1s ease-out;
}


#header a.blok img {
  width: 96px;
  height: 55px;

  -webkit-transition: .1s ease-in;

}

#header a.blok:hover img,
#header a.blok:active img {
  width: 169px;
  height: 96px;

  -webkit-transition: .1s ease-out;

}

#header a.blok span {
  color: #ed2024;
  opacity:0;
  width: 169px;
  display:block;
  -webkit-transition: opacity .1s ease-in;
}

#header a.blok:hover span,
#header a.blok:active span {
  opacity:1;
  -webkit-transition: opacity .5s ease-out;
}



/* meerpijltje */

#header a#meer {
  position: absolute;
  right: 0;
  top: 58px;
}

#header a#meer:link,
#header a#meer:visited {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 2px 4px;
  text-decoration: none;
  color: #fff;
}

#header a#meer:hover,
#header a#meer:active {
  color: #ed2024;
}


/* headlinespagina */

#headlines {
  width: 972px;
  margin-left: -1px;
}

#headlines .blok {
  float: left;
  width: 171px;
  height: 169px;
  margin-right: 22px;
}

#headlines .blok a {
  display: block;
  overflow: hidden;
  text-decoration: none;
  padding: 0;
  border: 1px solid;
  border-color: #fff;
  background-color: #fff;
  color: #000;

  border-radius: 4px;
  -o-border-radius: 4px;
  -icab-border-radius: 4px;
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;

  -webkit-transition: .1s ease-in;
}

#headlines .blok a:hover,
#headlines .blok a:active {
  border-color: #ed2024;
  background-color: #fff;
  color: #ed2024;
  padding: 2px;
  margin: -2px -2px 0 -2px;

  -webkit-transition: .1s ease-out;
}

#headlines .blok a img {
  width: 169px;
  height: 96px;
  margin-bottom: 1px;
}


/* POSTJES (.ddop is het 'ook in deze rubriek'-dingetje) */

.normaal,
.linkservice,
.ddop {
  margin-bottom: 40px;
}


/* wordpressdingetjes voor plaatjes */

img.alignnone,
img.alignright,
img.alignleft,
img.aligncenter {
  margin-left: -1px;
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
}

img.alignright,
.wp-caption.alignright {
  float: right;
  margin: 1px 0 20px 20px;
}

img.alignleft {
  float: left;
  margin: 1px 0 20px 0;
}

img.aligncenter {
  margin: 0 auto;
  display: block;
}

a img.alignnone,
a img.alignright,
a img.alignleft,
a img.aligncenter {
  margin-bottom: -1px;
}

a:hover img.alignnone,
a:hover img.alignright,
a:hover img.alignleft,
a:hover img.aligncenter {
  border-color: #ed2024;
}


/* speciale opmaak */

.quote-groot,
.quote-klein,
.kader {
  float: right;
  margin: 20px 0 20px 20px;
  padding: 10px;
  border: 1px solid #ed2024;
  color: #ed2024;
  font-weight: normal;

  border-radius: 4px;
  -o-border-radius: 4px;
  -icab-border-radius: 4px;
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}

.quote-groot,
.quote-klein {
  width: 400px;
}

.kader {
  width: 200px;
}


/* next en previous */

p.nextprev {
  float: left;
  width: 50%;
  margin-bottom: 23px;
}

p.nextprev.rechts {
  float: right;
  text-align: right;
}


/* box met rubriek en auteur boven elke post */

div.authorbox {
  margin: 0 0 15px 0;
  width: 600px;
  clear:both;
}

/* rubriek */

div.rubriek {
  background:#fff;
  padding:8px 10px 8px 0;
  float:left;
  white-space: nowrap;
}

div.rubriek a:link,
div.rubriek a:visited {
  color: #fff;
  text-decoration: none;
  background: #000;
  padding:8px 10px;
  height: 50px;
  z-index:-1;

  border-radius: 5px;
  -o-border-radius: 5px;
  -icab-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;

  -webkit-transition: .1s ease-in;
}

div.rubriek a:hover,
div.rubriek a:active {
  background: #ed2024;
  margin: -5px;
  padding: 13px 15px;
  z-index:9;

  -webkit-transition: .1s ease-out;
}


/* auteur */

a.auteur {
  float:left;
  text-decoration: none;
  position: relative;
}

div.auteur_avatar {
  float: left;
}

a.auteur div.auteur_avatar img {
  width: 32px;
  height: 32px;
  -webkit-border-top-left-radius:5px;
  -webkit-border-bottom-left-radius:5px;
  -moz-border-radius-topleft:5px;
  -moz-border-radius-bottomleft:5px;

  -webkit-transition: .1s ease-in;
}

a.auteur:hover div.auteur_avatar img,
a.auteur:active div.auteur_avatar img {
  width: 42px;
  height: 42px;
  margin-left: -5px;
  margin-top: -5px;
  margin-bottom: -5px;

  -webkit-transition: .1s ease-out;
}

a.auteur div.auteur_link {
  background-color: #fff2f2;
  border: #ffdede 1px solid;
  border-left:none;
  -webkit-border-top-right-radius:5px;
  -webkit-border-bottom-right-radius:5px;
  -moz-border-radius-topright:5px;
  -moz-border-radius-bottomright:5px;
  padding:7px 10px 0 10px;
  color: black;
  text-decoration: none;
  height: 23px;

  float: left;

  -webkit-transition: .1s ease-in;
}

a.auteur:hover div.auteur_link,
a.auteur:active div.auteur_link {
  margin-top: -5px;
  margin-bottom: -5px;
  height: 33px;
  background-color: #fff2f2;

  -webkit-transition: .1s ease-out;
}

a.auteur div.auteur_link_normaal {
  opacity: 100;

  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);


  -webkit-transition: opacity .3s ease-in;
}

a.auteur:hover div.auteur_link_normaal,
a.auteur:active div.auteur_link_normaal {
  opacity: 0;

  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);

  visibility:hidden;
  -webkit-transition: opacity .1s ease-out;
}

a.auteur div.auteur_link_hover {
  position: absolute;
  top: 1px;
  left: 43px;
  opacity: 0;

  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);

  -webkit-transition: opacity .1s ease-in;
}

a.auteur:hover div.auteur_link_hover,
a.auteur:active div.auteur_link_hover {
  opacity: 100;

  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);

  -webkit-transition: opacity .3s ease-out;
}


/* grijsveld: reacties en auteurspagina */

.grijsveld {
  background-color: #f5f5f5;
  border: 1px solid #e5e5e5;
  padding: 10px 10px 0 10px;
  margin:0;

  border-radius: 4px;
  -o-border-radius: 4px;
  -icab-border-radius: 4px;
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}

#aantalreactieveld {
  margin-top: 36px;
  margin-bottom: 36px;
}

#reageerveld {
  margin-top: 36px;
  margin-bottom: 0;
}

#bovenaanveld {
  margin-bottom: 36px;
}

#bovenaanveld img.avatar {
  float: left;
}

#bovenaanveld #bovenaanveld-body {
  margin-left: 94px;
  min-height: 78px;
}


/* reacties */

ol#reacties li {
  margin-bottom: 30px;
  min-height: 64px;
}

ol#reacties li img.avatar {
  float: left;
  margin-top: 3px;
  width: 64px;
  height: 64px;
}

ol#reacties li .reactie-body {
  margin-left: 83px;
  padding-top: 1px;
}

textarea#comment {
  width: 100%;
}

input#submit {
  font-size: 11px;
}


/* sidebar */

.sidebarblok {
  clear: both;
  margin-bottom: 25px;
}

.sidebarblok#redactie, .roodblok {
  background-color: #fff2f2;
  border: #ffdede 1px solid;
  padding: 10px 10px 0 10px;

  border-radius: 4px;
  -o-border-radius: 4px;
  -icab-border-radius: 4px;
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}


.sidebarblok#podcast {
  background-color: #f0e8ef;
  border: #decfde 1px solid;
  padding: 10px 10px 0 10px;
  background-image: url(http://bashers.nl/wp-content/themes/bashers_v2.2b/images/podcastbg2.jpg);
  background-repeat: no-repeat;
  background-position: 165px -35px;

  border-radius: 4px;
  -o-border-radius: 4px;
  -icab-border-radius: 4px;
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}



/* zoekveld */

input.veld {
  float: right;
  width: 140px;
  border: 1px solid;
  border-color: #666 #ccc #ccc #666;
  padding: 2px 3px;
  font-size: 10px;
  margin-right: 6px;
  margin-top: 3px;

  border-radius: 2px;
  -o-border-radius: 2px;
  -icab-border-radius: 2px;
  -khtml-border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}

input.knop {
  float: right;
  margin-top: 4px;
  font-size: 10px;
}


/* sidebarstrook */

.sidebarstrook {
  height: 65px;
  border: 1px solid #fff;
  clear: both;
}

.sidebarstrook a:link, .sidebarstrook a:visited {
  display: block;
  position: relative;
  height: 54px;
  margin: 0 -3px 0 -3px;
  padding: 2px;
  border: 1px solid;
  border-color: #fff;
  text-decoration: none;

  border-radius: 4px;
  -o-border-radius: 4px;
  -icab-border-radius: 4px;
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;

  -webkit-transition: .1s ease-in;
}


.sidebarstrook a:hover, .sidebarstrook a:active {
  margin: -5px -8px 0 -8px;
  padding: 7px;
  border-color: #ed2024;

  -webkit-transition: .1s ease-out;
}



.sidebarstrook a img {
  float: left;
  width: 54px;
  height: 54px;

  -webkit-transition: .1s ease-in;
}

.sidebarstrook a:hover img, .sidebarstrook a:active img {
  width: 64px;
  height: 64px;
  margin-left: -5px;
  margin-top: -5px;

  -webkit-transition: .1s ease-out;
}

.sidebarstrook a span {
  display: block;
  margin-left: 68px;
  margin-top: -2px;
}

.sidebarstrook a span strong {
  text-decoration: underline;
  font-weight: normal;
}


/* voetstuk */

#footer {
  clear: both;
  height: 30px;
  padding-top: 20px;
}

#footer .copy {
  float: right;
}

#footer .true {
  float: left;
}


/* captiontestcode */

.wp-caption {
  border: 1px solid #ddd;
  text-align: center;
  background-color: #f3f3f3;
  padding-top: 4px;
  margin: 10px;
  /* For rounded corner */
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.wp-caption.alignnone, .wp-caption.aligncenter {
  margin:10px 0;
}

.wp-caption img {
  margin-bottom: 5px;
  border: 0 none;
}

.wp-caption p.wp-caption-text {
  padding: 0 4px 5px;
}


/* NIET MEER IN GEBRUIK, BEWAREN VOOR OUDE ARTIKELEN */

/* oude vormgeving sanders speelhal */

a.speelhal {
  display: block;
  position: relative;
  width: 569px;
  height: 166px;
  margin: 0 0 12px 0;
  border: 3px solid #999;
  background-repeat: no-repeat;
  text-decoration: none;
}

a.speelhal:hover {
  border: 3px solid #ffbe00;
}

a.speelhal .speelhaltekst {
  display: inline;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 3px 6px 0 3px;
  background: #999;
  font-size: 9px;
  line-height: 12px;
  font-style: italic;
  color: #000;
}

a.speelhal:hover .speelhaltekst {
  background: #ffbe00;
}


/* oude plaatjes */

.plaatje {
  margin: 0 0 12px 0;
}

.plaatje-rechts {
  margin: 3px 0 20px 20px;
  float: right;
}

.plaatje-links {
  margin: 3px 20px 20px 0;
  float: left;
}

.plaatje img,
.plaatje-rechts img,
.plaatje-links img {
  border: 3px solid #999;
}

.plaatje a,
.plaatje-rechts a,
.plaatje-links a {
  border: none;
}

.plaatje a img:hover,
.plaatje-rechts a img:hover,
.plaatje-links a img:hover {
  border: 3px solid #ffbe00;
}

.plaatje p,
.plaatje-rechts p,
.plaatje-links p {
  font-style: italic;
}