/*



    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 #834c2f;



	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:0px solid #fff;
	width:136px;
	margin-bottom:2px;
	padding:3px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	background:url(images/search-back.gif) transparent;



}



#search .btnSearch {


	border:0px 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;



	



}



#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;



	



}



#content .col01 h3 a {
	color:#000;
	text-decoration:none;
}



#content .col01 h3 a:hover {
	background-color:#f4f0db;

}



#content .col01 .post {

	padding-bottom:30px;
	text-decoration:none;
}



#content .col01 .thumbnail {

	float:right;
	margin:10px 0 10px 10px;
}



#content .col01 .meta {

	font-size:11px;
	text-align:right;
	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:6px 16px 6px 0;



	font-size:11px;



}



.day {



	text-align:right;



	display:block;



	padding:4px 16px 2px 0;



	font-size:18px;



	font-weight:bold;



}



#content .col01 .post-inner a {



	color:#000;
	position:relative;

	text-decoration:none;
	background:#f4f0db;



}



#content .col01 .post-inner a:hover {

	color:#000;
	text-decoration:none;
	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;

	text-decoration:none;

	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 #b87c58;



}



#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 {

	text-decoration:none;

	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;

	text-decoration:none;

	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 #b87c58;



}



#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;

	text-decoration:none;

	padding:0;



}



#content .col02 .links ul li {



	font-size:11px;

	text-decoration:none;

	line-height:18px;



	list-style:none;



	background:url(images/line-inner.gif) no-repeat bottom;



}



#content .col02 .links ul li a {



	color:#21565E;

	text-decoration:none;

	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;

	text-decoration:none;

	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 {

	text-decoration:none;

	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;

	text-decoration:none;

	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 {

	text-decoration:none;

	background:url(images/logo-smashing.gif) no-repeat 0 -61px;



}



#footer-holder .rss a {



	width:55px;

	text-decoration:none;

	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;

	text-decoration:none;

	width:93px;



	height:33px;



	text-indent:-400px;



	background:url(images/link-older.gif) no-repeat 0 0;



	overflow:hidden;



}



.previous a:hover {

	text-decoration:none;

	background:url(images/link-older.gif) no-repeat 0 -33px;



}



.next a {



	float:right;

	text-decoration:none;

	width:93px;



	height:33px;



	text-indent:-400px;



	background:url(images/link-newer.gif) no-repeat 0 0;



	overflow:hidden;



}



.next a:hover {

	text-decoration:none;

	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;



}