/**
 * Theme Name: newvision
 * Theme URI: www.newvision.nl
 * Author: New Vision BV
 * Author URI: www.newvision.nl
 * Version: 2.0
 */

@charset "UTF-8";
/* --- RESETS --- */
html, 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;
	font-size: 100%;
	font-weight: inherit;
	font-style: normal;
	vertical-align: baseline;
	background: transparent;
	border: 0;
	outline: 0;
}

@font-face {
    font-family: 'BPreplayRegular';
    src: url('fonts/BPreplay-webfont.eot');
    src: url('fonts/BPreplay-webfont.eot?#iefix') format('eot'),
         url('fonts/BPreplay-webfont.woff') format('woff'),
         url('fonts/BPreplay-webfont.ttf') format('truetype'),
         url('fonts/BPreplay-webfont.svg#webfontIhiDai48') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BPreplayItalic';
    src: url('fonts/BPreplayItalics-webfont.eot');
    src: url('fonts/BPreplayItalics-webfont.eot?#iefix') format('eot'),
         url('fonts/BPreplayItalics-webfont.woff') format('woff'),
         url('fonts/BPreplayItalics-webfont.ttf') format('truetype'),
         url('fonts/BPreplayItalics-webfont.svg#webfontlhRRHvD9') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BPreplayBold';
    src: url('fonts/BPreplayBold-webfont.eot');
    src: url('fonts/BPreplayBold-webfont.eot?#iefix') format('eot'),
         url('fonts/BPreplayBold-webfont.woff') format('woff'),
         url('fonts/BPreplayBold-webfont.ttf') format('truetype'),
         url('fonts/BPreplayBold-webfont.svg#webfontWLdqPTM5') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BPreplayBoldItalic';
    src: url('fonts/BPreplayBoldItalics-webfont.eot');
    src: url('fonts/BPreplayBoldItalics-webfont.eot?#iefix') format('eot'),
         url('fonts/BPreplayBoldItalics-webfont.woff') format('woff'),
         url('fonts/BPreplayBoldItalics-webfont.ttf') format('truetype'),
         url('fonts/BPreplayBoldItalics-webfont.svg#webfontf1UPxQcs') format('svg');
    font-weight: normal;
    font-style: normal;
}

article, aside, figure, figure img, hgroup, footer, header, nav, section {
	display: block;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

input, select {
	vertical-align: middle;
}

a img {
	border: 0;
}

:focus {
	outline: 0;
}

a:hover, a:active {
	outline: none;
}

/* Algemeen */

body {
	color: #1A171B;
	font-size: 13px;
	line-height: 23px;
	font-family: BPreplayRegular, Arial, Helvetica, "Helvetica Neue", sans-serif;
	background: #FFF;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
}

b, strong {
	font-family: BPreplayRegular, Arial, Helvetica, "Helvetica Neue", sans-serif;
	font-weight: bold;
}

small {
	font-size: 11px;
}

h1, h2, h3, h4, h5, h6 {
	color: #009EE0;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: #009EE0;
	font-weight: normal;
}

.frm-show-form {
	position: relative !important;
	top: 73px !important;
	width: 100%;
}

input, label {
	display: block;
	clear: both;
}

input[type=text], textarea {
	width: 100% !important;
}

/* Vignette */

.vignette {
	position: fixed;
	width: 419px;
	height: 419px;
	z-index: -1000;
	background-repeat: none;
}

.vignette-lb {
	background-image: url('images/vignette_lb.png');
	left: 0px;
	top: 0px;
}

.vignette-rb {
	display: inline;
	background-image: url('images/vignette_rb.png');
	top: 0px;
	right: 0px;
}

/* SELECTION COLORS */
::selection {
	background: rgba(0, 0, 0, 0.1);
}

::-moz-selection {
	background: rgba(0, 0, 0, 0.1);
}

img::selection {
	background: transparent;
}

img::-moz-selection {
	background: transparent;
}

body {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
}

.hide {
	display: none;
	visibility: hidden;
}

/* STRUCTURE
----------------------------------------------- */
#container {
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	padding: 3em 40px 3em;
	max-width: 940px;
}

header[role="masthead"] {
	float: left;
	width: 23.4042553%;
	/* 220px/940px */
	min-height: 120px;
	margin: 0px 0px 24px 0px !important;
	/* in case no image is uploaded */
}

/* 960px width for non-media query browsers */
#content {
	position: relative;
	float: left;
	width: 74.4680851%;
	/* 700px/940px */
	margin-left: 2.1276596%;
	/* 20px/940px */
}

#content.breed  {
	margin: 0px !important;
	width: 100% !important;
	max-width: 1240px !important;
}

/* 1240px width for modern browsers */
@media (min-width: 961px) {
	#container {
		max-width: 1240px;
	}

	header[role="masthead"] {
		width: 23.0645161%;
		/* 286px/1240px */
	}

	#content {
		width: 74.3548387%;
		/* 922px/1240px */
		margin-left: 2.5806452%;
		/* 32px/1240px */
	}
}
/* HEADER
----------------------------------------------- */
header #branding img {
	width: 140px;
	height: auto;
	margin-bottom: 20px;
	margin-top: 3px;
	max-width: 100%;
}

header #branding h1#site-title {
	margin: 0 0 10px 0;
}

header .about {
	display: block;
	margin-bottom: 30px;
	font-size: 11px;
	line-height: 23px;
}
header .about em {
	font-style: italic;
}
header .about strong {
	font-weight: bold;
}
header .about p + .links {
	margin-top: 20px;
}
header .about .links a {
	font-weight: bold;
}

header #toggle {
	display: none;
}

/* MAIN NAV
----------------------------------------------- */

nav {
	padding: 24px 0px 24px 0px;
}

nav ul {
	font-size: 16px;
	line-height: 16px;
}

nav li a {
	display: block;
	padding: 12px 0px 12px 0px;
}

nav li:after {
	content: "";
	display: block;
	padding: 0px;
	border-bottom: 1px solid #ECECEC;
}

nav li:last-child:after {
	border: none;
}

/* LINKS
----------------------------------------------- */
a {
	text-decoration: none;
	color: rgba(0, 158, 223, 1.0);
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.royalControlNavCenterer a {
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none;
	transition: none;	
}

a:hover, a:focus {
	color: rgba(0, 204, 255, 1.0);
}

a img {
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.royalControlNavCenterer a img {
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none;
	transition: none;	
}

.caption-black-text-block {
	font-size: 13px;
	line-height: 13px !important;
}

.caption-white-text-block {
	display: block !important;
	font-size: 13px;
	height: 39px !important;
	padding: 0px 24px !important;
	line-height: 13px !important;
}

.caption-white-text-block a {
	display: block !important;
	padding: 13px 0px !important;
	line-height: 13px;
}

.caption-black-text-block a {
	display: block;
	padding: 0px;
	color: #FFF !important;
	font-weight: normal !important;
}

a:hover img, a:focus img {
	opacity: .85;
}

/* ALT LINKS IN POST + PAGE BODY */
.post-body a,
#content.page a,
#comments a,
#respond a {
	color: #149ee7;
	font-weight: bold;
}
.post-body a:hover,
#content.page a:hover,
#comments a:hover,
#respond a:hover {
	color: rgba(20, 158, 231, 0.5);
}

