/*
    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;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	text-decoration:none; outline:none;
	margin:0;
}

.space {height:1em;}
.spacer {clear:both;}
.bold {font-weight:bold;}
.center {text-align:center;}
img {outline:none; border:none;}
.underline {text-decoration:underline;}

.caption {color:#666; font-size:0.85em; padding:4px; width:220px; line-height:1em; text-align:center;}
	.captionCentered {padding:4px; display:block;  font-size:0.85em; line-height:1em; text-align:center; color:#666;}

#container {width:819px; margin:0 auto; position:relative; height:235px;}

/* 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: Times New Roman, Arial, Helvetica, sans-serif;
	font-size:10px;
	width:370px;
	overflow:hidden;
}
#title h2 {color:#3f808a; font-size:20px; margin:0 0 2px;}
#title a, #title a:hover {color:#faea7e; text-decoration:none; outline:none;}

/* 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 blockquote {color:#5d5f53; padding:10px; margin:10px; border:3px solid #5d7800; background: #cbd48f url('http://billygirlardo.com/images/quote.gif') 25px 5px no-repeat; font-style:italic;}
	#content blockquote p {margin-bottom:0;}
		#content blockquote p a {color:#fff;}

	#content .col01 {float:left; padding-left:70px; width:475px; font-size:12px; line-height:20px;}
	#content .col01 .center {display:block; margin-left:auto; margin-right:auto;}
	#content .col01 .lg-sq-gra {margin-left:50px;}
	#content .col01 h3 {font-size:24px; line-height:28px; font-weight:normal; font-family: Times New Roman, Times, Georgia, Serif; margin:0;}
	#content .col01 h4 {font-size:18px; line-height:22px; font-weight:normal; font-family: Times New Roman, Times, Georgia, Serif; margin-bottom:.5em;}
	#content .col01 h3 a, #content .col01 h3 a:hover {color:#3f808a; text-decoration:none; outline:none;}
	#content .col01 .post {padding-bottom:5px;}
	#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;}
	#content .col01 .month {text-align:right; display:block; padding:6px 16px 6px 0; font-size:11px;}
	#content .col01 .day {text-align:right; display:block; padding:4px 16px 2px 0; font-size:18px; font-weight:bold;}
	#content .col01 .post-inner a {position:relative; outline:none; color:#3f808a; font-weight:strong;
 text-decoration:none;}
	#content .col01 .post-inner a:hover {background-color:#f1f0b8; text-decoration:none;}
	#content .col01 .post-inner a[href$=".pdf"] {background:transparent url(http://billygirlardo.com/images/pdf_icon.gif) no-repeat scroll right center; padding-right:16px;}
	#content .col01 .post-inner p {margin:5px;}
	#content .col01 .post-inner ul, #content .col01 .post-inner ol {margin-left:3em;}
		#content .col01 .post-inner li.inline {display:inline;}
	#content .col01 .post-inner sub {font-size:80%;}
	#content .col01 .post-inner .left {float:left; margin-right:5px;}
	#content .col01 .post-inner .right {float:right; margin-left:5px;}
	#content .col01 .post-inner .center {display:block; margin-left:auto; margin-right:auto;}
	#content .col01 .post-inner #vert-bq {float:right; width:115px; border:1px solid #BCB99E; margin-left:5px; padding:10px; font-style:italics;}
	#content .col01 .meta a, #content .col01 .meta a:hover {color:#3f808a; outline:none; text-decoration:none;}

#content .col02 {float:right; width:212px; font-size:11px; line-height:16px;}
	#content .col02 .recent-posts, #content .col02 #recent-comments {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:#3f808a; 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; outline:none; color:#fff; background:url(images/bullet-postit-on.gif) no-repeat 5px 8px #abbd45;}
	#content .col02 .postit-bottom, #content .col02 .recent-comments-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, #content .col02 .postit-bottom a:hover
#content .col02 .recent-comments-bottom a, #content .col02 .recent-comments-bottom a:hover {
	color:#3f808a;
	outline:none;
	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:#3f808a;
	margin:0 auto;
	display:block;
	width:170px;
	padding:4px 0 4px 25px;
	outline:none;
	text-decoration:none;
	background:url(images/bullet-note.gif) no-repeat 5px 8px;
}
#content .col02 .categories ul li a:hover {
	text-decoration:none; 
	outline:none;
	color:#3f808a;
	background:url(images/bullet-postit-on.gif) no-repeat 5px 8px #abbd45;
}
#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, #content .col02 .links ul li a:hover {
	color:#3f808a;
	margin:0 auto;
	display:block;
	width:212px;
	padding:6px 0;
	text-decoration:none; 
	outline:none;
}
#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, #content .col02 .side-meta ul li a:hover {
	color:#3f808a;
	margin:0 auto;
	display:block;
	width:212px;
	padding:2px 0;
	text-decoration:none; 
	outline:none;
}
#content .col02 .tags a {text-decoration:none; outline:none;}

/* 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, #footer-holder .txt a:hover {color:#3f808a; text-decoration:none; outline: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 .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;
	overflow:hidden;
	text-indent:-400px;
	text-decoration:none; outline:none;
	background:url(images/link-older.gif) no-repeat 0 0;
}
.previous a:hover {background:url(images/link-older.gif) no-repeat 0 -33px;}
.next a {
	float:right;
	width:93px;
	height:33px;
	overflow:hidden;
	text-indent:-400px;
	text-decoration:none; outline:none;
	background:url(images/link-newer.gif) no-repeat 0 0;
}
.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:5px 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;}