@charset "UTF-8";

@media screen {
body {
	font-family:Helvetica, Arial;
	font-size:15px;
	line-height: 1.4em;
	margin:0;
}

a {
	color:#068;
	font-weight:700;
}

a img {
	border:none;
}

#head {
	background:#fff;
	padding:0;
}

.wrap {
	padding:0 10px 10px;
}

h1 {
	color:#222;
	font-size:18px;
	padding:25px 0 5px;
}

h1.title {
 	background: #67abd8;
	color:#fff;
	font-size:25px;
	margin:0;
	padding: 0;
	text-align:left;
}

h1.title a {
	color:#fff;
	display: block;
	text-decoration:none;
	padding: 5px 10px;
}

h2 {
	border-bottom:1px solid #aaa;
	font-size:18px;
	margin-top: 10px;
	margin-bottom: 10px;
}

h2 span {
	float: right;
}

h2 span a.external {
	display: block;
	width: 20px;
	height: 20px;
	background: url(noscale/portfolio_navi.gif) -40px -20px no-repeat;
	text-indent: -999em;
}

h3 {
	color:#666;
	font-size:18px;
}

#nav,.nav {
	background: #afd7f1;
	border-bottom:solid 1px #6ab1dd;
	font-family:Arial;
	font-size:15px;
	line-height:normal;
	padding:5px 0 0;
}

.nav:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


.nav {
	border-top:solid 1px #6ab1dd;
	margin:0 0 0 -10px;
}

.nav p {
	clear:left;
	height:0;
	line-height:0;
	margin:0;
	overflow:hidden;
	padding:0;
}

#nav ul,.nav ul {
	list-style:none;
	margin:0;
	padding:0;
}

#nav li,.nav li {
	float:left;
	margin:0 0 5px 1%;
	padding:0;
	width:31%;
}

#nav a,.nav a {
	background:#eee;
	border:solid 1px #6ab1dd;
	color:#222;
	display:block;
	padding:6px 12px;
	text-align:center;
	text-decoration:none;
	font-weight: normal;
}

#kante {
	background: #afd7f1 url(noscale/dfacts-mobile-header-bg.png) 0px -61px no-repeat;
	height:14px;
}

.blurb {
	border:1px solid #ddd;
	color:#000;
	margin:10px 0;
	padding:2px 10px;
}

.blurb h1 {
	margin:0;
}

#foot {
	background:#67abd8;
	padding-top:5px;
}

#foot h4 {
	color:#fff;
	margin:0;
	padding:3px 0 0;
}

#foot h4 a {
	color:#fff;
}

#rss ul,ul#blog_archive {
	list-style:none;
	margin:0;
	padding:0;
}

#rss ul li {
	list-style:none;
	margin:0 0 20px;
	padding:0;
}

#rss ul li h2 {
	overflow:hidden;
	white-space:nowrap;
}

#rss ul li img {
	border:solid 1px #ccc;
	display:block;
	margin-bottom:5px;
}

ul#blog_archive li {
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
}

.image.flLeft {
	float:left;
	margin:0 10px 10px 0;
}

#form-module,.login form {
	background:#eee;
	border: none;
}

#form-module form,.login form fieldset {
	border:none;
	margin:0;
	padding:5px 0 15px 15px;
}

#form-module form img,.login form img {
	display:block;
	margin:0 0 5px;
	padding:0;
}

#form-module form label,form label {
	display:block;
	margin-top:5px;
}

form textarea,form input[type='password'],form input[type='text'] {
	border: solid 1px #aaa;
}

form input[type='submit'] {
	margin-top:20px;
}

#cloud {
	text-align: justify;
}
}

@media screen and (min-device-width: 320px) {

body {
	width:320px;
}

h1.title a {
	background: url(noscale/dfacts-mobile-header-bg.png) 0px 0px no-repeat;
	height: 61px;
	text-indent:-999em;
	padding: 0px;
}

#nav,.nav {
	width:320px;
}

#rss ul li h2 {
	width:300px;
}

form textarea,form input[type='password'],form input[type='text'] {
	width:260px;
}

#nav li,.nav li {
	width:100px;
	margin:0 0 5px 5px;

}

.newsheader{
	color:#666;
	border-bottom:1px solid #aaa;
	font-size:16px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.newsheader .date{
	float: right;
	clear: none;
	color: #ccc;
}

.appblock div.description a.thumb {
	float: left;
	margin: 0 20px 10px 0;
}


}

/* webkit styles */
@media screen and (-webkit-min-device-pixel-ratio:0){
	h1.title {
		background: -webkit-gradient(linear, left top, left bottom, from(#419bcf), to(#67abd8), color-stop(0.2, #419bcf), color-stop(0.4, #419bcf), color-stop(0.8, #67abd8));
	}

	#nav,.nav {
		background: -webkit-gradient(linear, left top, left bottom, from(#afd7f1), to(#65b6e5));
	}

	#nav a,.nav a {
		background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#eee), color-stop(0.05, #f5f5f5), color-stop(0.2, #eee), color-stop(0.5, #fff), color-stop(0.9, #eee));
	}

	.blurb {
		background: -webkit-gradient(linear, left top, left bottom, from(#d7edfa), to(#fff), color-stop(0.8, #fff), color-stop(0.7, #fff));
	}
	#foot {
		background: -webkit-gradient(linear, left top, left bottom, from(#67abd8), to(#419bcf), color-stop(0.5, #67abd8), color-stop(0.5, #67abd8));
	}

	#form-module,.login form {
		-webkit-border-radius:5px;
	}
	#rss ul li h2 {
		text-overflow:ellipsis;
	}
	#form-module,.login form {
		-webkit-border-radius:5px;
	}

}

/* moz styles */
@-moz-document url-prefix(){
	#form-module,.login form {
		-moz-border-radius:5px;
	}
	#form-module,.login form {
		-moz-border-radius:5px;
	}
}

@media screen  and (min-device-width:321px) {

html {
	width: 100%;
	text-align: center;
	background: #eee;
}

body {
	text-align: left;
	margin: 0px auto;
	background: #fff;
	border: solid 1px #ccc;
}


}

@media screen and (min-device-width:800px) {
body { margin-top: 20px }
}