/* CONTENT
----------------------------------------------- */
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
	line-height: 23px;
}
#content img {
	max-width: 100%;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}

/* ARTICLES + PAGES
----------------------------------------------- */

article, #content.page {
}

article img, #content.page img {
	margin-bottom: 23px;
	height: auto;
}
article .wp-caption, #content.page .wp-caption {
	max-width: 100%;
	height: auto;
}
article .wp-caption img, #content.page .wp-caption img {
	margin-bottom: 5px;
}
article .wp-caption p.wp-caption-text, #content.page .wp-caption p.wp-caption-text {
	line-height: 24px;
	font-size: .6875em;
}
article .fluid-width-video-wrapper, #content.page .fluid-width-video-wrapper {
	margin-bottom: 23px;
	height: auto;
}
article .r-float, #content.page .r-float {
	float: right;
	margin: 0 0 1.5em 23px;
}
article .r-float img, #content.page .r-float img {
	margin-bottom: .25em;
}
article .l-float, #content.page .l-float {
	float: left;
	margin: 0 1.5em 1.5em 0;
}
article .l-float img, #content.page .l-float img {
	margin-bottom: .25em;
}
article figcaption, #content.page figcaption {
	font-size: .6875em;
	color: rgba(0, 0, 0, 0.5);
}
article h1, #content.page h1 {
	margin-bottom: 18px;
	font-size: 20px;
}
article h2, #content.page h2 {
	margin-bottom: 16px;
	font-size: 18px;
}
article h3, #content.page h3 {
	margin-bottom: 16px;
	font-size: 18px;
}
article h4, article h5, article h6, #content.page h4, #content.page h5, #content.page h6 {
	font-size: 16px;
}
article p, article ul, article ol, article dl, article blockquote, #content.page p, #content.page ul, #content.page ol, #content.page blockquote {
	width: 65.5097614%;
	margin-bottom: 23px;
	font-size: 16px;
	line-height: 23px;
}
article dt, #content.page dt {
	margin-bottom: .75em;
	font-weight: bold;
}
article ul.normal, #content.page ul.normal {
	list-style: disc;
}
article ol.normal, #content.page ol.normal {
	list-style: decimal;
}
article blockquote, #content.page blockquote {
	clear: both;
	padding-left: 24px;
	border-left: 1px solid #CCC;
}
article blockquote > p, #content.page blockquote > p {
	width: 100%;
	margin-bottom: 0;
	font-size: 24px;
}
article blockquote > p + p, #content.page blockquote > p + p {
	margin-top: 23px;
}
article table, #content.page table {
	margin: 0 0 23px;
	line-height: 23px;
	font-size: 16px;
}
article table tr td,
article table tr th, #content.page table tr td, #content.page table tr th {
	padding-right: 23px;
}
article table tr th, #content.page table tr th {
	font-weight: bold;
	text-align: left;
}
article a, #content.page a {
	font-weight: bold;
}
article strong, #content.page strong {
	font-weight: bold;
}
article em, #content.page em {
	font-style: italic;
}
article iframe, article video, #content.page iframe, #content.page video {
	margin-bottom: 23px;
}

#content.page {
	border-bottom: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
}

/* ARTICLE TYPES:
.text, .audio, .chat, .link, .photo,
.photo-set, .quote, .video
----------------------------------------------- */
/* AUDIO (see SoundManager2 CSS) */
article.audio .playlist {
	width: 100%;
	margin-bottom: 2em;
}

/* CHAT */
article.chat .dialogue li {
	padding: .5em 0 .4375em;
	border-bottom: 1px dotted #CCC;
}
article.chat li:nth-child(even) {
	color: rgba(0, 0, 0, 0.5);
}
article.chat .dialogue div {
	width: 65.5097614%;
	margin-bottom: 23px;
	font-size: 16px;
	line-height: 23px;
}

/* LINK */
article.link p > a {
	width: 100%;
	margin-bottom: .5em;
	font-size: 23px;
	font-weight: bold;
	line-height: 23px;
	overflow: visible;
}
article.link p > a:after {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-left: 10px;
	background: url(images/arrow-right-2x.png) no-repeat 0 bottom;
	opacity: .25;
}

/* PHOTO */
article.photo h1 {
	display: none;
}
article.photo figure.post-image {
	position: relative;
	margin-bottom: 24px;
}
article.photo figure.post-image img {
	margin-bottom: 0;
}
article.photo figure.post-image a.high-res {
	position: absolute;
	display: block;
	bottom: -15px;
	right: 0;
	font-weight: normal;
	font-size: .625em;
	opacity: .35;
}
article.photo figure.post-image a.high-res:hover {
	opacity: 1;
}

/* PHOTO-SET (see FlexSlider CSS) */
article.photo-set h1 {
	display: none;
}
article.photo-set ul.slides {
	width: 100%;
	margin-bottom: 0;
}

/* QUOTE */
article.quote h1 {
	display: none;
}
article.quote blockquote {
	width: 100%;
	padding-left: 0;
	border-left: none;
}
article.quote blockquote p {
	width: 100%;
	font-weight: bold;
	font-size: 23px;
}
article.quote p.source:before {
	content: "";
	display: inline;
	margin-right: 5px;
}

/* VIDEO */
article.video h1 {
	display: none;
}
article.video h1 + p {
	width: 100%;
	margin-bottom: 24px;
}
article.video p + p {
	clear: both;
}

#content article.video .fluid-width-video-wrapper {
	margin-bottom: 24px;
}

/* PASSWORD PROTECTED POSTS */
article input[type="password"] {
	margin: 4px 0 8px;
}

/* GALLERY WITHIN REGULAR POST/PAGE */
article .gallery br {
	display: none;
}
article .gallery img {
	border: none;
}
article .gallery a:hover {
	opacity: 1;
}
article .gallery dl.gallery-item {
	width: 100%;
	margin-bottom: 0;
	font-size: 24px;
	line-height: 1.25em;
}
article .gallery dl.gallery-item dt {
	margin-bottom: auto;
	text-align: left;
	font-weight: normal;
}
article .gallery dl.gallery-item dt + .gallery-caption {
	margin-top: -23px;
}
article .gallery dl.gallery-item dd.gallery-caption {
	margin-bottom: 2em;
	font-size: 11px;
	line-height: 1.25em;
	text-align: left;
}
article .gallery:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#content .post-body .gallery img {
	padding: 5px;
	background: white;
	border: 1px solid #E5E5E5;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
}

article .gallery dt, #content.page .gallery dt {
	padding-right: 20px;
}

/* ARTICLE TAGS */
article aside.tags {
	margin-bottom: .71875em;
	font-size: 16px;
	/* 12px/14px */
}
article aside.tags ul {
	margin-bottom: 0;
}
article aside.tags li {
	margin-right: 5px;
	display: inline;
}
article aside.tags li a {
	font-weight: normal;
	opacity: .35;
}
article aside.tags li a:hover {
	color: rgba(0, 0, 0, 0.95);
	opacity: 1;
}
article aside.tags li a:before {
	content: "#";
	padding-right: 1px;
}

