/* screen.css   styles for punto in aria */

html, body {
  font: normal 100% "Helvetica Neue", Helvetica, sans-serif;
  margin:0 auto;
  padding:0;
  height:100%;
}

body h1 {
  font-size: 1.25em;
  font-weight: bold;
  line-height:1.7em;
}

p {
  margin-bottom: 1em;
}

#amazon-widget {
	display: none;    /* hide the amazon widget til it behaves */
	float:right;
	margin-left: 1.5em;
}

#recipe-h1 {
  display:inline;
}

#nyi-content {
  font-style: italic;
}

#content {
  clear: both;
  width:95%;
  margin: auto;
  font-size:1em;
  line-height:1.4em;
  padding-bottom: 100px;  /* height of footer */
}


/* menus & links */
#content a {
  color:#0d9ac9;
  text-decoration: none;
}

#content a:visited {
  color: #157493;
  text-decoration: underline;
}
#content #gsearch {
  display:inline;
  line-height:1.5em;
  text-align:left;
  padding:0;
  margin:0;
}

ol {
  list-style:decimal none outside;
}


label {
  font-weight:bold;
  padding-top:10px;
  margin-top:10px;
}


body h2 {
  display:block;
  font-size: 1.3em;
  line-height:1.5;
  color:#222222;
  padding-left: .3em;
  margin-bottom: .2em;
  margin-top: 1em;
  background-color: #f7f7f7;
  border: 1px dotted #e0e0e0;
}


#page {
  min-height:100%;
  height: auto !important;
  height:100%;
  position:relative;
  margin: 0 auto -70px;   /* the bottom is the negative of the footer's height */
  overflow: auto;
}


.page {
  min-height:100%;
  height: auto !important;
  height:100%;
  position:relative;
  margin: 0 auto -70px;   /* the bottom is the negative of the footer's height */
}



/* article is any kind of simple text content, used on any page */
.article {
  clear:both;
  max-width: 50em;
  margin:0 0 5px 0;
  padding-bottom: 5px;
}

a.article {
  display:block;
}

.article ul {  
  list-style-type:disc;
  margin-left:.3em;
}

.article li {
  margin: 0 .7em 0 .7em;
     } 

.article a {
  color: #666666;
  text-decoration: underline;
}

.quote {
  font-style:italic;
}


.qotd {
  font-family: palatino, serif;
  font-size: 1.4em;
  font-style:italic;
  
}

.narrow-col {
  width: 40%;
}

#nav {
  text-align:left;
  font-weight:300;
  letter-spacing: .3px;
  background-color:#07abdf;
}

#navbar {
    width:100%;
  height: 1.8em;
  vertical-align: bottom;
  line-height:1.8em;
  margin: 0 0 1em 0;
  background-color:#07abdf;
  border-top:1px dotted white; 
  border-bottom:1px dotted white; 
}

#navtext {
  width: 95%;
  margin: auto;
}

ul#nav {
  list-style-type: none;
  background-color:#07abdf;
  color: #f3f3f3;
  
  /* border-bottom:2px dotted #f3f3f3; */
  /* padding: 1px 0 1px 10px; */
  }

ul#nav li {
  float: left;
  color: #f3f3f3;
  border-right:1px dotted #f3f3f3;
  padding: 0 7px;
  }
  
ul#nav > li:first-child {
  /* padding-left:0; */
  border-left: 1px dotted #f3f3f3;
}

ul#nav li a {
  color: #f3f3f3;
  text-decoration: none;
  letter-spacing:1px;
}

ul#nav li a:hover,
ul#nav li a:focus {
  text-decoration:underline;
  font-weight:300;
}

ul#nav li a:active {
  font-weight:200;
  color: orange;
}

ul#nav li a.currentMenuItem {
/*  font-weight:bold; */
	color: yellow;
}


ul#nav li#lastone {
  border-style: none;
}

/* header */
#header {
  margin: auto;
  width:95%;
}

#logo {
  font:bold 1.8em/1.6em Palatino,serif; 
  color: #07abdf;
}

.blurb {
  font:5em/1.6em Palatino,serif; 
  color: lightgrey;  // #07abdf;
  margin-top: -1em;
}

#header #logo-subtitle {
  display:inline;
  font-size:.5em;
  font-weight:normal;
  border-style:none;
  color:#07abdf;
}


#logo a {
  color: #07abdf;
  text-decoration: none;
  border-style:none;
}


ul#header {
  list-style-type: none;
  border-style:none;
}


/* google custom search element (cse) */
#homesearch {
  text-align:center;
  height:6em;
  padding:2em;
}
#cref {
  padding: 0 3px 3px 3px;
  line-height:1.7em;
  vertical-align:top;
  display:inline;
  /* float:right; */
  
}

