/*	Layout and General Styles
	Author: Visual Lizard ©2010
	
	Main Colors:
	Green - 8cc63f - Light green (seen on up-state of main nav) cee958
	Blue - 59b4e8
	Blue border - 55b0dd
	Yellow - e7ea31
	Grey bkgrd - f4f4f4
	Dark grey buttons - 2d2d2d
	
	Type Colours:
	Green (links / rollover states) - 78af2f
	Dark grey (headlines) - 454545
	Med. grey (body copy) - 5c5c5c
	Light grey (nav subs) - 838383
*/

.inside {
	width: 960px;
	min-width: 960px;
	margin: 0 auto;
}
#intro .inside {
	padding: 20px 0 0 0;
}

body > header,
body > section,
body > footer {
	width: 960px;
	min-width: 960px;
	margin: 0 auto;
	padding: 0;
}


		
body > header {
	width: 100%;
}
	
	body > header {
		width: 960px;
		margin: 0 auto;
		padding: 20px 0 0 0;
		overflow: hidden;
	}
		
		header hgroup {
			float: left;
		}
			h1.logo {
	    		overflow: hidden;
	    		text-indent: -999em;
	    		margin: 10px 0 0 0;
	    	}
	    	h1.logo a {
	    		display: block;
	    		background: url(../../img/logo.png) 0 0 no-repeat transparent;
	    		width: 330px;
	    		height: 70px;
	    	}
	    	h1.logo a:hover {
	    		background: url(../../img/logo-ro.png) 0 0 no-repeat transparent;
	    	}
	    	
	    	@media only screen and (-webkit-min-device-pixel-ratio: 2), 
	    	only screen and (min-device-pixel-ratio: 2) {
	    	
	    		h1.logo a {
	    			background-image: url(../../img/logo@2x.png);
	    			background-size: 330px 70px;
	    		}
	    		
	    		h1.logo a:hover {
	    			background-image: url(../../img/logo-ro@2x.png);
	    			background-size: 330px 70px;
	    		}
	    	
	    	}
	    
		header nav {
			float: right;
		}
		
body > section {
	padding: 30px 0 30px 0;
}
	body > section header {
		clear: none;
		width: auto;
	}


body > aside {
	min-width: 960px;
	border-top: 1px solid #eaeaea;
	overflow: hidden;
	background: url(../../img/bg_squares.png) 0 0 repeat #ececec;
}
	body > aside .inside {
		padding: 35px 0 25px
	}
	

		
body > footer {
	position: relative;
	padding: 30px 0;
	width: 100%;
	
	background: #f4f4f4;
}
	
	body > footer {
		clear: both;
		background: #f4f4f4;
		overflow: hidden;
		border-top: 1px solid #f9f9f9;
		padding: 30px 0;
		margin: 0 auto;
		width: 960px;
	}


/* use section padding here insted of paddings on .main and .sidebar */

/*! About (Staff) */
.staff div.main {
	float: left;
	width: 630px;
	padding: 0;
}
.staff div.sidebar {
	float: right;
	width: 310px;
	padding: 55px 0 0 0;
}
.staff div.associates {
	float: none;
	clear: both;
}


/*! Service */
.service div.sidebar {
	width: 235px;
	float: left;
}
.service div.main {
	float: right;
	width: 710px;
	margin-top: -8px;
}
	.service div.main header {
		margin-bottom:30px;
	}
	.service div.main section {
		clear: both;
		width: 470px;
		float: left;
	}
	.service div.main aside {
		width: 210px;
		float: right;
	}


/*! Project */
.project.index section {
	width: 100%;
	background: #e3e3e3;
	padding: 0;
}
.project.index section#intro {
	background: none;
	padding: 0;
}
	
	.project.index #chapter {
		width: 100%;
		background: #f4f4f4;
		padding: 4em 0 0 0;
	}


