/*
Theme Name: Venus
Author: Orgone Media
Author URI: http://orgonemedia.nl/
Description: A semantic, HTML5, canvas based on Toolbox 1.1.
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags: custom-menu, sticky-post, microformats, rtl-language-support, translation-ready
*/

/* =Structure
-------------------------------------------------------------- */

html {
	height: 100%;
	min-height: 100%;
}

body {
	margin: 0;
	padding: 0;
  font-family: 'Ubuntu Mono', Arial, sans-serif;
	font-size: 14px;
	line-height: 18px;
	height: 100%;
	min-height: 500px;
  font-weight: 300;
}
#page {
	width: 985px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	height: 100%;
	min-height: 100%;
	margin-bottom: -10px;
}
#main {
	float: left;
	height: 100%;
	min-height: 100%;
}
#primary {
	float: left;
	width: 625px;
	height: 100%;
	background-color: #000;
	color: #fff;
	position: relative;
}
#primary.no_bg {
	background-color: transparent;
}
#secondary {
	float: left;
	width: 190px;
}
.content {
	height: 100%;
    overflow: auto;
    position: relative;
	outline: none;
}
.content_pad { height: 30px; clear: both; display: block; }

#colophon {
	clear: both;
	display: block;
	width: 100%;
}
h2 {
  font-size: 26px;
  font-weight: 500;
  margin: 0 0 0.5em;
  color: #EC008C;
}
a, a:visited {
	color: #ec008c;
	text-decoration: none;
	outline: none;
}
a:hover {
	text-decoration: underline;
	}
p {
	margin: 0 0 16px 0;
	padding: 0;
}
strong {
  font-weight: 500;
}
blockquote {
	padding: 10px 10px 0px 10px;
	margin: 10px;
	border: 1px dashed #999;
}

/* Increase the size of the content area for templates without sidebars */
#primary.full-width {
	width: 815px;
}

/* Text meant only for screen readers */
.screen-reader-text,
.section-heading {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
}
.alignright {
	display: inline;
	float: right;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.clearfloat { clear: both; }

/* =Header
-------------------------------------------------------------- */

#header {
	display: block;
	float: left;
	width: 160px;
	margin-right: 10px;
}
#logo {
	position: absolute;
	bottom: 0;
	right: 0;
}

/* =Menu
-------------------------------------------------------------- */

body.home ul.menu {display: none; } /*hide menu on start page fo fadeIn */

#access {
	display: block;
	margin-top: 20px;
	width: 161px;
}
#access ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}
#access li a {
	width: 161px;
	display: block;
  font-size: 36px;
  text-align: right;
  text-decoration: none;
  color: #000;
  line-height: 35px;
}
#access li a:hover, #access li.current-menu-item a {
  color: #ec008c;
}
#access li.menu-item-order a span {
	height: 30px;
  right: -3px;
  transform: rotate(4deg);
}
#access li a span {
  display: block;
  position: relative;
  transform: rotate(1deg);
}
#access li.menu-item-venus a span {
  right: 32px;
}
#access li.menu-item-cv a span {
  right: 45px;
}
#access li.menu-item-portfolio a span {
  right: 2px;
  top: 2px;
  transform: rotate(-5deg);
  -webkit-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
}
#access li.menu-item-videos a span {
  right: 23px;
  transform: rotate(2deg);
  -webkit-transform: rotate(2deg);
  -ms-transform: rotate(2deg);
}
#access li.menu-item-67 a span {
  right: 59px;
  transform: rotate(2deg);
  -webkit-transform: rotate(2deg);
  -ms-transform: rotate(2deg);
}
#access li.menu-item-claude-cahun a span {
  right: 6px;
  top: 6px;
  transform: rotate(-4deg);
  -webkit-transform: rotate(-4deg);
  -ms-transform: rotate(-4deg);
}
#access li.menu-item-contact a span {
  right: 24px;
  transform: rotate(6deg);
  -webkit-transform: rotate(6deg);
  -ms-transform: rotate(6deg);
}

#access ul ul {
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	display: none;
	float: left;
	position: absolute;
	top: 2em;
	left: 0;
	z-index: 99999;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	background: #dedede;
	line-height: 1em;
	padding: .5em .5em .5em 1em;
	width: 10em;
	height: auto;
}


/* =Content
-------------------------------------------------------------- */