#search_tips {
  font-style:italic;
  font-size:.7em;
  color:#E1F4FA;
  text-decoration:none;
}

#search_btn {
  display:block;
  text-align:center;
  padding:.2em;
}

#title-cse-wrap {
   background:#FFFFCC;
}

/* footer */
#push {
  display:block;
  clear: both;
  width:100%;
  height:7em;  /* footer height */
}



#footer {
  border-top:2px dotted #f3f3f3;
  background-color:#07abdf;
  font-family: helvetica;
  color: white;
  text-align: left;  
  font-size: .6em;
  font-weight:100;
  /* line-height:2.1em;*/
  position:absolute;
  bottom:0;
  width:100%;
  height:70px;   /* Height of the footer , same as specified in #content above */
  padding:5px 0;
}
  
#footer_text {
  /* margin-left:2em; */
  margin: auto;
  width:95%;
}

.footer-flare {
  float: right;
}


#footermenu ul {
  border: none;
  color: #f3f3f3;
}


#footermenu li {
  float: left;
  padding: 0 7px;
  
  color: #f3f3f3;
}

/* td: clean this up .  don't need the footermenu id */
ul#footermenu li a {
  text-decoration: none;
  
  color: #f3f3f3;
}
ul#footermenu a:visited,
ul#footermenu li a:active,
ul#footermenu li a:hover,
ul#footermenu li a:focus {
  font-weight:100;
  
  color: #f3f3f3;
}



#copyright {
  clear: both;
  margin: auto;
  color: white;
}

/* index */
#ads {
  float: left;
  padding: 0 5px 5px;
  min-width: 320px;
}

#not_ads {
  display:inline;
  vertical-align:top;
}


/* skatemap page */
#mygmap {
  float: left;
  /* padding: 0 5px 5px; */
  padding-right: 10px;
  min-width: 600px;
}

#gmaptext {
  display:inline;
  vertical-align:top;
  width:200px;
}

/* condo page */


/* dibs page */
#dibscript {
  padding-top:10px;
}

code {
  font-size:1em;
  overflow:auto;
}

pre {
  overflow: auto;
  background:#f9f9f9;
  outline:1px dashed silver; 
  padding:10px;
}

/* td:  none of this image/slide stuff is fluid */
#dibgallery .img {
  border-style:solid;
  border-width:1px;
  border-color:black;
}

.img200 {
  border-style:solid;
  border-width:1px;
  border-color:black;
}

.imgwrap {
  float:left;
  margin:10px 10px 60px 0px;
  padding:10px;
  border-style:dotted;
  border-width:1px;
  border-color:gray;
  background-color: #E0E0E0;
  width: 200px;
  height:220px;
}


.subjects {
  width:200px;
}

/* recipes page */
.newspaper {  
  columns:100px 3;
  -webkit-columns:100px 3; /* Safari and Chrome */
  -moz-columns:100px 3; /* Firefox */
}

#recipe-h1 {
  display:inline;
}

#recipesTitle {
  display: inline;
}

.recipe-list-section  {
  margin-bottom:10px;
}

.recipe-list-section li {
  display:inline;
  padding-left:5px;
  border-left:1px dotted silver;
}

.recipe-list-section > li:first-child {
  padding-left:0px;
  border-left:none;
}

p.ref {
  margin-bottom:10px;
}

p.ref a {
  display:block;
}

.dbg {
  /* display:none; 
  font-style:italic;
  color:#E1F4FA;
  */
}

.emph {
  color:red;
}

.booktitle {
  font-style:italic;
}

#shareflare {
  float: right;
  display:inline;
}


/* contact form */
.aside {
  font-style: italic;
}

.efield {
  margin: 1em 0 1em;
}

#contact-form {
  width: 32em;
  margin:0 5px 5px 5px;
  padding: 1em 30px;
  background-color: #f0f0f0;
  border: 1px solid #e0e0e0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}

.errmsg {
  color: red;
  font-style: italic;
  margin-left: 1em;
}


.thedocument {
/* background-color: white; */
    border: 1px solid #D3D3D3;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    /* max-height: 500px;
    overflow: hidden; */
    padding: 30px;
    width: 100%;
}

/* clients page */
#pp {
  margin-top: 2em;
}


.smallref {
  font-size: small;
}




.projectsection ul {
list-style-type: disc;
margin-left: 1em;
}

.projectsection {
  clear: both;
  margin: 20px 0 40px 0;
  
}

.projectext {
  margin: 0 30px 30px 30px;
}


.projectext ul {  
  list-style-type:disc;
  margin-left:.3em;
}

figure {
  float: left;
  margin:0 20px 20px 0;
  padding: 10px;
}

figure img {
  background-color: lightgrey;
  border-width: 1px;
  border-color: grey;
  border-style: ridge;
}

figcaption {
  font-size: .7em;
}