/* Style sheet for LordSutch.com web pages
 * (C) 1997-2008 Chris Lawrence.
 * May be freely reused without any restrictions.
 */

/* Import CSS3 Web Fonts rules */
@import url("/fonts/faces.css");

body, textarea { font-size: 12pt; }
input[type="text"], select, option { font-size: 100%; }

@media only screen and (max-device-width: 480px) {
  body { font-size: 20pt; }
  textarea, input { font-size: 14pt; }
}

body { background-color: #ddd; color: black; }

pre, code { font-family: "Inconsolata", monospace; }

a { text-decoration: none; border-bottom: none }

p { margin: 0.75em 0 0 }

abbr[title], acronym[title], span[title] { cursor: help }

/* p.blog-page-footer { clear: both; font-size: 9pt; } */

body.blog { padding: 0; margin: 5px; }

h1.blog { text-align: center }

.dayheader { text-align: left; padding: 0.5em 0; margin: 0;
  clear: left;
  text-shadow: 0.2em 0.2em 0.3em #aaa;
}

.blog-entry { margin-bottom: 2em; clear: both; background-color: #f0f0f0;
              padding: 0.5em 0.5em 0; border: 1px solid #cccccc }

.blog-content a, .comment-body a { border-bottom: 1px solid #bbbbbb }
.blog-content a:active, .comment-body a:active { /* border-bottom-style: dotted; */ border-bottom-color: #E81748; text-decoration: none }
.blog-content a:hover, .comment-body a:hover { /* border-bottom-style: dotted; */ border-bottom-color: #b01137; text-decoration: none }

.blog-content a.morelink { border-bottom: none }

.blog-content > p { margin: 0.75em 0 0 }
.blog-content > p:first-child { margin-top: 0 }

.blog-content dt { margin-top: 0.5em; font-weight: bolder; }

.blog-footer { margin: 0.5em 0 1em; color: #666666;
               font-size: smaller; text-align: right }
.blog-footer-related { text-align: left; float: left; }
.blog-footer-related ol { margin: 0.25em 0; padding: 0;
                          list-style-position: inside }
.blog-footer-related ol li { margin: 0; padding: 0 }

.blog-alt-permalink a:link { color: #666; }

.blog-author a { font-weight: bolder }

.blog-date-updated { color: #000; font-weight: bolder }
.blog-date:link { color: inherit; }
.blog-date:visited { color: inherit; }
.blog-date-updated:link { color: #000; }
.blog-date-updated:visited { color: #000; }

.blog-link-updated::before { content: "\BB\A0"; color: #b01137; }

a.blog-trackback:link, a.blog-comment-link:link { color: #666; }

.blog-trackback-count:link, a.blog-comment-count:link { color: #036; }

.blog-trackback-count, .blog-comment-allowed, .tt-count { font-weight: bolder }
.blog-trackback-url {text-align: right;  color: #666666; }

.blog-topicrow { margin-bottom: 0.5em }

/*
span.blog-author
span.blog-permalink
span.blog-date
 */

span.blog-edit { display: none; font-weight: lighter; }

p.important { font-weight: bolder; font-size: larger; color: #cc0000 }

div.sidebar { font-size: smaller; line-height: 1.4;
	     /* font-stretch: narrower; */
              position: absolute; top: 5px; left: 76.5%;
              width: 21%;  min-width: 175px;
              /* font-weight: lighter; */
              border-left: 1px dotted /* #0c795f */ #cccccc;
              padding-left: 0.75em;
              word-wrap: break-word;
              }

/* .sidebar > div doesn't work right in IE 6 */

.sidebar div { margin: 0 0 1em; padding: 0 }

.sidebar div.nobox { border: none; padding: 0; margin: auto }

.sidebar div div { margin: auto; }

h4.sidebar-header { font-size: inherit; margin: 0; padding: 0; }

.sidebar-header { font-weight: bolder; /* font-size: larger; */ }
ul.nav li.sidebar-header { font-weight: bolder; /* font-size: larger; */ }

.sidebar div.welcome { border-color: #ee0000 }

a img { border-style: none }

.addendum { font-size: 0.9em }

.sidebar div p { margin: 0.2em 0 }

.syndicate { text-align: center }

.sidebar-footer { font-size: 0.9em }

.syndicate .feed { margin: 0; border-style: none; }

/* Here are some wacky CSS2 tricks */
p.update::before, span.update { color: #003366; font-weight: bolder;
                                font-variant: small-caps; }

/* Notably buggy in KHTML - fixed in Safari 73 */
p.update::before { content: "Update: "; }

p#sidebar-welcome { margin: 1em 0; }

#twitter-title { margin: 1em 0 0; padding: 0; font-weight: bolder; font-size: 120%;}

.reader-publisher-module h3 { margin: 1em 0 0; padding: 0; font-weight: bolder; font-size: 120%; }

.reader-publisher-module ul, div#twitters ul, ul#twitter_update_list, ul.nav, ul.nav-inline { list-style: none; margin: 0; padding: 0 }

ul#twitter_update_list li { margin-top: 0.3em; margin-bottom: 0.1em }
div#twitters li { margin-top: 0.3em; margin-bottom: 0.1em }

.reader-publisher-module ul li { margin-top: 0.3em; margin-bottom: 0.1em }

ul.nav-indent, ul.plain { list-style: none; margin: 0; padding: 0 0 0 1em }

ul.nav-inline li { display: inline }

ul.nav li { margin-top: 0.3em; margin-bottom: 0.1em }

ul.nav-indent li.sublist, ul.nav li.sublist { margin: 0; }

ul.nav-indent li { margin-top: 0.3em; margin-bottom: 0.1em;
                   padding-left: 1em; text-indent: -1em; }

ul.plain li { margin-top: 0.3em; margin-bottom: 0.3em }

blockquote { font-size: 0.9em; font-stretch: narrower;
             color: #b01137;
             /* border-left: #cccccc 2px solid; padding-left: 0.5em */
             }
blockquote blockquote { font-size: 1em; border: none; padding-left: 0 }

.technorati { font-family: "Neo Sans", sans-serif; }

acronym { text-transform: lowercase; font-variant: small-caps; }

/* Quand nous parlons francais... */
:lang(fr) { font-style: italic }

/* .blog-content table, */

table.admin {
    border-top: thin solid black; border-bottom: thin solid black;
    border-left: none; border-right: none; border-collapse: collapse;
    margin: 1em 0 1em }
table th { padding: 0 0.5em 0 }
table td { padding: 0 0.5em 0 }

/* Administrative interface stuff */
/*
table.admin { border-top: thin solid black; border-bottom: thin solid black;
              border-left: none; border-right: none;
              border-collapse: collapse }
 */
table.admin tr.admin-top { border-bottom: thin solid black; border-top: none }

table.admin td { padding-left: 0.5em; padding-right: 0.5em }

table.admin tr { border-top: thin solid #999999 }

/* table.admin a { background-color: #f4f4f4 } */

table.admin a.nocomments { text-decoration: line-through; color: red }

table.admin .invisible { font-style: italic; }

/* Blogroll stuff */
.sidebar div.blogroll { /* font-size: 0.9em; */ border-color: #ee0000 }

.cosmos li { font-weight: normal; }

.blogroll-new::before { content: 'NEW\A0\BB\A0';
                        font-size: 0.8em; color: #b01137; }
/* .blogroll-recent { font-weight: normal; } */
.blogroll-old { font-size: 0.75em; }

.blogroll-full { font-weight: bolder; }

.blogroll-reciprocal::after {
  content: "\A0\AB"; font-size: 0.8em;
  /* content: "\A0\2663"; */
  /* content: "\A0\272F"; */
  color: #b01137;
  /* font-family: "Myriad Web", Verdana, "Bitstream Vera Sans", sans-serif; */
  font-weight: normal }

/*
.blogroll-reciprocal a:link { color: #E81748 }
.blogroll-reciprocal a:visited { color: #b01137 }
.blogroll-reciprocal a:hover { color: #0c795f }
*/

.important { font-weight: bolder; }
.blog-trackback-entries { margin: 0; padding: 0.4em; color: black;
                          float: right; text-align: left; line-height: 1.1;
                          border: thin solid #ccc; }
ul.nav li.blog-trackback-item { margin-top: 0.1em }

iframe { border: none }

td p { margin: 0; padding: 0 }

div.pagebottom { text-align: center; font-size: 64%; clear: left }

#archives { display: none }
#topics { display: none }

.frontlink { font-weight: bolder }

.blog-header {
  margin: 0; padding: 0; display: inline; font-weight: bolder;
  /* font-variant: small-caps; */ font-size: 120%;
/*  font-family: "Georgia", inherit; */
  line-height: 1;
  text-shadow: 0.2em 0.2em 0.3em #bbb;
}
.blog-header::after { content: ": "; display: inline; }

.blog-content { margin-top: 0; padding-top: 0; display: inline;
                line-height: 1.35; }
.blog-content > p:first-child { display: inline }

.blog-entries { float: left; width: 75%; max-width: 75%; 
                padding-left: 0.5%; }

.sidebar div { background-color: transparent; border: none;
               padding: 0 }

/* End of dd2.css */

textarea { width: auto; max-width: 100%; }

/* body, textarea, input, select, option { font-family: "Myriad Pro",
  "Humanist 777", "Myriad", "Frutiger Next", "Frutiger", "Trebuchet MS",
  "Calibri", "DejaVu Sans", sans-serif; } */

body, textarea, input, select, option {
 font-family: "Liberation Sans", "Coconut", "Prelude", "Arial", "Helvetica",
              sans-serif;
 }

/* Stop input stuff from overflowing the area they have */

/*
#make-comment textarea { width: 500px; max-width: 100%; }
#make-comment input#name, input#email, input#url { width: 300px;
                                                   max-width: 67% }
*/

.dayheader { font-family: inherit;
	     font-weight: bolder; font-size: 172.8%;
	     /* text-transform: uppercase; */
	     /* font-variant: small-caps; */ }

a:link { color: /* #0c2579 */ #003366; border-bottom-color: #bbbbbb }
a:visited { color: #0c795f; }
a:hover { color: #b01137; text-decoration: underline }
a:active { color: #E81748; }

div.curtopic { border: 1px solid /* #0c2678 */ #003366; padding: 2px }

/* Color codes for individual authors */
/* Chris */
.author-1, a.author-1:link, a.author-1:visited { color: /* #0c2c55 */ #003366 }
/* Brock */
.author-2, a.author-2:link, a.author-2:visited { color: #E81748 }
/* Robert */
.author-3, a.author-3:link, a.author-3:visited { color: maroon }

.readless, .readmore, div.blog-extended { margin-top: 1em }

/*
.blog-entry + .dayheader { border-top: 1px solid #0c795f; padding-top: 2px }
*/

.pinned-entry { padding: 0.5em; border: 1px dotted /* #0c795f */ #003366; }

.comment-disclaimer, .comment-rules { font-style: italic; font-size: 0.9em }

.blog-comments { margin: 0 0 1em;
                 max-width: 100%; clear: both }
.blog-comments h4 { margin: 0 }

.blog-comments .comment .comment-header { margin: 0 }
.blog-comments .comment .comment-body { margin: 0.75em 0 0 }
.blog-comments .comment { margin: 0.25em 0; padding: 0.25em }
.blog-comments .blog-comment-box { margin: 0; padding: 0.25em 0 }

.blog-comments .comment + .comment { border-top: 1px dotted /* #0c795f */ #003366 }

.blog-comments .comment + .blog-comment-box { border-top: 1px dashed #003366 /* #0c795f */ }

.admin-hidden-comment { font-style: italic }

.admin-futurepost { font-weight: bolder }

del { color: #E81748; }

.pullquote { width: 22.5%; float: right; padding: 0.25em 1em 0.25em;
             margin: 0.5em 0 0.5em 1em;
             border: 1px solid #003366 /* #0c795f */; font-size: 110%;
             font-style: italic; background-color: #dddddd;
}

.topmatter { float: left; }
.flickrimg { float: right; }
#flickrimg1, #flickrimg2, #flickrimg3 { margin: 0 0 4px 4px;
                                        border: 1px #cccccc solid }

.blog-ad { margin-top: 0.5em; margin-bottom: 0.5em }

.footer-ad { text-align: left; padding: 2px; clear: both }

div.gfc { padding-top: 0.5em; padding-bottom: 0.5em; text-align: left; }

.welcome-ad { padding-bottom: 1em; text-align: center; }

.blog-comment-ad { text-align: center; padding: 2px }

.sitemeter { margin-top: 0.5em }

.blog-gravatar { float: right; margin-left: 4px; margin-bottom: 4px; }

.comment-error { font-size: 144%; color: red; font-weight: bolder; }

/* Paged media, might be useful outside print media */
.dayheader { page-break-after: avoid; }
.blog-entry { page-break-inside: avoid; }

/* iPhone/iPod touch */
@media only screen and (max-device-width: 480px) {
div.sidebar { display: none; }
div.blog-entries { width: 99%; max-width: 99%; margin: auto; }

div.flickr-row { display: none }
.blog-trackback { display: none }
div.blog-ad { display: none }
}