/* ARTICLE FOOTER */
article footer {
	display: block;
	clear: both;
	width: 100%;
	padding: .65625em 0 .71875em 0;
}

article footer .meta {
	max-width: 70%;
}

#footermenu {
	float: right;
	font-size: 11px;
}

#footermenu a {
	font-weight: normal;
}

article footer p {
	width: auto;
	float: left;
	margin: 0;
	color: rgba(0, 0, 0, 0.35);
	font-size: 11px;
	line-height: 11px;
}

article footer p time {
	padding-right: .25em;
	font-weight: bold;
}

article footer .meta a {
	font-weight: bold;
}

article footer .author a, article footer .labels a {
	opacity: .35;
}

article footer .labels a:after {
	content: ",";
	font-weight: normal;
}

article footer .labels a:last-child:after {
	content: "";
}

article footer ul {
	width: auto;
	margin-bottom: 0;
	line-height: 24px;
}

article footer li {
	float: left;
	margin-right: 24px;
	font-size: 11px;
}
article footer li:last-child {
	margin-right: 0;
}
article footer .feedback {
	float: right;
}
article footer .feedback .comments a {
	background-image: url(images/icon-comments-2x.png);
}
article footer .feedback .notes a {
	background-image: url(images/icon-notes-2x.png);
}
article footer .feedback a {
	display: block;
	height: 16px;
	padding: 2px 0 2px 22px;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: left -47px;
	opacity: .2;
}
article footer .author a:hover, article footer .labels a:hover, article footer .feedback a:hover {
	color: rgba(0, 0, 0, 0.95);
	opacity: 1;
}

article footer:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* COMMENTS
----------------------------------------------- */
p.nocomments {
	font-size: 16px;
}

#comments {
	position: relative;
	margin-bottom: 2.5em;
	padding-bottom: 24px;
	border-bottom: 1px solid #ececec;
}
#comments h1 {
	margin-bottom: 23px;
	line-height: 23px;
	font-size: 18px;
}
#comments p {
	margin-bottom: 23px;
	font-size: 16px;
	line-height: 23px;
}
#comments a#leavecomment {
	position: absolute;
	top: 25px;
	right: 0;
	font-size: 11px;
}
#comments .comment-number p {
	position: absolute;
	top: 5px;
	right: 0;
	font-size: 11px;
	color: #CCC;
}
#comments strong {
	font-weight: bold;
}
#comments em {
	font-style: italic;
}

ol.commentlist {
	padding-top: 24px;
}
ol.commentlist li.comment {
	clear: both;
	width: 100%;
	margin-bottom: 2em;
	padding-bottom: 2em;
	border-bottom: 1px solid #ececec;
	overflow: hidden;
}
ol.commentlist li.comment .c-grav {
	float: left;
	width: 25%;
}
ol.commentlist li.comment .c-body {
	position: relative;
	float: left;
	width: 75%;
}
ol.commentlist li.comment .c-body .c-head {
	margin-bottom: 23px;
	font-size: 16px;
}
ol.commentlist li.comment .c-body .c-permalink a {
	opacity: .5;
}
ol.commentlist li.comment .c-body a.comment-edit-link {
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 3px 6px;
	font-size: 11px;
	background: rgba(0, 0, 0, 0.05);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	opacity: .75;
}
ol.commentlist li.comment .c-body .reply a {
	display: inline-block;
	padding: 3px 6px;
	font-size: 11px;
	background: rgba(0, 0, 0, 0.05);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	opacity: .75;
}
ol.commentlist li.comment .c-body .c-date {
	position: absolute;
	top: 0;
	right: 0;
	margin-bottom: 24px;
	font-size: 11px;
	color: #AAA;
}
ol.commentlist li.comment.depth-2 {
	float: right;
	width: 75%;
	margin-bottom: 0;
	padding-bottom: 0;
	font-size: 16px;
}
ol.commentlist li.comment:last-child {
	margin-bottom: 0;
	border-bottom: none;
}
ol.commentlist li > .children {
	clear: both;
	padding-top: 2em;
}
ol.commentlist li > .children li {
	margin-bottom: 24px;
	border-bottom: 0;
}

#respond h3 {
	margin-bottom: 16px;
	line-height: 23px;
	font-size: 18px;
}
#respond p {
	margin-bottom: 23px;
	font-size: 16px;
	line-height: 23px;
}
#respond p.guidelines {
	font-size: 11px;
}
#respond p > input {
	display: block;
}
#respond p > input[type="text"] {
	width: 70%;
}
#respond fieldset > .comment-field {
	font-size: 16px;
	margin-bottom: 23px;
	line-height: 23px;
}
#respond fieldset > textarea {
	display: block;
	width: 70%;
	margin-bottom: 5px;
}

/* ARCHIVES/PAGES
----------------------------------------------- */
h1.archive {
	color: #FFF;
	font-size: 24px;
	line-height: 48px;
	margin: 0px 0px 12px 0px;
}
h1.archive em {
	display: block;
	padding: 36px 0px 36px 12px;
	background: #009edf;
}

h1.archive + .archive-list {
	margin-top: -1.7em;
}

.archive-list {
	margin-bottom: 3.5em;
	padding: 24px; 24px;
	font-size: 11px;
	background: #F5F5F5;
}
.archive-list h2 {
	margin-bottom: .5em;
}
.archive-list ul li {
	display: inline;
	line-height: 23px;
}
.archive-list ul li:after {
	content: "/";
	margin: 0 5px;
}
.archive-list ul li:last-child:after {
	content: "";
}

#archive-full {
	margin-top: 2.5em;
}
#archive-full ul + h2 {
	margin-top: 23px;
}
#archive-full li {
	line-height: 11px;
}
#archive-full li time {
	font-size: 16px;
}
#archive-full li time, #archive-full .month li {
	color: #AAA;
	color: rgba(0, 0, 0, 0.35);
}

label.screen-reader-text {
	display: none;
}

.no-results p {
	margin-bottom: 23px;
	font-size: 16px;
}

/* ATTACHMENT PAGE */
article.attachment h1 {
	margin: 27px 0px 48px 0px;
	padding-bottom: .75em;
	font-size: 24px;
	line-height: 23px;
	border-bottom: 1px solid #ececec;
}
article.attachment h1 + a:hover {
	opacity: 1;
}
article.attachment img {
	margin-bottom: 23px;
}
article.attachment .description p {
	margin-bottom: 23px;
	font-size: 16px;
}
article.attachment .paging {
	clear: both;
	height: 3.5em;
	font-size: 18px;
}

/* PAGING
----------------------------------------------- */
.paging {
	display: block;
	clear: both;
	width: 100%;
}
.paging ul {
	position: relative;
	display: block;
	width: 100%;
}
.paging li {
	position: absolute;
	padding: .75em 0;
	font-size: 11px;
	font-weight: bold;
}
.paging li.newer, .paging li.prev {
	top: 0;
	left: 0;
}
.paging li.older, .paging li.next {
	top: 0;
	right: 0;
}
.paging li.return {
	position: static;
	text-align: center;
}

