/* Common elements
***************************/

#content {
    width:740px;
    margin:15px auto;
    text-align:left;
    padding-bottom: 30px;
}

.underlineless {
    text-decoration: none;
}

.thin-bar {
    /* should be moved to come 'common elements' group */
    display: block;
    height: 18px;
    padding: 6px 10px;
    background-image: url(/images/thin-bar-bg.png);
    width: 100%;
}
form {
    margin: 0px;
}
p {
    margin: 0px;
}
blockquote {
    margin: 0px;
    padding: 0px 30px 0px;
}
ul {
    margin: 5px 0px;
    padding-left: 15px;
    line-height: 1.1;
}
li {
    padding-bottom: 5px;
}

.pullquote {
    color: #3e2f0f;
}

/* Links
***************************/
a {
    color:#946401;
}
a:visited {
    color:#3e2f0f;
    }
a img {
  border-width:0;
}
.link-minor {
    /* added by nathan */
    color: #decfac;
    text-decoration: none;
}
.link-major {
    color: white;
    font-size: 120%;
    padding: 0px;
    margin: 0px;
    line-height: 0.9;
}
.link-nav {
    color: white;
    text-shadow: #000 0px 1px 2px;
}
.link-nav:visited {
    color: white;
}
.link-nav:link {
    color: white;
}
.link-nav:visited {
    color: white;
}
.text-only {
    padding: 0px 5px;
}
.text-only:hover {
    background-color: #946401;
}

/* For the photo pages
***************************/

.thumb {
    border-width: 2px;
    margin: 0px 0px 7px 0px;
}
.thumblink {
    text-decoration: none;
    font-size:94%;
}

/* Blog Header
***************************/
.header {
    margin:0 0 15px;
    padding:0 0 0;
    color:#fff;
    height: 75px;
    position: relative;
    background-image: url(/images/header-bg.png);
    background-position: 0px 25px;
    background-repeat: no-repeat;
}
.header-content {
    padding:25px 70px 0px 90px;
    text-shadow: #000 0px 1px 1px;
}
.header-icon {
    width: 90px;
    height: 75px;
    float: left;
    background-position: 15px 6px;
    background-repeat: no-repeat;
}
.icon-blog-big {
    background-image: url(/images/icons/blog-icon-64.png);
}
.icon-adventures-big {
    background-image: url(/images/icons/adventures-icon-64.png);
}
.icon-interfaces-big {
    background-image: url(/images/icons/interfaces-icon-64.png);
}
.icon-gallery-big {
    background-image: url(/images/icons/gallery-icon-64.png);
}
.icon-widgets-big {
    background-image: url(/images/icons/widgets-icon-64.png);
}
#header-blog {
    background:#09111b url("http://heagy.com/images/blog/header.gif") no-repeat left bottom;
}
#header-photos {
    background:#09111b url("/images/photos/header.gif") no-repeat left bottom;
}
#header-contact {
    background:#09111b url("/images/header-contact.gif") no-repeat left bottom;
}
#home-button {
    float: right;
    height: 95px;
    width: 60px;
    margin: 0px;
    background: url(/images/nav/home.gif) top right no-repeat;
}
#home-button:hover {
    background-position: bottom right;
}
#home-button:active img{
    border-width: 0px;
}
#page-title {
    margin:0;
    padding: 8px 0px 0px 0px;
    font-size:200%;
    line-height:1.2em;
}
#page-title a {
    text-decoration: none;
    color: white;
}
#page-title a:hover {
    color: #e6c67a;
    background-color: transparent;
}
#description {
  margin:0;
  padding:5px 0px 10px;
  font-size:94%;
  color:#decfac;
  }
.header-topic {
    color: #decfac;
}


/* Posts
***************************/
.post-title {
    padding: 12px 0;
    font-size:135%;
    display:block;
    background: url(/images/blog/post-top.png) no-repeat left top;
}
.post-part {
    width: 455px;
    padding-left: 15px;
    padding-right: 15px;
    color: #09111b;
}
.post {
    background-image: url(/images/blog/post-bg.png);
    padding-bottom: 6px;
}
	.post p
	{
		margin-bottom: 1.2em;
	}
