/* --------------------------------------------------------------
   * Reset
-------------------------------------------------------------- */

html {margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* --------------------------------------------------------------
   * Default typography
-------------------------------------------------------------- */

body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h1,
h2 {font-size:2em;line-height:1.5;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}


/* --------------------------------------------------------------
   * Layout
-------------------------------------------------------------- */


a {color: #093B55;}
a:hover {color: #009;}
hr {display: none;}
#content hr,
#content-supp hr {display: block; background:#DDDDDD none repeat scroll 0 0;border:medium none;clear:both;color:#DDDDDD;float:none;height:0.05em;margin:0 0 1.45em;width:100%;*margin:-7px auto 7px;}

/* 800 x 600 */
html {min-height: 100%; padding-bottom: 1px;}
body {color:#222;font-size: 62.5%; background: #F2F2F2 -9999px -9999px url('../img/grid.gif') no-repeat;}
#content h1,
#content h2 {font-weight: bold; font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif; /* *font-size: 20px;*/}
/*#content h1 {*margin-top: 3px; *padding-bottom: 4px;}*/

#content .post-header h1,
#content .post-header h3 {margin-bottom: 0;}
#content .post-header p  {margin-left: 2.5em;}

/* --------- */


.container:after {content:"";display: block;height: 0;clear: both;visibility: hidden;}
.container {zoom: 1; width: 820px; width: 69em; margin: 0 auto;}


#masthead:after {content:"";display: block;height: 0;clear: both;visibility: hidden;}
#masthead {zoom: 1; background: #093B55; position: relative;}
#masthead .container {padding-top: 3em; position: relative;}
#masthead h1 {font-size: 1em; margin: 0; float: left; width: 100%;}
#masthead #branding-name {float: left; display: block; textform: lowercase; text-indent: -9999px; background: url('../img/randyhoyt.gif') 0 -150px no-repeat; font-size:3em;line-height:1.2em;margin-bottom:0em; color: #E2E2E2; overflow: hidden;}
#masthead a#branding-name {width: 5.5em;}
#masthead #branding-tagline {float: left; text-transform: lowercase; color: #E2E2E2; padding-bottom: 1.25em; font-size:1.2em;line-height:2em;margin-bottom:0;}
#masthead #nav-supp {background: green; position: static; margin:0; position: absolute; top: -.75em; height: 2em; line-height: 2em; top: 9.25em; right: 0em;}

#masthead ul#navigation {list-style: none;}
#masthead #navigation li {display: none;}
#masthead #navigation .page-item-17,
#masthead #navigation .page-item-19 {display: inline;}
#masthead #navigation .page-item-17 a {overflow: hidden; text-indent: -9999px; display: block; position: absolute; margin: 0; top: 3.5em; right: 0.5em; _right: 1.5em; width: 16em; height: 5.125em; background: url('../img/books-right.gif') 0% -200px no-repeat;}
#masthead #navigation .page-item-19 a {overflow: hidden; text-indent: -9999px; display: block; position: absolute; margin: 0; top: 3.5em; right: 16.5em; _right: 17.5em; width: 5em; height: 5.125em; background: url('../img/books-left.gif') 100% -200px no-repeat;}
#masthead #navigation .page-item-3,
#masthead #navigation .page-item-4 {text-align: left; background: #E7DEB7; display: block; padding: .75em 0; position: absolute; top: 9em; right: 1em; _right: 2em; width: 10em;}
#masthead #navigation .page-item-3 {left: 48em; _left: 47em; padding-left: 1em;}
#masthead #navigation .page-item-3 a,
#masthead #navigation .page-item-4 a {padding-left: 1.5em; background-repeat: no-repeat; background-position: 0 -199px;}
#masthead #navigation .page-item-3 a:hover,
#masthead #navigation .page-item-4 a:hover {background-color: #DDE6D5;}

#content:after {content:"";display: block;height: 0;clear: both;visibility: hidden;}
#content {zoom: 1; width: 44em; float: left; margin-top: 1.5em;}
#content-supp {width: 18em; float: right; margin: 0 1em 0 0; padding: 3em 1em 0;}

.blog #content-supp,
.home #content-supp {background: #DDE6D5;}
.blog #content-supp ul,
.home #content-supp ul {position: relative; top: -.75em; margin-bottom: 0;}
.blog #content-supp ul#nav-supp:after,
.home #content-supp ul#nav-supp:after {content:"";display: block;height: 0;clear: both;visibility: hidden;}
.blog #content-supp ul#nav-supp,
.home #content-supp ul#nav-supp {zoom: 1; background:#DAD0A6; padding: .75em 0; margin: 0 0 1.5em; list-style: none; position: static;}
.blog #content-supp hr,
.home #content-supp hr {position: relative; top: .75em; background-color: #AAA;}

#nav-supp li {float: left; margin: 0; padding: 0;}

#home-myth {width: 20em; float: left;}
#home-web  {width: 20em; float: right;}

#content h1,
#content h2,
#content h1 a,
#content h2 a {color: #093B55; text-decoration: none;}
#content h1 a:hover,
#content h2 a:hover {color: #093B55; text-decoration: underline;}
#content h1,
#content h2 {padding-left: 1.25em; background-position: -25px -92px; background-repeat: no-repeat; white-space:nowrap;}
#content .post-header h3 {padding-left: 1.75em; background-position: -10px -148px; background-repeat: no-repeat; white-space:nowrap;}
.tag-archive #content .post-header h3,
.tag-archive #content .post-header p {background: none; padding-left: 0; margin-left: 0;}

.web {background-image: url('../img/icons/web.png');}
.lj,
.myth {background-image: url('../img/icons/myth.png');}
.radio {background-image: url('../img/icons/radio.png');}
.audio {background-image: url('../img/icons/audio.png');}
.television {background-image: url('../img/icons/television.png');}
.sports {background-image: url('../img/icons/sports.png');}
.games {background-image: url('../img/icons/games.png');}
.basketball {background-image: url('../img/icons/basketball.png');}
.football {background-image: url('../img/icons/football.png');}
#navigation .page-item-3 a,
.contact {background-image: url('../img/icons/contact.png');}
#navigation .page-item-4 a,
.news,
.subscribe {background-image: url('../img/icons/subscribe.png');}
.computer {background-image: url('../img/icons/computer.png');}
.book,
.books {background-image: url('../img/icons/book.png');}
.movie,
.movies {background-image: url('../img/icons/movie.png');}
#footer .page-item-222 a,
.wordpress {background-image: url('../img/icons/wordpress.png');}
html body #content-supp ul.ctc li,
.tag {background-image: url('../img/icons/tag.png');}
.travel {background-image: url('../img/icons/travel.png');}
.arts {background-image: url('../img/icons/arts.png');}
.personal {background-image: url('../img/icons/personal.png');}


#content h3 {font-style: italic;}

ul.writing {margin: 0 0 1.5em;}
ul.writing li {list-style: none; *display: inline;}
ul.writing li a {text-decoration: none; clear: both; zoom: 1; padding-left: 1.5em; list-style: none; background-repeat: no-repeat; background-position: 0 -196px; display: block;}
ul.writing li a:hover {background-color: #E7DEB7;}
ul.writing li span {display: none; cursor: pointer;}
ul.writing li span.date {display: block; width: 2.5em; float: left; zoom: 1;}
ul.writing li span.name {display: block; padding-left: 3em;  *padding-left: 0; *float: right; *width: 15em;}
ul.writing li a:hover span {background-color: #E7DEB7;}


#content-supp h3 {font-style: italic; background: none;}
#content-supp h3 a {color: #222; text-decoration: none;}
#content-supp h3 a:hover {color: #093B55; text-decoration: underline;}

.blog #content-supp ul,
.home #content-supp ul {margin: 0;}
.blog #content-supp ul li,
.home #content-supp ul li {list-style: none; *display: inline;}
.blog #content-supp ul li a,
.home #content-supp ul li a {text-decoration: none; clear: both; zoom: 1; padding-left: 1.5em; list-style: none; background-repeat: no-repeat; background-position: 0 -197px; display: block;}
.blog #content-supp ul li a:hover,
.home #content-supp ul li a:hover {background-color: #E7DEB7;}
.blog #content-supp ul li span,
.home #content-supp ul li span {display: none; cursor: pointer;}
.blog #content-supp ul li span.date,
.home #content-supp ul li span.date {display: block; width: 2.5em; float: left; zoom: 1;}
.blog #content-supp ul li span.name,
.home #content-supp ul li span.name {display: block; padding-left: 3em;  *padding-left: 0; *float: right; *width: 13em;}
.blog #content-supp ul li a:hover span,
.home #content-supp ul li a:hover span {background-color: #E7DEB7;}

html body #content-supp ul.ctc li {padding-left: 1.5em; background-repeat: no-repeat; background-position: 0 -197px; }
html body #content-supp ul.ctc li a    {display: inline; padding: 0;}
html body #content-supp ul.ctc li span {display: inline; padding: 0; color: #888;}



#portfolio {position: relative; top: -.5em; margin-bottom: .5em;}
#portfolio ul:after {content:"";display: block;height: 0;clear: both;visibility: hidden;}
#portfolio ul {zoom: 1;
    margin: 0; background: #E8E8E8;
}
#portfolio li {
    list-style: none;
}
#portfolio ul li a {padding: .5em .7em; outline: none;}
#portfolio ul li img {width:3.5em; height:3.5em;}
#portfolio ul li,
#portfolio ul li a {float: left;}

#portfolio ul li.final,
#portfolio ul li.final a {float: right;}
#portfolio ul li a {
    text-decoration: none;
    font-weight: bold;
}
#portfolio ul li.active,
#portfolio ul li.active a:hover {background: #E7DEB7;}
#portfolio ul li a:hover {background: #DDE6D5;}
#portfolio div {
    background: #E7DEB7;
    clear: both;
    padding: .5em;
}
#portfolio div p {margin-bottom: 0;}
#portfolio div.hidden {display: none;}
#portfolio div.displayed {display: none;}


div.button {position: relative; top: -.25em; margin-bottom: .5em; *margin-bottom: 1em; text-align: center;}
body:not(:root:root) div.button {margin-bottom: 1em;}
div.button a {display: inline-block; line-height: 1.5em; text-decoration: none; padding-left: .75em; background: url(../img/button-background.gif) no-repeat 0 -200px;}
div.button a span {display: inline-block; padding: .25em .75em .25em 0; overflow: hidden; white-space: nowrap; background: url(../img/button-background.gif) no-repeat 100% -200px; height: 1.5em; height: 1.6em;}
div.button a:hover {background-position: 0 -250px;}
div.button a:hover span {background-position: 100% -250px; cursor: pointer;}

div.page-nav {font-size:.8em;margin-bottom:1.875em;line-height:1.875em; padding-left: 1.875em;}

#footer {background: #DDE6D5;}
#footer .container {position: relative; margin-top: 3em; padding: 1.5em 0;}
#footer a { text-decoration: none;}
#footer a:hover { text-decoration: underline;}
#footer ul {margin: 0; padding-right: 4em;}
#footer ul li {display: inline; padding: 0 1.5em 0 0; }
#footer ul li.page-item-222 {position: absolute; right: 0; top: 1.25em;}
#footer ul li.page-item-222 a {width: 2em; height: 2em; background-position: -25px -100px; display: block; text-indent: -9999px; overflow: hidden;}

img { -ms-interpolation-mode:bicubic; vertical-align: top;}
img.size-3x3  {width: 3em;   height: 3em}
img.size-4hx6 {width: 4.5em; height: 6em}
img.size-15x3 {width: 15em;  height: 3em}
img.size-12x6 {width: 12em;  height: 6em}
img.size-12x9 {width: 12em;  height: 9em}
p img {
	padding: 0;
	max-width: 100%;
	}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

p img.alignleft  {float:left;margin: 0 1.5em 1.5em 0;padding:0; clear:left;}
p img.alignright {float:right;margin: 0 0 1.5em 1.5em; clear:right;}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}

* html #masthead #navigation .page-item-3 a,
* html #masthead #navigation .page-item-4 a,
* html #content h1,
* html #content h2,
* html .home #content-supp ul li a,
* html #content ul.writing li a {padding-left: 0; background-image: none;}