@import url(/storage/themes/madison/css/titles/rokkit.css);
@import url(/storage/themes/madison/css/headers/source.css);
@import url(/storage/themes/madison/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:240px;
	line-height:1.6;
}

#col, #strip {
	top:80px;
}

#main {
	width:740px;
	left:280px;
}

#page {
	margin-top:80px;
}

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

header.top h1 {
	font-size:15px;
	line-height: 21px;
	font-weight: 400;
	text-transform: uppercase;
}

footer {
	background: #ffffff;
	color: #aaaaaa;
}

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

nav {
	text-transform:uppercase;
	font-size:11px;
}

nav ul {
	margin-bottom:30px;
}

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;
}

#strip a {
	background:#dddddd;
}

#strip a:hover {
	background:#666666;
}

#strip a.current {
	background:#444444;
}

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

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

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

img.nospin {
	background:none !important;
}

/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

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

    	#strip {
    		display:none;
    	}

    	#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)
================================================== */

    /* Note: Design for a width of 320px */

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

    	img.custom_logo {
			-moz-transform: scale(0.5);
			-o-transform: scale(0.5);
			-webkit-transform: scale(0.5);
			transform: scale(0.5);
		    -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.5, M12=0, M21=0, M22=0.5, SizingMethod='auto expand')";
		}

    	#page {
   			margin-top:20px;
   		}

   		#strip {
    		display:none;
    	}

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

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

    	nav ul li {
    		display:inline-block;
    		margin:0 10px 0 0;
    	}

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

		#main .item {
			float:none;
		}

    	/*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)
================================================== */

   	/* Note: Design for a width of 480px */

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

		/*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;}*/

	}

.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}

.nospin {
    -webkit-box-shadow: 0px 2px 8px rgba(150, 150, 150, 0.8);
    -moz-box-shadow:    0px 2px 8px rgba(150, 150, 150, 0.8);
    box-shadow:         0px 2px 8px rgba(150, 150, 150, 0.8);
}