.project.detail .top figure {
	width: 530px;
	min-height: 500px;
	float: left;
	overflow: hidden;
	background: url(../../img/monitor.jpg) 0 0 no-repeat transparent;
	margin: 0 25px;
	padding: 25px 25px 0 25px;
}
	
	@media only screen and (-webkit-min-device-pixel-ratio: 2), 
	only screen and (min-device-pixel-ratio: 2) {
	
		.project.detail .top figure {
			background-image: url(../../img/monitor@2x.jpg);
			background-size: 580px 500px;
		}
	
	}
	
	.project.detail .top figure img {	/* 530x300 */
		-moz-box-shadow: 0 0 1px #ccc;
	}
.project.detail .top .details {
	width: 310px;
	float: right;
	position: relative;
	padding-top: 25px;
}

.project.detail .main .item {
	position: relative;
	clear: both;
	margin-bottom: 40px;
}
	.project.detail .main .item figure {
		float: left;
		width: 720px;
		position: relative;
	}
	.project.detail .main .item .details {
		float: right;
		width: 230px;
	}
	
	.project.detail .main .item figure:before,
	.project.detail .main .item figure:after {
		display: block;
		position: absolute;
		content: "";
		z-index: -1;
		-moz-box-shadow: -10px 20px 20px rgba(0,0,0,0.15); -webkit-box-shadow: -10px 20px 20px rgba(0,0,0,0.15); -ms-box-shadow: -10px 20px 20px rgba(0,0,0,0.15); -o-box-shadow: -10px 20px 20px rgba(0,0,0,0.15); box-shadow: -10px 20px 20px rgba(0,0,0,0.15);
		-moz-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -o-transform: rotate(-5deg); transform: rotate(-5deg);
		width: 50%;
/* 		height: 10%; */
		height: 100px;
		bottom:  20px;
		left: 2%;
	}
	.project.detail .main .item figure:after {
		left: auto;
		right: 2%;
		-moz-box-shadow: 10px 20px 20px rgba(0,0,0,0.15); -webkit-box-shadow: 10px 20px 20px rgba(0,0,0,0.15); -ms-box-shadow: 10px 20px 20px rgba(0,0,0,0.15); -o-box-shadow: 10px 20px 20px rgba(0,0,0,0.15); box-shadow: 10px 20px 20px rgba(0,0,0,0.15);
		-moz-transform: rotate(5deg); -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); -o-transform: rotate(5deg); transform: rotate(5deg);
	}




/*! Home */
.home section#intro {
	background: none;
	padding: 0;
}
.home section {
	width: 100%;
	background: #e3e3e3;
	padding: 0;
}
	.home .inside {
		padding: 20px 0;
	}
	.home .inside.aside {
		border-top: 1px solid #eaeaea;
		background: url(../../img/bg_squares.png) 0 0 repeat #ececec;
		width: 100%;
		padding-top: 40px;
	}
	
	.home .featured {
		background-color: #f4f4f4;
	}
		.home .featured figure {
			margin-top: 1em;
		}

	.home aside {
		border-top: 0;
	}
	.home #block-function {
		display: none;
	}

