@import url(/storage/themes/mendivil/css/titles/rokkit.css);
@import url(/storage/themes/mendivil/css/headers/source.css);
@import url(/storage/themes/mendivil/css/body/source.css);

header.top h1 {
	font-size: px;
	text-transform: ;
}

body {
	color: #666666;
	background: #ffffff;
}

a,h1,h2,h3,h1 a,h4,h5,h6 {
	color: #000000;
}

blockquote {
	color: #888888;
	border-left:1px solid #dedede;
}

#col {
	width:25%;
	line-height:1.6;
	top:80px;
}

#main {
	width:70%;
	/*left:280px;*/
	left:25%;
}

#page {
	margin-top:80px;
}

header.top {
	margin-bottom:30px;
}

header.top h1 {
	font-size:21px;
	line-height: 18px;
	font-weight: 400;
	text-transform: lowercase;
	text-align:left;
}

footer {
	font-size:12px;
	padding-top:30px;
	background: #ffffff;
	color: #aaaaaa;
}

footer a {
	color: #aaaaaa;
	text-decoration:underline;
}

nav {
	text-transform:lowercase;
	font-size:13px;
	text-align:left;
}

nav ul {
	margin-bottom:30px;
}

nav ul ul {
	margin-left:25px;
	margin-right:25px;
}

nav a, nav a:link, nav a:hover {
	color: #444444;
}

nav a.k-nav-current, nav a.k-nav-open {
	color: #000000;
}

#main ol.exif li {
	color: #aaaaaa;
}

.k-content-title {
	color: #000000;
}

.k-content-caption {
	color: #888888;
}

img.k-lazy-loading {
	background: url(/storage/themes/mendivil/css/white/spinner.gif) center center no-repeat;
}


/*
	GRID
*/

div#grid {
	margin-top:0px;
	margin-left:40px;
	overflow:auto;
}

div#grid div.column {
	float:left;
	display:inline;
}

div#grid div.column a {
	display:block;
	margin-bottom:40px;
	margin-right:40px;
	border-bottom:0;
	padding-bottom:0;
}

/*
	GRID - ALBUMS
*/

div#grid.albums {
	margin-top:0px;
	margin-left:40px;
}

div#grid.albums div.column a {
	margin-bottom:40px;
	margin-right:40px;
}

a.album-hover {
	position:relative;
	display:block;
}

a.album-hover p {
	margin-top:10px;
}

a.album-hover span.overlay {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  	filter: alpha(opacity=0);
	opacity:0;
	background:#ffffff;
	color:#000000;
	z-index:1;
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding:15px;
	text-align: left;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

a.album-hover:hover span.overlay {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

/*
	GRID ARRANGEMENTS
*/

div#grid.col-1 div.column { width:100%; }
div#grid.col-2 div.column { width:50%; }
div#grid.col-3 div.column { width:33.2%; }
div#grid.col-4 div.column { width:25%; }
div#grid.col-5 div.column { width:20%; }
div#grid.col-6 div.column { width:16.6%; }
div#grid.col-7 div.column { width:14.2%; }
div#grid.col-8 div.column { width:12.5%; }

/* #Tablet
================================================== */

@media only screen and (min-width: 768px) and (max-width: 959px) {

	#col .in {
		padding:0 0 0 20px;
	}

	#main {
		/*width:540px;
		left:200px;*/
	}

	/*body::before{content: "TABLET PORTRAIT";font-weight: bold;display: block;text-align: center;background: rgba(255,255,0, 0.9);position: absolute;top: 0;left: 0;right: 0;z-index: 99;}*/
}

/*  #Mobile (Portrait)
================================================== */

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

	img.custom_logo {
		-moz-transform: scale(0.3);
		-o-transform: scale(0.3);
		-webkit-transform: scale(0.3);
		transform: scale(0.3);
	    -moz-transform-origin: 0 50%;
		-o-transform-origin: 0 50%;
		-webkit-transform-origin: 0 50%;
		transform-origin: 0 50%;
	    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.3, M12=0, M21=0, M22=0.3, SizingMethod='auto expand')";
	}

	#page {
		margin-top:20px;
	}

	#col {
		position:relative;
		top:0;
		width:100%;
	}

	#col .in {
		padding:0 10px;
	}

	nav * {
		display:block;
	}

	#main {
		width:100%;
		left:0;
		top:0;
		/*padding:0 10px;*/
		margin: 0 0 20px 0;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	#main .item {
		float:none;
	}

	div#grid {
		margin:0 10px;
	}

	div#grid div.column {
		width:100%;
		float:none;
	}

	div#grid div.column a {
		margin:0 0 10px;
	}

	/* fit to viewport */
	div#grid div.item {
		text-align:center;
	}
	div#grid div.item img {
		width:auto;
		max-height:416px;
		margin:0 auto;
	}

	div#grid.albums {
		margin:0 10px;
	}

	div#grid.albums div.column a {
		margin:0 0 10px;
	}

	/* show titles b/c hover won't work */
	a.album-hover span.overlay {
		position:relative;
		opacity:1;
		padding-left:px;
		padding-right:px;
	}

	/*body::before{content: "MOBILE PORTRAIT";font-weight: bold;display: block;text-align: center;background: rgba(255,255,0, 0.9);position: absolute;top: 0;left: 0;right: 0;z-index: 99;}*/

}

