/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */

html, body {
  height: 100.2%;
}

body {
  margin: 0; 
  padding: 0 0 0 0;
  background: #fff;
  font-family: georgia, "Times New Roman", serif;
  font-size: .95em; 
  color: #555;		
}

img {
  border: 0;
}

a {
  color: #547992;
}
a:hover {
  color: #6a91a9;
}

div.header {
  border-top: 4px solid #6a91a9;
  border-bottom: 1px dotted #ccc;
  padding: 0 0 29px 0;
}
div.header h1 {
  margin: 30px 0 0 0;
  color: #385161;
  text-transform: uppercase;
  font-size: 1.6em;
  letter-spacing: .1em;
}
div.header h1 a {
  color: #385161;
  text-decoration: none;
}
div.header h1 a:hover {
  text-decoration: underline;
}
div.header p {
  font-size: .8em;
  color: #666;
  margin: 0 0 0 74px
}
/*
div.header p.sub-header-home {
  display: none;
}
div.header p.sub-header-home a {
  color: #666;
}
div.header:hover p.sub-header-home {
  display: block;
}
div.header:hover p.sub-header {
  display: none;
}*/


div.pagecontent {
  padding: 30px 0;
  line-height: 1.7em;
}

div.blogentry {
  padding: 0 0 60px 0;
}

div.blogentry h2, h2.pagetitle {
  margin: 0;
  padding: 0;
  font-size: 1.1em;
}
div.blogentry h2 a {
  text-decoration: none;
  color: #333;
}
div.blogentry h2 a:hover {
  text-decoration: underline;
}
div.blogentry h2.linked-list-item a {
  text-decoration: underline;
  color: #547992;
  font-weight: normal;
}
div.blogentry h2.linked-list-item a:hover {
  text-decoration: underline;
  color: #6a91a9;
}
h2.pagetitle {
  border-bottom: 1px dotted #ccc;
}

div.entry p {
  margin: 12px 0;
  padding: 0 0 6px 0;
}
div.entry img {
  border: 2px solid #abc0cf;
}
div.entry img.wp-smiley {
  border: 0;
}
div.entry blockquote {
  padding: 0px 19px;
  margin: 0 24px;
  border-left: 1px solid #ccc; 
}
div.entry .linked-list-permalink a {
  text-decoration: none;
  font-family: helvetica;
}

p.tagged {
  font-size: .85em;
  color: #666;
  padding: 24px 0 3px 0;
}

div.entryinfo {
  border-top: 1px dotted #ccc;
  font-size: .85em;
  padding: 2px 0 0 0;
}
div.entryinfo span.commenty {
  float: right;
}

div#comments {
  margin: 40px 0 0 0;
  font-size: .85em;
}
div#comments h3 {
  font-size: 1em;
  text-transform: uppercase;
}
div#comments div.a-comment {
  border-top: 1px dotted #ccc;
  margin: 18px 0 0 0;
  padding: 7px 0 0 0;
  clear: left;
}
div#comments span.commenter {
  float: left;
  width: 217px;
  text-align: right;
  font-weight: bold;
  margin: 10px 0 0 0;
  padding: 0 0 19px 0;
}
div#comments span.c-time {
  font-weight: normal;
  color: #777;
  font-size: .85em;
}
div#comments div.a-comment p {
  margin: 10px 3px 10px 253px;
}

div#postcomment {
  clear: left;
  font-size: .8em;
  padding: 40px 0 0 0;
  border-top: 1px dotted #ccc;
}
div#postcomment div.pc-title {
  float: left;
  width: 217px;
  text-align: right;
  margin: 0 0 0 0;
  padding: 0 0 19px 0;
}
div#postcomment div.pc-title h3 {
  font-size: 1em;
  text-transform: uppercase;
  margin: 7px 0 0 0; 
}
div#postcomment div.pc-form {
  margin: 0 0 0 253px;
}
div#postcomment div.pc-form p {
  line-height: 1.4em;
  margin: 12px 0;
}
div#postcomment div.pc-form input {
  font-family: georgia, "Times New Roman", serif;
  font-size: 1.2em;
  color: #444;
  width: 200px;
  padding: 4px;
}
div#postcomment div.pc-form textarea {
  font-family: georgia, "Times New Roman", serif;
  font-size: 1.2em;
  color: #444;
  width: 330px;
  padding: 4px;
}
p.pc-fol {
  margin: 0 0 0 253px;
  font-size: .8em;
}