.paging.clear {
	padding-bottom: 2em;
}

/* ASIDE (WIDGETS)
----------------------------------------------- */
aside[role="intro"] h2 {
	font-size: 21px;
	padding: 12px 0px;
	margin: 0px 0px 12px 0px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

aside[role="widgets"] {
	clear: both;
	width: 100%;
	margin-bottom: 24px;
	padding: 24px 0px 24px 0px;
	border-top: 1px solid #ececec;
	border-bottom: 1px solid #ececec;
	/* IMPORTANT: WILL BREAK LAYOUT IF NOT INCLUDED */
}
aside[role="widgets"] .group {
	position: relative;
	float: left;
	width: 23.0645161%;
	/* 286px/1240px */
	margin-right: 2.5806452%;
	/* 32px/1240px */
}
aside[role="widgets"] .group h4 {
	margin-bottom: .5em;
	font-size: 16px;
	font-weight: bold;
}
aside[role="widgets"] .group p {
	margin-bottom: 23px;
	font-size: 11px;
	line-height: 23px;
}
aside[role="widgets"] .group p + h4, aside[role="widgets"] .group ul + h4, aside[role="widgets"] .group ol + h4 {
	margin-top: 23px;
}
aside[role="widgets"] .group p a {
	font-weight: bold;
}
aside[role="widgets"] .group ul, aside[role="widgets"] .group ol {
	margin-bottom: 23px;
	font-size: 11px;
	line-height: 23px;
}
aside[role="widgets"] .group .tagcloud {
	margin-bottom: 23px;
}
aside[role="widgets"] .group .tagcloud a[style] {
	margin-right: 5px;
	font-size: .75em !important;
	color: rgba(0, 0, 0, 0.95);
	opacity: .35;
}
aside[role="widgets"] .group .tagcloud a:hover {
	opacity: 1;
}
aside[role="widgets"] .group .tagcloud a:before {
	content: "#";
	padding-right: 1px;
}
aside[role="widgets"] .group #wp-calendar {
	margin: .5em 0 2em;
	font-size: 11px;
}
aside[role="widgets"] .group #wp-calendar caption {
	margin-bottom: 24px;
	padding-bottom: .5em;
	font-weight: bold;
	border-bottom: 1px dotted #cccccc;
}
aside[role="widgets"] .group #wp-calendar td {
	padding: .45em;
	text-align: center;
	color: #AAA;
}
aside[role="widgets"] .group #wp-calendar tfoot #prev {
	text-align: left;
}
aside[role="widgets"] .group #wp-calendar tfoot #next {
	text-align: right;
}
aside[role="widgets"] .group #wp-calendar a {
	font-weight: bold;
}
aside[role="widgets"] .group select {
	margin-bottom: 2em;
}
aside[role="widgets"] .group .widget_search {
	margin-bottom: 1.75em;
}
aside[role="widgets"] .group .widget_search form:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
aside[role="widgets"] .group .widget_search input {
	margin-bottom: .25em;
}
aside[role="widgets"] .group .widget_search label {
	display: none;
}
aside[role="widgets"] .group .widget_search fieldset {
	float: left;
	margin-right: 5px;
}
aside[role="widgets"] .group .widget_twitter li {
	margin-bottom: 24px;
}
aside[role="widgets"] .group .widget_twitter li:last-child {
	margin-bottom: 0;
}
aside[role="widgets"] .group .widget_twitter li a {
	font-weight: bold;
}
aside[role="widgets"] .group .widget_recent_comments li a {
	font-weight: bold;
}
aside[role="widgets"] .group .widget_recent_comments li a.url {
	font-weight: normal;
}
aside[role="widgets"] .group .widget_links li {
	color: #AAA;
}
aside[role="widgets"] .group:last-child {
	margin-right: 0;
}

aside[role="widgets"]:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* FOOTER
----------------------------------------------- */
footer[role="site-info"] {
	clear: both;
	position: relative;
}
footer[role="site-info"] a {
	color: #1A171B;
}

footer p#copyright {
	float: left;
	width: 75%;
	font-size: 11px;
	line-height: 23px;
}
footer .social {
	position: absolute;
	right: 0;
	width: 25%;
}
footer .social li {
	display: block;
	float: right;
	margin-left: 8px;
	line-height: 23px;
}
footer .social li a {
	display: block;
	width: 16px;
	height: 16px;
	padding: 2px 0 3px;
	background-repeat: no-repeat;
	background-position: left -47px;
	text-indent: -999em;
	opacity: .5;
}
footer .social li a:hover {
	opacity: 1;
}
footer .social li.rss a {
	background-image: url(images/icon-rss-2x.png);
}
footer .social li.twitter a {
	background-image: url(images/icon-twitter-2x.png);
}
footer .social li.facebook a {
	background-image: url(images/icon-facebook-2x.png);
}
footer .social li.flickr a {
	background-image: url(images/icon-flickr-2x.png);
}

/* Required WordPress Classes, don't remove.
------------------------------------------------*/
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
	margin-right: 23px;
}

.alignright {
	float: right;
	margin-left: 23px;
}

/* FLEXSLIDER
----------------------------------------------- */
/* NECESSARY STYLES */
.flexslider {
	position: relative;
	width: 100%;
	margin: 0 0 23px;
	padding: 0;
}
.flexslider .slides {
	width: auto;
}
.flexslider .slides > li {
	display: none;
	position: relative;
}
.flexslider .slides img {
	max-width: 100%;
	display: block;
}
.flexslider .slides:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.flex-pauseplay span {
	text-transform: capitalize;
}

html[xmlns] .slides {
	display: block;
}

* html .slides {
	height: 1%;
}

.no-js .slides > li:first-child {
	display: block;
}

/* THEME STYLES */
.flexslider {
	background: #FFF;
}

/* NAV */
.flex-control-nav,
.flex-direction-nav {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: visible;
}

.flex-control-nav a,
.flex-direction-nav a {
	-moz-transition: all 0.25s ease;
	-webkit-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}

/* ARROWS */
.flex-direction-nav li a {
	display: block;
	position: absolute;
	bottom: 0;
	width: 16px;
	height: 16px;
	margin: 0;
	padding: 5px 0;
	cursor: pointer;
	text-indent: -9999px;
	background-repeat: no-repeat;
	opacity: .25;
}
.flex-direction-nav li a:hover {
	opacity: 1;
}
.flex-direction-nav li a.next {
	right: 0;
	padding-left: 10px;
	background-image: url(images/arrow-right-2x.png);
	background-position: 10px bottom;
}
.flex-direction-nav li a.prev {
	left: 0;
	padding-right: 10px;
	background-image: url(images/arrow-left-2x.png);
	background-position: left bottom;
}
.flex-direction-nav li a.disabled {
	opacity: .3;
	cursor: default;
}

