/*
	David Roessli dot com | The Empty Set
	Screen stylesheet (import)

	Author: David Roessli (david dot roessli at cybmed dot com)
	Created on 2007-09-20
	Version: 2
	Revision: 0
	Last build: <$MTDate format="%x"$>

	History:

		20141121: retrofitting it
		20070920: genesis - revamped with blueprintcss v0.5
		20080125: narrowed

	Terms
	You may adapt and learn from the elements of this CSS to use in your own
	projects, but you may not copy the design (the unique combination of images,
	colors, sizes, typography, and positioning) since this is copyright of
	David Roessli and may not be reproduced. Thanks.

*/
/*
	This is an in-progress W3C spec written to move this viewport information over to CSS. IE10 and Opera browsers support this. Go ahead and start rolling this into production sites
	Ori. http://m.netmagazine.com/features/five-steps-gettin-flexy-responsive-web-design
	You'll need prefixes. @-ms-viewport, @-o-viewport, etc...
*/
@-webkit-viewport { width: device-width; } 
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
/* @viewport { width: device-width; } */
/*
	Default behavior for touch-based browsing in Internet Explorer 10 on devices running Windows 8
	http://www.modern.ie
*/
canvas {
    -ms-touch-action: double-tap-zoom;
}

article, aside, dialog, figure, footer, header, hgroup, nav, section {
display : block; }
/*
	::: blueprintcss overrides
	::: http://code.google.com/p/blueprintcss/
*/
body	{ margin-top:6px; font-family: "Lucida Grande", Calibri, "Helvetica Neue", Verdana, Helvetica, sans-serif; /* background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#eeeeee)); */ }
h1,
h2,
h3,
h4,
h5,
h6		{ font-family: Constantia, Georgia, "Palatino Linotype", Palatino, "Times New Roman", Times, serif; }
a		{ text-decoration:none; }
ul, ol	{ margin: 0 0 1.5em 0; list-style-type:none; }
hr		{ background: #999; color: #999;}
label	{ font-weight: normal; }
em         { background-color:transparent; }
h3 { line-height: 1.25; }

/*
    ::: general
*/
a:link,
a:visited	{ color:#666; }
a:hover	{ color: #fff; background-color: #000;}
a:active	{ background-color: #600; }
a:hover img { background-color: #fff; }
/*
    ::: structure > wrapper
*/
#wrapper { background-color:#fff; }
/*
    ::: structure > branding
*/
#branding {
	/*height:100px;*/
	/*background:url(http://www.davidroessli.com/img/head_01.jpg) 0 100% no-repeat;*/
}
#branding h1 {
	color:#fff;
	background:url(https://www.davidroessli.com/img/icn_davidroesslidotcom.png) 548px 16px no-repeat;
}
#branding h1 a,
#branding h1 a:hover {
	display:block;
	color:#fff;
	background-color:transparent;
}
/*
    ::: structure > global navigation
*/
ul#gnav {
	margin:0 0 1.5em 0;
	border-top:1px solid #999;
}
ul#gnav li {
	padding:0.3em 0 0.2em 0;
	list-style-type: none;
}
ul#gnav li a {
	color:#999;
	text-decoration:none;
}
ul#gnav li a:hover {
	color:#000;
	background-color:#fff;
}
/*
    ::: structure > primary content (center column)
*/
#primary h1 a,
#primary h2 a,
#primary h3 a {
	color:#000;
}
#primary h1 a:hover,
#primary h2 a:hover,
#primary h3 a:hover {
	color:#999;
	background-color:#fff;
}