.post a:hover {
    background-color:#e6c67a;
}
.post-footnote {
    font-size: 90%;
    color: #3e2f0f;
}
.post-footer {
    height: 28px;
    width: 470px;
    padding-right: 0px;
    margin-bottom: 15px;
    color: black;
    background: url(/images/blog/post-bottom.png) no-repeat left bottom;
}
.post-footer-part {
    padding-top: 5px;
}
.post-comments {
    height: 23px;
    float: right;
    padding-right: 13px;
    padding-left: 13px;
    background: url(/images/blog/post-bottom2.png) no-repeat right bottom;
}
.post-comments:hover {
    color: white;
    background-position: right top;
    text-shadow: #000 0px 1px 2px;
}
.post img {
    border: 1px solid black;
}
.post .noborder {
    border: 0px solid white;
}

/* Gallery
***************************/
.gallery-teaser {
    float: left;
    margin-right: 15px;
}
.gallery-feature {
    float: right;
    margin-left: 15px;
}
/* Site commentary posts
***************************/
.post-comm-title {
    padding-top: 0px;
    background-image: url(/images/light-bg.png);
    color: white;
}
.post-comm-body {
    color: white;
    padding-bottom: 9px;
    background: url(/images/light-bg.png) no-repeat bottom left;
    margin-bottom: 15px;
}

/* Comments
***************************/
#comments {
    width: 485px;
    color: black;
    background: url(/images/blog/comments-bg.png) repeat-y;
}
#comments-top {
    width: 485px;
    height: 15px;
    background: url(/images/blog/comments-top.png) no-repeat bottom left;
}
#comments-bottom {
    width: 485px;
    height: 15px;
    background: url(/images/blog/comments-bottom.png) no-repeat top left;
}
.comment {
    padding: 0px 15px 7px;
}
.comment-reply {
    margin-left: 15px;
}
.comment-author {
    color: #555;
}
.comment-divider {
    height: 1px;
    background-color: #555;
    margin: 2px 0px 6px 0px;
}
.comment-form {
    width: 455px;
    padding: 0px 15px;
    background-image: url(/images/blog/form-bg.png);
}
.comment-form-top {
    width: 485px;
    height: 15px;
    background: url(/images/blog/form-top.png) no-repeat bottom left;
}
.comment-form-bottom-holder {
    width: 485px;
}
.comment-form-bottom {
    width: 418px;
    height: 30px;
    background: url(/images/blog/form-bottom.png) no-repeat bottom left;
}
.comment-form-submit {
    width: 54px;
    height: 24px;
    float: right;
    padding-right: 13px;
    padding-top: 6px;
    text-align: right;
    color: white;
    background: url(/images/blog/form-bottom.png) no-repeat bottom right;
}
.comment-form-submit:hover {
    background-position: top right;
    text-shadow: #000 0px 1px 2px;
}
.comment-form-row {
    padding-bottom: 15px;
}
.comment-form-label {
    float: left;
    width: 77px;
    text-align: right;
    padding-right: 13px;
}
#comment-form-comments {
    width: 360px;
    margin-bottom: 10px;
}

/* Sidebar
***************************/
#sidebar {
    width:240px;
    float:right;
    margin:0 0 0;
    font-size:97%;
    position: relative;
}
#side-home {
    width: 60px; /* depends on thin-bar having 10px padding horizontally */
}
#side-home:hover {
    background-position: bottom left;
}
#side-rss {
    width: 60px; /* depends on thin-bar having 10px padding horizontally */
    position: absolute;
    top: 0px;
    left: 80px;
    text-align: center;
    background-position: top center;
}
#side-rss:hover {
    background-position: bottom center;
}
#side-archives {
    width: 60px; /* depends on thin-bar having 10px padding horizontally */
    position: absolute;
    top: 0px;
    left: 160px;
    background-position: right top;
    text-align: right;
}
#side-archives:hover {
    background-position: right bottom;
}