/*! Blog */
.blog section#intro {
	background: none;
	padding: 0;
}
.blog section {
	width: 100%;
	padding: 0 0 1px 0;
/* 	position: relative; */
	
	/* Legacy browsers */
	background: #e9e9e9;
}
	.blog section .wide {
		background: url(../../img/bg_stripes.png) 0 100% repeat-x #dcdcdc;
		padding: 0 0 6px 0;
	}
	
	.blog section nav.inside {
		position: relative;
	}
	.blog section div.inside {
		position: relative;
		padding: 40px 0 1px;
		z-index: 1;
		background: -moz-linear-gradient( left, #e9e9e9, #fcfcfc 50%, #e9e9e9);
		background: -webkit-gradient( linear, left top, right top, from(#e9e9e9), to(#e9e9e9), color-stop(0.5, #fcfcfc) ); /* old version for current WebKit */
		background: -webkit-linear-gradient( left, #e9e9e9, #fcfcfc 50%, #e9e9e9 );	/* new version for future WebKit */
		background: url(../../img/grad.png) center top repeat-y #e9e9e9;
	}
	.blog section div.inside.intro {
		background: none;
		padding: 0;
	}
	
	.blog article {
		display: block;
		margin-bottom: 60px;
		padding: 0;
	}

		.blog article aside {
			width: 500px;
			min-height: 170px;
			margin-top: 20px;
		}
		
		.blog article .cke figure {
			margin: 2em 0.5em;
		}
		
		.blog article .cke figcaption {
			font-style: italic;
			font-size: 14px;
			color: #999;
			padding: 0 0.5em;
		}
		
		.blog article .entry {
			display: block;
			position: relative;
			padding: 100px 100px 40px 220px;
			margin: 0;
			-moz-box-shadow: 0 0 2px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.1); -ms-box-shadow: 0 0 2px rgba(0,0,0,0.1); -o-box-shadow: 0 0 2px rgba(0,0,0,0.1); box-shadow: 0 0 2px rgba(0,0,0,0.1);
			background: url(../../img/tpl_canvas.jpg) 0 0 repeat-y #dadada;
		}
		.blog article.link.single .entry {
			padding-bottom: 80px;
		}
			.blog article.business		.entry { background: url(../../img/tpl_coffee.jpg) 0 0 repeat-y #ebebeb; }
			.blog article.functionality	.entry { background: url(../../img/tpl_graph.png) 0 0 repeat-y #f6f8f9; }
			.blog article.link			.entry { background: url(../../img/tpl_canvas.jpg) 0 0 repeat-y #dadada; }
			.blog article.event			.entry { background: url(../../img/tpl_canvas.jpg) 0 0 repeat-y #dadada; }
			.blog article.design		.entry { background: url(../../img/tpl_yellow.jpg) 0 0 repeat-y #ffc; }
			.blog article.technology	.entry { background: url(../../img/tpl_steel.jpg) 0 0 repeat-y #dadada; }
			.blog article.general		.entry { background: url(../../img/tpl_recycled.jpg) 0 0 repeat-y #e1dac1; }
		
		.blog article .entry:before,
		.blog article .entry:after {
			display: block;
			position: absolute;
			content: "";
			z-index: -10;
			-moz-box-shadow: -10px 20px 20px rgba(0,0,0,0.15); -webkit-box-shadow: -10px 20px 20px rgba(0,0,0,0.15); -ms-box-shadow: -10px 20px 20px rgba(0,0,0,0.15); -o-box-shadow: -10px 20px 20px rgba(0,0,0,0.15); box-shadow: -10px 20px 20px rgba(0,0,0,0.15);
			-moz-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -o-transform: rotate(-5deg); transform: rotate(-5deg);
			width: 50%;
			height: 3%;
			bottom:  20px;
			left: 3%;
		}
		.blog article .entry:after {
			left: auto;
			right: 3%;
			-moz-box-shadow: 10px 20px 20px rgba(0,0,0,0.15); -webkit-box-shadow: 10px 20px 20px rgba(0,0,0,0.15); -ms-box-shadow: 10px 20px 20px rgba(0,0,0,0.15); -o-box-shadow: 10px 20px 20px rgba(0,0,0,0.15); box-shadow: 10px 20px 20px rgba(0,0,0,0.15);
			-moz-transform: rotate(5deg); -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); -o-transform: rotate(5deg); transform: rotate(5deg);
		}
		.blog article footer {
			position: relative;
		}

	.blog article header:after {
		display: block;
		width: 964px;
		height: 50px;
		content: " ";
		position: absolute;
		left: -2px;
		right: -2px;
		top: -10px;
		background: url(../../img/curve.png?v=3) center top no-repeat transparent;
	}

/*! Store */
.store.index section {
	width: 100%;
	background: #e3e3e3;
}
.store section#intro {
	background: none;
	padding: 0;
}

.store section#content > .cke {
	width: 960px;
	min-width: 960px;
	margin: 0 auto;
}


.store .top figure {
	width: 530px;
	min-height: 500px;
	float: left;
	overflow: hidden;
	margin: 0 25px 25px;
	padding: 25px;
	background: #000;
	border-radius: 20px;
}

.store .top .details {
	width: 310px;
	float: right;
	position: relative;
	padding-top: 25px;
}



/* !Primary Navigation */
nav#primary li {
	float: left;
	text-transform: uppercase;
	border-left: 1px solid #fff;
	border-right: 2px solid #59b4e8;
	padding: 0 1px;
	-moz-transform: skewX(-20deg); -webkit-transform: skewX(-20deg); -ms-transform: skewX(-20deg); -o-transform: skewX(-20deg); transform: skewX(-20deg);
}
nav#primary li:first-child {
	border-left: 0;
}
nav#primary li:last-child {
	border-right: 0;
}
	nav#primary li a {
		display: block;
		color: #8c8c8c;
		font-size: 13px;
		line-height: 1;
		font-family: 'Verlag A', 'Verlag B'; font-weight: 400; font-style: italic;
		padding: 6px 8px;
		text-shadow: 0px 2px 1px #fff;
		-moz-transform: skewX(20deg); -webkit-transform: skewX(20deg); -ms-transform: skewX(20deg); -o-transform: skewX(20deg); transform: skewX(20deg);
		-moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
	}
	nav#primary li a:hover {
		text-decoration: none;
		color: #2d2d2d;
	}
	nav#primary li.at {
		background: #cee958;
	}


/* !Social Navigation */
.social {
	clear: right;
	margin-right: -5px;
}
.social li {
	float: left;
}
.social li a {
	width: 32px;
	height: 32px;
	text-indent: -999em;
	display: block;
	background: url(../../img/sprites.png) 0 0 no-repeat transparent;
}
.social li.tw a { background-position: 0 0; }
.social li.fb a { background-position: -32px 0; }
.social li.rss a { background-position: -64px 0; }
.social li.gp a { background-position: -96px 0; }

.social li.tw a:hover { background-position: 0 -32px; }
.social li.fb a:hover { background-position: -32px -32px; }
.social li.rss a:hover { background-position: -64px -32px; }
.social li.gp a:hover { background-position: -96px -32px; }


/* !SS SymbolSet customization */
	.social-ss {
		clear: right;
		margin-right: -5px;
		margin-top: -13px;
		text-align: right;
	}
		footer .social-ss {
			text-align: left;
			margin-top: 25px;
		}
	.social-ss li {
		display: inline-block;
		margin-right: 5px;
	}
	.social-ss a {
		font-size: 24px;
		font-weight: normal;
		color: inherit;
		opacity: .4;
	}
	.social-ss a:hover {
		text-decoration: none;
		color: inherit;
		opacity: 1;
	}

/* !Services Navigation */
.service .sidebar nav {
	overflow: hidden;
	border-top: 1px solid #55b0dd;
}
	.service .sidebar nav ul li {
		border-bottom: 1px solid #55b0dd;
	}
		.service .sidebar nav ul li a {
			display: block;
			padding: 5px 5px 4px 5px;
			-moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
		}
			.service .sidebar nav ul li strong,
			.service .sidebar nav ul li span {
				display: block;
				color: #737373;
				font: bold 15px/1.2 'Verlag Cond A', 'Verlag Cond B', 'Trebuchet MS', sans-serif;
				text-transform: uppercase;
			}
			.service .sidebar nav ul li span {
				color: #929292;
				text-transform: none;
				padding-left: 1em;
				font-size: 14px;
			}
		.service .sidebar nav ul li.at a,
		.service .sidebar nav ul li a:hover {
			text-decoration: none;
			background: #fff;
		}
			.service .sidebar nav ul li.at a strong,
			.service .sidebar nav ul li a:hover strong {
				color: #454545;
			}
			.service .sidebar nav ul li.at a span,
			.service .sidebar nav ul li a:hover span {
				color: #59b4e8;
			}
		.service .sidebar nav ul li.at a {
			cursor: default;
		}


/* !Footer Navigation */
footer nav {
	float: left;
	overflow: hidden;
}
	footer nav ul {
		float: left;
		padding: 0 45px 0 0;
		min-width: 100px;
		max-width: 200px;
	}
		footer nav ul li {
			
		}
			footer nav ul li a,
			footer div label {
				color: #454545;
				font-weight: bold;
				line-height: 15px;
			}
			footer nav ul li a:hover {
				text-decoration: none;
			}
			footer nav ul ul {
				float: none;
				padding: 0;
			}
				footer nav ul ul li {
				
				}
				footer nav ul ul li a {
					font-weight: 300;
					color: #646464;
				}

footer .social {
	margin-right: 0;
	margin-left: -5px;
	overflow: hidden;
}
		
footer div {
	float: right;
	width: 220px;
}
	footer div label {
		display: block;
		margin-bottom: 5px;
	}
	footer div input[type="email"] {
		float: left;
		padding: 2px 2px;
		margin-bottom: 20px;
		width: auto;
	}
	footer div p {
		clear: both;
		font-size: 11px;
		margin-bottom: 10px;
	}

footer .html5logo {
	position: relative;
	overflow: hidden;
	width: 180px;
	height: 40px;
	float: none;
}
footer .html5logo a {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 32px;
	height: 32px;
	margin: 5px 0 0 0;
	background: url(../../img/html5logo.png) 0 0 no-repeat #f4f4f4;
	text-indent: -9999em;
	z-index: 2;
}

	@media only screen and (-webkit-min-device-pixel-ratio: 2), 
	only screen and (min-device-pixel-ratio: 2) {
		
		footer .html5logo a {
			background-image: url(../../img/html5logo@2x.png);
			background-size: 300px 64px;
		}
		
	}
	
	footer .html5logo:hover a {
		background-position: 0 -32px;
	}
	footer .html5logo ul {
		display: block;
		position: absolute;
		left: -150px;
		top: 0px;
		width: 200px;
		height: 32px;
		-moz-transition: left 1s ease-in; -webkit-transition: left 1s ease-in; -ms-transition: left 1s ease-in; -o-transition: left 1s ease-in; -ms-transition: left 1s ease-in; transition: left 1s ease-in;
		z-index: 1;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	footer .html5logo:hover ul {
		display: block;
		position: absolute;
		left: 32px;
	}
		footer .html5logo ul li {
			float: left;
		}
		footer .html5logo ul li a {
			position: relative;
			display: block;
			width: 32px;
			height: 32px;
			background: url(../../img/html5logo.png?) 0 0 no-repeat transparent;
			text-indent: -9999px;
			outline: none;
		}
			
			@media only screen and (-webkit-min-device-pixel-ratio: 2), 
			only screen and (min-device-pixel-ratio: 2) {
				
				footer .html5logo ul li a {
					background-image: url(../../img/html5logo@2x.png?);
					background-size: 300px 64px;
				}
				
			}
		
		footer .html5logo ul li.semantics	a {background-position: -50px 0; }
		footer .html5logo ul li.multimedia	a {background-position: -82px 0; }
		footer .html5logo ul li.effects		a {background-position: -114px 0; }
		footer .html5logo ul li.performance	a {background-position: -146px 0; }
		footer .html5logo ul li.styling		a {background-position: -178px 0; }
		
		footer .html5logo ul li.semantics	a:hover {background-position: -50px -32px; }
		footer .html5logo ul li.multimedia	a:hover  {background-position: -82px -32px; }
		footer .html5logo ul li.effects		a:hover  {background-position: -114px -32px; }
		footer .html5logo ul li.performance	a:hover  {background-position: -146px -32px; }
		footer .html5logo ul li.styling		a:hover  {background-position: -178px -32px; }

/* !Aside */
aside #contact {
		float: left;
	}
		aside #contact h2 {
			margin: 0px -150px 10px 0;
			font-weight: normal;
			font-size: 28px;
			line-height: 1;
			
			color: #454545;
			text-shadow: 0px 2px 1px #fff;
		}
			aside #contact h2 a {
				font-size: 18px;
			}
		aside .contact,
		aside .address {
			display: block;
			float: left;
			width: 370px;
		}
			
			aside .contact textarea {
				min-height: 110px;
			}
			/*
			aside .contact input[type="submit"] {
				float: right;
				margin: -30px 10px 0 0;
			}
			*/
			
			aside .contact fieldset.extended {
				display: none;
			}
			aside .contact fieldset.checkbox {
				width: 90%;
			}
			
			
			aside .address #map {
				display: block;
				position: relative;
				margin: 0 0 10px 0;
				padding: 0;
				border: 5px solid #fff;
				overflow: hidden;
				width: 330px;
				height: 180px;
			}
			aside .address #map img {
				display: block;
				position: absolute;
				left: 0;
				top: 0;
				width: 330px;
				height: 180px;
			}
			aside .address .vcard {
				padding: 0 5px;
			}
				aside .address .vcard p {
					float: left;
					width: 44%;
					margin-right: 5%;
				}
			
