/*
Theme Name: Chris Sutcliff
Version: 0.6
Author: Robert O'Rourke
Author URI: http://www.sanchothefat.com/
*/

* { margin: 0; padding: 0; }

html {
background: #fff repeat right top;
height: 100%;
}

body {
font: 100%/20px Georgia, "Times New Roman", serif;
color: #252624;
text-align: left;
padding: 0;
min-width: 1000px;
padding-bottom: 32px;
}

/* typography */
a, a:link,a:hover {
text-decoration: none;
}

a[href$=".jpg"] {
display: block;
padding: 0;
background: none;
}

h2, h3, p, ul, ol, pre, blockquote {
margin: 20px 0;
}

h2, h3 {
font-weight: bold;
font-size: 1.4em;
margin-top: 1.6em;
}

h2.pagetitle {
float: left; clear: left;
margin: 0 30px 0 -100px;
background: #FFDB11;
background: #f3f5f4;
max-width: 140px;
}
h2.pagetitle a {
color: #000;
}
h2.pagetitle a:hover {
color: #000;
background: #fff;
}

#nav-etc h2#navigation {
position: absolute;
top: -9999px;
left: -9999px;
}

p, ul, ol, pre, blockquote {
font-size: small;
}

ul li, ol li {
margin-left: 32px;
}
li ol, li ul {
margin-left: 0;
}

