/*
    Theme Name: Notepad Chaos
    Theme URI: http://www.evaneckard.com/
    Description: Notepad Chaos is a wordpress theme by <a href="http://www.evaneckard.com">Evan Eckard</a>
    Version: 1.0
    Author: Evan Eckard
    Author URI: http://www.evaneckard.com/
*/


body {
   background:url(images/page-back.jpg) no-repeat top center #3f808a;
   margin:0;
   font-family: Tahoma, Arial, Helvetica, sans-serif;
}
#container {
   width:819px;
   margin:0 auto;
   position:relative;
   height:252px;
}

/* search form */

#search {
   position:absolute;
   text-align:right;
   width:250px;
   left:520px;
   top:10px;
   z-index:100;
}
#search form {
   padding:0;
   margin:0;
}
#search .txtField {
   border:1px solid #fff;
   width:138px;
   margin:0;
   padding:3px;
   font-family: Tahoma, Arial, Helvetica, sans-serif;
   font-size:12px;
   background:url(images/search-back.gif) transparent;
}
#search .btnSearch {
   border:1px solid #fff;
   color:#fff;
   margin:0;
   padding:2px;
   font-family: Tahoma, Arial, Helvetica, sans-serif;
   font-size:11px;
   background:url(images/btn-back.gif) transparent;
}


/* menu */

#menu-holder {
   position:absolute;
   top:43px;
   left:457px;
   width:319px;
   overflow:hidden;
}
#menu {
   width:319px;
   height:42px;
   margin:0;
   padding:0;
   position:relative;
}
#menu li {
   margin:0;
   padding:0;
   list-style:none;
   position:absolute;
   top:0;
}
#menu li, #menu a {
   height:42px;
   display:block;
}
#home {
   text-indent:-300em;
   overflow:hidden;
   left:0px;
   width:107px;
}
#about {
   text-indent:-300em;
   overflow:hidden;
   left:107px;
   width:107px;
}
#archives {
   text-indent:-300em;
   overflow:hidden;
   left:214px;
   width:106px;
}



#home a:hover {
   background:transparent url(images/menu.jpg) 0px 0px no-repeat;
}
#about a:hover {
   background:transparent url(images/menu.jpg) -107px 0px no-repeat;
}
#archives a:hover {
   background:transparent url(images/menu.jpg) -214px 0px no-repeat;
}


/* blog title */

#title {
   position:absolute;
   top:149px;
   left:76px;
   color:#fff;
   font-family: Tahoma, Arial, Helvetica, sans-serif;
   font-size:10px;
   width:370px;
   overflow:hidden;
}
#title h2 {
   color:#fff;
   font-size:20px;
   margin:0 0 2px;
}
#title a {
   color:#fff;
   text-decoration:none;
}
#title a:hover {
   color:#fff;
   text-decoration:none;
   border-bottom:1px solid #e7d8cf;
}


/* content */

#content {
   background:url(images/notepad-back.gif) repeat-y;
   width:764px;
   margin:0 auto;
   padding-right:55px;
}
#content blockquote {
   padding:0 0 0 30px;
   background:url(images/blockquote.gif) no-repeat 0 50%;
}
#content .col01 {
   float:left;
   padding-left:70px;
   width:425px;
   font-size:12px;
   line-height:20px;
}
#content .col01 h3 {
   font-size:24px;
   line-height:28px;
   font-weight:normal;
   font-family: Times New Roman, Times, Georgia, erif;
   margin:0;
   padding:0 0 10px;
   background:url(images/line.gif) repeat-x bottom;
}
#content .col01 h4 {
   font-size:18px;
   line-height:22px;
   font-weight:normal;
   font-family: Times New Roman, Times, Georgia, erif;
   margin:0;
   padding:0 0 16px;
   background:url(images/line.gif) repeat-x bottom;
}
#content .col01 h3 a {
   color:#000;
   text-decoration:none;
}
#content .col01 h3 a:hover {
   background-color:#f4f0db;
}
#content .col01 .post {
   padding-bottom:30px;
}
#content .col01 .thumbnail {
   float:right;
   margin:10px 0 10px 10px;
}
#content .col01 .meta {
   font-size:11px;
   text-align:right;
   background:url(images/line.gif) repeat-x;
   padding-top:8px;
}
#content .col01 .post-inner {
   position:relative;
}
#content .col01 .post-inner .date-tab {
   position:absolute;
   top:0px;
   left:-98px;
   height:64px;
   width:83px;
   background:url(images/date-tab.gif) no-repeat;
}
#content .col01 .thumbnail {
   float:right;
   margin:12px 0 12px 12px;
}
.month {
   text-align:right;
   display:block;
   padding:4px 16px 2px 0;
   font-size:11px;
}
.day {
   text-align:right;
   display:block;
   padding:6px 16px 6px 0;
   font-size:18px;
   font-weight:bold;
}
#content .col01 .post-inner a {
   color:#000;
   position:relative;
   text-decoration:none;
   border-bottom:1px solid #868585;
   background:#f4f0db;
}
#content .col01 .post-inner a:hover {
   color:#000;
   text-decoration:none;
   border-bottom:1px solid #000;
   background:#fffbc1;
}
#content .col01 .meta a {
   color:#000;
   text-decoration:none;
   border-bottom:1px solid #868585;
}
#content .col01 .meta a:hover {
   color:#000;
   text-decoration:none;
   border-style:none;
}