aside .recent {
	float: left;
	width: 200px;
	margin: 3px 0 0 20px;
}
	
	@media only screen and (-webkit-min-device-pixel-ratio: 2), 
	only screen and (min-device-pixel-ratio: 2) {
		
		aside .recent {
			width: 220px;
			margin-left: 0;
		}
		
	}

	aside .recent h3 {
		display: inline;
		color: #202020;
		padding: 0 8px;
		margin: 0 0 0 -30px;
		font-family: 'Archer A', 'Archer B'; font-weight: 700; font-style: normal;
		font-size: 17px;
		text-transform: uppercase;
		text-shadow: 0 1px 1px #fff;
		-moz-box-shadow: 1px 1px 1px #fff; -webkit-box-shadow: 1px 1px 1px #fff; -ms-box-shadow: 1px 1px 1px #fff; -o-box-shadow: 1px 1px 1px #fff; box-shadow: 1px 1px 1px #fff;
		white-space: nowrap;
	}
		
		@media only screen and (-webkit-min-device-pixel-ratio: 2), 
		only screen and (min-device-pixel-ratio: 2) {
			
			aside .recent h3 {
				margin-left: 0;
			}
			
		}
		aside .recent.internal h3 {
			background: #e7ea31;
		}
		aside .recent.external h3 {
			background: #59b4e8;
		}
	aside .recent ul {
		margin: 0 0 20px 0;
	}
		aside .recent ul li {
			font-size: 13px;
			line-height: 18px;
			margin-bottom: 3px;
			list-style-type: square;
		}
		
		aside .recent.internal ul li {			list-style-image: url(../../img/bullet-in.png); }
		aside .recent.internal ul li:hover {	list-style-image: url(../../img/bullet-in-ro.png); }
		aside .recent.external ul li { 			list-style-image: url(../../img/bullet-ex.png); }
		aside .recent.external ul li:hover {	list-style-image: url(../../img/bullet-ex-ro.png); }
		
			@media only screen and (-webkit-min-device-pixel-ratio: 2), 
			only screen and (min-device-pixel-ratio: 2) {
				
				aside .recent.internal ul li,
				aside .recent.external ul li {
					list-style-type: none;
					list-style-image: none;
					background: transparent url(../../img/bullet-in@2x.png) 6px 2px no-repeat;
					background-size: 16px 16px;
					padding-left: 30px; 
				}
				
				aside .recent.internal ul li:hover,
				aside .recent.external ul li:hover {
					list-style-type: none;
					list-style-image: none;
					background-image: url(../../img/bullet-in-ro@2x.png); 
				}
				
				aside .recent.external ul li {
					background-image: url(../../img/bullet-ex@2x.png);
					background-position: 9px 2px;
					background-repeat:  no-repeat;
				}
				
				aside .recent.external ul li:hover {
					background-image: url(../../img/bullet-ex-ro@2x.png);
				}
				
			}
		
		aside .recent ul li a {
			color: #646464;
		}
		aside .recent ul li a:hover {
			text-decoration: none;
			color: #78af2f;
		}



