/* Theme Name: Notepad Chaos Theme URI: http://www.evaneckard.com/pages/themes.php Description: Notepad Chaos is a wordpress theme by Evan Eckard Version: 1.5 Author: Evan Eckard Author URI: http://www.evaneckard.com/ */ /*************LAYOUT STRUCTURE ********************/ html {margin:0; padding:0;} body {margin:0px; padding:0px;background: #577722;font-family: Verdana, Arial, Helvetica, sans-serif;font-size:62.5%; } .page-container{width:1000px;background:url(images/page-back.jpg) no-repeat; margin:0px auto;} #container {width:1000px; margin:0px; padding:0px; overflow:hidden !important /*Firefox*/; overflow:hidden /*IE6*/;height:200px;} #content {background:url(images/notepad-back.gif) repeat-y;width:998px; margin:0px 0 0 0px; padding-top:0px; padding-bottom:0px; border:0px; overflow:hidden !important /*Firefox*/; overflow:hidden /*IE6*/;} #content .col01 {display:inline; /*Fix IE floating margin bug*/; float:left; width:550px; margin:0px 0 0 115px; overflow:visible !important /*Non-IE6*/; overflow:hidden /*IE6*/; font-size:120%; font-family: Verdana, Arial, Helvetica, sans-serif; line-height:1.4em;} #content .col02 {display:inline /*Fix IE floating margin bug*/; float:left; width:212px; margin:0px 0px 0px 38px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;} p{font-size:100%;line-height:130%;} /***************HEADER ******************************/ /* search form in header*/ #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: Verdana, Arial, Helvetica, sans-serif; font-size:120%;background:url(images/search-back.gif) transparent;} #search .btnSearch { border:1px solid #fff; color:#fff; margin:0; padding:2px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:110%; background:url(images/btn-back.gif) transparent;} /* menu */ #menu-holder { margin-top:0px; margin-left:0px; width:1000px; overflow:hidden;} #menu {position:absolute; width:310px; height:68px;margin:0px 0 0 640px;background: url(images/menu-off.png) no-repeat 0 0;} #menu ul {position:absolute;padding:0 0 0 0px; list-style:none; width:310px;} #menu li {display:inline; list-style:none;} /*used for website link*******/ #home a{position:absolute; margin-top:0px; margin-left:-40px !important /*Non-IE6*/; margin-left:0px /*IE6*/; width:119px; height:68px;text-indent:-400px;overflow:hidden;} #home a:hover {width:119px;background: url(images/menu-website-over.png) no-repeat;overflow:hidden;} #about a{position:absolute; margin-top:0px; margin-left:79px !important /*Non-IE6*/; margin-left:119px /*IE6*/; width:88px; height:68px;text-indent:-400px;overflow:hidden;} #about a:hover {width:88px;background: url(images/menu-about-over.png) no-repeat;overflow:hidden;} #archives a{position:absolute; margin-top:0px; margin-left:167px !important /*Non-IE6*/;margin-left:207px/*IE6*/; width:119px; height:68px;text-indent:-400px;overflow:hidden;} #archives a:hover {width:119px;background: url(images/menu-event-calendar-over.png) no-repeat; overflow:hidden;} /* blog title */ #title {position:relative; top:60px; left:95px; color:#fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:120%; width:500px;} #title h2 { color:#fff; font-size:20px; margin:0 0 0 0px; padding:0 0 0 0px;} #title p{font-size:10px;font-weight:bold; margin:2px 0 0 0px;} #title a { color:#fff; text-decoration:none;} #title a:hover {color:#fff; text-decoration:none;border-bottom:1px solid #e7d8cf;} /* content COL01 *********************************/ #content .col01 h1{font-size:160%; line-height:170%; font-family:georgia, times new roman, times, serif; color:#007236; margin:0; padding:0px 0 0px 60px;background:url(images/sep-leaves.gif) no-repeat bottom;} #content .col01 h2{font-size:150%; line-height:160%; font-family:georgia, times new roman, times, serif; color:#007236; margin:0; padding:0px 0 0px 60px;background:url(images/sep-leaves.gif) no-repeat bottom;} #content .col01 h3 {font-size:140%; line-height:160%; font-weight:bold; font-family:georgia, times new roman, times, serif; color:#007236; margin:0; padding:0px 0 0px 60px; background:url(images/sep-leaves.gif) no-repeat left bottom;} /***for page only**/ #content .col01 h3.pghead {font-size:140%; line-height:160%; font-weight:bold; font-family:georgia, times new roman, times, serif; color:#007236; margin:0; padding:0px 0 0px 60px;border-bottom:1px solid #5a3c31; background:url(images/sep-leaves2.gif) no-repeat left bottom;} #content .col01 h3.red {font-size:140%; line-height:160%; font-weight:bold; font-family:georgia, times new roman, times, serif; color:#f00; margin:0; padding:0px 0 0px 60px;border-bottom:1px solid #ff0000; background:none;} #content .col01 h3 a {color:#007236; text-decoration:none;} #content .col01 h3 a:hover {color:#0000ff; background-color:#E5F2FF; text-decoration:none;} #content .col01 h4 {font-size:120%; font-weight:bold;text-decoration:underline; font-family: Verdana, Arial, sans-serif; margin:0; color:#007236;} #content .col01 h5 {font-size:110%; font-weight:bold;text-decoration:underline; font-family: Verdana, Arial, sans-serif; margin:0; color:#007236;} #content .col01 h6 {font-size:100%; font-weight:bold;text-decoration:underline; font-family: Verdana, Arial, sans-serif; margin:0; color:#007236;} #content .cat-title {font-size:140%; font-weight:normal; font-family: Verdana, Arial, sans-serif; color:#7A462E; margin:0 0 20px; padding:0 0 10px; background:url(images/line.gif) repeat-x bottom;} #content .col01 .post { padding-bottom:30px;} #content blockquote {padding:5px; display:block; background:#FDE7E9;color:#7A462E; text-align:center;font-weight:bold;border:2px double #7A462E;font-family: Verdana, Arial, sans-serif;} /*#content .col01 .thumbnail { float:right;margin:10px 0 10px 10px;}*/ /*#content .col01 .thumbnail {float:left; margin:0px 12px 0px 0px;}*/ #content .col01 .meta { font-size:80%; 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; float:left; top:0px; left:-98px; height:64px; width:83px; background:url(images/date-tab.gif) no-repeat;} /*handling of all photos inside a post************************/ .alignnone {clear:both; float:left; margin:1em 10px 1em 0px; padding:5px 5px 5px 5px; border:1px solid #A98178;font-size:100%;text-align:center;color:#A98178;} .alignleft {clear:both; float:left; margin:1em 10px 1em 0px; padding:5px 5px 5px 5px; border:1px solid #A98178;font-size:100%;text-align:center;color:#A98178;} .aligncenter {clear:both; float:none; display:block; margin:1em auto; padding:5px 5px 5px 5px; border:1px solid #A98178;font-size:100%;text-align:center;color:#A98178;} .alignright {clear:left; float:right; margin:1em 0px 1em 10px; padding:5px 5px 5px 5px; border:1px solid #A98178;font-size:100%;text-align:center;color:#A98178;} .wp-caption.alignnone {clear:both; float:left; margin:1em 10px 1em 0px; padding:7px 3px 0px 3px; border:1px solid #A98178;font-size:100%;text-align:center;color:#A98178;} .wp-caption.alignleft {clear:both; float:left; margin:1em 10px 1em 0px; padding:7px 3px 0px 3px; border:1px solid #A98178;font-size:100%;text-align:center;color:#A98178;} .wp-caption.aligncenter {clear:both; float:none; display:block; margin:10px auto; padding:7px 3px 0px 3px; border:1px solid #A98178;font-size:100%;text-align:center;color:#A98178;} .wp-caption.alignright {clear:left; float:right; margin:1em 0px 1em 10px; padding:7px 3px 0px 3px; border:1px solid #A98178;font-size:100%;text-align:center;color:#A98178;} /*#content .col01 .wp-caption-text{display:block; font-size:100%;text-align:center;padding:0 0px; margin:0 0px 0 0px;color:#ff0000;border:0px solid #A98178;overflow:visible;}*/ .month {text-align:right; display:block; padding:6px 16px 6px 0; font-size:110%;} .day {text-align:right; display:block; padding:8px 16px 2px 0; font-size:140%; font-weight:bold;} #content .col01 .post-inner a { color:#000; position:relative; text-decoration:none; border-bottom:1px solid #868585; background:#DDF1DD;} #content .col01 .post-inner a:hover { color:#000; text-decoration:none; border-bottom:1px solid #00F; background:#E5F2FF;} #content .col01 .meta a { color:#000; text-decoration:none; border-bottom:1px solid #CCC;} #content .col01 .meta a:hover { color:#0000FF; text-decoration:underline; border-style:none; background:#E5F2FF;} /***CONTENT***col02 sidebar ***************************/ #content .col02 h4 { margin:5px 0 4px 0px; font-size:110%; line-height:140%; color:#007236;} #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:110%; line-height:180%; 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:#FFF; background:url(images/bullet-postit-on.gif) no-repeat 5px 8px #00F;} #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; padding-bottom:30px;} #content .col02 .categories ul li { font-size:110%; line-height:180%; 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:#FFF; background:url(images/bullet-postit-on.gif) no-repeat 5px 8px #00F;} #content .col02 .categories-btm { height:68px; background:url(images/categories-btm.gif) no-repeat;padding-bottom:20px;} #content .col02 .links {overflow:hidden;} #content .col02 .links ul {margin:0px; font-size:120%; line-height:180%;} #content .col02 .links ul li a {color:#21565E; display:block; width:212px; padding: 0px;padding-top:8px;} #content .col02 .links ul li a:hover {background:#E5F2FF; color:#00F; text-decoration:underline;} /**********************friends and links***********************/ #content .col02 .side-meta {background:url(images/txt-friends-links.gif) no-repeat 0% 0px;padding-top:20px;width:212px;overflow:hidden;} /*pic for side meta background:url(images/txt-misc-debris.gif) no-repeat top right;*/ #content .col02 .side-meta ul {margin:0px; padding-top:15px; padding-bottom:5px; background:url(images/line-inner.gif) no-repeat bottom; width:212px;} #content .col02 .side-meta ul li {font-size:120%; margin-left:10px;padding:0 0 5px 0px;color:#007236;} #content .col02 .side-meta ul li a {color:#007236; display:block; width:212px; padding:0px 0 0px 0px; margin-left:10px;} #content .col02 .side-meta ul li a:hover {background:#E5F2FF; color:#00F; text-decoration:underline; margin-left:10px;} /***************** dynamic sidebar ******************************/ #content .dynamic-sidebar { font-size:120%; line-height:140%; display:block; padding:12px 0 0 0px;} #content .dynamic-sidebar .widget {margin:0 0 0px 0px !important /*Non-IE6*/; margin:0 0 0px 0px /*IE6*/;font-size:100%; line-height:120%; padding-bottom:5px; background:url(images/line-inner.gif) no-repeat bottom;} /*********todays-events on calendar*********/ #content .dynamic-sidebar #todays-events ul {margin:0 0 0px 0px !important /*Non-IE6*/; margin:0 0 0px 20px /*IE6*/;font-size:100%; line-height:120%; list-style:disc; padding-bottom:5px;} #content .dynamic-sidebar #todays-events li { color:#007236; margin:0 0 0 15px; padding-left:0px; font-size:100%; line-height:120%; list-style:disc;} #content .dynamic-sidebar #todays-events li a{ color:#007236; text-decoration:underline;} #content .dynamic-sidebar #todays-events li a:hover{ color:#0000ff; background:#E5F2FF;} /*********upcoming events on calendar*********/ #content .dynamic-sidebar #upcoming-events ul {margin:0 0 0px 0px !important /*Non-IE6*/; margin:0 0 0px 20px /*IE6*/;font-size:100%; line-height:120%; list-style:disc; padding-bottom:5px;} #content .dynamic-sidebar #upcoming-events li {color:#007236; margin:0 0 0 15px; padding-left:0px; font-size:100%; line-height:120%; list-style:disc;} #content .dynamic-sidebar #upcoming-events li a{color:#007236; text-decoration:underline;} #content .dynamic-sidebar #upcoming-events li a:hover{ color:#0000ff;background:#E5F2FF;} /*********textwidget*********/ #content .dynamic-sidebar .widget_text .textwidget p {font-size:90%;padding:0px;color:#007236;} #content .dynamic-sidebar .widget_text .textwidget ul {margin:0 0 0px 0px !important /*Non-IE6*/; margin:0 0 0px 15px /*IE6*/;list-style:disc;padding-bottom:5px;font-size:90%;} #content .dynamic-sidebar .widget_text .textwidget li {margin:0 0 0px -25px !important /*Non-IE6*/; margin:0 0 0px 0px /*IE6*/; color:#FF0000; padding-left:0px; padding-bottom:5px; list-style:disc;} #content .dynamic-sidebar .widget_text .textwidget li a{color:#007236; text-decoration:underline;} #content .dynamic-sidebar .widget_text .textwidget li a:hover{ color:#0000ff; background:#E5F2FF;} /*************widget_archive******************/ #content .dynamic-sidebar .widget_archive {font-size:90%;padding:0px;color:#007236;} #content .dynamic-sidebar .widget_archive ul {margin:0 0 0px 0px !important /*Non-IE6*/; margin:0 0 0px 15px /*IE6*/;font-size:90%;list-style:disc;padding-bottom:5px;} #content .dynamic-sidebar .widget_archive li {margin:0 0 0px -25px !important /*Non-IE6*/; margin:0 0 0px 0px /*IE6*/; color:#007236; padding-left:0px; padding-bottom:5px; list-style:disc;} #content .dynamic-sidebar .widget_archive li a{color:#007236; text-decoration:underline;} #content .dynamic-sidebar .widget_archive li a:hover{color:#0000ff; background:#E5F2FF;} /* comment styles ****************************************/ .comments, .name, .email, .website, .txt-email-sub, .txt-website-example { display:block; text-indent:-800px; font-size:100%; overflow:hidden; margin:0; padding:0;} .comments { height:27px; background:url(images/txt-your-comment.gif) no-repeat;} .avatar {display:inline /*Fix IE floating margin bug*/; float:left; clear:left;} .comment-txt { width:500px; float:right; clear:right;} .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: Verdana, Arial, Helvetica, sans-serif; font-size:120%; background:#fff; float:left;} #commentform .comment-box { border:1px solid #939393; width:425px; margin:0 0 10px; padding:3px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:120%; background:#fff;} #commentform .btnComment { border:1px solid #fff; color:#fff; margin:0; padding:2px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:120%; 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:110%; line-height:180%; list-style:none;} .commentlist li a { color:#000; position:relative; text-decoration:none; border-bottom:1px solid #868585; background:#DDF1DD;} .commentlist li a:hover {color:#00F; text-decoration:none; border-bottom:1px solid #000; background:#E5F2FF;} .commentdate {display:block; padding:0 0 6px; font-size:80%;} .commentlist li cite { font-weight:bold; font-style:normal;} #content .col01 a.more-link {background:#DDF1DD;font-size:90%;text-decoration:none;border-bottom:1px solid #00f; } #content .col01 .more-link a:hover{background:#E5F2FF;font-size:90%;text-decoration:none;border-bottom:1px solid #00f; color:#00F;} /*********calendar page****************/ #content .col01 .calendar-table{width:795px;} /********************* calendar of events***************************/ #content .col02 #calendar-3 h4{color:#FFF;display:block;width:212px;margin:3px auto;text-align:center;background: #007236;font-size:120%;line-height:180%;} #content .col02 #calendar-3 table{width:190px;margin:0px auto;background:#ffff00;} #content .col02 #todays-events h4{color:#FFF;display:block;width:212px;margin:3px auto;text-align:center;background: #F0F;font-size:120%;line-height:180%;text-decoration:blink;} #content .col02 #todays-events ul{width:212px;margin:0px;padding:0px;list-style-type:none;color:#007236;margin:0px; 0px;} /*for the days date in the side calendar****/ #content .col02 #todays-events ul li{padding-bottom:6px;font-variant:small-caps;font-weight:bold;list-style-type:disc;} #content .col02 #upcoming-events h4{color:#FFF;display:block;width:212px;margin:3px auto;text-align:center;background: #F00;font-size:120%;line-height:180%;} #content .col02 #upcoming-events ul{width:212px;margin:0px;padding:0px;list-style-type:none;color:#007236;margin:0px; 0px;} /*for the days date in the side calendar****/ #content .col02 #upcoming-events ul li{padding-bottom:6px;font-variant:small-caps;font-weight:bold;list-style-type:disc;} /*** for the actual event in the side calendar**/ #content .col02 #upcoming-events ul ul {list-style:disc;color:#0000ff;margin:0px; 0px;width:205px;overflow:hidden;font-size:100%;} /*** for the actual event in the side calendar includes the date portion next to the event title **/ #content .col02 #upcoming-events ul ul li{margin:0px; 0px;list-style:disc;font-size:90%;font-variant:normal;font-weight:normal;color:#007236;padding-right:5px;overflow:hidden;} #content .col02 #upcoming-events ul ul li a{font-variant:normal;color:#0000FF;font-size:90%; text-decoration:none;} /* this is the name of the event in the side calendar**/ #content .col02 #upcoming-events span.calnk{color:#ff0000;background:#ffff00;overflow:visible;font-size:100%;} /************* calendar page ************************/ /*#content .col01 .calendar-table table{width:550px;background:#ffcccc;}*/ /*#content .col01 .calendar-table td{width:550px;background:#ffcccc;}*/ #content .col01 .calendar-table span.event{background: #ffff00;} #content .col01 .calendar-table .day-with-date{border:1px solid: #00ff00;} /* 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;} /*********************gallery*****************/ #gallery-1 {margin: 0;width: 550px; padding:30px 0 0 0px;height:auto;} #gallery-1 .gallery-item {display:inline /*Fix IE floating margin bug*/; float: left;margin-top: 10px; text-align: left; } #gallery-1 img {border: 2px solid #cfcfcf;} #gallery-1 .gallery-caption {margin-left: 0;padding:0px; text-align: center; } /**************** footer ****************************/ #footer-holder {clear:both; width:1000px;margin:0px; padding:0px;height:300px;background:url(images/footer.jpg) no-repeat;overflow:hidden !important /*Firefox*/; overflow:hidden /*IE6*/;} p.toppage{margin-top:125px;margin-left:400px;} /*#footer-holder .footer {width:1000px;height:300px;margin:0px;} MAYBE REDUNDANT*/ #footer-holder .txt {position:absolute; width:575px;height:65px;margin-left:265px; margin-top:30px !important /*Non-IE6*/; margin-top:30px ! /*IE6*/;font-size:120%;line-height:1.6em;text-align:center; color:#FFF;overflow:hidden !important /*Firefox*/; overflow:hidden /*IE6*/;} #footer-holder .txt a { color:#fff; text-weight:bold; text-decoration:underline;} #footer-holder .txt a:hover {color:#0000FF; background:#E5F2FF; text-decoration:underline;} /*****************used for signup newletter block at bottom ********/ #footer-holder .smashing a {z-index:110; position:absolute; margin-top:50px;margin-left:775px; width:130px; height:114px; text-indent:-400px; background:url(images/signup-news-off.png) no-repeat 0px 0px;overflow:hidden;} #footer-holder .smashing a:hover {background:url(images/signup-news.png) no-repeat 0px 0px;overflow:hidden;} #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;}