strong { font-weight: bold; }
.yes strong { color: #0c0; }
.no strong { color: #c00; }

pre {
border: 1px dotted #ccc;
color: #000;
background: #f0f3f0;
}
pre code {
display: block;
margin: 6px;
overflow: auto;
font-weight: normal;
}
code {
font-family: monospace;
font-weight: bold;
color: #000;
}

sup {
font-size: 12px;
vertical-align: top;
margin-left: -3px;
font-style: italic;
}

h1 .letter,
.word { position: relative; }
h1 {
font-family: Baskerville, Times New Roman, serif;
font-size: 380%;
height: 2.6em;
overflow: hidden;
margin: 28px 24px 40px -60px;
line-height: 1.6;
}

h1 .l-s {
direction: rtl;
text-transform: uppercase;
font-size: 260%;
}

h1 a { color: #f3f5f4; text-decoration: none; }

h1 .w-chris .l-c { text-shadow: #343532 1px 1px 7px; vertical-align: top; top: 0.6em;  background: url(images/bg3-invert-small.jpg) fixed left top; font-family: Helvetica, sans-serif; padding: 0 10px; }
h1 .w-chris .l-h { font-family: Courier New; vertical-align: bottom; left: -0em; top: -2.25em; }
h1 .w-chris .l-r { vertical-align: top; left: -0.16em; font-family: Trebuchet MS; }
h1 .w-chris .l-i { vertical-align: top; font-weight: normal; left: -0.3em; font-size: 100%; font-family: Trebuchet MS; }
h1 .w-chris .l-s { font-family: helvetica; margin-left: -0.176em; font-weight: normal; top: -0.3em; }

h1 .w-sutcliff { top: -0.6em; color: #000; }
h1 .w-sutcliff .l-s { margin-left: -0.66em; top: -0.1em; font-size: 275%; font-weight: normal; font-style: italic; }
h1 .w-sutcliff .l-u { font-family: Trebuchet MS; letter-spacing: 6px; left: 0.1em; top: -1.1em; }
h1 .w-sutcliff .l-t { border-bottom: 2px solid #333; font-size: 160%; left: -0.07em; margin-left: -2px; letter-spacing: 4px; top: -0.2em; font-weight: normal; font-style: italic; }
h1 .w-sutcliff .l-c { vertical-align: top; font-family: Courier New; top: 1em; left: -0.1em; }
h1 .w-sutcliff .l-l { vertical-align: top; font-weight: normal; top: 1em; }
h1 .w-sutcliff .l-i { vertical-align: top; font-size: 70%; top: 1.3em; }
h1 .w-sutcliff .l-f { vertical-align: top; font-style: italic; font-weight: normal; margin-left: 0em; top: 1em; }
h1 .w-sutcliff .l-f.last { margin-left: -.15em; font-weight: bold; }

h1 a:hover .w-sutcliff .l-t { border-bottom: 3px double #333; -moz-border-radius: 5px; }

.entry-title { margin: 0 0 0 -30px; }
.entry-title .word {
background: #01CEFF;
color: #fff;
display: inline;
float: left;
font-family: helvetica, Arial, sans-serif;
margin: 5px 5px 5px 0;
line-height: 30px;
padding: 0 3px;
font-size: 24px;
vertical-align: middle;
}
.entry-title a {
padding: 0;
background: none;
text-decoration: none;
}
.entry-title a:hover .word,
.entry-title a:focus .word {
	background: #fff;
	color: #01CEFF;
	cursor: pointer;
}

#wrapper {
overflow: hidden;
}

#main {
width: 65%;
min-width: 640px;
float: left;
position: relative;
z-index: 4;
}

#content {
float: right;
width: 500px;
}

.pagetitle {
display: inline-block;
padding: 3px;
font-family: Helvetica;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
}

.pagetitle .dsc {
display: block;
font-weight: normal;
text-decoration: none;
text-transform: none;
margin: 0 0;
padding: 0;
line-height: 14px;
font-size: x-small;
color: #767676;
font-style: italic;
}

.hentry {
background: #fff;
background: rgba(255,255,255,0.65);
position: relative;
margin: 0 0 64px 100px;
}
.entry-title {
text-transform: uppercase;
}
.first-sentence {
font-family: Georgia, "Times New Roman", serif;
font-variant: small-caps;
font-size: 16px;
letter-spacing: 1px;
}
.entry-content p:first-child:first-line {
font-weight: bold;
}
.entry-content p {
clear: left;
font-family: Georgia, "Times New Roman", serif;
text-align: justify;
text-indent: 30px;
margin: 0;
vertical-align: baseline;
}
.entry-content p:first-child {
text-indent: 0;
}
.entry-content p a[href$=".jpg"] {
display: block;
clear: both;
margin: 20px 0 20px -110px;
width: 510px;
background: none;
}
.entry-content p a[href$=".jpg"] img {
display: block;
margin: 0 auto;
}
.entry-content p a[href$=".jpg"]:hover {
background: none;
}
.entry-content p img {
padding: 10px 0px 10px 10px;
background: #fff;
background: rgba(255,255,255,0.8);
border: 0;
display: block;
clear: both;
}

.meta {
margin: 20px 0 0;
background: #FFDB11;
background: rgba(255,219,17,.6);
}
.meta em strong {
font-style: normal;
text-transform: capitalize;
font-variant: small-caps;
}
.meta a {
white-space: nowrap;
}

.navigation {
margin: 0 0 32px;
}

.entry-content a,
.meta a,
.navigation a,
p a {
background: #FFDB11;
color: #000;
padding: 0 2px;
font-family: Helvetica;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
}

.entry-content a:hover,
.meta a:hover,
p a:hover,
.navigation a:hover,
.entry-content a:focus,
.meta a:focus,
p a:focus,
.navigation a:focus {
background: #000;
color: #fff;
padding: 0 2px;
font-family: Helvetica;
font-weight: bold;
text-decoration: none;
}


.description {
position: absolute;
top: 36px;
right: 255px;
font-size: 0.68em;
font-family: Helvetica, sans-serif;
}

.date {
line-height: .66;
width: 2.14em;
float: right;
margin-top: 0.16em;
background: #fff;
font-size: 19px;
margin-bottom: -6px;
margin-left: 5px;
position: relative;
z-index: 20;
}
.date span {
display: block;
text-align: center;
position: relative;
}
.month {
color: #e7e7e7;
letter-spacing: -1px;
font-weight: bold;
font-size: 120%;
z-index: 2;
text-transform: lowercase;
font-variant: small-caps;
margin: 0 0 -2px;
}
.day {
font-weight: bold;
font-size: 220%;
color: #f0f0f0;
margin: 0 -20% -2px 0;
z-index: 1;
white-space: nowrap;
width: 120%;
}
.year {
letter-spacing: 0;
z-index: 3;
color: #c8c8c8;
}
h3#comments,
#respond h3 {
margin-top: 0;
}
h3#comments,
#respond h3 {
font-family: Helvetica, sans-serif;
text-transform: uppercase;
background: #e7e7e7;
padding: 3px 0;
}
.says { color: #ccc; }
.commentlist li .vcard a {
color: #01CEFF;
}
.commentlist li.odd .vcard a {
color: #1BFFD5;
}
.commentlist li .vcard a:hover {
text-decoration: underline;
}
.commentlist li .comment-meta a {
background: #01CEFF;
color: #fff;
font-size: x-small;
padding: 2px;
}
.commentlist li.odd .comment-meta a {
background: #1BFFD5;
}

#searchform {
margin: 0;
padding: 0;
}
#searchform fieldset {
border: 0;
margin: 0;
padding: 0;
}
#searchform fieldset p {
margin: 0;
padding: 0;
}

#respond textarea {
width: 100%;
padding: 3px;
}
#respond input {
padding: 3px;
font-family: "Courier New", monospace;
}

#submit {
padding: 6px;
font-size: 20px;
}

#nav-etc {
float: right;
min-width: 240px;
width: 35%;
min-height: 100%;
position: relative;
z-index: 5;
color: #676767;
font-family: "Courier New", monospace;
padding: 0;
}

#nav-etc #email-adr {
margin: 30px 0 30px 40px;
font-style: italic; }
#nav-etc #email-adr em {
color: #959595;
font-style: normal; }

#nav-etc h2 {
text-transform: lowercase;
margin: 0 0 0 40px;
background: #db3434; /* url(/wp-content/themes/chrissutcliff/images/brick15.jpg) fixed; */
color: #fff;
display: inline-block;
padding: 0 1px;
position: relative;
}