/* !General Elements */
#skipto {
	display: block;
    left: -9999em;
    padding: 10px 20px;
    position: absolute;
    top: 0;
}
#search-form {
	float: right;
	margin: 0 0 10px 10px;
}
	#search-form input {
		float: left;
	}
	#search-form input[type="text"] {
		width: 120px;
		padding: 2px 2px;
	}



/* try General Form elements */
input[type="text"],
input[type="email"],
textarea {
	width: 350px;
	height: 18px;
	padding: 2px 5px;
	border: 1px solid #f6f6f6;
	border-bottom-color: #e7e7e7;
	border-right-color: #e7e7e7;
	-moz-box-shadow: none; -webkit-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none;
}
textarea {
	min-height: 170px;
	max-width: 350px;
}
input[type="checkbox"] {
	margin: 0 3px 3px 0;
}
input.placeholder,
textarea.placeholder {
	color: #999;
}
.required em{
	display: none;
	position: absolute;
	right: 102%;
	top: 2px;
	color: #999;
	font-size: 12px;
	text-align: right;
}
.no-js .required label:after {
	display: inline;
	font-style: italic;
	content: " (required)";
}
.no-js .off {
	display: block;
	clip: auto;
	position: static !important;
}
fieldset,
form div {
	position: relative;
	margin-bottom: 10px;
}
input[type="text"].form-error,
input[type="email"].form-error,
textarea.form-error {
	border-color: #900;
}
form .error-message {
	color: #900;
	padding: 0 5px;
	margin: 0;
	text-align: right;
	width: 350px;
}
form .panel {
	padding: 1em;
	background-color: #eee;
	margin: 1em 0;
}
	form .panel fieldset {
		border-bottom: 1px solid #ccc;
		padding-bottom: 5px;
	}
	form .panel fieldset:last-child {
		border: none;
		padding-bottom: 0;
		margin-bottom: 0;
	}