#content .col02 {
   float:right;
   width:212px;
   font-size:11px;
   line-height:16px;
}
#content .col02 .recent-posts {
   width:212px;
   background:url(images/postitBack.gif) repeat-y;
}
#content .col02 .recent-posts ul {
   padding:0;
   margin:0;
}
#content .col02 .recent-posts ul li {
   font-size:11px;
   line-height:18px;
   list-style:none;
   padding:0;
   margin:0;
}
#content .col02 .recent-posts ul li .listMeta {
   font-size:10px;
}
#content .col02 .recent-posts ul li a {
   color:#21565E;
   border-top:1px solid #ffffbe;
   display:block;
   width:170px;
   margin:0 auto;
   padding:4px 0 4px 25px;
   background:url(images/bullet-postit.gif) no-repeat 5px 8px;
}
#content .col02 .recent-posts ul li a:hover {
   text-decoration:none;
   color:#000;
   background:url(images/bullet-postit-on.gif) no-repeat 5px 8px #ff5092;
}
#content .col02 .postit-bottom {
   width:188px;
   height:62px;
   background:url(images/postit-bottom.gif) no-repeat;
   padding:12px 12px 0;
   font-size:11px;
   text-align:right;
}
#content .col02 .postit-bottom a {
   color:#21565E;
}
#content .col02 .postit-bottom a:hover {
   color:#21565E;
   text-decoration:none;
}

#content .col02 .categories-upper {
   height:124px;
   background:url(images/categories-upper.gif) no-repeat;
}
#content .col02 .categories {
   background:url(images/categories-back.gif) repeat-y;
}
#content .col02 .categories ul {
   margin:0;
   padding:0;
}
#content .col02 .categories ul li {
   font-size:11px;
   line-height:18px;
   list-style:none;
}
#content .col02 .categories ul li a {
   color:#21565E;
   margin:0 auto;
   display:block;
   width:170px;
   padding:4px 0 4px 25px;
   background:url(images/bullet-note.gif) no-repeat 5px 8px;
}
#content .col02 .categories ul li a:hover {
   text-decoration:none;
   color:#000;
   background:url(images/bullet-postit-on.gif) no-repeat 5px 8px #ff5092;
}
#content .col02 .categories-btm {
   height:68px;
   background:url(images/categories-btm.gif) no-repeat;
}


#content .col02 .links {
   background:url(images/txt-friends-links.gif) no-repeat 50% 8px;
   padding-top:20px;
}
#content .col02 .links ul {
   margin:0 0 20px;
   padding:0;
}
#content .col02 .links ul li {
   font-size:11px;
   line-height:18px;
   list-style:none;
   background:url(images/line-inner.gif) no-repeat bottom;
}
#content .col02 .links ul li a {
   color:#21565E;
   margin:0 auto;
   display:block;
   width:212px;
   padding:6px 0;
}
#content .col02 .links ul li a:hover {
   text-decoration:none;
   color:#000;
}

#content .col02 .side-meta {
   background:url(images/txt-misc-debris.gif) no-repeat top right;
}
#content .col02 .side-meta ul {
   margin:10px 0;
   padding:0;
}
#content .col02 .side-meta ul li {
   font-size:10px;
   line-height:14px;
   list-style:none;
}
#content .col02 .side-meta ul li a {
   color:#21565E;
   margin:0 auto;
   display:block;
   width:212px;
   padding:2px 0;
}
#content .col02 .side-meta ul li a:hover {
   text-decoration:none;
   color:#000;
}


/* footer */