article {
	padding: 0;
	border-top: 1px solid #333333;
	position: relative;
	margin-bottom: 20px;
}
.entry-meta {
	color: #999;
	font-size: 13px;
}
#content nav {
	display: block;
	overflow: hidden;
}
#content nav .nav-previous {
	float: left;
	width: 50%;
}
#content nav .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
#content #nav-above {
	display: none;
}
.paged #content #nav-above,
.single #content #nav-above {
	display: block;
}
#nav-below {
	margin: 1em 0 0;
	clear: both;	
}
.page-link {
	margin: 0 0 1em;
}

h1.entry-title {
	color: #ec008c;
	font-size: 24px;
	font-weight: normal;
	margin: 10px 0;
	line-height: 24px;
}

/* static pages */

#static_content {
	padding: 252px 30px 30px 30px;
	margin: 0;
	position: absolute;
	top: 0px;
	bottom: 0px;
}

#static_content h1 {
	color: #ec008c;
	font-size: 30px;
	font-weight: 400;
}

#static_content h2 {
	font-size: 16px;
	font-weight: 500;
	padding: 5px 0;
	border-bottom: 1px solid #333333;
}

#static_content .customScrollBox{position:relative; overflow:hidden; height:100%;}
#static_content .customScrollBox .container{position:relative; width:560px; top:0; }
#static_content .customScrollBox .content{clear:both; }
#static_content .dragger_container{position:absolute; width:1px; margin:28px 0 0 20px; background:#ed1294; cursor:pointer; cursor:s-resize; top: 10px; bottom: 13px; right: 10px;}
#static_content .dragger{position:absolute; width:7px; height:7px; background:#fff; border: 1px solid #ed1294; text-align:center; line-height:60px; color:#666; overflow:hidden; cursor:pointer; left: -4px; }
#static_content .dragger_pressed{position:absolute; width:7px; height:7px; background:#ed1294; border: 1px solid #ed1294; text-align:center; line-height:60px; color:#666; overflow:hidden; cursor:s-resize; left: -4px; }

a.dragger_arrow_top {
	background-image: url(images/scrollbar_arrow.png);
	height: 12px;
	width: 9px;
	display: block;
	position: absolute;
	top: -12px;
	left: -4px;
}

a.dragger_arrow_bott {
	background-image: url(images/scrollbar_arrow.png);
	background-position: 0 -12px;
	height: 12px;
	width: 9px;
	display: block;
	position: absolute;
	bottom: -12px;
	left: -4px;
}

#scroll_fade {
	background-image: url(images/scroll_fade.png);
	height: 30px;
	width: 100%;
	display: block;
	position: absolute;
	bottom: 30px;
}

.nav-previous {
	float: left;
}

.nav-previous {
	float: right;
}

/* videos */

.video_post {
	padding-left: 10px;
	position: relative;
	background-image: url(images/ajax-loader.gif);
	background-repeat: no-repeat;
	background-position: 300px 170px;
	height: 415px;
}

.vid_thumb { position: absolute; width: 605px; height: 370px; display: block; }
.vid_thumb a { background: url(images/video_play.png); width: 61px; height: 61px; display: block; position: absolute; top: 154px; left: 272px; }
.vid_thumb a:hover { background-position: 0px -61px; }

.vid_title {
	height: 35px;
	display: block;
	font-size: 14px;
	text-transform: uppercase;
	position: absolute;
	bottom: 0;
}

.vid_overlay, .video_post.active.cloned .vid_overlay{
	display: block;
	background-image: url(images/overlay_bg.png);
	background-repeat: repeat;
	width: 100%;
	height: 400px;
	position: absolute;
	top: 0;
}

.video_post.active .vid_overlay {
	display: none;
}

.scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;
	height:100%;
}

.scrollable .items {
	/* this cannot be too large */
	height:20000em;
	position:absolute;
	margin-top: 100px;
	width: 100%;
}

/* slideshow & scroll controls */

#scroll_controls {
	position: absolute;
	left: -130px;
	bottom: 20px;
	clear: both;
}

body.page-template-content-video-php #scroll_controls {
	left: -80px;
}

a.ss_controls {
	display: block;
	background-image: url(images/control_icons.png);
	height: 25px;
	width: 25px;
	float: left;
	margin-left: 2px;
}

a#ss_play {
	display: none;
	background-position: -78px -26px;
}

a#ss_play:hover {
	display: none;
	background-position: -78px 0px;
}

a#ss_pause {
	background-position: -104px -26px;
}

a#ss_pause:hover {
	background-position: -104px 0px;
}

a#ss_prev {
	background-position: 0px -26px;
}