.button,
input[type="submit"] {
	display: block;
	background: #2d2d2d;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	line-height: 18px;
	border: 0;
	height: 22px;
	width: auto;
}
a.badge:hover,
.button:hover,
input[type="submit"]:hover {
	background: #8c8c8c;
	color: #fff;
	text-decoration: none;
}

.badge,
.to-top {
	display: inline-block;
	position: absolute;
	padding: 4px 7px;
	top: 0;
	right: 0;
	color: #fff;
	background: #2d2d2d;
	border-color: #e3e3e3;
	border-style: solid;
	border-width: 0 0 2px 2px;
	letter-spacing: 0.05em;
	line-height: 1;
	font-style: normal;
	text-transform: uppercase;
	text-align: center;
}
	.to-top {
		position: relative;
		border: none;
	}
	.to-top:hover {
		text-decoration: none;
		background: #8c8c8c;
		color: #fff;
	}
	.thumbs .badge {
		width: 60px;
		height: 60px;
		text-indent: -9999px;
		outline: none;
		background: url(../../img/sprites.png) right -260px no-repeat transparent;
		border: none;
		margin: 0;
		padding: 0;
	}
	.thumbs .badge.archive {
		background-position: -180px -260px;
	}
	.thumbs .badge.blogged {
		background-position: -240px -320px;
	}
	
	@media only screen and (-webkit-min-device-pixel-ratio: 2), 
	only screen and (min-device-pixel-ratio: 2) {
	
		.thumbs .badge {
			background-image: url(../../img/sprites@2x.png);
			background-size: 300px 600px;
		}
	
	}


