/* TAGS */
.body-noscroll {overflow:hidden;}
em {font-style:italic;}
strong {font-weight:500;}

a {color:#000; text-decoration:none;}
a:visited {color:#999;}
a:hover {color:#333;}

blockquote {font-size: 0.8em;margin-left:7px;}

ul {list-style:none;}

form input, form#blog-comments textarea, #logout {
	background-color: #eaeaea;
	border: 1px solid #cacaca;
	color: #080808;
	font-size: 0.9em;
}
label {font-size: 0.9em;}

/* FONTS */
body{font-family: 'Josefin Sans';font-size: 75%;color: #000;background-color: #fff;}

h1 {}
h1 {font-size: 2.5em; font-weight: 800;text-transform:uppercase;}
h1 a,h1 a:hover,h1 a:visited {color:#000;text-decoration:none;}
h2 {font-size: 1.5em; font-weight: 500;}
h3,h4 {font-weight: 200;}

/* CLASSES */
.small-text {color:#ccc;display:block;}
.content-text-list li {margin-bottom:7px;}
.content-nav-text-menu {text-transform:capitalize;font-weight:600;page-break-after: always;}
.uppercase {text-transform:uppercase;}

.keyword-link {text-decoration:none;border-bottom:1px dotted #999;}

/* LAYOUT */
#wrapper {width:100%;min-width:320px;min-height:100%;background:rgb(255,255,255);padding:0;margin:0;}

/* HEADER */
#header{position:fixed;top:20px;left:38px;width:90%;background:#fff;padding:20px 0 10px 0;z-index:99;}
#header h1 span {display:none;}
#logo {}
#logoXtra {position:absolute;margin:1px 0 0 26px;}

/* MENU */
#menu {position:fixed;top:40px;right:0px;display:none;text-transform:uppercase;letter-spacing:0.45em;z-index:100;margin:0;padding:0;}
#menu ul li {float:left;padding:0;margin:0;}
#menu ul li:before {content:"-";}
#menu ul li:first-child:before {content:"";}
#menu ul li a {margin:0 4px 0 4px;padding:0;}
#menu ul li:last-child a {margin-right:0;}
#menu ul li a,#menu ul li a:hover {text-decoration:none;}
#menu ul li a:visited {color:#000;}
#menu ul li a:hover {color:rgb(206,158,121);}

.body-portfolio #menu #portfolio, .body-archive #menu #archive, .body-about #menu #about, .body-blog #menu #blog, .body-contact #menu #contact {font-family: 'Old Standard TT', serif;font-style:italic;color:rgb(206,158,121);border-bottom:8px solid #000;padding-bottom:6px;}

.content-nav-text-title, .timestamp {font-family: 'Old Standard TT', serif;font-style:italic;}
.timestamp {font-weight:normal;}
.menu-link {text-decoration:none;}

ul#tagMenu {display:none;}
body.body-archive ul#tagMenu {display:block;font-size:9px;letter-spacing:0.4em;}
body.body-archive ul#tagMenu {margin:33px 6px 0 132px;padding:1px 0 0 0;background:#000;height:10px;color:#fff;}
body.body-archive ul#tagMenu li {float:left;padding:1px 0 0 0;margin:0;}
body.body-archive ul#tagMenu li a {color:#fff;margin:0 2px 0 2px;}
body.body-archive ul#tagMenu li:last-child a {margin-right:0;}
body.body-archive ul#tagMenu li a:hover {color:rgb(206,158,121);}

.body-Advertising ul#tagMenu li a.Advertising, .body-Beauty ul#tagMenu li a.Beauty, .body-Fashion ul#tagMenu li a.Fashion, .body-Portraits ul#tagMenu li a.Portraits {color:rgb(206,158,121);}

body.body-archive ul#tagMenu li a.nonactive, body.body-archive ul#tagMenu li a.nonactive:hover {opacity:0.8;filter:alpha(opacity=80);color:#fff;}

/* ANIMATION */
body.body-home #wrapper {position:absolute;left:0;top:0;width:100%;height:100%;padding:0;margin:0;overflow:hidden;}
#animation {position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;}
.animation-image {position:absolute;min-height:100%;min-width:100%;display:none;}
#animation-logo {position:absolute;z-index:12;width:100%;height:100%;background:url('http://www.alique.nl/img/logo_anim.png') no-repeat center center;}

/* CONTENT */
#content {width:100%;padding:140px 0 0 38px;letter-spacing:0.1em;}
#content #content-nav {width:100%;}
#content #content-nav div {float:left;margin-bottom:6px;margin-right:6px;}
.masonry {height:220px;overflow:hidden;}

#content #content-nav div a, #content #content-nav div a:hover, #content #content-nav div a:visited {text-decoration:none;color:#000;}
#content #content-nav div a img {display:block;}
#content #content-nav div a span.content-nav-text {display:none;position:absolute;font-size:1em;overflow:hidden;background:rgb(206,158,121);background:rgba(206,158,121,0.9);}
#content #content-nav div a span.content-nav-text-title {font-weight:bold;font-size:1.1em;margin-bottom:10px;}
#content #content-nav div.masonry-small a span.content-nav-text {width:170px;height:220px;}
#content #content-nav div.masonry-big a span.content-nav-text {width:346px;height:220px;}
#content #content-nav div a span.content-nav-text span.nav-text-container {display:block;padding:15px;}
.count {display:block;margin:10px 0 10px 0;text-transform:uppercase;}
.job {display:block;margin:5px 0 0 0;line-height:1.25em;letter-spacing:0.5em;}
.timestamp {visibility:hidden;}

#content #item {}
#content #item .content-image:hover {cursor:pointer;}
#content-images-portfolio, #content #item #content-images-portfolio .content-image {position:relative;}
#content #item .content-image, #content #item #content-images-portfolio.content-images-archive .content-image {position:absolute;}
#content #item #content-images-portfolio .content-image img {padding-bottom:50px;}
#content #item #content-images-portfolio:hover, #content #item #content-images-portfolio .content-image:hover {cursor:auto;}
.imgPortrait {margin:0;padding:0;border:0;float:left;}
.caption {position:absolute;height:38px;width:100%;bottom:0;margin-bottom:-50px;}
#content-images-portfolio .content-image .caption {display:none;}
/*.caption-portfolio {clear:both;bottom:-52px;}*/
.caption-left {float:left;}
.caption-center, .caption-right {float:right;text-align:right;}
#content h2 {font-family: 'Old Standard TT', serif;font-style:italic;margin-bottom:5px;}
.caption h3 {letter-spacing:0.4em;}
.caption h2 {font-size:1em;}
.caption h3 {font-size:0.8em;}

/*#content-images-portfolio #portfolio-image, #content-images-portfolio #portfolio-image-2 {display:inline;}
#content-images-portfolio img {width:100%;float:left;} 
#content-images-portfolio img.halfImg {width:50%;}
#content-images-portfolio img.right {float:right;}*/
#content-images ul li {margin-top:10px;position:relative;}

#content-text {float:left;margin-top:5px;line-height:1.5;font-size:1.2em;}
.body-about #content-text {font-family: 'Old Standard TT', serif;letter-spacing:-0.01em;}
.text-about #content-text {width:500px;}
.text-contact {letter-spacing:0.3em;}
.text-contact h2 {display:none;}

.subtitle, .copyright, .blog-link {font-family: 'Josefin Sans';}
.subtitle {margin:7px 0 5px 0;}
.copyright, .blog-link {font-size:0.5em;margin-top:12px;}

#contact-logo {position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background:url('http://www.alique.nl/img/logo_anim.png') no-repeat center center;}
.text-contact {padding-top:73px;z-index:2;position:absolute;}
.text-contact {text-transform:uppercase;}
.text-contact #content-text a, .text-contact #content-text a:visited {text-decoration:none;color:#000;}
.text-contact #content-text a:hover, .representatives-link a:hover {color:rgb(206,158,121);border-bottom:5px solid #000;padding-bottom:5px;font-style:italic;}
#representatives {position:absolute;line-height:2em;letter-spacing:0.3em;margin:73px 0 0 310px;}
.representatives-item {margin-top:20px;}
.representatives-country {font-size:1.5em;font-family: 'Old Standard TT', serif;font-style:italic;}
.representatives-name {font-weight:bold;}

.media-thumb-icon {display:none;position:absolute;width:40px;height:40px;padding:5px;margin:3px;background:rgb(255,255,255);background:rgba(255,255,255,0.9);}
.image-thumb {background-image:url(../img/cms/expand.png);background-repeat: no-repeat;background-position: center center;}
.youtube-thumb {background-image:url(../img/cms/youtube.png);background-repeat: no-repeat;background-position: center center;}
.vimeo-thumb {background-image:url(../img/cms/vimeo.png);background-repeat: no-repeat;background-position: center center;}

.icon-button {opacity:0.2;filter:alpha(opacity=20);}
.icon-button:hover {opacity:1;filter:alpha(opacity=100);}

/* FOOTER */
#footer {clear:both;width:10px;height:50px;}

/* NEWS */
#news {position:relative;float:right;width:350px;margin:-41px 0 0  0;}
/*#news {position:absolute;margin:-41px 0 0 659px;width:392px;}*/
#news div {padding-bottom:16px;}
.news-title {text-transform:uppercase;font-size:1.3em;margin-top:-15px;}
.news-title,.news-text {font-family: 'Old Standard TT', serif;font-style:italic;line-height:1.5;font-size:1.1em;}
.news-date, .news-link {font-size:0.8em;}
.news-link a {text-decoration:underline;}

/* BLOG */
/* embedded */
#news {}

/* standalone */
.body-blog {margin-bottom:25px;}

.body-blog article {margin:0 6px 50px 0;height:auto;display:none;}
.body-blog article h2 {margin-top:-5px;}
.body-blog article img {width:100%;height:auto;}
body.iPhone article {display:block;}

.blog-entry {margin:5px 0 15px 0;line-height:1.5;font-family: 'Old Standard TT', serif;font-style:italic;}
/*.blog-entry img {display:none;}*/
.blog-date {font-size:0.9em;margin: 5px 0 10px 0;}
.blog-link {margin:5px 0 15px 0;font-weight:bold;}
.blog-link a {font-weight:normal;text-decoration:underline;}
.blog-link a:hover {color:rgb(206,158,121);}

/* MOBILE */
@media all and (min-width: 601px) and (max-width: 1000px) {
	/*logo alleen A*/
	/*#logo-contact, #logo-full {position:absolute;clip: rect(0px,32px,70px,0px);}
	#logoXtra {display:none;}*/
	/* end */
}
@media all and (min-width: 601px) and (max-width: 780px) {
	/*menu smaller*/
	#menu {letter-spacing:0.2em;}
	#menu ul li a {margin:0 4px 0 1px;}
	body.body-archive ul#tagMenu {letter-spacing:0.3em;}
	body.body-archive ul#tagMenu {margin:33px 6px 0 102px;padding:1px 0 0 10px;}
	body.body-archive ul#tagMenu li {margin:0 1px 0 1px;}
	/* end */
}
@media all and (max-width: 600px) {
	/*menu als lijst en geen tagmenu*/
	body.body-archive ul#tagMenu {display:none;}
	#header{padding-left:10px;left:0;width:100%;height:auto;}
	#header h1 a {display:block;width:300px;height:70px;padding-left:15px;/*background:url('http://www.alique.nl/img/logo-full.png') no-repeat top right;*/}
	/*#header h1 a img#logo, #header h1 a img#logo-full, #header h1 a img#logo-contact, .fade4ever {display:none;}*/
	#menu {position:fixed;display:block;top:120px;padding:5px 0 0 15px;left:0;right:auto;width:100%;background:#fff;}
	.body-portfolio #menu #portfolio, .body-archive #menu #archive, .body-about #menu #about, .body-blog #menu #blog, .body-contact #menu #contact {border-bottom:3px solid #000;padding-bottom:0;}
	/*#menu ul li {float:none;margin:0 0 4px 0;}
	#menu ul li:before {content:"";}
	#menu ul li a {margin:0;padding:0;}*/
	#content {padding:205px 0 0 15px;}
	.text-about #content-text {width:100%;}
	#news {float:none;width:100%;margin:0;}
	#representatives {position:relative;margin:200px 0 0 0px;width:100%;}
	/* end */
}
@media all and (max-width: 480px) {
	/*kleinere thumbs en geen portfolio als iphone*/
	#content #item .content-image, #content #item .content-images-portfolio {width:400px;}
	#header{padding-left:5px;top:10px;}
	#header h1 a {padding-left:10px;}
	#menu {padding:10px 0 0 5px;margin-top:-10px;}
	/*#menu ul li:first-child {display:none;}*/
	#content {padding:205px 0 0 5px;}
	#content #item .content-image .left, #content #item .content-image .right {width:150px;}
	#content #item .content-image .center {width:306px;}
	.masonry {height:190px;}
	.masonry-small img {width:150px;height:190px;}
	.masonry-big img {width:306px;height:190px;}
	#content #content-nav div.masonry-small a span.content-nav-text {width:150px;height:190px;}
	#content #content-nav div.masonry-big a span.content-nav-text {width:306px;height:190px;}
	/* end */
}


/* TEST */
.loading {background: url('http://www.alique.nl/img/loading.gif') no-repeat center center;}
.imageLoader img {visibility:hidden;display:inline;}
.imageLoader img.admin-thumb-delete {visibility:visible;}
.imageLoader .faceboxDiv img {visibility:visible;}

.hideImg {display:none;}

.js-video {
	padding-top:58px;
}
.js-video.widescreen {
}
.js-video.vimeo {
}
.js-video embed, .js-video iframe, .js-video object, .js-video video {
  background:#000;
}

/*.grid-item-text {visibility:hidden;width:100%;height:100%;}*/