.side-subhead {
    height: 16px;
    padding: 7px 11px;
}

.side-section {
    display: block;
    height: 31px;
    padding: 7px 0px;
    background-image: url(/images/blog/right-nav-bg.png);
    text-shadow: #000 0px 1px 2px;
}
#side-adventures {
    background-position: left top;
}
#side-adventures:hover {
    background-position: right top;
}
#side-interfaces {
    background-position: left -15px;
}
#side-interfaces:hover {
    background-position: right -15px;
}
#side-widgets {
    background-position: left -15px;
}
#side-widgets:hover {
    background-position: right -15px;
}
#side-gallery {
    background-position: left bottom;
}
#side-gallery:hover {
    background-position: right bottom;
}

.side-icon {
    width: 44px;
    height: 39px;
    float: left;
    background-repeat: no-repeat;
    background-position: 6px 1px;
    padding: 0;
    margin: 0;
}
.icon-adventures-small {
    background-image: url(/images/icons/adventures-icon-32.png);
}
.icon-interfaces-small {
    background-image: url(/images/icons/interfaces-icon-32.png);
}
.icon-widgets-small {
    background-image: url(/images/icons/widgets-icon-32.png);
}
.icon-gallery-small {
    background-image: url(/images/icons/gallery-icon-32.png);
}
/* Side: Background changer
***************************/

#bg-changer-holder {
    position: relative;
}
.bg-changer {
    height: 14px;
    width: 14px;
    padding: 8px;
    background-position: top center;
}
.bg-changer:hover {
    background-position: bottom center;
}
.bg-changer img {
    height: 14px;
    width: 14px;
}
#bg-hilite {
    position: absolute;
    left: 0px;
    background-position: top left;
}
#bg-hilite:hover {
    background-position: bottom left;
}
#bg-shadow {
    position: absolute;
    left: 30px;
}
#bg-shag {
    position: absolute;
    left: 60px;
    padding-right: 7px;
}
#bg-blue {
    position: absolute;
    left: 90px;
}
#bg-green {
    position: absolute;
    left: 120px;
}
#bg-brown {
    position: absolute;
    left: 150px;
}
#bg-red {
    position: absolute;
    left: 180px;
}
#bg-violet {
    position: absolute;
    left: 210px;
    background-position: top right;
}
#bg-violet:hover {
    background-position: bottom right;
}
#bg-hilite img {
    background-image: url(/images/bg-hilite-icon.png);
}
#bg-shadow img {
    background-image: url(/images/bg-shadow-icon.png);
}
#bg-shag img {
    background-image: url(/images/bg-shag.png);
}
#bg-blue img {
    background-color: #132336;
}
#bg-green img {
    background-color: #195409;
}
#bg-brown img {
    background-color: #532c10;
}
#bg-red img {
    background-color: #750000;
}
#bg-violet img {
    background-color: #520842;
}

/* Footer
***************************/
.footer-part {
    display: block;
}
#next-prev-bar {
    position: relative;
    width: 485px;
    height: 30px; 
    font-size: 97%;
}
#footer-newer {
    position: absolute;
    width: 60px;
}
a#footer-newer:hover {
    background-position: bottom left;
}
#footer-newer-icon {
    float: left;
    width: 18px;
    height: 16px;
    background: url(/images/thin-arrow-left.png) no-repeat 0px 2px;
}
#footer-bblog {
    position: absolute;
    left: 80px;
    width: 305px;
    text-align: center;
    background-position: top center;
}
#footer-older {
    position: absolute;
    left: 405px;
    width: 60px;
    text-align: right;
    background-position: top right;
}
a#footer-older:hover {
    background-position: bottom right;
}
#footer-older-icon {
    float: right;
    width: 18px;
    height: 16px;
    background: url(/images/thin-arrow-right.png) no-repeat right 2px;
}