div.pagecontent div.page-nav {
  font-size: .85em;
}
div.pagecontent div.page-nav div.alignleft {
  float: left;
}
div.pagecontent div.page-nav div.alignright {
  float: right; 
}




div.sidebar {
  padding: 37px 0 35px 0;
  font-size: .8em;
  color: #777;
  line-height: 1.5em;
}
div.sideentry {
  padding: 0 0 40px 50px;
}
div.sideentry.currently p {
  border-top: 1px dotted #ccc;
  border-bottom: 1px dotted #ccc;
}

div.sideentry h3 {
  font-size: 1em;
  padding: 0 0 6px 0;
  text-transform: uppercase;
}
div.sideentry ul, div.sideentry ul li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
div.sideentry ul li {
  padding: 6px 0 6px 23px;
}
div.sideentry ul li a {
  display: block;
}
div.sideentry ul li a span {
  width: 16px;
  height: 16px;
  float: left;
  margin: 2px 5px 0 -23px;
}
div.sideentry ul li.rss a span {
  background: url(/wp-content/themes/umami/images/favicons.png) 0px 0px no-repeat;
}
div.sideentry ul li.mail a span {
  background: url(/wp-content/themes/umami/images/favicons.png) -16px 0px no-repeat;
}
div.sideentry ul li.twtr a span {
  background: url(/wp-content/themes/umami/images/favicons.png) -32px 0px no-repeat;
}
div.sideentry ul li.linkin a span {
  background: url(/wp-content/themes/umami/images/favicons.png) -48px 0px no-repeat;
}
div.sideentry ul li.delicy a span {
  background: url(/wp-content/themes/umami/images/favicons.png) -64px 0px no-repeat;
}
div.sideentry ul li.flickr a span {
  background: url(/wp-content/themes/umami/images/favicons.png) -160px 0px no-repeat;
}

div.sideentry ul li.primero a span {
  background: url(/wp-content/themes/umami/images/favicons.png) -80px 0px no-repeat;
}
div.sideentry ul li.sls a span {
  background: url(/wp-content/themes/umami/images/favicons.png) -96px 0px no-repeat;
}
div.sideentry ul li.iprobo a span {
  background: url(/wp-content/themes/umami/images/favicons.png) -112px 0px no-repeat;
}
div.sideentry ul li.acornhq a span {
  background: url(/wp-content/themes/umami/images/favicons.png) -128px 0px no-repeat;
}
div.sideentry ul li.portfolio a span {
  background: url(/wp-content/themes/umami/images/favicons.png) -144px 0px no-repeat;
}

div.sideentry.projects a {
  font-weight: bold;
}







div.footer {
  text-align: right;
  border-top: 1px dotted #ccc;
  padding: 8px 0 30px 0;
}
div.footer p {
  font-size: .75em;
  color: #999;
  margin: 0 2px 0 0px
}


	

/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

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

	body {
		
	}
	
	
	div#comments span.commenter {
	 float: none;
	 width: auto;
	}
  div#comments div.a-comment p {
    margin: 10px 3px 10px 0px;
  }
  div#postcomment div.pc-title {
    float: none;
    width: auto;
    text-align: left;
  }
  div#postcomment div.pc-form {
    margin: 0 0 0 0px;
  }
  p.pc-fol {
    margin: 0;
  }
  div.sidebar {
    padding-top: 35px;
  }
  div.sideentry {
    padding-left: 0;
  }
  div#postcomment div.pc-form textarea {
    font-family: georgia, "Times New Roman", serif;
    font-size: 1.2em;
    color: #444;
    width: 100%;
    padding: 4px;
  }
	
	

}


/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/

}