/*   
Theme Name: Greywater
Theme URI: https://ztoe.net/
Description: A minimal style for the high seas.
Author: Adrian Cooke
Author URI: https://ztoe.net/
Version: 4.1.11
*/


/* Basic styles
----------------------------------------------------------------- */
* {line-height:1.7; margin:0; padding:0;}
abbr {border-bottom:1px solid #bbb; cursor:help; padding:1px 0;}
body {background:#e9e9e9 url(images/compass_d6d6d6.png) no-repeat -170px -170px; color:#333; font:normal 100% Helvetica,sans-serif;}
cite {font-style:italic;}
code, pre {font-family:Monaco,"Courier New",Courier,monospace;}
code, pre code {background:rgba(255,255,255,0.5); color:#494949; font-size:12px; line-height:2; padding:4px; text-shadow:1px 1px 1px #fff;}
blockquote {font-style:italic; margin:1.25em;}
blockquote blockquote {border-left:2px solid #ccc; margin:1.25em 1.25em 1.25em 2px; padding-left:1.25em;}
blockquote em {font-style:normal;}
blockquote h2 {font-size:125%;}
blockquote ol li {margin-left:2.3em; text-indent:0;}
del {color:#797979;}
ins {color:#494949; font-weight:bold; text-decoration:none;}
h1 {color:#C00; font-family:ff-meta-web-pro,Helvetica,sans-serif; font-size:300%; font-weight:bold; line-height:1.1; margin:0 0 .75em;}
h2, dt {font-family:ff-meta-web-pro,Helvetica,sans-serif; font-size:175%; font-weight:normal; line-height:1.25; margin:1em 0 .5em;}
h1, h2, dt {letter-spacing:-.05em;}
hr {border:none; border-bottom:1px solid #CCC; height:1px; margin:2.5em 0;}
img {border:0 none; margin:0; max-width:100%;}
p, pre {margin:0 0 1em;}
small {font-size:.8em;}
sub, sup {height:0; line-height:1; position:relative; vertical-align:baseline; _vertical-align:bottom;}
sub {top:.5ex;}
sup {bottom:1ex;}
textarea {font-family:Helvetica,sans-serif;}


/* Links
----------------------------------------------------------------- */
a:link, a:visited, a:active {background:#ddd; border:0 none; border-bottom:1px solid #bbb; color:#000; padding:1px 4px; text-decoration:none; text-shadow:1px 1px 1px #fff;}
a:hover {background:#000; border-color:#fff; color:#fff; text-shadow:none;}

/* specials */
h1 a {line-height:1.1;}
h2 a {font-weight:bold; line-height:1.25;}
#top_up a:link, #top_up a:visited, #top_up a:active {background-color:transparent; border-bottom:0 none; color:inherit; padding:inherit; text-shadow:inherit;}
#top_up a:hover {background-color:transparent; text-shadow:inherit;}
.post p a:link, .post p a:visited, .post p a:active, .post li a:link, .post li a:visited, .post li a:active {border-bottom:3px solid #bbb; color:#191919; font-weight:normal;}
.post p a:hover, .post li a:hover {border-bottom:3px solid #fff; color:#fff;}


/* Main section styles
----------------------------------------------------------------- */
#page {margin:3.75em; max-width:72em;}
#header {height:4.375em; margin-bottom:2em;}
#content {border-top:5px solid #333; float:left; margin:0 3% 6em 0; padding-top:1.875em; overflow:auto; width:64%;}
#sidebar {border-top:5px solid #333; float:left; margin:0 0 6em 0; padding-top:2em; width:32%;}
#footer {border-top:5px solid #333; clear:both; color:#666; margin:3.75em 0; padding-top:.3125em; width:98.95%;}


/* Header
----------------------------------------------------------------- */
#header {margin-bottom:10px; position:relative;}
#header #masthead {border:0 none;}
#header #menu {overflow:hidden; position:absolute; right:0; top:-10000px;}
#header #feed_icon {border:0 none; position:absolute; top:3px; left:460px;}
#header > a, #header > a + a {background:transparent; border:0 none;}


/* All posts
----------------------------------------------------------------- */
#content dl dd {margin-left:1.25em;}
/* #content p + p {text-indent:1.25em;} */
#content ol {list-style:decimal; margin:0;}
#content ul {list-style:disc; margin:0;}
#content ol li {margin:0 0 1em 2.25em;}
#content ul li {margin:0 0 1em 2.25em;}
#content ol ul, #content ul ul, #content ol ol, #content ul ol {margin:0 !important;}
#content .image {background:#fff; border:1px solid #ccc; color:#494949; line-height:1.4; margin:0 0 1em; padding:20px; -moz-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px; -moz-box-shadow:1px 1px 3px rgba(0,0,0,0.15); -o-box-shadow:1px 1px 3px rgba(0,0,0,0.15); -webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.15); border-radius:4px; box-shadow:1px 1px 3px rgba(0,0,0,0.15);}
#content .image * {line-height:1.4;}
#content .image > a {background:transparent; border:0 none;} /* remove default link styles on images */
#content .image a img {border:2px solid #eee; padding:.25em;} /* replace */
#content .image a:hover img {border-color:#333;} /* replace */
#content .image + * {clear:left;}
#content .image img {border:0 none; width:100%;}
#content .image img.size-thumbnail {margin:1em 1em 0 0;}
#content .image small {border-top:1px solid #ccc; clear:left; float:left; font-size:.8em; margin:10px 0 -10px; padding:.5em .25em 0;}
#content .meta small {font-size:90%;}
#content .meta .summary {color:#494949; font-family:Georgia,serif; font-size:150%;}
#content .meta + p {text-indent:0;}
#content .post {overflow:auto;}
/* #content .post p > small:last-child {display:block; line-height:1.5; padding-top:.5em; width:90%;} */

/* comments */
#content .avatar {border:1px solid #fff; margin-bottom:-6px;}
#content .commentlist {margin-left:0;}
#content .commentlist cite {font-style:normal; font-weight:bold;}
#content .commentlist li {margin-bottom:2em; margin-left:0; padding-left:0; text-align:left;}
#content .commentlist li p:first-child {text-indent:0;}
#content .commentlist li ol {margin:0 0 1em;}
#content .commentlist li ol > li {margin:0 0 1em 2.75em; padding:0;}
#commentform input[type="text"], #commentform textarea {border:1px solid #DDD; font-family:Helvetica,sans-serif; font-size:1em; line-height:1.5; padding:.25em; max-width:100%; width:33.3em; -moz-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
#commentform input[type="text"]:focus, #commentform textarea:focus {background-color:#ffc;}
#commentform label {color:#797979; padding:1px;}
#commentform #submit {background-color:#F6F6F6; border:1px solid #DDD; color:#000; font-family:Helvetica,sans-serif; font-size:.9em; padding:.35em .5em; -moz-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
#commentform #submit:focus {border-color:#000;}
#commentform #submit:hover {border-color:#999;}
#commentform #submit:active {background-color:#fff; border-color:#000;}

/* tables */
#content table {background:rgba(0,0,0,0.05); font-size:smaller; margin:3em 0; border-collapse:collapse; width:100%;}
#content caption {background:rgba(255,255,255,0.5); font-style:normal; font-weight:bold; border-top:1px solid #fff; border-bottom:1px solid #fff; margin:0; padding:.5em 1em; text-align:left;}
#content table th {font-style:italic; font-weight:normal; text-align:left;}
#content table th[scope="row"] {font-style:normal; font-weight:bold;}
#content table.links th[scope="row"] {width:17%;}
#content table.links caption {border-top:5px solid #333;}
#content th {border-bottom:1px solid #fff; padding:1.2em;}
#content td {border-bottom:1px solid #fff; padding:1.2em;}
#content table a:link, #content table a:visited, #content table a:active {background:#d0d0d0; border-color:#b0b0b0;}
#content table a:hover {background:#000; border-color:#fff;}


/* Custom posts
----------------------------------------------------------------- */
#post-2023 h1 {color:#C00;}


/* Sidebar
----------------------------------------------------------------- */
#sidebar > ul {margin:0; padding:0;}
#sidebar > ul > li {list-style-type:none;}
#sidebar > ul > li > ul {list-style-type:none; margin:0; padding:0 0 0 .5em;}
#sidebar > ul > li > ul > li {background:transparent url(images/compass_small.png) no-repeat 0 .1em; padding:0 0 0 1.75em;}
#sidebar ol > li {margin-left:2.3em; padding:0;}
#sidebar h2 {color:#333;}
#sidebar li li {/* font-size:smaller; */ margin-bottom:1em;}
#sidebar p#latest_tweet, #sidebar .badge a {background:#f6f6f6; border:1px solid #ccc; color:#494949; font-size:smaller; line-height:1.5 !important; margin:0; overflow:auto; padding:1.25em; -moz-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px; -moz-box-shadow:1px 1px 3px rgba(0,0,0,0.15); -o-box-shadow:1px 1px 3px rgba(0,0,0,0.15); -webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.15); border-radius:4px; box-shadow:1px 1px 3px rgba(0,0,0,0.15);}
#sidebar p#latest_tweet * {line-height:1.5 !important;}
#sidebar p#latest_tweet cite {font-style:normal;}
#sidebar p#latest_tweet em {font-style:normal;}
#sidebar p#latest_tweet > a {float:left; height:75px; width:75px; margin-right:14px; margin-bottom:1px; padding:0; -moz-box-shadow:2px 2px 2px rgba(0,0,0,0.2); -o-box-shadow:2px 2px 2px rgba(0,0,0,0.2); -webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.2); box-shadow:2px 2px 2px rgba(0,0,0,0.2);}
#sidebar p#latest_tweet > a:hover {border-color:#bbb;}
#sidebar p#latest_tweet a #avatar {height:75px; width:75px;}
#sidebar p#latest_tweet a {background-color:transparent; padding:0 !important;}
#sidebar p#latest_tweet a:hover {background-color:#000; border-color:#fff;}
#sidebar p#latest_tweet strong {color:#000; font-weight:normal;}
#sidebar #welcome {margin-top:0;}
#sidebar #searchform {margin-bottom:1em;}
#sidebar #searchform #s {color:#333; font-family:Helvetica,sans-serif; font-size:133%; font-weight:bold; width:97%;}
#sidebar #text-4 {border-bottom:5px solid #333; margin-bottom:2em; padding-bottom:30px;}
#sidebar .promo {border-bottom:5px solid #333; margin:0 0 2em; padding-bottom:2em;}
#sidebar .badge a {display:block;}
#sidebar .badge img {max-width:100%;}
#sidebar .widget_kbrss p {font-size:.8em; margin-left:.7em;}


/* Homepage
----------------------------------------------------------------- */
#site_home #header h1 {margin-bottom:0;}
#site_home #header h1 > a, #site_home #header h1 > a + a {background:transparent; border:0 none;}
#site_home #content {margin-bottom:0; overflow:hidden;}
#site_home .latest {margin-bottom:2.5em !important;}
#site_home .latest h2 {font-size:2.5em; margin:0 0 .75em;}
#site_home .post {margin-bottom:2em; overflow:auto;}
#site_home .post .main_thumbnail {height:213px; margin:14px 1.5em 5px 0; overflow:hidden; width:213px;}
#site_home .post .main_thumbnail a, #site_home .post .thumbnail a {border:0 none; padding:0;}
#site_home .post .summary {color:#C00; font-size:1.6em; text-shadow:0 -1px 0 #fff;}
#site_home .recent {float:left; height:31em; margin:0 4% 1em 0; overflow:hidden; position:relative; width:29%;}
#site_home .recent h2 {font-size:1.375em; line-height:1.55; margin:1.5em 0 .25em; padding:inherit 0;}
#site_home .recent h2 a {padding:0;}
#site_home .recent .thumbnail {overflow:hidden;}
#site_home .recent .thumbnail img {padding-top:10px; max-width:100%;}


/* Pages
----------------------------------------------------------------- */

/* Archives */
#archives dt {font-size:175%; margin:1em 0 .5em;}
#archives dd {margin-top:.25em;}

/* Search */
#content #searchform #s {color:#333; font-family:Helvetica,sans-serif; font-size:133%; font-weight:bold; min-width:50%;}


/* Footer
----------------------------------------------------------------- */
#footer p {font-size:smaller; margin-top:1em;}


/* Misc
----------------------------------------------------------------- */
.aligncenter {text-align:center;}
.alignleft {float:left;}
.alignright {float:right;}
.clear {clear:both;}
.fancy {font-family:'Goudy Old Style','Adobe Garamond Pro',Garamond,Palatino,'Courier New',monospace; font-style:italic;}
.hide {height:1px; left:-10000px; overflow:hidden; position:absolute; top:auto; width:1px;}


/* Mobile
----------------------------------------------------------------- */
@media only screen and (max-width: 900px) {
 #page {margin:1.5em;}
 #header #menu {right:0; top:1.45em;}
 #header p#latest_tweet {max-width:93%;}
 #content {width:100%;}
 #sidebar {clear:left; width:100%;}
 #sidebar #searchform #s {font-size:150%; width:99%;}
}

@media only screen and (max-width: 555px) {
 #page {margin:1.5em;}
 #header {height:6.625em;}
 #header #masthead {padding-top:2.5em;}
 #header #menu {left:0; right:auto; top:0;}
 #header p#latest_tweet {max-width:93%;}
 #content {width:100%;}
 #site_home #header #masthead {padding-top:.85em;}
 #site_home .recent {height:auto !important; width:100%;}
 #site_home .recent h2 {margin-top:.4em;}
 #site_home .recent .thumbnail {float:left; margin:0 1.5em 1px 0; max-width:33%;}
 #sidebar {clear:left; width:100%;}
 #sidebar #searchform #s {font-size:150%; width:99%;}
}

@media only screen and (max-device-width: 480px) {
 #page {margin:1.5em;}
 #header #menu {font-size:150%; right:0; top:.75em;}
 #header p#latest_tweet {max-width:93%;}
 #content {width:100%;}
 #content h2, #content dt, #sidebar h2 {font-size:275%;}
 #site_home #content .recent h2 {font-size:175%;}
 #sidebar {clear:left; width:100%;}
 #sidebar #searchform #s {font-size:300%; width:99%;}
 #sidebar .widget_kbrss p {font-size:150%;}
}


/* IE
----------------------------------------------------------------- */
* html #sidebar p#latest_tweet {height:77px; overflow:hidden;}
* html #sidebar .badge img, *+html #sidebar .badge img {width:100%;}
* html #site_home .latest {height:335px;}
* html #site_home .post {overflow:hidden;}
* html #site_home .recent, 
*+html #site_home .recent {margin-right:20px !important; padding-top:225px; width:211px;}


/* Changes
-----------------------------------------------------------------

// 20161227 (version 4.1.11)
   - removed floats from post images
   - made post image width 100%

// 20140323 (version 4.1.10)
   - suppressed p+p and p > small:last-child styles
   - moved bottom margin on lists from the parent to the li
   - darkened hr color from DDD to CCC

// 20130630 (version 4.1.9)
   - new media queries for flexible front page grid
   - removed thumbnail img size attribs with filter
   - simplified front page layout styles

// 20130622 (version 4.1.8)
   - added TypeKit support
   - changed headings to FF Meta

// 20101228 (verion 4.1.7)
   - minor text colour tweaks
   
// 20101127 (verion 4.1.6)
   - added fluid image rules to .badge
   
// 20101125 (verion 4.1.5)
   - modified .promo styles
   - added .badge styles
   
// 20101113 (verion 4.1.4)
   - design tweaks
   
// 20100814 (verion 4.1.3)
   - new masthead in MetaOT
   - h1, h2 font-weight normal
   - moved latest tweet to sidebar
   - wrapped latest tweet in promo
   - modified promo styles
   - modified post link styles
   - IE6 fixes

// 20100405 (verion 4.1.2)
   - IE fixes

// 20100404 (verion 4.1.1)
   - homepage post thumbnail images
   - red post titles

// 20100307 (verion 4.1)
   - refinement, baby!

// 20100113 (verion 4.0.1)
   - promo style for sidebar

// 20100102
   - sidebar tweaks

// 20100101
   - sidebar tweaks
   - suppressed border on header graphic

// 20091231 (version 4)

*/