/* @override 
	http://192.168.1.52:8888/nielskreijveld.com/wp-content/themes/nielskreijveld/css/jcarousel.css
	http://localhost:8888/nielskreijveld.com/wp-content/themes/nielskreijveld/css/jcarousel.css
*/

/* Technisch functionerende styles */

.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}



/* Visuele styles */

/* Gegenereerde styles */

#latest-posts-board .jcarousel-container-vertical {
    width: 395px;
    height: 250px;
}

#latest-posts-board .jcarousel-clip-vertical {
    width:  395px;
    height: 250px;
}

#latest-posts-board .jcarousel-item {
    width:  395px;
    height: 250px;
    float: none;
}

#latest-posts-board .jcarousel-item-vertical {
    margin: 0px;
}

#latest-posts-board .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}



#sharedbookmarkswrapper .jcarousel-container {
    width: 450px;
}

#sharedbookmarkswrapper .jcarousel-clip-horizontal {
    width: 450px;
}

#sharedbookmarkswrapper li.jcarousel-item {
    width: 150px;
    height: 100%;
}

#sharedbookmarkswrapper .jcarousel-item-horizontal {
	width: 150px;
    margin: 0px;
}

#sharedbookmarkswrapper .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}




/* Portfolio items */

#content #portfoliowrapper .portfolioitems {
	width: 450px;
	height: auto;
}

#content #portfoliowrapper ul.portfolioitems li {
	width: 450px;
	height: auto;
}

#content #portfoliowrapper .jcarousel-container .jcarousel-clip .jcarousel-list-horizontal {
	width: 450px;
	height: auto;
}



/* Zelfgemaakte styles */

#latest-posts-board #latest-posts-large-images {
	position: relative;
}

#latest-posts-board #latest-posts-thumbnails .latest-posts-thumbnail span {
	display: none;
	width: 0;
	height: 0;
}

#latest-posts-board #latest-posts-large-images .overlay {
	width: 395px;
	height: 5px;
	position: absolute;
	z-index: 100;
	left: 0px;
}

#latest-posts-board #latest-posts-large-images #top.overlay {
	top: 0px;
	background-image: url(../images/liveboard_large_image_overlay_top.png);
	background-position: left top;
	background-repeat: no-repeat;
}

#latest-posts-board #latest-posts-large-images #bottom.overlay {
	bottom: 0px;
	background-image: url(../images/liveboard_large_image_overlay_bottom.png);
	background-position: left top;
	background-repeat: no-repeat;
}

#latest-posts-board #latest-posts-large-images ul li {
	position: relative;
	cursor: pointer;
}

#latest-posts-board #latest-posts-large-images ul#large-images li a.linkoverlay {
	display: block;
	width: 395px;
	height: 250px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 200;
	background-color: transparent;
}

#latest-posts-board #latest-posts-large-images .description {
	width: 355px;
	padding: 15px 20px 10px 20px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	z-index: 50;
	background-image: url(../images/liveboard_large_image_description_bg.png);
	background-position: left top;
	background-repeat: no-repeat;
}

#latest-posts-board #latest-posts-thumbnails .latest-posts-thumbnail {
	cursor: pointer;
	position: relative;
	width: 80px;
	height: 80px;
	margin-bottom: 5px;
	
}

#latest-posts-board #latest-posts-thumbnails .latest-posts-thumbnail a {
	display: block;
	position: absolute;
	width: 80px;
	height: 80px;
	background-image: url(../images/liveboard_thumbnail_overlay.png);
	background-position: bottom left;
	background-repeat: no-repeat;
	background-color: transparent;
}

#latest-posts-board #latest-posts-thumbnails .latest-posts-thumbnail a:hover, #latest-posts-board #latest-posts-thumbnails .latest-posts-thumbnail a.selected {
	background-position: top left;
}