#footer-holder {
   width:819px;
   margin:0 auto;
   position:relative;
}
#footer-holder .footer {
   width:932px;
   height:300px;
   position:absolute;
   top:0px;
   left:-54px;
   background:url(images/footer.jpg) no-repeat;
   z-index:100;
}
#footer-holder .txt a {
   color:#000;
}
#footer-holder .txt a:hover {
   color:#000;
   text-decoration:none;
}
#footer-holder .txt {
   width:480px;
   position:absolute;
   top:116px;
   left:186px;
   font-size:11px;
   line-height:16px;
   color:#000;
   z-index:105;
   height:60px;
   overflow:hidden;
}
#footer-holder .smashing a {
   width:66px;
   height:61px;
   position:absolute;
   top:160px;
   left:709px;
   font-size:11px;
   text-indent:-400px;
   z-index:102;
   overflow:hidden;
   background:url(images/logo-smashing.gif) no-repeat 0 0;
}
#footer-holder .smashing a:hover {
   background:url(images/logo-smashing.gif) no-repeat 0 -61px;
}
#footer-holder .rss a {
   width:55px;
   height:55px;
   position:absolute;
   top:165px;
   left:130px;
   font-size:11px;
   text-indent:-400px;
   z-index:103;
   overflow:hidden;
   background:url(images/icon-rss.gif) no-repeat 0 0;
}


/* next previous */

.previous a {
   float:left;
   width:93px;
   height:33px;
   text-indent:-400px;
   background:url(images/link-older.gif) no-repeat 0 0;
   overflow:hidden;
}
.previous a:hover {
   background:url(images/link-older.gif) no-repeat 0 -33px;
}
.next a {
   float:right;
   width:93px;
   height:33px;
   text-indent:-400px;
   background:url(images/link-newer.gif) no-repeat 0 0;
   overflow:hidden;
}
.next a:hover {
   background:url(images/link-newer.gif) no-repeat 0 -33px;
}


/* comment styles */

.comments, .name, .email, .website, .txt-email-sub, .txt-website-example {
   display:block;
   text-indent:-800px;
   font-size:10px;
   overflow:hidden;
   margin:0;
   padding:0;
}
.comments {
   height:27px;
   background:url(images/txt-your-comment.gif) no-repeat;
}
.name, .email, .website {
   width:80px;
   float:left;
   margin-right:12px;
   clear:left;
}
.name {
   height:30px;
   background:url(images/txt-name.gif) no-repeat top right;
}
.email {
   height:30px;
   background:url(images/txt-email.gif) no-repeat top right;
}
.website {
   height:30px;
   background:url(images/txt-website.gif) no-repeat top right;
}
.txt-email-sub {
   height:20px;
   background:url(images/txt-email-sub.gif) no-repeat 90px 0;
   clear:both;
}
.txt-website-example {
   height:20px;
   background:url(images/txt-site-example.gif) no-repeat 90px 0;
   clear:both;
}
#commentform {
   padding:0;
   margin:0;
}
#commentform .comment-field {
   border:1px solid #939393;
   width:320px;
   margin:0;
   padding:3px;
   font-family: Tahoma, Arial, Helvetica, sans-serif;
   font-size:12px;
   background:#fff;
   float:left;
}
#commentform .comment-box {
   border:1px solid #939393;
   width:425px;
   margin:0 0 10px;
   padding:3px;
   font-family: Tahoma, Arial, Helvetica, sans-serif;
   font-size:12px;
   background:#fff;
}
#commentform .btnComment {
   border:1px solid #fff;
   color:#fff;
   margin:0;
   padding:2px;
   font-family: Tahoma, Arial, Helvetica, sans-serif;
   font-size:14px;
   background:url(images/btn-back.gif) transparent;
   float:left;
   clear:left;
}


/* comment list */

.commentlist {
   margin:20px 0;
   padding:0;
}
.commentlist li {
   padding:12px 0;
   background:url(images/line-inner.gif) no-repeat bottom;
   font-size:12px;
   line-height:20px;
   list-style:none;
}
.commentlist li a {
   color:#000;
   position:relative;
   text-decoration:none;
   border-bottom:1px solid #868585;
   background:#f4f0db;
}
.commentlist li a:hover {
   color:#000;
   text-decoration:none;
   border-bottom:1px solid #000;
   background:#fffbc1;
}
.commentdate {
   display:block;
   padding:0 0 6px;
   font-size:10px;
}
.commentlist li cite {
   font-weight:bold;
   font-style:normal;
}