.jcarousel-prev,
.jcarousel-next,
.control {
	display: block;
	position: absolute;
	width: 37px;
	height: 40px;
	line-height: 38px;
	background: #2d2d2d;
	color: #fff;
	font-weight: bold;
	font-size: 24px;
	text-align: right;
	z-index: 100;
	cursor: pointer;
	-moz-box-shadow: 0 0 5px #2d2d2d; -webkit-box-shadow: 0 0 5px #2d2d2d; -ms-box-shadow: 0 0 5px #2d2d2d; -o-box-shadow: 0 0 5px #2d2d2d; box-shadow: 0 0 5px #2d2d2d;
	-moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;
	top: 75px;
	left: -20px;
	padding: 0 3px 0 0;
}
	.highlights .jcarousel-prev,
	.highlights .jcarousel-next,
	.highlights .control {
		top: 60px;
	}
	.jcarousel-prev[disabled='true'],
	.jcarousel-next[disabled='true'],
	.control[disabled='true'] {
		left: -999em;
	}
	.jcarousel-prev:hover,
	.jcarousel-next:hover,
	.control:hover {
		text-decoration: none;
		background: #5c5c5c;
		color: #fff;
	}
	.jcarousel-next,
	.control.next {
		left: auto;
		right: -20px;
		text-align: left;
		padding: 0 0 0 3px;
	}
	.jcarousel-next:after {
		content: ">";
	}
	.jcarousel-prev:after {
		content: "<";
	}
	.control {
		display: none;
	}

	
	.jcarousel-container {
		overflow: hidden;
	}
		.jcarousel-direction-rtl {
			direction: rtl;
		}
		.jcarousel-item {
		    width: 180px;
		    height: 230px;
		}
		.jcarousel-item.small {
		    width: 230px;
		    height: 140px;
		}