/* DOTS */
.flex-control-nav {
	position: absolute;
	bottom: -5px;
	text-align: center;
}
.flex-control-nav li {
	margin: 0 0 0 4px;
	display: inline-block;
}
.flex-control-nav li a {
	width: 12px;
	height: 12px;
	display: block;
	background: #FFF;
	cursor: pointer;
	text-indent: -9999px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-o-border-radius: 15px;
	-ms-border-radius: 15px;
	-khtml-border-radius: 15px;
	border-radius: 15px;
	-moz-box-shadow: inset 1px 1px 1px 0 rgba(0, 0, 0, 0.18);
	-webkit-box-shadow: inset 1px 1px 1px 0 rgba(0, 0, 0, 0.18);
	-o-box-shadow: inset 1px 1px 1px 0 rgba(0, 0, 0, 0.18);
	box-shadow: inset 1px 1px 1px 0 rgba(0, 0, 0, 0.18);
}
.flex-control-nav li a:hover {
	background: #555;
	-moz-box-shadow: inset 1px 1px 1px 0 rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: inset 1px 1px 1px 0 rgba(0, 0, 0, 0.5);
	-o-box-shadow: inset 1px 1px 1px 0 rgba(0, 0, 0, 0.5);
	box-shadow: inset 1px 1px 1px 0 rgba(0, 0, 0, 0.5);
}
.flex-control-nav li a.active {
	background: #DDD;
	cursor: default;
}
.flex-control-nav li:first-child {
	margin: 0;
}

/*
 SoundManager 2
 ------------------------------------------
 http://schillmania.com/projects/soundmanager2/
*/
#sm2-container {
	position: absolute;
	top: -9999em;
}