/* #Mobile (Landscape)
================================================== */

@media only screen and (min-width: 480px) and (max-width: 767px) {

	/* fit to viewport */
	div#grid div.item {
		text-align:center;
	}
	div#grid div.item img, div#main div.media img {
		width:auto;
		max-height:268px;
		margin:0 auto;
	}

	/*body::before{content: "MOBILE LANDSCAPE";font-weight: bold;display: block;text-align: center;background: rgba(255,255,0, 0.9);position: absolute;top: 0;left: 0;right: 0;z-index: 99;}*/

}

/* #Mobile (iPhone 5)
================================================== */

@media screen and (device-height: 568px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {

	/* fit to viewport */
	div#grid div.item img, div#main div.media img {
		max-height:568px;
		width:auto;
		margin:0 auto;
	}

	/*body::before{content: "MOBILE IPHONE 5";font-weight: bold;display: block;text-align: center;background: rgba(255,255,0, 0.9);position: absolute;top: 0;left: 0;right: 0;z-index: 99;}*/
}


.k-mosaic{position:relative;display:block;list-style:none;padding:0;margin:0}.k-mosaic:after,.k-mosaic:before{content:" ";display:table}.k-mosaic:after{clear:both}.k-mosaic>li{display:inline;height:auto;float:left;font-size:0!important;line-height:0!important;box-sizing:border-box}.k-mosaic img{max-height:none!important;vertical-align:baseline}.k-mosaic-1>li{width:100%}.k-mosaic-1>li:nth-of-type(n){clear:none}.k-mosaic-1>li:nth-of-type(1n+1){clear:both}.k-mosaic-2>li{width:50%}.k-mosaic-2>li:nth-of-type(n){clear:none}.k-mosaic-2>li:nth-of-type(2n+1){clear:both}.k-mosaic-3>li{width:33.333333333%}.k-mosaic-3>li:nth-of-type(n){clear:none}.k-mosaic-3>li:nth-of-type(3n+1){clear:both}.k-mosaic-4>li{width:25%}.k-mosaic-4>li:nth-of-type(n){clear:none}.k-mosaic-4>li:nth-of-type(4n+1){clear:both}.k-mosaic-5>li{width:20%}.k-mosaic-5>li:nth-of-type(n){clear:none}.k-mosaic-5>li:nth-of-type(5n+1){clear:both}.k-mosaic-6>li{width:16.66667%}.k-mosaic-6>li:nth-of-type(n){clear:none}.k-mosaic-6>li:nth-of-type(6n+1){clear:both}.k-mosaic-7>li{width:14.28571%}.k-mosaic-7>li:nth-of-type(n){clear:none}.k-mosaic-7>li:nth-of-type(7n+1){clear:both}.k-mosaic-8>li{width:12.5%}.k-mosaic-8>li:nth-of-type(n){clear:none}.k-mosaic-8>li:nth-of-type(8n+1){clear:both}.k-mosaic-9>li{width:11.11111%}.k-mosaic-9>li:nth-of-type(n){clear:none}.k-mosaic-9>li:nth-of-type(9n+1){clear:both}.k-mosaic-10>li{width:10%}.k-mosaic-10>li:nth-of-type(n){clear:none}.k-mosaic-10>li:nth-of-type(10n+1){clear:both}.k-mosaic.edge>li{margin:1px 1px 0 0}.k-mosaic-1.edge li:first-child,.k-mosaic-2.edge>li:nth-of-type(-n+2),.k-mosaic-3.edge>li:nth-of-type(-n+3),.k-mosaic-4.edge>li:nth-of-type(-n+4),.k-mosaic-5.edge>li:nth-of-type(-n+5),.k-mosaic-6.edge>li:nth-of-type(-n+6),.k-mosaic-7.edge>li:nth-of-type(-n+7),.k-mosaic-8.edge>li:nth-of-type(-n+8),.k-mosaic-9.edge>li:nth-of-type(-n+9),.k-mosaic-10.edge>li:nth-of-type(-n+10){margin-top:0!important}.k-mosaic-1.edge li,.k-mosaic-2.edge>li:nth-of-type(2n),.k-mosaic-3.edge>li:nth-of-type(3n),.k-mosaic-4.edge>li:nth-of-type(4n),.k-mosaic-5.edge>li:nth-of-type(5n),.k-mosaic-6.edge>li:nth-of-type(6n),.k-mosaic-7.edge>li:nth-of-type(7n),.k-mosaic-8.edge>li:nth-of-type(8n),.k-mosaic-9.edge>li:nth-of-type(9n),.k-mosaic-10.edge>li:nth-of-type(10n),.k-mosaic-uneven:last-child{margin-right:0!important}.k-mosaic-2.edge>li:nth-of-type(2n+1),.k-mosaic-3.edge>li:nth-of-type(3n+1),.k-mosaic-4.edge>li:nth-of-type(4n+1),.k-mosaic-5.edge>li:nth-of-type(5n+1),.k-mosaic-6.edge>li:nth-of-type(6n+1),.k-mosaic-7.edge>li:nth-of-type(7n+1),.k-mosaic-8.edge>li:nth-of-type(8n+1),.k-mosaic-9.edge>li:nth-of-type(9n+1),.k-mosaic-10.edge>li:nth-of-type(10n+1){margin-left:0!important}