a#ss_prev:hover {
	background-position: 0px 0px;
}

a#ss_next {
	background-position: -52px -26px;
}

a#ss_next:hover {
	background-position: -52px 0px;
}

a#ss_zoom {
	background-position: -132px -26px;
	width: 23px;
}

a#ss_zoom:hover {
	background-position: -132px 0px;
}


/* portfolio */

#loading {
	color: #EC008C;
	display: block;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	background: url(images/ajax-loader.gif) no-repeat center center #000;
	text-align: center;
	padding-top: 20px;
}

#albums  {
	margin-top: 30px;
}
#albums ul {
  padding: 0;
}
#albums ul li {
	list-style: none;
	text-align: left;
	font-size: 16px;
	text-transform: lowercase;
	line-height: 20px;
}

#albums ul li a {
	text-decoration: none;
	color: #000;
}

#albums ul li a:hover {
	text-decoration: none;
	color: #815480;
}

#albums ul li.current_page_item a {
	color: #EC008C;
}

.port_archive { margin-top: 10px; }

#gallery_name {
	position: absolute;
	top: 20px;
	right: -189px;
	color: #815480;
	text-transform: lowercase;
	font-size: 20px;
	width: 176px;
	text-align:center;
}

.gallery_post {
	padding: 0 30px;
	position: relative;
	background-image: url(images/ajax-loader.gif);
	background-repeat: no-repeat;
	background-position: 300px 170px;
	text-align: center;
}
.gallery_post.description {
  background: none;
  font-size: 21px;
  padding: 10px 30px 30px;
  line-height: 27px;
  text-align: left;
}

.gallery_post a {
	display: block;
	line-height: 0;
	width: 100%;
	height: auto;
}

.gallery_title {
	height: 35px;
	display: block;
	padding-top: 5px;
	font-size: 14px;
	text-align: center;
	text-transform: uppercase;
}

span.gallery_copy { color: #999; }

.gallery_overlay, .gallery_post.active.cloned .gallery_overlay{
	display: block;
	background-image: url(images/overlay_bg.png);
	background-repeat: repeat;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
}

.gallery_post.active .gallery_overlay {
	display: none;
}

.gallery_zoom {
	background-image: url(images/zoom_icon.png);
	background-repeat: no-repeat;
	position: absolute;
	display: none;
	background-position: center center;
	top: 0;
  left: 0;
	height: 100%;
	width: 100%;
}
.ngg-image:hover .gallery_zoom {
  display: block!important;
}
.gallery_post.item_0 .gallery_zoom:after {
  content: "Click on the picture to enlarge";
  position: absolute;
  top: 37%;
  left: 0;
  width: 100%;
  font-size: 28px;
  font-weight: 500;
  text-shadow: 1px 1px 3px #000;
  -webkit-text-shadow: 1px 1px 3px #000;
}
.gallery_post.item_0 .gallery_zoom {
  display: block;
}
.gallery_post.item_0 .gallery_zoom.seen {
  display: none;
}
/* contact */

#bg_image {
	position: absolute;
	z-index: -1;
}
#contact_box {
	background-image: url(images/contact_bg.png);	
	margin-top: 235px;
	padding: 20px;
	float: left;
	position: relative;
}
#contact_info {
	width: 320px;
	position: relative;
	float: left;
}
#contact_social {
	width: 120px;
	position: absolute;
	top: 45px;
	right: 0;
}
a.bt_linkedin {
	background-image:url(images/bt_linkedin.png);
	background-position: left top;
	height: 27px;
	width: 87px;
	display: block;
	margin-bottom: 10px;
}
a.bt_linkedin:hover {
	background-position: left -27px;
}
a.bt_facebook {
	background-image:url(images/bt_facebook.png);
	background-position: left top;
	height: 43px;
	width: 43px;
	display: block;
	margin-left: 25px;
}
a.bt_facebook:hover {
	background-position: left -43px;
}
#contact_form {
	float: left;
	width: 264px;
	border-left: 1px solid #fff;
}
form.wpcf7-form br { display: none!important; }
form.wpcf7-form p {
	float: right;
	margin-bottom: 7px;
	line-height: 20px;
}
form.wpcf7-form p.submit {
	margin-bottom: 0px;
}
span.wpcf7-form-control-wrap {
	margin-left: 7px;
}
span.wpcf7-form-control-wrap input, span.wpcf7-form-control-wrap textarea {
	width: 178px;
	margin: 0;
	font-family: 'Ubuntu Mono', Arial, sans-serif;
	color: #fff;
	font-size: 13px;
	border: none;
	background-color: transparent;
}
span.wpcf7-form-control-wrap textarea {
	height: 125px;
	background-position: -427px -336px;
	width: 178px
	-webkit-width: 174px;
	max-width: 174px;
}
input.wpcf7-submit {
	background-color: #EC008C;
	color: #fff;
	border: none;
	cursor: pointer;
}
span.wpcf7-form-control-wrap input[name=name] {
	background-position: -427px -255px;
}
span.wpcf7-form-control-wrap input[name=email] {
	background-position: -427px -282px;
}
span.wpcf7-form-control-wrap input[name=phone] {
	background-position: -427px -309px;
}