#nav-etc h2 a.tog {
font-size: small;
position: absolute;
right: -50px;
color: #db3434;
}
#nav-etc h2 a.tog:hover {
text-decoration: underline;
}

#nav-etc #feeds h2,
#nav-etc #feeds ul li {
display: inline-block;
}

#nav-etc ul {
margin: 0 120px 0 40px;
padding: 0 10px 0 0;
max-width: 350px;
line-height: 20px;
}
#nav-etc li {
margin: 0;
padding: 0;
list-style: none;
display: inline;
/*border-bottom: 1px solid #000;*/
}
#nav-etc li:hover { position: relative; z-index: 2; }
#nav-etc li a {
color: #db3434;
padding: 2px 0;
margin: 0 -8px 0 0;
}
#nav-etc li a:hover {
color: #fff;
background: #db3434; /* url(/wp-content/themes/chrissutcliff/images/brick15.jpg) fixed; */
}
#nav-etc li a:visited {
color: #db3434;
background: #db3434; /* url(/wp-content/themes/chrissutcliff/images/brick15.jpg) fixed; */
}
#nav-etc li a:visited:hover {
color: #fff;
background: #db3434; /* url(/wp-content/themes/chrissutcliff/images/brick15.jpg) fixed; */
}

#nav-etc li .comments {
font-size: x-small;
white-space: nowrap;
float: right;
margin-right: -60px;
display: block;
text-align: left;
width: 50px;
color: #ccc;
}
#nav-etc li:hover .comments {
color: #000;
}

#nav-etc ul#nav {
background: #ccc;
margin: 0 0 10px;
padding: 0;
max-width: 200%;
position: relative;
z-index: 10;
}
#nav-etc #nav li {
max-width: 200%;
margin: 0 0 0 -7px;
padding: 0;
text-align: justify;
font-size: 38px;
list-style: none;
overflow: hidden;
display: block;
line-height: 0.6em;
border-bottom: 1px solid #fff;
}
#nav-etc #nav li a {
text-decoration: none;
color: #fff;
font-weight: bold;
font-family: Helvetica, Arial, sans-serif;
opacity: 0.4;
vertical-align: middle;
display: block;
text-transform: uppercase;
background: none;
padding: 0;
border: 0;
}
#nav-etc #nav li.current-cat a,
#nav-etc #nav li.current_page_item a {
color: #fff;
}
#nav-etc #nav li a:hover,
#nav-etc #nav li a:focus {
color: #ddd;
background: #fff;
opacity: 1;
}

.breadcrumbs {
margin: 32px 0 32px;
font-size: small;
}
.breadcrumbs a {
text-decoration: none;

}

.breadcrumbs .sep {
font-weight: bold;
font-style: italic;
color: #ccc;
}

#blind {
position: fixed;
top: -60px;
right: 35%;
margin-right: 375px;
width: 520px;
height: 120%;
z-index: 1;
background: #ccc url(/wp-content/themes/chrissutcliff/images/bg1-straight.jpg) repeat-y right top;
-moz-transform: rotate(13deg);
-moz-transform-origin: 280px 80px;
-webkit-transform: rotate(13deg);
-webkit-transform-origin: 280px 80px;
}
.bg1 #blind {
background-image: url(/wp-content/themes/chrissutcliff/images/bg1-straight.jpg);
}
.bg2 #blind {
background-image: url(/wp-content/themes/chrissutcliff/images/bg2-straight.jpg);
}
.bg3-1 #blind {
background-image: url(/wp-content/themes/chrissutcliff/images/bg3-straight.jpg);
}
.bg3-2 #blind {
background-image: url(/wp-content/themes/chrissutcliff/images/bg3-straight2.jpg);
}
.about #blind {
background-image: url(/wp-content/themes/chrissutcliff/images/chris-in-mad-hat-straight.jpg);
background-position: right bottom;
}

#searchform {
margin: 0 40px 30px;
}
#searchform label {
display: block;
position: absolute;
left: -999px; top: -9999px;
}
#searchform #s {
padding: 3px;
margin: 0 -10px 0 0;
width: 196px;
font-family: "Courier New", monospace;
}
#searchsubmit {
background: #ccc;
border: 0;
color: #fff;
font-family: "Courier New", monospace;
padding: 3px;
cursor: pointer;
}
#searchsubmit:hover {
background: #db3434;
}

#footer {
clear: both;
position: relative;
float: left;
background: #1BFFD5 url(images/bg3-invert-small.jpg) left top;
z-index: 5;
width: 500px;
padding: 2px 16px;
left: 50%;
margin: 27px 0 0 -250px;
}
#footer p {
color: #000;
background: rgb(81,255,216);
background: rgba(81,255,216,0.9);
/*background: rgba(0,0,0,0.9);*/
}

.colophon {
font-size: 10px;
color: #333;
}

embed,
object {
max-width: 100%;
display: block;
margin: 2px 0;
}

wbr:after { content: "\00200B" }