div.right {
	float:right;
	margin:0 0 0 1.5em;
}
div.left {
	float:left;
	margin:0 1.5em 0 0;
}
div.full img { width:340px; }
div.square img { padding:5px; background:#eee; }
div.thumb img { margin-right:10px; }
div.crop { overflow:hidden; }
div.crop img { width:auto; }
#primary blockquote {
	margin:1.5em 0;
}
#primary blockquote.line {
	margin-left: -12px;
	padding-left: 8px;
	border-left:4px solid #eee;
}
#primary blockquote p {
    margin:0;
    font:italic 1.6em/1.8 Constantia, Georgia, "Palatino Linotype", Palatino, "Times New Roman", Times, serif;
}
#primary blockquote p.quote {
	margin-left:-25px;
	padding-left:20px;
	font-style:normal;
	border-left:5px solid #eee;
}
#primary blockquote p.simple,
#primary blockquote p.cite,
#primary blockquote p.source,
#primary blockquote p.quote {
    font-size:1.2em;
}
#primary blockquote cite:before,
#primary blockquote .source:before {
	content: "-- ";
}
p.update {
    padding:0.5em 1em;
    background-color:#eee;
    overflow:scroll;
}
/*
p.category {
    padding-left:20px;
    background:#fff url(http://www.davidroessli.com/img/icn/dresden/website_16.png) 0 0.2em no-repeat;
}
p.comment-link {
    padding-left:20px;
    background:#fff url(http://www.davidroessli.com/img/icn/dresden/comment_16.png) 0 0.2em no-repeat;
}
p.tags-list {
    padding-left:20px;
    background:#fff url(http://www.davidroessli.com/img/icn/dresden/tag_16.png) 0 0.2em no-repeat;
}
p.trackback-link {
    padding-left:20px;
    background:#fff url(http://www.davidroessli.com/img/icn/dresden/trackback_16.png) 0 0.2em no-repeat;
}
*/
p.dict {
    padding:1em 2em;
    border:2px solid #ccc;
    border-width:0 0 0 2px;
}
p.dict strong {
    font:2em/1.6 "Trebuchet MS", "Lucida Grande", Tahoma, sans-serif;
    font-weight:normal;    
}
p.dict em {
    font-style:normal;
    font-weight:bold;
}
body.home #primary {
	overflow:hidden
}
body.home #primary code {
	white-space:normal; /* wrap on homepage */
}
ul.disc li,
ol.disc li {
	list-style-type:disc;
}
ol.decimal li {
	list-style-type:decimal;
}
ol div.pix,
ul div.pix {
	margin-top:1em;
}
li code { display:block; }
div.pix img,
div.pix iframe.vimeo,
div.youtube5player,
div.flickr_badge_image img { box-shadow:0px 3px 5px #333333; -webkit-box-shadow:0px 3px 5px #333333; -moz-box-shadow:0px 3px 5px #333333; }
div.pix iframe.vimeo,
div.youtube5container { margin-bottom:1.5em; }
div.nosh img { box-shadow:0 0 0; -webkit-box-shadow:0 0 0; -moz-box-shadow:0 0 0;} 
div.quote { margin-left:.5em;padding-left:1em;border-left:1px solid #999; }
/*
    ::: Tag cloud
*/
body.tags #primary a:link,
body.tags #primary a:visited,
body.tags #primary a:hover,
body.tags #primary a:active  { color:#333; border:0 }
body.tags #primary a:hover { background-color:#ccc; color:#000; }
body.tags #cloud h6,
body.tags #cloud h5,
body.tags #cloud h4,
body.tags #cloud h3,
body.tags #cloud h2,
body.tags #cloud h1 { display:inline; font-family: "Lucida Grande", Calibri, "Helvetica Neue", Helvetica, Verdana, sans-serif; font-size: 36px; line-height:1; margin:0 10px 0 0; font-weight:normal; }
body.tags #cloud h6 { font-size: 12px; }
body.tags #cloud h5 { font-size: 14px; }
body.tags #cloud h4 { font-size: 18px; }
body.tags #cloud h3 { font-size: 24px; }
body.tags #cloud h2 { font-size: 30px; }
body.tags #cloud h1 { font-size: 36px; }
div#cloud { margin-bottom:2em; }
/*
    ::: structure > secondary content (right column)
*/
#secondary ul {
	list-style-type:none;
}
#secondary h4 {
	color:#000; font-weight:normal;
}
#secondary div#sidelinks ul li {
	/* list-style-type: circle; */
	/*margin-left:-20px;*/
	padding-left:20px;
	background:#fff url(https://www.davidroessli.com/img/icn_out_arrow_right.gif) 0 0.2em no-repeat;
}
/*
	::: forms
*/
form {
	margin:0 0 4em 0;
}
#primary form p {
	margin: 0 0 0.5em 0;
}
label {
	display:block;
}
input#comment-author,
input#comment-email,
input#comment-url,
input#commchallenge_answer,
textarea,
input#search {
	width:98%;
	padding:0.2em 1%;
	font:inherit;
	background-color:#eee;
	border:1px solid #bbb;
}
input#search { width: 10em; }
input#comment-author:focus,
input#comment-email:focus,
input#comment-url:focus,
input#commchallenge_answer:focus,
textarea:focus,
input#search:focus {

    border:1px solid #999;
    background-color:#fff;
}
input#comment-preview,
input#comment-post,
input#comment-cancel,
input#search-go {
	padding:0.2em 0.5em;
	border:0;
	background-color:#eee;
	color:#666;
	cursor:pointer;
}
input#comment-preview:hover,
input#comment-post:hover,
input#comment-cancel:hover,
input#search-go:hover {
	background-color:#666;
	color:#ddd;
}
form div#comments-open-data {
	margin-top:2em;
}
p#comments-open-challenge br {
    display:none;
}
/*
    ::: error page
*/
body.error {
    background-color:inherit;
    color:inherit;
    border:0;
}
/*
    ::: table
*/
table { width:100%; }
tr:last-child td { border-bottom:0; }
/*
    ::: misc
*/
p.next strong, p.prev strong { font-weight:normal; color:#000; }
.print {
	display:none;
}
/*
    ::: FancyZoom overrides
*/
#ZoomCapDiv th, td, caption { padding:0; }
/*
	456 Berea St - skip link styles
	http://www.456bereastreet.com/css/main.css
*/
.skip {
	position:absolute;
	left:-9999px;
}
.skip a:focus,
.skip a:active {
	display:block;
	position:absolute;
	top:10px;
	left:10009px;
	z-index:10;
	font-size:1.8em;
	line-height:120%;
	padding:0.5em;
	border:2px solid #91cc14;
	width:15em;
	background:#F1F8E1;
	}
.skip a:hover {
	text-decoration:underline;
	border-color:#580801;
}