ul.playlist {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.playlist li {
	/* assume all items will be sounds rather than wait for onload etc. in this example.. may differ for your uses. */
	position: relative;
	display: block;
	width: auto;
	font-size: 23px;
	color: #666;
	padding: 24px; 24px; .5em;
	border: none;
	background-color: #F5F5F5;
	-webkit-transition-property: hover;
	-webkit-transition: background-color .15s ease-in-out;
	-moz-transition: background-color .15s linear 0s;
	/* firefox 4 */
	-o-transition-property: background-color;
	/* opera 10.5 */
	-o-transition-duration: .15s;
}

ul.playlist li a {
	position: relative;
	display: block;
	margin-bottom: .5em;
	line-height: 1.15em;
	font-weight: normal;
	color: #1A171B;
	outline: none;
	z-index: 2;
	background-image: url(images/icon-play.png);
	background-repeat: no-repeat;
	background-position: 0 center;
	padding-left: 23px;
}

@media only screen and (max-width: 767px) {
	ul.playlist li a {
		font-size: .85em;
	}
}
ul.playlist li.sm2_playing,
ul.playlist li.sm2_paused,
ul.playlist li.sm2_playing a {
	color: #FFF;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	opacity: 1;
}

ul.playlist li.sm2_playing a {
	background-image: url(images/icon-pause.png);
	background-repeat: no-repeat;
	background-position: 0 center;
}

ul.playlist li:hover {
	background-color: #E9E9E9;
}

ul.playlist li:hover a {
	color: #1A171B;
	opacity: .35;
}

ul.playlist li.sm2_playing,
ul.playlist li.sm2_playing:hover {
	background-color: #222;
}

ul.playlist li.sm2_paused {
	background-color: #999;
}

ul.playlist li.sm2_playing:hover a {
	color: #FFF;
	opacity: .9;
}

ul.playlist li.sm2_paused a {
	color: #FFF;
	opacity: .35;
}

ul.playlist li .controls {
	display: none;
}

ul.playlist li.sm2_playing .controls,
ul.playlist li.sm2_paused .controls {
	position: relative;
	display: block;
	margin-bottom: .75em;
}

ul.playlist li.sm2_paused .controls {
	background-color: #666;
}

ul.playlist li:hover .controls .statusbar {
	position: relative;
	cursor: ew-resize;
	cursor: -moz-grab;
	cursor: grab;
}

ul.playlist li.sm2_paused .controls .statusbar {
	background-color: #CCC;
}

ul.playlist li .controls {
	position: relative;
	margin-top: .25em;
	margin-bottom: .25em;
	background-color: #E5E5E5;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
}

ul.playlist li .controls .statusbar {
	position: relative;
	height: .5em;
	background-color: #DDD;
	border: 2px solid #FFF;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
	overflow: hidden;
	cursor: -moz-grab;
	cursor: grab;
}

ul.playlist li .controls.dragging .statusbar {
	cursor: -moz-grabbing;
	cursor: grabbing;
}

ul.playlist li .controls .statusbar .position,
ul.playlist li .controls .statusbar .loading,
ul.playlist li .controls .statusbar .annotation {
	position: absolute;
	left: 0;
	top: 0;
	height: .5em;
}

ul.playlist li .controls .statusbar .position {
	background-color: #149EE7;
	border-right: 3px solid #149EE7;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}

ul.playlist li.sm2_paused .controls .statusbar .position {
	background-color: #777;
	border-color: #777;
}

ul.playlist li .controls .statusbar .loading {
	background-color: #EEE;
}

ul.playlist li .controls .statusbar .position,
ul.playlist li .controls .statusbar .loading {
	width: 0;
}

ul.playlist li.sm2_playing a.sm2_link,
ul.playlist li.sm2_paused a.sm2_link {
	margin-right: 4.5em;
	/* room for timing stuff */
}

ul.playlist li .timing {
	position: absolute;
	display: none;
	text-align: right;
	right: 2em;
	top: 2em;
	width: auto;
	height: 24px;
	padding: 4px 6px;
	color: #1A171B;
	background-color: #F5F5F5;
	border: 1px solid #444;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: inset 1px 1px 4px 0 rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: inset 1px 1px 4px 0 rgba(0, 0, 0, 0.25);
	-o-box-shadow: inset 1px 1px 4px 0 rgba(0, 0, 0, 0.25);
	box-shadow: inset 1px 1px 4px 0 rgba(0, 0, 0, 0.25);
	font: .5em Helvetica, Arial, sans-serif;
	line-height: 24px;
	vertical-align: middle;
}

ul.playlist.use-peak li .timing {
	right: 4.25em;
}

ul.playlist li:hover .timing {
	z-index: 2;
}

ul.playlist li .timing div.sm2_timing {
	margin: 0;
	padding: 0;
	margin-top: -24px;
}

ul.playlist li.sm2_playing .timing,
ul.playlist li.sm2_paused .timing {
	display: block;
}

ul.playlist li.sm2_paused .timing .sm2_position {
	text-decoration: blink;
	/* hee hee. first actual appropriate use? :D */
}

ul.playlist li.sm2_paused .timing {
	color: #888;
	background-color: #F5F5F5;
	border-color: #BBB;
	-moz-box-shadow: inset 1px 1px 4px 0 rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: inset 1px 1px 4px 0 rgba(0, 0, 0, 0.05);
	-o-box-shadow: inset 1px 1px 4px 0 rgba(0, 0, 0, 0.05);
	box-shadow: inset 1px 1px 4px 0 rgba(0, 0, 0, 0.05);
}

/* Formalize (github.com/nathansmith/formalize) 
----------------------------------------------- */
/* UI Consistency */
::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input[type="search"]::-webkit-search-decoration {
	display: none;
}

input,
button,
select,
textarea {
	margin: 0;
	vertical-align: middle;
}

input[type="radio"],
input[type="checkbox"] {
	position: relative;
	vertical-align: top;
	top: 3px;
	/* IE8, IE9, IE10 */
	top: 0\0;
	/* IE7 */
	*top: -3px;
}

/* iPad */
@media (-webkit-min-device-pixel-ratio: 1) and (max-device-width: 1024px) {
	input[type="radio"],
	input[type="checkbox"] {
		top: 2px;
	}
}
/* iPhone 3 */
@media (-webkit-min-device-pixel-ratio: 1) and (max-device-width: 480px) {
	input[type="radio"],
	input[type="checkbox"] {
		vertical-align: baseline;
		top: 0;
	}
}
/* iPhone 4 */
@media (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 480px) {
	input[type="radio"],
	input[type="checkbox"] {
		vertical-align: baseline;
		top: 0;
	}
}
button,
input[type="reset"],
input[type="submit"],
input[type="button"] {
	-webkit-appearance: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding;
	background-clip: padding-box;
	background: #dddddd url(../images/button.png) repeat-x;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(1, #dddddd));
	background: -moz-linear-gradient(top center, white 0%, #dddddd 100%);
	border: 1px solid;
	border-color: #ddd #bbb #999;
	cursor: pointer;
	color: #1A171B;
	/*
		Helvetica Neue present, because it works better
		for line-height on buttons than Arial, on OS X.
	*/
	font: bold 12px/1.3 "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif;
	outline: 0;
	overflow: visible;
	padding: 3px 10px;
	text-shadow: #fff 0 1px 1px;
	width: auto;
	/* IE7 */
	*padding-top: 2px;
	*padding-bottom: 0px;
}

button {
	/* IE7 */
	*padding-top: 1px;
	*padding-bottom: 1px;
}

textarea,
select,
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"] {
	-webkit-appearance: none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-moz-background-clip: padding;
	-webkit-background-clip: padding;
	background-clip: padding-box;
	background-color: #fff;
	border: 1px solid;
	border-color: #848484 #c1c1c1 #e1e1e1;
	color: #1A171B;
	outline: 0;
	padding: 2px 3px;
	font-size: 13px;
	/*
		Leaving out Helvetica Neue, to not throw off size="..."
		on inputs. Arial is more reliable, on Windows and OS X.
	*/
	font-family: Arial, 'Liberation Sans', FreeSans, sans-serif;
	height: 1.8em;
	/* IE7 */
	*padding-top: 2px;
	*padding-bottom: 1px;
	*height: auto;
}

/*
	Separate rule for Firefox.
	Separate rule for IE, too.
	Cannot stack with WebKit's.
*/
::-webkit-input-placeholder {
	color: #888;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
	color: #888;
}

input.placeholder_text,
textarea.placeholder_text {
	color: #888;
}

:invalid {
	/*
		Suppress red glow that Firefox
		adds to form fields by default,
		even when user is still typing.
	*/
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

button:focus,
button:active,
input:focus,
input:active,
select:focus,
select:active,
textarea:focus,
textarea:active {
	-moz-box-shadow: #06f 0 0 7px;
	-webkit-box-shadow: #06f 0 0 7px;
	box-shadow: #06f 0 0 7px;
	/* for Opera */
	z-index: 1;
}

input[type="file"]:focus,
input[type="file"]:active,
input[type="radio"]:focus,
input[type="radio"]:active,
input[type="checkbox"]:focus,
input[type="checkbox"]:active {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

select[disabled],
textarea[disabled],
input[type="date"][disabled],
input[type="datetime"][disabled],
input[type="datetime-local"][disabled],
input[type="email"][disabled],
input[type="month"][disabled],
input[type="number"][disabled],
input[type="password"][disabled],
input[type="search"][disabled],
input[type="tel"][disabled],
input[type="text"][disabled],
input[type="time"][disabled],
input[type="url"][disabled],
input[type="week"][disabled] {
	background-color: #eee;
}

button[disabled],
input[disabled],
select[disabled],
select[disabled] option,
select[disabled] optgroup,
textarea[disabled] {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	color: #888;
	cursor: default;
}

textarea,
select[size],
select[multiple] {
	height: auto;
}

/* Tweaks for Safari + Chrome. */
@media (-webkit-min-device-pixel-ratio: 0) {
	select {
		background-image: url(../images/select_arrow.gif);
		background-repeat: no-repeat;
		background-position: right center;
		padding-right: 20px;
	}

	select[size],
	select[multiple] {
		background-image: none;
		padding: 0;
	}

	::-webkit-validation-bubble-message {
		box-shadow: rgba(0, 0, 0, 0.5) 0 0 5px;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #666666), color-stop(1, black));
		border: 1px solid;
		border-color: #747474 #5e5e5e #4f4f4f;
		color: #fff;
		font: 13px/17px "Lucida Grande", Arial, "Liberation Sans", FreeSans, sans-serif;
		overflow: hidden;
		padding: 15px 15px 17px;
		text-shadow: #000 0 0 1px;
		height: 16px;
	}

	::-webkit-validation-bubble-arrow,
	::-webkit-validation-bubble-top-outer-arrow,
	::-webkit-validation-bubble-top-inner-arrow {
		-webkit-box-shadow: none;
		box-shadow: none;
		background: #666;
		border: 0;
	}
}
textarea {
	min-height: 40px;
	overflow: auto;
	resize: vertical;
	width: 100%;
}

optgroup {
	color: #1A171B;
	font-style: normal;
	font-weight: normal;
}

/* MODERNIZR STYLES
----------------------------------------------- */
.no-boxshadow .flex-control-nav li a {
	border: 1px solid #E5E5E5;
}

.no-rgba a {
	color: #1A171B;
}
.no-rgba a:hover, .no-rgba a:focus {
	color: #666;
}
.no-rgba article .post-body a, .no-rgba #content.page a {
	color: #149ee7;
}
.no-rgba article .post-body a:hover, .no-rgba #content.page a:hover {
	color: #57bbf0;
}
.no-rgba .post-body a, .no-rgba #content.page a,
.no-rgba #comments a, .no-rgba #respond a {
	color: #149ee7;
}
.no-rgba .post-body a:hover, .no-rgba #content.page a:hover,
.no-rgba #comments a:hover, .no-rgba #respond a:hover {
	color: #57bbf0;
}
.no-rgba aside.tags li a {
	color: #CCC;
	opacity: 1;
}

/* IE FIXES 
----------------------------------------------- */
.ie .flexslider {
	zoom: 1;
}
.ie .flexslider .slides {
	zoom: 1;
}
.ie .flex-control-nav li {
	display: none;
}
.ie article img,
.ie #content.page img {
	width: auto;
	height: auto;
}
.ie .r-float, .ie .l-float {
	float: left;
	margin: 0 1.5em 1.5em 0;
}
.ie .r-float + p, .ie .l-float + p {
	clear: both;
}
.ie body #content.page {
	border-bottom: none;
}

