/*
Theme Name: Brandt Attema Theme
Theme URI: http://D-vers.nl/
Description: Brandt's nieuwe website 2010
Author: Robbie Meijer @ D-vers v.o.f.
Version: 1.0
Tags: fullscreen background, clean, multi language, black, html5, css3
*/


/* START RESET
-------------------------------------------------------------- */
@font-face { font-family: 'CaviarDreamsRegular'; src: url('CaviarDreams-webfont.eot');
src: local('☺'), url('CaviarDreams-webfont.woff') format('woff'), url('CaviarDreams-webfont.ttf') format('truetype'), url('CaviarDreams-webfont.svg#webfont') format('svg');
font-weight: normal; font-style: normal; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, 
address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; clear: both; }
ol, ul { list-style: none; }
blockquote { quotes: none; }
blockquote:before, blockquote:after { content: ''; 	content: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
a img { border: none; }
a, input, textarea { outline: none; }

nav, section, aside, footer { display:block; }
/*--------------------------------------------------------------
END RESET
*/

/*
START LAYOUT
---------------------------------------------------------*/
html, body, #bg, #bg table, #bg td  { height:100%; width:100%; }
body { background-color:rgb(0,0,0); overflow-y:scroll; }

#bg { position:fixed; z-index:-1; }
#bg div { height:200%; left:-50%; position:absolute; top:-50%; width:200%; }
#bg td { text-align:center; vertical-align:middle; }
#bg img { margin:0 auto; min-height:50%; min-width:50%; }

nav { width:100%; height:84px; position:fixed; top:-49px; left:0; background:transparent url(images/transparant.png); background:rgba(0,0,0,0.71); z-index:2; }
nav ul { width:935px; height:84px; margin:0 auto; overflow:hidden; }
nav ul li { display:inline; }
nav ul li a { width:116px; height:84px; background-image:url(images/nav-b.jpg); float:left; position:relative; }
nav ul li.page-item-36 a { background-position:-1px 0; }
nav ul li.page-item-36 a:hover, #home nav ul li.page-item-36 a, #nieuws nav ul li.page-item-36 a, nav ul li.current_page_parent a { background-position:-1px -86px; }
nav ul li.page-item-2 a { background-position:-119px 0; }
nav ul li.page-item-2 a:hover, #agenda nav ul li.page-item-2 a { background-position:-119px -86px; }
nav ul li.page-item-5 a { background-position:-234px 0; }
nav ul li.page-item-5 a:hover, #over-brandt nav ul li.page-item-5 a { background-position:-234px -86px; }
nav ul li.page-item-7 a { background-position:-350px 0; }
nav ul li.page-item-7 a:hover, #repertoire nav ul li.page-item-7 a { background-position:-350px -86px; }
nav ul li.page-item-9 a { background-position:-469px 0; }
nav ul li.page-item-9 a:hover, #muziek-video nav ul li.page-item-9 a { background-position:-469px -86px; }
nav ul li.page-item-12 a { background-position:-580px 0; }
nav ul li.page-item-12 a:hover, #projecten nav ul li.page-item-12 a { background-position:-580px -86px; }
nav ul li.page-item-14 a { background-position:-702px 0; }
nav ul li.page-item-14 a:hover, #fotos nav ul li.page-item-14 a { background-position:-702px -86px; }
nav ul li.page-item-16 a { background-position:-818px 0; }
nav ul li.page-item-16 a:hover, #contact nav ul li.page-item-16 a { background-position:-818px -86px; }
nav ul li a span { width:116px; height:35px; margin:0; background:transparent url(images/transparant.png); background:rgba(0,0,0,0.70); display:block; position:absolute; bottom:0;
	left:0; text-indent:1em; line-height:2.2em; font-family:Helvetica, Arial, sans-serif; font-size:15px; font-weight:normal; 
	color:rgb(255,255,255); }
#home nav ul li.page-item-36 a span, #nieuws nav ul li.page-item-36 a span, nav ul li.current_page_parent a span, #agenda nav ul li.page-item-2 a span, #over-brandt nav ul li.page-item-5 a span,#repertoire nav ul li.page-item-7 a span,
#muziek-video nav ul li.page-item-9 a span, #projecten nav ul li.page-item-12 a span, #fotos nav ul li.page-item-14 a span, #contact nav ul li.page-item-16 a span
{ background:transparent url(images/transparant-gr.png); background:rgba(120,255,199,0.70); color:rgb(0,0,0); }

section#container { width:960px; position:relative; height:auto; margin:0 auto; }
section.blok { width:414px; position:absolute; right:45px; z-index:1; background:transparent url(images/transparant.png); background:rgba(0, 0, 0, 0.78); padding:1.3em 2em 4em; margin-bottom:2em; color:#fff; }
#agenda table caption { background:transparent url(images/transparant.png); background:rgba(0, 0, 0, 0.78); }
#home section.blok, #nieuws section.blok, #agenda section.blok, #over-brandt section.blok, #repertoire section.blok, #muziek-video section.blok, #projecten section.blok, #fotos section.blok, #contact section.blok { top:230px; }
section.blok { top:130px; }

#agenda span.empty { width:530px; background:transparent url(images/transparant.png); background:rgba(0, 0, 0, 0.78); }
#agenda table tr:last-child { margin-bottom:2em; }
#agenda section.blok { background:none repeat scroll 0 0 transparent; left:40px; padding:0; width:; }
#agenda section.blok h1.entry-title { display:none; }
#agenda table.upcoming { top:0; width:530px; background:transparent url(images/transparant.png); background:rgba(0, 0, 0, 0.78); }
#agenda span.empty { width:530px; height:1.5em; display:block; margin:-12px 0 2em; }
#agenda table.calendar td.date { padding:0.5em 1.5em 0.5em 1.9em; width:40px; }
#agenda table.calendar td.time { padding:0 1em 0 0; width:45px; }
#agenda table.calendar td.eventName { padding-right: 1em; width: 185px; }
#agenda table.calendar td.venue { padding-right:1em; width: 150px; }
#agenda table.calendar td.city { padding-right:1em; }
#agenda table.archive { width:530px; background:transparent url(images/transparant.png); background:rgba(0, 0, 0, 0.78); }

#fotos section.blok { width:488px; padding:1.3em 1em 4em 2em; }

#home section.blok, #nieuws section.blok, #over-brandt section.blok, #repertoire section.blok, #muziek-video section.blok { right:45px; }
#projecten section.blok, #fotos section.blok, #contact section.blok {left:40px; }

#agenda .edit-link { display:none; }

#projecten #primary, #agenda #primary, #fotos #primary, #contact #primary, #over-brandt #primary, #repertoire #primary, #muziek-video #primary, .post #primary, section.blok #primary { overflow:hidden; position:absolute; top:0; width:20px; z-index:2; }
#projecten #primary, #agenda #primary, #fotos #primary, #contact #primary { left:-27px; }
#over-brandt #primary, #repertoire #primary, #muziek-video #primary, section.blok #primary { right:-27px; }

#qtranslate-4 { position:fixed; }
a.qtrans_flag_and_text { display:block; height:12px; margin:0 0 10px; text-indent:-9999em; width:18px; }
a.qtrans_flag_en { background:url("/wp-content/plugins/qtranslate/flags/gb.png") no-repeat scroll 0 0 transparent; }
a.qtrans_flag_nl { background:url("/wp-content/plugins/qtranslate/flags/nl.png") no-repeat scroll 0 0 transparent; }

footer { width:100%; height:48px; position:fixed; bottom:0; left:0; margin:0; z-index:2; background-color:rgb(0,0,0); border-top:1px solid rgb(41, 41, 41); }
footer ul { height:84px; margin:3px auto 0; text-align:center; width:900px; z-index:3; }
footer ul li { width:150px; line-height:3em; display:inline; opacity:0.7; }
footer ul li:hover { opacity:1; }
footer p { float:left; line-height:2em; margin:10px 0 0 20px; }
footer div { background-image:url(images/footer-logos.gif); margin:5px 0 4px; }
footer div.brandt { width:63px; height:34px; background-position:0 0; float:left; }
footer div.thein { width:50px; height:34px; background-position:-67px 0; float:left; }
footer div.d-vers { width:39px; height:34px; background-position:-120px 0; float:left; }
footer div.frommann { width:90px; height:34px; background-position:-163px 0; float:left; }
footer div.facebook { background-position:-327px 0; float:left; height:28px; width:34px; }
footer div.youtube { background-position:-254px 0; float:left; height:28px; width:71px; }

input.wpcf7-text wpcf7-validates-as-required { background:rgb(0,0,0); }
section.blok a img { border:8px solid black; float:left; margin:0 1em 1em 0; }
#muziek-video section.blok a img { border:1px solid black; float:left; margin:0 1em 1em 0; }
section.blok a>img:hover { border-color:white; }
p.pp_description { margin:0; }

/*---------------------------------------------------------
EINDE LAYOUT
*/

/*
START TEKST
---------------------------------------------------------*/
#home .page-item-36 span, #nieuws .page-item-36 span, #agenda .page-item-2 span, #over-brandt .page-item-5 span, #repertoire .page-item-7 span, #muziek-video .page-item-9 span, #projecten .page-item-12 span, #fotos .page-item-14 span, #contact .page-item-16 span { text-shadow: rgb(120, 255, 199) 0px 1px 0px; }
div.post p { margin-bottom:2em; }
h1, h2, sh3, h4, h5, h6 { color:#FFD83E; font-family:'CaviarDreamsRegular',Arial,sans-serif; font-size:16px;
font-weight:normal; margin:1.3em 0 0.3em; }

#agenda table.calendar { font-family:Helvetica, Arial, sans-serif; overflow:hidden; }
section.blok h2.entry-title a, h1.entry-title, #agenda table caption { font-family:'CaviarDreamsRegular', Arial, sans-serif; font-size:22px; font-weight:normal; color:rgb(119,255,198); text-shadow: black 0px 1px 0px; margin:0 0 0.5em; text-transform:capitalize; }
#home section.blok h2.entry-title a, #home h1.entry-title, #nieuws section.blok h2.entry-title a, #nieuws h1.entry-title { line-height:1.1em; text-transform:none; }
section.blok h2.entry-title a:hover, .entry-meta a:hover { text-decoration:underline; }
section.blok h2.entry-title a:hover { color:rgb(255,255,255); }
.entry-meta, p, a.post-edit-link { font-family:Verdana, Geneva, sans-serif; }
.entry-meta, a.post-edit-link { font-size:12px; color:rgb(255,216,62); line-height:1.5em; margin-bottom:.5em; font-weight:normal; }
.entry-meta a, a.post-edit-link { color:rgb(255,216,62); }
.entry-meta a:hover, a:hover .post-edit-link { text-decoration:underline; }
p, #agenda table.calendar { font-size:12px; color:rgb(255,255,255); line-height:1.5em; }
p { margin:0 0 1.3em; }
a { text-decoration:none; color:#77FFC6; }
#container a:hover { text-decoration:underline; }
.more { color:rgb(255,255,255); }
#home a.more:hover, #nieuws a.more:hover { color:#77FFC6; text-decoration:none; }

footer p { font-family:Helvetica, Arial, sans-serif; color:rgb(255,255,255); font-size:11px; }
#agenda table caption { padding:1em 1em 0.5em; text-align:left; margin-bottom:0; }
#agenda table.calendar tr:hover { background-color:#000; color:#FFD83E; }
#contact span.edit-link { display:none; }
div.post div.entry-content a.more { text-decoration:none; }
span.edit-link { margin:1.5em 0 1em; }
#muziek-video section.blok h3 { color:#FFD83E; font-family:'CaviarDreamsRegular',Arial,sans-serif; font-size:16px; font-weight:normal; margin:1.3em 0 0.3em; }
.post h1.entry-title { line-height:1.1em; text-transform:none; }
/*---------------------------------------------------------
EINDE TEKST
*/

/*
START COMTACT
---------------------------------------------------------*/
#contact #wpcf7-f1-t1-o1, #contact #wpcf7-f2-t1-o1 { margin:1.5em 0 0; }
#contact input.wpcf7-text, #contact textarea { width:398px; max-width:398px; background:#1A1A1A; border:medium none; padding:1em 0 1em 1em; color:white; font-family:Verdana,Geneva,sans-serif; line-height:1.5em; font-size:12px; }
#contact input.wpcf7-text { height:1em; }

#contact div#nl > p.uw-naam > span > input.wpcf7-text { background:url(/uw-naam.png) no-repeat scroll 0 4px #1A1A1A; }
#contact div#nl > p.uw-email > span > input.wpcf7-text { background:url(/uw-email.png) no-repeat scroll 0 4px #1A1A1A; }
#contact div#nl > p.onderwerp > span > input.wpcf7-text { background:url(/onderwerp.png) no-repeat scroll 0 4px #1A1A1A; }
#contact div#nl > p.uw-bericht > span > textarea { background:url(/uw-bericht.png) no-repeat scroll 0 4px #1A1A1A; }
#contact div#en > p.your-name > span > input.wpcf7-text { background:url(/your-name.png) no-repeat scroll 0 4px #1A1A1A; }
#contact div#en > p.your-email > span > input.wpcf7-text { background:url(/your-email.png) no-repeat scroll 0 4px #1A1A1A; }
#contact div#en > p.subject > span > input.wpcf7-text { background:url(/subject.png) no-repeat scroll 0 4px #1A1A1A; }
#contact div#en > p.your-message > span > textarea { background:url(/your-message.png) no-repeat scroll 0 4px #1A1A1A; }

#contact div#nl > p.uw-naam > span > input.wpcf7-text:focus, #contact div#en > p.your-name > span > input.wpcf7-text:focus, #contact div#nl > p.uw-email > span > input.wpcf7-text:focus, #contact div#en > p.your-email > span > input.wpcf7-text:focus, #contact div#nl > p.onderwerp > span > input.wpcf7-text:focus, #contact div#en > p.subject > span > input.wpcf7-text:focus, #contact div#nl > p.uw-bericht > span > textarea:focus, #contact div#en > p.your-message > span > textarea:focus { background:black; }

#contact textarea { height:160px; max-height:160px; overflow:auto; }
#contact input.wpcf7-submit { background:none repeat scroll 0 0 #77FFC6; border:medium none; color:black; font-family:Verdana,Geneva,sans-serif; font-size:12px; height:2.5em; line-height:1.5em; cursor:pointer; }
#contact input.wpcf7-submit:hover { background:#fff; }
#contact input.wpcf7-text:hover, #contact textarea:hover { background:black; }
/*---------------------------------------------------------
EINDE CONTACT
*/

/*
START MUZIEK / VIDEO
---------------------------------------------------------*/
#muziek-video .blok p object { margin:1em 0.2em -0.3em; }
#muziek-video .blok p > a { line-height:2.3em; }
.tubepress_thumb > a > span { *margin:8px 0 0 -136px; }
/*---------------------------------------------------------
END MUZIEK / VIDEO
*/


.qtranxs_widget ul li { display:inherit !important; margin-bottom:0.5em !important; }
.qtranxs_flag_and_text:hover { text-decoration:none !important; }
.qtranxs_flag_and_text > span { display:none; }
#agenda table.calendar, table.gigs tr.gig { border:none !important; }

.post .entry-content .wp-caption img { width:86% !important; height:auto; margin:0px; clear:both; padding:0px; }
.post .entry-content .wp-caption-text { clear:both }

.container .blok iframe { max-width:100%; }