/*
Theme Name: Dettiekleigoed thema
Theme URI: http://interwebs-design.nl
Description: Dettiekleigoed thema voor Dettie Wismans. Gemaakt door Interwebs
Version: 1.0
Author: Vincent Derks
Author URI: http://www.interwebs-design.nl
Tags: Dettiekleigoed
*/

/* Reset & Standaard stijlen */

html, body, body div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
body { font:13px/1.231 sans-serif; *font-size:small; } /* Hack retained to preserve specificity */
pre, code, kbd, samp { font-family: monospace, sans-serif; }
html { overflow-y: scroll; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
a:link { -webkit-tap-highlight-color: #003952; }
a:hover, a:active { outline: none; }
a:hover { color: #036; }
ul, ol { margin-left: 2em; }
ol { list-style-type: decimal; }
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
small { font-size: 85%; }
b, strong, th { font-weight: bold; }
td { vertical-align: top; }
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px;}
.ie6 legend, .ie7 legend { margin-left: -7px; }
button, input, select, textarea { width: auto; overflow: visible; margin: 0; font-size: 100%; font-family: sans-serif; vertical-align: baseline; }
textarea { overflow: auto; vertical-align:text-top; }
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
input::-moz-focus-inner,
button::-moz-focus-inner { border: 0; padding: 0; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; }
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }
.ie7 img { -ms-interpolation-mode: bicubic; }


body, select, input, textarea { color: #000; font-family: sans-serif; }
::-moz-selection { background: #003952; color:#fff; text-shadow: none; }
::selection { background:#003952; color:#fff; text-shadow: none; }

img { -ms-interpolation-mode: bicubic; }

/* apply a natural box layout model to all elements */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; *behavior: url(boxsizing.htc); }

/* Print styles*/
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
  -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left; margin: 0 10px 0 0; }
.alignright { float: right; margin: 0 0 0 10px; } 
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/**** HTML5 STIJLEN ****/

article, footer, section, aside, nav { position: relative; display: block; }

/**** NORMALIZE TEKST ****/

html { font-size: 66.6%; }

/**** CUSTOM STIJLEN ****/

.schermbreedte { position: fixed; z-index: 999999; display: none; }



/***** ALGEMEEN ****/

#wrapper { position: relative; width: 700px;  margin: 10px 0 0 10px; background: rgba(58,112,94,0.8); padding: 30px; border: 1px solid #000; border-radius: 10px; overflow: hidden; }

section#content { overflow: hidden; }

body { /*background: url(images/achtergrond.jpg); background-size: auto;*/ background: url(images/pauwveren.jpg); background-size: auto; }

/**** NAVIGATIE ****/

nav ul { overflow: hidden; margin: 0 0 20px 0; padding: 20px;}
nav ul li { float: left; }
nav ul li a { display: block; background: white; padding: 10px 15px; margin: 0 10px 0 0; color: #000; text-decoration: none; border-radius: 10px; box-shadow: 3px 3px 10px #000; }
nav ul li:last-child a { margin: 0; }
nav ul li a:hover { background: #ccc; }

/**** FOTO'S afronden ****/

section#content img { border-radius: 10px; }

/***** FOTO GALLERIJ ****/

.gallery { margin: 0 auto 18px; }
.gallery .gallery-item { float: left; margin-top: 0; text-align: center; width: 33%; }
.gallery-columns-2 .gallery-item { width: 50%; }
.gallery-columns-4 .gallery-item { width: 25%; }
.gallery img { box-shadow: 0px 0px 4px #999; border: 1px solid white; padding: 8px; background: #f2f2f2; }
.gallery img:hover { background: white; }
.gallery-columns-2 .attachment-medium { max-width: 92%; height: auto; }
.gallery-columns-4 .attachment-thumbnail { max-width: 84%; height: auto; }
.gallery .gallery-caption { color: #888; font-size: 12px; margin: 0 0 12px; }
.gallery dl, .gallery dt { margin: 0; }
.gallery br+br { display: none; }

/**** FOOTER ****/

footer { padding: 20px 0 0 0 ; }
footer a.email { text-align: center; display: block; }

/**** TYPOGRAFIE ****/

body { font-size: 1.6rem; font-family: 'Open Sans', sans-serif; color: #fff; }

p { margin: 0 0 1.6rem 0; }
a { color: #fff; text-decoration: underline; }
a:hover {  }

h1 { font-size: 2.8rem; font-weight: 600; margin: 0 0 2.8rem 0; }
h2 { font-size: 2.4rem; font-weight: 500; margin: 0 0 2.5rem 0; }
h3 { font-size: 2.2rem; font-weight: normal; margin: 0 0 2.2rem 0; }