/*
Theme Name: PianoMusician thema
Theme URI: http://www.pianomusician.nl
Description: PianoMusician.nl thema
Version: v1.0
Author: Jacob Ras
Author URI: http://www.jacobras.nl
*/

/************************************************************************
**	PianoMusician.nl
**  Een project van Jacob Ras ( www.jacobras.nl )
************************************************************************/
* { padding: 0; margin: 0; }
pre, blockquote, label, ol, dl, fieldset, address { margin: 1em 5%; }
dd { margin-left: 5%; }
fieldset { padding: .5em; }
img { border: none; }
.clear { clear: both; }
.center, .aligncenter { text-align: center; }
.links, .alignleft { float: left; }
.rechts, .alignright { float: right; }
hr { height: 1px; border: none; background: #e3e3e3; color: #e3e3e3; }
.lichtgrijs, .kleingrijs { color: #999; }
.kleingrijs { font-size: 10px; }
strong { color: #3a3a3a; }


/************************************************************************
**	Body
*************************************************************************/
body { font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Trebuchet MS', sans-serif; font-size: 11px; text-align: center; background: url('afbeeldingen/achtergrond_blauw2.png') top repeat-x #eee; color: #5a5a5a; line-height: 20px; }

/* Normale hyperlinks */
a { color: #2690de; text-decoration: none; }
a:hover { text-decoration: underline; }

/* heading tags */
h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #000; }
h1 { font-size: 24px; }
h2 { font-size: 18px; }
h3 { font-size: 14px; }


/************************************************************************
**	Container + header
*************************************************************************/
#container { width: 983px; margin: 0 auto; text-align: left; background: url('afbeeldingen/bg.png') repeat-y #fff; border-bottom: 1px solid #d9d9d9; }


/* header */
#header { height: 123px; padding: 0 25px; position: relative; }
#header #logo { float: left; }
#header #rssknop { position: absolute; right: 25px; top: 40px; }
#header #twitterknop { position: absolute; right: 85px; top: 42px; }


/* persmenu */
#persmenu { height: 29px; background: url('afbeeldingen/persmenu_bg.png') repeat-x #f7f7f7; float: right; padding: 0 6px; border-left:  1px solid #f1f1f1; border-right: 1px solid #f1f1f1; line-height: 28px; }


/* navigatie balk */
#navigatie { margin: 0 25px 25px; height: 46px; background: url('afbeeldingen/navbalk_bg.png') repeat-x; font-size: 14px; color: #343434; }
#navigatie ul { list-style-type: none; float: left; }
#navigatie ul li.menuitem { display: block; float: left; margin-right: 16px; line-height: 36px; position: relative; }
#navigatie ul li.menuitem ul.submenuul { position: absolute; left: 0; top: 0; z-index: 3; }
#navigatie ul li.menuitem a.menuitemlink { color: #343434; display: block; height: 40px; margin-top: 4px; padding: 0 8px; }
#navigatie ul li.menuitem.hover a.menuitemlink, #navigatie ul li.menuitem:hover a.menuitemlink { background: url('afbeeldingen/menu_bg.png') repeat-x #2e2e2e; color: #fff; }
#navigatie ul li.menuitem .li_links { width: 6px; height: 40px; position: absolute; left: 0; bottom: 0; }
#navigatie ul li.menuitem .li_rechts { width: 6px; height: 40px; position: absolute; right: 0; bottom: 0; }
#navigatie ul li.menuitem a.menuitemlink:hover .li_links, #navigatie ul li.hover a .li_links { background: url('afbeeldingen/li_links.png') no-repeat; }
#navigatie ul li.menuitem a.menuitemlink:hover .li_rechts, #navigatie ul li.hover a .li_rechts { background: url('afbeeldingen/li_rechts.png') no-repeat; }
#navigatie ul li.menuitem a.active { color: #2690de; }
#navigatie ul li.menuitem .active:hover { color: #fff; }
#navigatie ul li.menuitem a.menuitemlink:hover { text-decoration: none; }
#navrand_links { width: 8px; height: 46px; background: url('afbeeldingen/navrand_links.png') no-repeat; float: left; }
#nav_zoekvak { background: url('afbeeldingen/navbalk_zoekvak.png') no-repeat; float: left; width: 152px; height: 46px; color: #fff; float: right; line-height: 46px; text-align: center; }


/* nav zoekvak */
#cse-search-box fieldset { border: none; padding: 0; margin: 0; }


/* banner */
.banner { margin: 0 25px 25px; background: url('afbeeldingen/banner_bg.png') repeat-x; height: 156px; position: relative; padding: 0 8px; }
.banner_links { position: absolute; left: 0; top: 0; width: 8px; height: 156px; background: url('afbeeldingen/banner_links.png') no-repeat; }
.banner_rechts { position: absolute; right: 0; top: 0; width: 8px; height: 156px; background: url('afbeeldingen/banner_rechts.png') no-repeat; }
.banner .banneritemklein h3 a strong, .banner .banneritem h3 strong { font-weight: normal; }

/* banneritem */
.banneritem { width: 25%; float: left; text-align: center; }
.banneritem h3, .banneritemklein h3 { margin: 12px 12px 0; }
.banneritem p, .banneritemklein p { margin: 0 12px 4px; color: #a0a0a0; }
.banneritem p a { display: block; color: #a0a0a0; }
.banneritem p a:hover, .banneritemklein p a:hover { color: #2690de; }

/* banneritemklein */
.banneritemklein { width: 20%; float: left; }
.banneritemklein ul { list-style-type: none; margin: 0 12px 4px; }
.banneritemklein ul a { color: #a0a0a0; }
.banneritemklein h3 a, .banneritemklein h3 a strong, .banneritem h3 strong { color: #000; }


/************************************************************************
**	Content + footer
*************************************************************************/
#content { padding: 0 25px 25px; position: relative; }


/* contentvak */
#contentvak { float: left; width: 660px; }
#contentvak p { margin-bottom: 20px; }
.titelmargin { margin-bottom: 30px; }


/* nieuwsberichten */
.nieuwsbericht { background: url('afbeeldingen/nieuwsbg.png') repeat-x top; padding-top: 4px; margin-bottom: 40px; border-top: 1px solid #eaeaea; }
.nieuwsbericht h2.nieuwsberichttitel, .nieuwsbericht p.lichtgrijs { padding: 0 4px; }
.nieuwsbericht h1.nieuwstitel, .nieuwsbericht h1.nieuwsberichttitel { padding: 0 4px; font-size: 18px; }
.nieuwsbericht h2 a, .nieuwsbericht h1.nieuwstitel a { color: #000; }
.nieuwsbericht p.lichtgrijs { display:block; }
.jr-post-img { float: left; margin: 5px 12px 0 0; padding: 3px; border: 1px solid #dcdcdc; }
p.leesverder { background: #f3f3f3; padding: 4px 8px; }
.nieuwsad { text-align: center; padding-bottom: 50px; }
.related_post { padding-bottom: 30px; }


/* ad */
div.ad { text-align: center; }
div.ad_index { margin-bottom: 40px; }


/* pagina */
.pagina p { margin-bottom: 20px; }
img.alignleft { margin-right: 14px; }
.nieuwsbericht hr { margin-bottom: 10px; }


/* Gids: knop link */
.gidsknoplink { display: inline; margin: 8px 14px; }

.kopmargin { margin-bottom: 15px; }


/* knoppen */
#gidsknop-musicnotes { background: url('http://www.pianomusician.nl/wp-content/themes/pianomusician/content/gidsknoppen/gidsknop_musicnotes.jpg') no-repeat; }
#gidsknop-musicnotes {  }


/* ad rechthoek onderaan */
#meernieuws { float: left; }
#ad_rechthoekonder { float: right; }


/* lijst */
.ullist ul, .pagina ul, #contentvak ul { list-style-position: inside; margin-bottom: 20px; }


/* icoontjes in tekst */
.icon { position: relative; top: 3px; }


/* vak_groot */
.vak_groot { width: 932px; margin-bottom: 25px; }
.vak_groot h3, .vak_groot h2, .vak_groot h1 { height: 33px; line-height: 36px; background: url('afbeeldingen/vak_groot_bg.png') no-repeat; padding-left: 10px; font-size: 12px; }
.vak_groot h3 img, .vak_groot h2 img, .vak_groot h1 img { position: relative; top: 3px; margin-right: 2px; }
.vak_groot_content { border-left: 1px solid #d8d9da; border-right: 1px solid #d8d9da; padding: 4px 10px; }
.vak_groot_onderkant { height: 5px; background: url('afbeeldingen/vak_groot_onderkant.png') no-repeat; }

/* vak_groot */
.vak_groot { width: 932px; margin-bottom: 25px; }
.vak_groot h3 { height: 33px; line-height: 36px; background: url('afbeeldingen/vak_groot_bg.png') no-repeat; padding-left: 10px; font-size: 12px; }
.topiclist .header { height: 33px; line-height: 36px; background: url('afbeeldingen/vak_groot_bg.png') no-repeat; font-size: 12px; }
.vak_groot h3 img { position: relative; top: 3px; margin-right: 2px; }
.vak_groot_content { border-left: 1px solid #d8d9da; border-right: 1px solid #d8d9da; padding: 4px 10px; }
.forum_content { border-left: 1px solid #d8d9da; border-right: 1px solid #d8d9da; }
.vak_groot_onderkant { height: 5px; background: url('afbeeldingen/vak_groot_onderkant.png') no-repeat; }


/* speciale bericht / pagina opmaak */
.pianoterm { font-family: 'Times New Roman', serif; font-size: 15px; font-style: italic; font-weight: bold; color: #000; padding: 0 2px; }
span.termnaam { font-size: 13px; }
h3.termnaam { font-size: 16px; }



/************************************************************************
**	Sidebar
*************************************************************************/

/* sidebar */
#sidebar { float: right; width: 247px; }

#sidebar ul { list-style-image: none; }


/* vak */
.vak { width: 249px; margin-bottom: 25px; }
.vak h3 { height: 33px; line-height: 36px; background: url('afbeeldingen/vak_bg.png') no-repeat; padding-left: 10px; font-size: 12px; }
.vak h3 img { position: relative; top: 3px; margin-right: 2px; }
.vak_content { border-left: 1px solid #d8d9da; border-right: 1px solid #d8d9da; padding: 4px 10px; }
.vak_content ul, .vak_groot_content ul { list-style-type: none; }
.vak_content ul li, .vak_groot_content ul li { border-bottom: 1px solid #e8e8e8; padding: 2px 0; }
.vak_content ul li.last, .vak_groot_content ul li.last { border-bottom: none; padding-bottom: 0; }
.vak_content ul li p, .vak_groot_content ul li p { float: right; font-size: 10px; color: #b8b8b8; }
.vak_onderkant { height: 5px; background: url('afbeeldingen/vak_onderkant.png') no-repeat; }
.authorinfomargin { margin-top: 8px; }


/* donker vak */
.vak_donker {  }
.vak_donker h3 { background: url('afbeeldingen/vak_donker_bg.png') no-repeat; color: #fff; }
.vak_donker .vak_content { border-left: 1px solid #939393; border-right: 1px solid #939393; }
.vak_donker .vak_onderkant { background: url('afbeeldingen/vak_donker_onderkant.png') no-repeat; }


/* sidebar ad */
.sidead { text-align: center; margin-bottom: 25px; }


/* sidevak: twitter updates */
.tweet { color: #085258; }
.tweet .tweet_list {  -webkit-border-radius: .5em; list-style-type: none; margin: 0; padding: 0; background-color: #f5f5f5; /* F0F5F5 */ }
.tweet .tweet_list li { overflow: auto; padding: 8px; }
.tweet .tweet_list li a { }
.tweet .tweet_list .tweet_even { background-color: #e9f1f2; /* E5EEEF */ }
.tweet .tweet_list .tweet_avatar { float: left; padding: 10px 10px 14px 4px; }
.tweet .tweet_list .tweet_avatar img { vertical-align: middle; }


/* rssmail */
#rssmail { text-align: center; }
#rssmail fieldset { margin: 0; padding: 0; border: none; }
#rssmail p { margin-bottom: 8px; }


/************************************************************************
**	Overige
*************************************************************************/

/* footer */
#footer { padding: 0 25px 6px; text-align: center; color: #b8b8b8; }


/* melding */
p.melding { background: #f0f4f6; border: 1px solid #cce2f2; padding: 6px 12px; margin: 15px 0; }


/************************************************************************
**	Reacties
*************************************************************************/

#reactielijst { padding: 0 28px 28px; list-style-type: none; }

.comment {
  background: transparent url('http://www.pianomusician.nl/wp-content/themes/pianomusician/afbeeldingen/bg-comment.png') 10px 19px no-repeat;
  border-top: 28px solid #fff;
  border-left: 40px solid #fff;
}

.comment-body {
  background-color: #f4f8f9;
  color: #3e5867;
  margin-left: 20px;  
  padding: 17px 20px 11px;
  position: relative;
}

.comment-body img.avatar {
  border: 1px solid #eee;
  padding: 2px;
  position: absolute;
  left: -60px;
}

ul.children { }
.comment ul.children li { border-top: 15px solid #f9fbfc; }

.comment-meta {
  font-family: Georgia, serif;
  font-size: 11px;
  font-style: italic;
  position: absolute;
  right: 25px;
  top: 20px;
}
.comment-meta a { color: #999; }
.comment-author-admin { background-image: url('afbeeldingen/bg-comment-admin.png'); }
.comment-author-admin > .comment-body { background-color: #ecf4f6; }
.comment p, .comment blockquote { padding: 0 0 7px; }
.comment blockquote p, .comment blockquote blockquote, .comment blockquote blockquote p { margin: 5px; padding: 7px; }
#reactielijst cite, #reactielijst cite a { }
#reactielijst cite a { }
#reactielijst cite.posternaam { font-size: 13px; font-style: normal; }


/* commentform */
#commentform { margin-top: 20px; }
#commentform p label { width: 200px; float: left; margin: 0 40px 0 0; }
p.clearfix { clear: both; }

#subscribe { float: left; margin: 3px 8px 16px 0; }


/************************************************************************
**	Submenu's in navbalk
*************************************************************************/

#navigatie ul { position: relative; }
#navigatie ul li.submenu { position: absolute; top: 43px; left: 0px; background: #1f1f1f; color: #fff; z-index: 2; width: 294px; border-left: 1px solid #a7a7a7; border-right: 1px solid #a7a7a7; }

ul.subitems {  }
ul.subitems li.subitem { background: #fff; margin: 5px 5px 0; display: block; width: 284px; color: #343434; background: url('afbeeldingen/nav_subitem_bg.png') bottom repeat-x #fafafa; line-height: 16px; }
ul.subitems li.subitem a:hover h3 { color: #2690de; }
ul.subitems li.subitem span.subtitel { font-size: 11px; }
div.submenu_onderkant { height: 8px; position: absolute; bottom: 0px; left: -1px; }
div.submenu_onderkant img { position: relative; bottom: 7px; }


/* meerdere items */
ul.subitems li.subitem a.sublinks { color: #797979; display: block; padding: 10px; width: 130px; float: left; }
ul.subitems li.subitem.hover a.sublinks { /* background: #f3f3f3; */ text-decoration: none; color: #2690de; }
#navigatie ul li.menuitem ul.submenuul li.submenu ul.subitems li.subitem a.sublinks { color: #797979; }
ul.subitems li.subitem ul.subrechts { float: left; font-size: 11px; margin: 10px 0px 10px 0; width: 130px; border-left: 1px solid #cfcfcf; }
ul.subitems li.subitem ul.subrechts li { line-height: 16px; margin: 2px 0 2px 10px; }


/* verbergen */
#navigatie ul li.menuitem ul.submenuul li.submenu {  visibility: hidden; }
#navigatie ul li.menuitem.hover ul.submenuul li.submenu {  visibility: visible; }


/* enkel item */
ul.subitems li.subitem a.subsingle { color: #797979; display: block; padding: 10px; }
ul.subitems li.subitem a.subsingle:hover { text-decoration: none; }




/************************************************************************
**	Bestelformulier
*************************************************************************/
#bestelformulier fieldset { border: 1px solid #e8e8e8; margin: 10px; padding: 10px 10px 20px; }
.invoervak { border: 1px solid #bbb; padding: 5px; width: 288px; float: left; }
#bestelformulier select { border: 1px solid #bbb; width: 300px; padding: 4px 2px; height: 28px; }
.invoervak, #bestelformulier select { margin: 13px 0 4px 0; color: #333; }
#bestelformulier select option { padding: 5px; }
#bestelformulier label { font-weight: bold; display: block; float: left; text-align: right; line-height: 14px; width: 160px; }
#bestelformulier .klein { font-size: 11px; font-weight: normal; }
#bestelformulier legend { font-weight: bold; color: #696969; }
#bestelformulier textarea { border: 1px solid #ddd; border-top: 1px solid #b8b8b8; font-family: Tahoma, Arial, sans-serif; font-size: 12px; color: #696969; width: 560px; padding: 5px; margin: 10px 10px; height: 120px; }
#opmerkingfieldset { margin-top: 10px; }