.ie7 object, .ie7 embed {
	outline: none;
}
.ie7 .slides img {
	margin-bottom: 0;
}
.ie7 article.video h1 + p {
	margin-bottom: 0;
}
.ie7 .archive-list li {
	margin-right: 10px;
}

.ie8 article.video h1 + p:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.ie8 .comments a:after {
	content: '';
}

/* MOBILE + TABLET STYLES
----------------------------------------------- */
@media only screen and (max-width: 920px) {
	#container {
		position: static;
		margin: 0 auto 2em;
		padding: 20px 20px;
		max-width: 100%;
		overflow: hidden;
	}

	header .about {
		clear: both;
		display: none;
	}
	header .about .links li {
		display: inline;
	}
	header .about .links li:after {
		content: "/";
		margin: 0 10px;
		color: rgba(0, 0, 0, 0.35);
		font-weight: normal;
	}
	header .about .links li:last-child:after {
		content: "";
		margin-right: 0;
	}

	a#toggle {
		position: absolute;
		top: 0;
		right: 20px;
		display: block;
		padding: .65em 24px;
		font-weight: normal;
		font-size: .625em;
		color: #AAA;
		color: rgba(0, 0, 0, 0.35);
		background: #F1F1F1;
		border-right: 1px solid #E9E9E9;
		border-bottom: 1px solid #E9E9E9;
		border-left: 1px solid #E9E9E9;
		-moz-border-radius-bottomright: 5px;
		-webkit-border-bottom-right-radius: 5px;
		-o-border-bottom-right-radius: 5px;
		-ms-border-bottom-right-radius: 5px;
		-khtml-border-bottom-right-radius: 5px;
		border-bottom-right-radius: 5px;
		-moz-border-radius-bottomleft: 5px;
		-webkit-border-bottom-left-radius: 5px;
		-o-border-bottom-left-radius: 5px;
		-ms-border-bottom-left-radius: 5px;
		-khtml-border-bottom-left-radius: 5px;
		border-bottom-left-radius: 5px;
		-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05);
		-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05);
		-o-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05);
		box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05);
		text-shadow: 0 1px 1px rgba(255, 255, 255, 0.85);
	}

	a#toggle:hover {
		color: rgba(0, 0, 0, 0.75);
	}

	#content {
		float: left;
		width: 100%;
		min-height: auto;
		margin-left: 0;
	}
}
/* MOBILE STYLES
----------------------------------------------- */
@media only screen and (max-width: 767px) {
	header[role="masthead"] {
		float: left;
		width: 100%;
		min-height: 105px;
		margin-bottom: 0;
	}


	header #branding h1 {
		float: right;
		max-width: 190px;
		margin: 0;
		margin-top: 6px;
		padding-top: 25px;
		text-align: right;
	}
	header .about {
		margin-bottom: 20px;
		padding: 20px;
		background: rgba(0, 0, 0, 0.05);
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-o-border-radius: 3px;
		-ms-border-radius: 3px;
		-khtml-border-radius: 3px;
		border-radius: 3px;
	}
	header .about .links {
		margin-bottom: 0;
	}
	header .about .links li {
		line-height: 1.8em;
	}
	header a#toggle {
		top: 0;
		right: 20px;
	}

	#content .post-body .gallery img {
		padding: 2px;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		-o-border-radius: 0;
		-ms-border-radius: 0;
		-khtml-border-radius: 0;
		border-radius: 0;
	}

	article p, #content.page p {
		width: 100%;
	}
	article blockquote, article ul, article ol, #content.page blockquote, #content.page ul, #content.page ol {
		width: 90%;
	}
	article ul.normal, article ol.normal, #content.page ul.normal, #content.page ol.normal {
		margin-left: 20px;
	}
	article figure, #content.page figure {
		width: 100%;
	}
	article .r-float, article .l-float, article .alignleft, article .alignright, #content.page .r-float, #content.page .l-float, #content.page .alignleft, #content.page .alignright {
		display: inline-block;
		float: none;
		width: auto;
		margin: 0 0 24px; 0;
	}
	article .r-float img, article .l-float img, article .alignleft img, article .alignright img, #content.page .r-float img, #content.page .l-float img, #content.page .alignleft img, #content.page .alignright img {
		width: 100%;
	}
	article .wp-caption.alignleft, article .wp-caption.alignright, #content.page .wp-caption.alignleft, #content.page .wp-caption.alignright {
		margin-bottom: 0;
	}

	ol.commentlist {
		padding-top: 23px;
	}
	ol.commentlist li.comment .c-grav {
		float: right;
		width: auto;
		margin: 0 0 10px 10px;
	}
	ol.commentlist li.comment .c-grav img {
		width: 50px;
		height: 50px;
	}
	ol.commentlist li.comment .c-body {
		float: none;
		width: auto;
	}
	ol.commentlist li.comment .c-body .c-head {
		margin-bottom: .5em;
		font-size: 16px;
	}
	ol.commentlist li.comment .c-body .c-date {
		position: static;
		margin-bottom: 24px;
	}
	ol.commentlist li.comment.depth-2 {
		width: auto;
		float: none;
	}

	#respond fieldset > textarea {
		width: 100%;
	}

	aside[role="widgets"] {
		clear: both;
		width: 100%;
		margin-bottom: 3em;
		padding: 2em 0 24px;
	}
	aside[role="widgets"] .group {
		clear: both;
		position: relative;
		float: left;
		width: 100%;
		margin-right: 0;
	}

	footer p#copyright {
		float: left;
		width: 100%;
		margin-bottom: 23px;
	}
	footer .social {
		position: static;
		clear: left;
		width: 100%;
	}
	footer .social li {
		float: left;
		margin-right: 8px;
		margin-left: 0;
	}
	footer .social li a {
		opacity: 1;
	}
}
/* TABLET (PORTRAIT)
----------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 920px) {
	header[role="masthead"] {
		position: relative;
		float: left;
		width: 100%;
		margin-bottom: 0;
	}

	header #branding img {
		max-width: 100%;
		margin-bottom: 30px;
	}
	header #branding h1 {
		max-width: 200px;
		margin: 0 0 10px 20px;
		padding: 3.6em 0 0 23px;
		text-align: right;
	}
	header .about {
		width: 65.5097614%;
		margin-bottom: 2em;
	}
	header .about .links {
		margin-bottom: 20px;
	}
	header a#toggle {
		top: -20px;
		right: 0;
	}



	/* HEADER CONDITIONALS */
	#branding h1.no-img {
		max-width: auto;
		margin: 0;
		padding: 2.5em 0 24px; 0;
		text-align: left;
	}


	article figure {
		width: auto;
	}

	article.photo figure.post-image {
		width: 100%;
	}
	article.photo figure.post-image img {
		width: 100%;
	}
}
/*	RETINA DISPLAY OVERRIDES
------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
	.feedback .comments a {
		background-position: -5px 2px;
		background-size: 22px;
	}

	.feedback .notes a {
		background-position: -5px 2px;
		background-size: 22px;
	}

	.flex-direction-nav li a {
		padding: 0;
		bottom: -2px;
	}

	.flex-direction-nav li a.next {
		padding: 0;
		background-position: 100% top;
		background-size: 22px;
	}

	.flex-direction-nav li a.prev {
		padding: 0;
		background-position: -5px top;
		background-size: 22px;
	}

	article.link p > a:after {
		background-position: -5px top;
		background-size: 22px;
	}

	footer .social li a {
		background-position: -6px 2px;
		background-size: 22px;
	}

	ul.playlist li a,
	ul.playlist li.sm2_playing a {
		background-position: 0 center;
		background-size: 16px;
	}

	ul.playlist li a {
		background-image: url(images/icon-play-2x.png);
	}

	ul.playlist li.sm2_playing a {
		background-image: url(images/icon-pause-2x.png);
	}
}

/* Index */

