/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
font: inherit;
font-size: 100%; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block; }
body {
line-height: 1; }
ol, ul {
list-style: none; }
blockquote, q {
quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none; }
table {
border-spacing: 0;
border-collapse: collapse; }
/* #Basic Styles
================================================== */
body {
background: #333;
color: #fff;
font: 14px/21px 'Oxygen', sans-serif;
-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
-webkit-text-size-adjust: 100%;
}
/* #Typography
================================================== */
h1, h2, h3, h4, h5, h6 {
color: #fff;
font-weight: normal;
font-family: 'Oxygen', sans-serif; margin-bottom:15px; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
h2 { font-size: 24px; line-height: 34px; }
h2.page-title { color: #fff; margin-bottom:30px; padding:20px; background: #333;
background: rgba(51,51,51,0.5);
-pie-background: rgba(51,51,51,0.5);
behavior: url(/pie/PIE.htc); }
h3 { font-size: 21px; line-height: 31px; }
h4 { font-size: 18px; line-height: 28px; }
h5 { font-size: 17px; line-height: 27px; }
h6 { font-size: 14px; line-height: 24px; }
.subheader { color: #777; }
p { margin: 0 0 30px 0; }
p < p { margin-bottom:10px; }
p img { margin: 0; }
p.lead { color: #777; font-size: 21px; line-height: 27px; }
em { font-style: italic; }
strong { color: #333; font-weight: bold; }
small { font-size: 80%; }
/* Blockquotes */
blockquote, blockquote p { color: #777; font-style: italic; font-size: 17px; line-height: 24px; }
blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
blockquote cite { display: block; color: #555; font-size: 12px; }
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }
/* #Links
================================================== */
a, a:visited { outline: 0; color: #91a729; text-decoration: none; transition: all 0.5s linear; }
a:hover, a:focus { color: #ddff3f; }
p a, p a:visited { line-height: inherit; }
/* #Lists
================================================== */
ul, ol { margin-bottom: 30px; list-style: outside; }
ol { list-style: decimal; }
ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul.disc { list-style: disc outside; }
ul ul, ul ol,
ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%; }
ul ul li, ul ol li,
ol ol li, ol ul li { margin-bottom: 6px; }
li { margin-bottom: 12px; line-height: 18px; }
ul.large li { line-height: 21px; }
li p { line-height: 21px; }
/* #Images
================================================== */
img.scale-with-grid { max-width: 100%; height: auto; }
/* #Tables
================================================== */
table { width:100%; border:solid 1px #ccc; border-right:none; }
table caption { font-weight:bold; }
th, td { padding:8px; border-right:solid 1px #ccc; border-bottom:solid 1px #ccc; }
th { font-weight:bold; text-align: center; }
tr:nth-child(odd) td { background: #f0f0f0; }
.sidebar table th, .sidebar table td { padding:5px; }
/* #Forms
================================================== */
input[type=text], input[type=submit], textarea { border:solid 1px #ccc; padding:8px; font-family: inherit; font-size:14px; box-shadow:0 1px 1px rgba(0,0,0,0.05); }
input[type=text]:focus, textarea:focus { border:solid 1px #444; }
input[type=submit] { background:#91a729; color:#fff; border:none; cursor: pointer; }
/* #Misc
================================================== */
.alignleft { margin:5px 15px 10px 0; float:left; }
.alignright { margin:5px 0 10px 15px; float:right; }
.remove-bottom { margin-bottom: 0 !important; }
.half-bottom { margin-bottom: 10px !important; }
.add-bottom { margin-bottom: 20px !important; }
.transparent {
background: #333;
background: rgba(51,51,51,0.5);
-pie-background: rgba(51,51,51,0.5);
behavior: url(/pie/PIE.htc);
}
.p3 { padding:3px; }
.brd { background: #333; }
#content-wrap { position:relative; z-index:999; height:100%; }
.normal { position:relative; margin-top:160px; }
.flexslider .slides li { margin-bottom:0 !important; }
#t { position:fixed; top:0; left:0; z-index:1000; width:100%; height:10px; }
#b { position:fixed; bottom:0; left:0; z-index:1000; width:100%; height:10px; }
#l { position:fixed; top:10px; bottom:10px; z-index:1000; width:10px; }
#r { position:fixed; top:10px; right:0; bottom:10px; z-index:1000; width:10px; }
/* #Header
================================================== */
#header { margin-top:30px; }
#header .row { margin-bottom:0; }
#logo { float:left; margin-bottom:0; line-height: 0; padding: 10px;}
/* #Footer
================================================== */
#footer-wrap { padding:0px 0px 50px 0px; }
.footer .widget { margin-bottom:0; }
.footer .widget h3 { border-bottom: 1px solid #444444; }
.footer .widget h3 span { color: #fff; }
.footer .widget p { color: #ccc; margin-bottom:10px; }
/* #Navigation
================================================== */
#navigation { float:right; }
.nav { list-style: none; margin-bottom:0; margin-top: 28px; margin-right: 28px;}
.nav > li { position:relative; float:left; margin-bottom:0; }
.nav a { display:block; margin-left:3px; padding:24px 20px 0 20px; height:40px; background: #333; color:#fff; background: rgba(51,51,51,0.7);
-pie-background: rgba(51,51,51,0.7);
behavior: url(/pie/PIE.htc);
font:normal 14px 'Oxygen', sans-serif; }
.nav ul { position: absolute; top: -999em; z-index: 2000; margin: 0; padding:3px 3px 0 3px; list-style: none; }
.nav li ul li { display: block; margin-bottom:0; padding-bottom: 0px;}
.nav li ul li a { display: block; margin:0 0 0px 0; padding: 8px 15px; min-width: 180px; height:auto; background-color: #333; background-color: rgba(51,51,51,0.5); -pie-background: rgba(51,51,51,0.5); behavior: url(/pie/PIE.htc); white-space: nowrap; font-size:12px; }
.nav > li:hover > ul { top: 64px; }
.nav li ul li b { height: 3px; display: block; }
.sf-with-ul { padding-right: 15px; }
.nav a:hover, .nav .active a { color: #333; background-color: #fff; background: rgba(255,255,255,1); -pie-background: #fff; behavior: url(/pie/PIE.htc); }
#navigation > select { display: none; }
/* #Supersized Slider
================================================== */
#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; margin:-30px 0 0 -30px; width:60px; height:60px; background:url(img/progress.gif) no-repeat center center; text-indent:-999em;}
#supersized { position:fixed; top:0; left:0; z-index:-999; display:block; overflow:hidden; width:100%; height:100%; }
#supersized img { position:relative; display:none; width:auto; height:auto; outline:none; border:none; }
#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; } /*Speed*/
#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; } /*Quality*/
#supersized li { position:fixed; top:0; left:0; z-index:-30; display:block; overflow:hidden; width:100%; height:100%; background:#111; list-style:none; }
#supersized a { display:block; width:100%; height:100%; }
#supersized li.prevslide { z-index:-20; }
#supersized li.activeslide { z-index:-10; }
#supersized li.image-loading { width:100%; height:100%; background:#111 url(img/progress.gif) no-repeat center center; }
#supersized li.image-loading img{ visibility:hidden; }
#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }
#controls-wrapper { position:absolute; bottom:0; left:0; z-index:4; margin:0 auto; width:940px; height:30px; background:#333; background: rgba(51,51,51,0.5);-pie-background: rgba(51,51,51,0.5); behavior: url(/pie/PIE.htc); }
#controls { position:relative; z-index:5; overflow:hidden; height:100%; text-align:left; }
.btn-slider { position:relative; display:inline-block; margin-right:3px; width:30px; height:30px; background: #91a729; text-indent:-999em; opacity:1; cursor: pointer; }
.btn-slider:hover { opacity:0.6; }
#prevslide { background-image: url(img/sprite.png); background-repeat: no-repeat; }
#nextslide { background-image: url(img/sprite.png); background-position: -30px 0; background-repeat: no-repeat; }
#pauseplay { background-image: url(img/sprite.png); background-position: -90px 0; background-repeat: no-repeat; }
.sz-play { background-image: url(img/sprite.png); background-position: -60px 0 !important; background-repeat: no-repeat; }
#hide-slider { background-image: url(img/sprite.png); background-position: -120px 0; background-repeat: no-repeat; }
#show-slider { display:none; background-image: url(img/sprite.png); background-position: -150px 0; background-repeat: no-repeat; }
.show { display:inline-block !important; }
/* #Listing Sets
================================================== */
.set { box-shadow: 0 0 10px rgba(0,0,0,0.5); -pie-background: rgba(0,0,0,0.5); behavior: url(/pie/PIE.htc); position:relative; -webkit-transition: -webkit-box-shadow 0.3s; -moz-transition: -moz-box-shadow 0.3s; transition: box-shadow 0.3s; }
.set img { display:block; cursor: pointer;}
.set > a { display:block; margin-bottom:0; padding:0; background: #333333; text-align: center; font-family: 'Oxygen', sans-serif; }
.set > a:link, .set > a:visited, .set > a:hover, .set > a:active { color: #fff; }
.set:hover { box-shadow: 0 0 10px rgba(255,255,255,0.5); -pie-background: rgba(255,255,255,0.5); behavior: url(/pie/PIE.htc); }
/* #Listing Sets
================================================== */
.setw { box-shadow: 0 0 10px rgba(255,255,255,0.5); -pie-background: rgba(255,255,255,0.5); behavior: url(/pie/PIE.htc); position:relative; -webkit-transition: -webkit-box-shadow 0.3s; -moz-transition: -moz-box-shadow 0.3s; transition: box-shadow 0.3s; }
.setw img { display:block; cursor: pointer;}
.setw > a { display:block; margin-bottom:0; padding:8px 0; background: #fff; text-align: center; font-family: 'Oxygen', sans-serif; }
.setw > a:link, .setw > a:visited, .setw > a:hover, .setw > a:active { color: #333; }
.setw:hover { box-shadow: 0 0 10px rgba(0,0,0,0.5); -pie-background: rgba(0,0,0,0.5); behavior: url(/pie/PIE.htc); }
.zoom { position:absolute; top:0; display:none; width: 100%; background: #000; background: rgba(0,0,0,0.5); cursor: pointer; }
.zoom a { position:absolute; display:block; width:30px; height:30px; background-color: #000; background-color: rgba(0,0,0,0.5); background-image: url(img/sprite.png); background-repeat: no-repeat; text-indent: -999em; }
.zoom a:hover { background-color: #91a729; opacity:0.6; }
.view-set { top:0; left:0; background-position: 0 -30px; }
.view-article { top:0; right:0; background-position: -30px -30px; }
.inhoud {
font-size: 1.2em;
line-height: 1.6em;
padding: 0 20px;
color: #ccc;
}
/* #Content Specific
================================================== */
#related-items { margin:50px 0; }
#related-items .set { box-shadow: 0 0 5px rgba(0,0,0,0.1); }
.content { margin-bottom:40px; background: #333; }
.meta { font-size:11px; text-transform: uppercase; }
.meta span { display:inline-block; margin:0 10px; color:#ccc; }
.listing { margin-bottom:30px; padding-bottom:20px; background: url(img/bg_sidebar.png) repeat-x bottom; }
.featured-image { margin-bottom:20px; }
#map { height:400px; margin-bottom:30px; }
/* Blog Styles
================================================== */
.paging { margin-top:35px; text-align: center; line-height: 1; }
.paging a { display:inline-block; background: #f1f1f1; padding:9px 12px; margin-right:3px; border-radius:1px; font-size:11px; font-weight:bold; }
.paging a:hover { background: #dcdcdc; }
.paging a.active { background: #91a729; color:#fff; }
/* Gallery Styles
================================================== */
.col-listing { margin-top:40px; }
.col-listing .set { margin-bottom:20px; box-shadow: 0 0 5px rgba(0,0,0,0.1); }
.col-listing .setw { margin-bottom:20px; }
.col-listing .paging { padding:25px 0 10px 0; clear:both; }
.col-filtered { overflow: hidden; }
.col-filtered .set, .col-filtered .setw, .col-filtered .setw { margin:0 0 20px 0; }
.set-content #related, .set-content, .set-content #related, w.set-content #relatedw-items { margin-top:0; }
.set-content #related, .set-content, .set-content #related, w.set-content #relatedw-items article { margin-bottom:20px; }
.photo-set { margin-bottom:20px; }
.photo-set li { margin-bottom:15px !important; }
.photo-set img { display:block; }
/* Comments Styles */
.post-comments ol, .post-comments ul { list-style: none; font-size:inherit; }
.post-comments > ol { margin-left:0; margin-bottom:0; }
.post-comments li { margin:0 !important; padding:0 !important; background: none !important; position:relative; }
.post-comments .avatar { position:absolute; top:8px; left:0; margin: 0 15px 5px 0; text-align: center; padding:3px; border:solid 1px #ccc; }
.post-comments .comment-text { margin-bottom:10px; border-bottom: 1px solid #DCDCDC; margin-bottom:30px; }
.post-comments > .comment-text:last-child { margin-bottom:0; }
.post-comments .comment-copy { margin-left:70px; float: right; font-size: 13px; }
.post-comments .comment-copy p { margin-bottom:10px; }
.post-comments .comment-meta { font-weight: bold; margin-bottom:5px !important; }
.comment-reply-link, .btn-reply { font-style: normal; float: right; font-size: 10px; text-transform: uppercase; background: #91a729; color: #fff; padding: 3px 7px 0; }
.btn-reply { position:relative; top:1px; }
.comment-reply-link:hover, .btn-reply:hover { color:#fff; }
.comment-reply-link { font-size:10px; font-weight:bold; display:inline-block; padding-left:20px; border-radius:2px; margin-bottom:5px; }
/* Comment Form
================================================== */
.post-form label { display:block; padding-bottom:5px; }
.post-form input[type=text] { width:80%; }
.post-form textarea { width:90%; height:200px; }
.post-form p { margin-bottom:15px; }
#post-action { margin-bottom:0; }
/* Social links Styles */
.social-links { text-align: center; margin-top:35px; }
.icn { width: 24px; height: 24px; background-image: url(img/social-icons.png); background-repeat: no-repeat; display:inline-block; margin-right: 5px; text-indent: -999em; cursor: pointer; }
.icn:focus,
.icn:active { outline: none }
.icn.twitter { background-position: -31px -1px }
.icn.twitter:hover { background-position: -31px -31px }
.icn.facebook { background-position: 0 -1px }
.icn.facebook:hover { background-position: 0 -31px }
.icn.flickr { background-position: -62px -1px }
.icn.flickr:hover { background-position: -62px -31px }
.icn.picasa { background-position: -94px 0 }
.icn.picasa:hover { background-position: -94px -30px }
.icn.lnkdin { background-position: -125px 0 }
.icn.lnkdin:hover { background-position: -125px -30px }
.icn.gplus { background-position: -156px -1px }
.icn.gplus:hover { background-position: -156px -31px }
.icn.rss { background-position: -187px -1px }
.icn.rss:hover { background-position: -187px -31px }
.icn.youtube { background-position: -218px -1px }
.icn.youtube:hover { background-position: -218px -31px }
.icn.wordpress { background-position: -250px -1px }
.icn.wordpress:hover { background-position: -250px -31px }
.icn.dribbble { background-position: -282px -1px }
.icn.dribbble:hover { background-position: -282px -31px }
.icn.pinterest { background-position: -313px -1px }
.icn.pinterest:hover { background-position: -313px -31px }
.icn.stumble { background-position: -345px -1px }
.icn.stumble:hover { background-position: -345px -30px }
.icn.digg { background-position: -380px -1px }
.icn.digg:hover { background-position: -380px -30px }
/* Widgets
================================================== */
.widget { margin-bottom:40px; }
.widget:last-child { margin-bottom:0; }
.widget h3, .widget-title { color:#fff; font-size:18px; }
.widget h3 span, .widget-title span{ display:inline-block; padding:0 10px 0 0; }
.widget > *:last-child { margin-bottom:0; }
/* Flickr Widget */
.flickr_badge_image { float: left; margin: 0 19px 19px 0; padding: 5px; border: solid 1px #dcdcdc; }
.flickr_badge_image:nth-child(3n+1) { margin-right: 0 }
.flickr_badge_image img { display: block; }
/* Calendar Widget */
.widget_calendar #wp-calendar { width: 95%; text-align: center; }
.widget_calendar #wp-calendar caption,
.widget_calendar #wp-calendar td,
.widget_calendar #wp-calendar th { text-align: center }
.widget_calendar #wp-calendar caption { font-size: 11px; padding: 5px 0 3px; text-transform: uppercase; }
.widget_calendar #wp-calendar th { font-weight: bold }
/* 125x125 ads widget */
#ads125 li { float:left; width:133px; margin:0 23px 13px 0; background: none; border:0; padding:0; }
#ads125 li.last { margin-right:0; }
#ads125 li img { display:block; padding: 8px; border:solid 1px #ccc; }
#ads125 li:nth-last-of-type(-n+2) { margin-bottom:0; }
/* Search Widget */
#searchform input[type=text] { width: 278px; padding: 8px; height:18px; border:solid 1px #ccc; font-family: inherit; font-size:12px; }
#searchform { position: relative; line-height: 0; }
#searchform label { display:none; }
#searchform #searchsubmit { background: #91a729; color:#fff; border:none; position: absolute; right: 0; top: 0; width: 70px; height: 36px; font-weight: bold; font-size:11px; font-family: inherit; cursor: pointer; }
#searchform > div { margin: 0; padding: 0; line-height: 0; }
#searchsubmit:active { top: 1px }
/* List Widgets */
.widget ul { list-style: none; margin: 0; padding: 0; }
.widget ul li { margin-bottom:0; padding: 8px 0 6px 20px; background: url(img/sprite.png) no-repeat -10px -58px; border-bottom: 1px dotted #dcdcdc; }
/* Twitter on sidebar */
.widget .twitter-time { display: block; font-size: 0.8em; font-weight: bold; }
/* #Media Queries
================================================== */
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
#controls-wrapper { width:768px; }
}
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
#controls-wrapper { width:748px; }
#home-set { top:auto !important; bottom: 80px !important; }
.zoom { height:172px; }
.widget_ci_ads125_widget { display:none; }
.flickr_badge_image { padding:0; border:none; margin:0 3px 3px 0; }
.flickr_badge_image:nth-child(3n+1) { margin-right:0; }
#searchform input[type=text] { width: 208px !important; }
/* #navigation .nav { display:none; }
#navigation select { display:block; width:500px; position:relative; top:23px; right:15px; }*/
#header #logo a img { width:250px;}
h2.page-title { margin-bottom: 60px; }
.nav { margin-top: 20px;}
}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
#home-set { position:static !important; }
#searchform input[type=text] { width: 400px; }
.alignleft, .alignright { float:none; margin:0; display:block; margin-bottom:20px; }
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
#controls-wrapper { position:static !important; padding:10px 0; width:420px; }
#controls { text-align: center; }
#header #logo { padding:10px 0px; width:100%; text-align: center;}
#navigation { float:none; margin:10px 0 0 0; }
.inner #navigation { margin-bottom:10px; }
/* #navigation .nav { display:block; }
#navigation select { display:none; margin:0 auto; width:95%; }*/
#home-set { margin-top:10px; }
#home-set .set, #home-set .setw { margin-bottom:10px; }
#home-set .set:last-child, #home-set .setw:last-child { margin-bottom:20px; }
.zoom { height:420px; }
.inner .normal { margin-top:15px; }
.fullwidth { margin-bottom:232px !important; }
.nav { margin-right: 0px; }
.nav a { margin-left:0px; padding:10px 20px; height: inherit; }
.nav ul { position: relative; }
.nav > li { float: none; }
.nav > li > ul { display: none; padding: 0px; }
.nav > li:hover > ul { display: block; top: inherit; padding: 0px; }
.nav li ul li a { padding: 8px 40px; }
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
#controls-wrapper { position:static !important; padding:10px 0; width:300px; }
#controls { text-align: center; }
#header #logo { padding:10px 0px; width:100%; text-align: center;}
#header #logo a img { width:250px;}
#navigation { float:none; margin:10px 0 0 0; }
.inner #navigation { margin-bottom:10px; }
/*#navigation .nav { display:none; }
#navigation select { display:block; margin:0 auto; width:95%; }*/
#home-set { margin-top:10px; }
#home-set .set, #home-set .setw { margin-bottom:10px; }
#home-set .set:last-child, #home-set .setw:last-child { margin-bottom:20px; }
.zoom { height:300px; }
.inner .normal { margin-top:15px; }
#searchform input[type=text] { width: 270px; }
.post-comments .avatar { display:none; }
.post-comments ul, .post-comments .comment-copy { margin-left:0; }
.fullwidth { margin-bottom:232px !important; }
.nav { margin-right: 0px; }
.nav a { margin-left:0px; padding:10px 20px; height: inherit; }
.nav ul { position: relative; }
.nav > li { float: none; }
.nav > li > ul { display: none; padding: 0px; }
.nav > li:hover > ul { display: block; top: inherit; padding: 0px; }
.nav li ul li a { padding: 8px 40px; }
}
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style] {width: 100% !important;}
#feed iframe[style] {width: 100% !important;}