.double {
	-moz-column-count: 2; -webkit-column-count: 2; -ms-column-count: 2; -o-column-count: 2; column-count: 2;
	-moz-column-gap: 2em; -webkit-column-gap: 2em; -ms-column-gap: 2em; -o-column-gap: 2em; column-gap: 2em;
}



/* Modal bar */
#modal {
	position: absolute;
	top:-50px;
	height: 25px;
	width: 100%;
	color: #fff;
	padding: 8px 0 10px;
	background: url(../../img/bar.png) 0 0 repeat-x transparent;
}
	#modal .inside {
		padding: 0;
		font-size: 1.2em;
		line-height: 1.4;
		text-shadow: 0 1px 1px rgba(0,0,0,.3);
	}
	#modal a {
		color: #fff;
		text-decoration: none;
		border-bottom: 1px dashed #fff;
	}
	#modal a:hover {
		border-bottom-style: solid;
	}
	#modal a.close {
		display: block;
		float: right;
		padding: 0px;
		width: 18px;
		height:18px;
		font: bold 12px/20px Helvetica, Arial, sans-serif;
		color: white;
		border: 1px solid #fff;
		text-align: center;
		text-transform: uppercase;
		-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
		-moz-box-shadow: 0 0 2px rgba(0,0,0,.5); -webkit-box-shadow: 0 0 2px rgba(0,0,0,.5); box-shadow: 0 0 2px rgba(0,0,0,.5);
		text-decoration: none;
		background: #78AF2F;
		opacity: .6;
	}
	#modal a.close:hover {
		text-decoration: none;
		opacity: .8;
	}