.index {
	display: block;
	height: 600px;
}

.index img {
	position: fixed;
	right: 0px;
	width: 759px;
	height: 530px;
	background: url('images/functionele_creativiteit_11.png') no-repeat top left;
}

/* Galerij */

/* 1024 */

.royalSlider {
	width: 710px !important;
	height: 492px !important;
}

.royalWrapper, .large img {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.5);
	-ms-box-shadow: 0px 0px 4px rgba(0,0,0,0.5);
	-o-box-shadow: 0px 0px 4px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 4px rgba(0,0,0,0.5);
	background: none !important;
}

.royalSlider .royalWrapper {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	background: url('images/transparent.png') top left !important;
	background-position: fixed !important;
}

.royalSlide {
	background: none !important;
}

.royalSlider.tekst {
	display: block;
	text-align: center;
	vertical-align: middle;
	background: #CCC;
}

.royalSlider.tekst h1 {
	padding-top: 33%;
	font-size: 28px;
	line-height: 0px;
	vertical-align: middle;	
}

.royalThumb {
	width: 80px !important;
	height: 55px !important;
}

.royalSlider .royalPreloader {
	display: none !important;
}

.royalSlider.iskin .royalControlNavOverflow.royalThumbs {
	margin-top: 0px !important;
}

.thumbsAndArrowsContainer {
	padding: 12px 0px;
	margin-top: 24px !important;
}

.textwidget table {
	font-size: 11px;
}

/* 1280+ */

@media only screen and (min-width: 1280px) {

	.royalSlider {
		width: 921px !important;
		height: 638px !important;
	}
	
	.textwidget table {
		font-size: 13px;
	}

}

@media only screen and (max-width: 1280px) and (min-width: 1080px) {

	.royalSlider {
		width: 750px !important;
		height: 519px !important;
	}

}

/* iPad staand */
@media only screen and (max-width: 983px) {
	
	.royalSlider {
		width: 728px !important;
		height: 504px !important;
	}
	
	nav {
		padding: 52px 0px 0px 0px;	
	}
	
	nav.no-title {
		position: absolute;
		top: 0px;
		left: 200px;
	}

	nav.no-title li {
		display: inline;
		margin-right: 24px;
	}
	
	nav.no-title li::after {
		display: none;
	}
	
	nav.no-title li a {
		display: inline;
		padding: 0px;
	}
	
}

/* iPhone liggend */
@media only screen and (max-width: 767px) and (min-width: 480px) {
	
	nav {
		padding: 74px 0px 0px 0px;	
	}
	
	.royalSlider {
		width: 440px !important;
		height: 305px !important;
	}

}

/* iPhone staand */
@media only screen and (max-width: 479px) {

	.royalSlider {
		width: 280px !important;
		height: 222px !important;
	}

}

@media only screen and (min-width: 1120px) {
	.index img {
		position: fixed;
		right: 0px;
		width: 862px;
		height: 602px;
		background: url('images/functionele_creativiteit.png') no-repeat top left;
	}

}

@media only screen and (min-width: 920px) and (max-width: 1024px) {
	.index img {
		position: fixed;
		right: -48px;
		width: 759px;
		height: 530px;
		background: url('images/functionele_creativiteit_11.png') no-repeat top left;
	}
	
}

@media only screen and (min-width: 768px) and (max-width: 920px) {
	/* .index img {
		position: fixed;
		right: 0px;
		top: 0px;
		width: 465px;
		height: 415px;
		background: url('images/functionele_creativiteit_8.png') no-repeat top left;
	}*/
	
	.index img {
		display: none;
	}
}

@media only screen and (max-width: 767px) {
	/* .index img {
		position: fixed;
		right: 0px;
		top: 0px;
		width: 233px;
		height: 208px;
		background: url('images/functionele_creativiteit_5.png') no-repeat top left;
	} */
	
	.index img {
		display: none;
	}
}

@media only screen and (max-width: 767px) {
	/* .index img {
		position: absolute;
		right: 24px;
		top: -32px;
		width: 233px;
		height: 208px;
		background: url('images/functionele_creativiteit_5.png') no-repeat top left;
	} */
	
	.index img {
		display: none;
	}
}

@media only screen and (max-width: 479px) {

	header #branding {
		position: fixed;
		width: 100%;
		padding: 0px;
		line-height: 0px;
		background: #444;
		padding: 12px 0px;
		margin: -20px 0px 20px -20px;

		z-index: 100;
	}
	
	header #branding a {
		display: inline;
		padding: 0px;
		margin: 0px 0px 0px 20px;
		font-size: 0px;
		line-height: 0px;
	}
	
	header #branding img {
		margin: 0px;
		width: 100px;
		height: auto;
		background: none;
		-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,1.0);
	}
	
	
	aside {
		margin-top: 70px;
	}

	nav {
		position: fixed;
		top: 12px;
		right: 20px;
		padding: 0px !important;
		z-index: 100;
	}
	
	nav:before {
		display: block;
		width: 118px;
		height: 46px;
		color: #FFF;
		font-size: 18px;
		line-height: 46px;
		text-align: left;
		padding: 0px 0px 0px 12px;
		vertical-align: middle;
		background: rgba(255,255,255,0.5);
		content: "Menu";
		text-shadow: 0px -1px 0px rgba(0,0,0,0.3);
	}
	
	nav ul {
		display: none;
		background: #FFF;
		-webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.5);
	}

	nav:hover ul {
		display: block;
	}
	
	nav:hover:before {
		color: #FFF;
		background: #000;
		-webkit-border-radius: 6px 6px 0px 0px;
	}
	
	nav li a {
		font-size: 14px;
		color: #333;
		padding: 12px 12px 12px 12px;
	}
	
	.vignette-lb {
		top: 0px;
		left: 0px;
		background-image: -moz-linear-gradient(100% 100% 90deg, rgba(255, 255, 255, 0), #e1e1e1 );
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e1e1e1), to(rgba(255, 255, 255, 0)));
	}

	.vignette-rb {
		display: inline;
		background-image: none;
		top: 0px;
		right: 0px;
	}

	a:hover, a:focus {
		color: #009EE0;
	}
	
	.index img {
		display: none;
	}
	
	nav {
		padding: 12px 0px 12px 0px;
	}
}