img.ajax-loader {
	float: left;
}
.wpcf7-not-valid-tip {
	display: block;
	color: red;
}
.wpcf7-validation-errors {
	color: red;
	padding: 4px;
}

.wpcf7-response-output { text-align: center; }

.wpcf7-mail-sent-ok { color: #1AC2F3; }

/* 404 page */
.error404 .widget {
	float: left;
	width: 33%;
}
.error404 .widget .widgettitle,
.error404 .widget ul {
	margin-right: 1em;
}
.error404 .widget_tag_cloud {
	clear: both;
	float: none;
	width: 100%;
}

/* Notices */
.post .notice,
.error404 #searchform {
	background: #eee;
	display: block;
	padding: 1em;
}

/* Image Attachments */
.image-attachment div.entry-meta {
	float: left;
}
.image-attachment nav {
	float: right;
	margin: 0 0 1em 0;
}
.image-attachment .entry-content {
	clear: both;
}
.image-attachment .entry-content .entry-attachment {
	background: #eee;
	margin: 0 0 1em;
	padding: 1em;
	text-align: center;
}
.image-attachment .entry-content .attachment {
	display: block;
	margin: 0 auto;
	text-align: center;
}

/* Aside Posts */
.format-aside .entry-header {
	display: none;
}
.single .format-aside .entry-header {
	display: block;
}
.format-aside .entry-content,
.format-aside .entry-summary {
	padding-top: 1em;
}
.single .format-aside .entry-content,
.single .format-aside .entry-summary {
	padding-top: 0;
}

/* Aside Posts */
.format-gallery .gallery-thumb {
	float: left;
	margin-right: 1em;
}

/* =Images
-------------------------------------------------------------- */

a img {
	border: none;
}
p img {
	margin-bottom: 0.5em; /* a small bottom margin prevents content floating under images */
}
/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-area img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
img.alignleft {
	margin-right: 1em;
}
img.alignright {
	margin-left: 1em;
}
.wp-caption {
	padding: .5em;
	text-align: center;
}
.wp-caption img {
	margin: .25em;
}
.wp-caption .wp-caption-text {
	margin: .5em;
}
.gallery-caption {
	
}
.wp-smiley {
	margin: 0;
}


/* =Forms
-------------------------------------------------------------- */

#searchform label {
	display: none;
}
#searchform input#s {
	width: 60%;
}
input[type=text],
input#s {
	margin: 0 1em 0 0;
	width: 60%;
}
textarea {
	width: 80%;
}

/* Class for labelling required form items */
.required {
	color: #cc0033;
}


/* =Comments
-------------------------------------------------------------- */

article.comment {
	display: block;
}
#respond input[type=text] {
	display: block;
	width: 60%;
}
#respond textarea {
	display: block;
	margin: 0 0 1em;
	width: 80%;
}
#respond .form-allowed-tags {
	clear: both;
	width: 80%;
}
#respond .form-allowed-tags code {
	display: block;
}


/* =Widgets
-------------------------------------------------------------- */

.widget {
	display: block;
}
.widget-area .widget_search {
	overflow: hidden;
}
.widget-area .widget_search input {
	float: left;
}


/* =Footer
-------------------------------------------------------------- */

#colophon {
	padding: 1em 0 0;
}

/* Fancybox custom */

a.fancy-prev {
	display: block;
	background-image: url(fancybox/fancy_controls.png);
	background-position: 0px -17px;
	height: 17px;
	width: 17px;
	display: block;
	float: left;
}

a.fancy-prev:hover {
	background-position: 0px 0px;
}

a.fancy-close {
	display: block;
	background-image: url(fancybox/fancy_controls.png);
	background-position: -17px -17px;
	height: 20px;
	height: 17px;
	width: 17px;
	float: left;
	margin-left: 3px;
}

a.fancy-close:hover {
	background-position: -17px 0px;
}

a.fancy-next {
	display: block;
	background-image: url(fancybox/fancy_controls.png);
	background-position: -34px -17px;
	height: 17px;
	width: 17px;
	display: block;
	float: left;
	margin-left: 3px;
}

a.fancy-next:hover {
	background-position: -34px 0px;
}

#nggbox-title { text-align: center; font-family: 'Ubuntu Mono',Arial,sans-serif; padding: 0; font-size: 14px; color: #fff; }

#nggbox-title b { display: block; margin-right: 80px; }

#nggbox-title div { display: block; width:58px; margin: 3px auto 0; }

#fancybox-img {
	-webkit-box-shadow: 1px 1px 6px #000000;
	-moz-box-shadow: 1px 1px 6px #000000;
	box-shadow: 1px 1px 6px #000000; 
}

/* START PAGE THUMBNAILS */

#start_anim {
    position:relative;
    height:528px;
	width: 560px;
	margin: 50px 0 0 30px;
}

#start_anim div { position:absolute; }

.start_image1 { z-index: 99; }
.start_image2 { z-index: 88; }
.start_image3 { z-index: 77; }

#intro_thumbs {
    position:relative;
}

.start-thumbs {
	overflow: hidden;
	display: block;
	position: absolute;
}

.start-thumbs a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}

.start-thumbs a span {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 99;
	display: none;
	background-color: #fff;
	padding: 5px;
	font-size: 14px;
	text-transform: uppercase;
	-moz-box-shadow: 0px 0px 4px #000; /* Firefox */
  	-webkit-box-shadow: 0px 0px 4px #000; /* Safari, Chrome */
  	box-shadow: 0 0 4px #000; /* CSS3 */
}

div.start-thumbs:hover { z-index: 99; }

.start-thumbs a:hover span { display: block; }

div.start_thumb_overlay {
	background-image: url(images/start_thumbs_overlay.png);
	position: absolute;
	display: block;
	width: 110%;
	height: 110%;
	top: -5px;
	left: -5px;
}

.start-thumbs a:hover div.start_thumb_overlay { display: none; }

#thumb-1 {
	width: 98px;
	height: 197px;
	top: 1px;
	left: 231px;
}

#thumb-1 div.start_thumb_overlay { background-position: -231px -1px; }

#thumb-2 {
	width: 98px;
	height: 98px;
	top: 34px;
	left: 133px;
	z-index: 2;
}

#thumb-2 div.start_thumb_overlay { background-position: -133px -34px; }

#thumb-3 {
	width: 98px;
	height: 98px;
	top: 34px;
	left: 330px;
	z-index: 2;
}

#thumb-3 div.start_thumb_overlay { background-position: -330px -34px; }

#thumb-4 {
	width: 164px;
	height: 98px;
	top: 100px;
	left: 66px;
}

#thumb-4 div.start_thumb_overlay { background-position: -66px -100px; }

#thumb-5 {
	width: 164px;
	height: 98px;
	top: 100px;
	left: 330px;
}

#thumb-5 div.start_thumb_overlay { background-position: -330px -100px; }

#thumb-6 {
	width: 230px;
	height: 130px;
	top: 199px;
	left: 0;
}

#thumb-6 div.start_thumb_overlay { background-position: 0px -199px; }

#thumb-7 {
	width: 98px;
	height: 164px;
	top: 199px;
	left: 231px;
}

#thumb-7 div.start_thumb_overlay { background-position: -231px -199px; }

#thumb-8 {
	width: 230px;
	height: 130px;
	top: 199px;
	left: 330px;
}

#thumb-8 div.start_thumb_overlay { background-position: -330px -199px; }

#thumb-9 {
	width: 230px;
	height: 130px;
	top: 364px;
	left: 33px;
}

#thumb-9 div.start_thumb_overlay { background-position: -33px -364px; }

#thumb-archief {
	width: 230px;
	height: 164px;
	top: 364px;
	left: 264px;
}

#thumb-archief div.start_thumb_overlay { background-position: -264px -364px; }

/* PHOTOSWIPE FULLSCREEN PHOTOS */

.ps-toolbar-wrapper { margin: 0 auto; width: 173px; border-radius: 30px; -webkit-border-radius: 30px; background-color: #222; }
.ps-toolbar-wrapper div { padding: 5px 9px; }

/* PHOTOSWIPE FULLSCREEN PHOTOS */

#ascrail2000 div { cursor: pointer; }