/*
Theme Name: Notepad Chaos Accessible
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.5
Author: Evan Eckard (original)
Author URI: http://www.evaneckard.com/
Tags: aqua colour, fixed width, two columns, widgets, accessible
	 
Design updated by Russ Weakley for accessibility
XHTML/CSS rewritten by David McDonald for accessibility
http://www.davidmcdonald.org
	 
*/


*{
	margin: 0;
	padding: 0;
}

html{
	font-size: 81.25%;
}

body{
	min-width: 841px;
	font: 1em/1.25 Arial, Helvetica, sans-serif;
	color: #000;
	background: #3F808A url(images/bgTop.jpg) no-repeat scroll center top;
}

/* global styles */

fieldset{
	border: none;
}

a:link{
	color: #305e65
}

a:visited{
	color: #965233;
}

#content a:hover{
	background: #f6fcae;
}

a img{
	border: none;
}

p.skiplink, .struct{
	position: absolute;
	left: -5600px;
}

/* containers */

#container{
	float: left;
	width: 100%;
	padding-bottom: 25px;
	background: url(images/bgBottom.jpg) no-repeat bottom;
}

#containertwo{
	width: 841px;
	margin: 0 auto;
}

#containerthree{
	float: left;
	width: 100%;
	padding-top: 57px;
	background: url(images/bgPageTop.png) no-repeat top;
}

#containerthree .bottom{
	float: left;
	padding-bottom: 119px;
	background: url(images/bgPageBottom.png) no-repeat bottom;
}

#containerthree .middle{
	float: left;
	width: 736px;
	padding: 0 29px 0 76px;
	background: url(images/bgPageMiddle.png) repeat-y;
}

#content{
	float: left;
	width: 495px;
}

#columna{
	float: right;
	width: 213px;
}

#nav{
	float: left;
	width: 100%;
	position: relative;
	margin-top: -75px;
	padding-top: 63px;
	background: url(images/bgNavTop.png) no-repeat top;
}

#containerthree #nav .bottom{
	padding-bottom: 72px;
	background: url(images/bgNavBottom.png) no-repeat bottom;
}

#containerthree #nav .middle{
	width: 182px;
	padding: 0 15px;
	background: url(images/bgNavMiddle.png) repeat-y;
}

#sidebar{
	float: left;
	width: 100%;
}

#containerthree #sidebar .top{
	float: left;
	width: 100%;
	position: relative;
	margin-bottom: 1em;
	padding-top: 72px;
	background: url(images/bgRecentsTop.png) no-repeat top;
}

#containerthree #sidebar .bottom{
	padding-bottom: 72px;
	background: url(images/bgRecentsBottom.png) no-repeat bottom;
}

#containerthree #sidebar .middle{
	width: 182px;
	padding: 0 15px;
	background: url(images/bgRecentsMiddle.png) repeat-y;
}

#sidebar li{
	float: left;
	width: 100%;
}

#searchform{
	float: right;
	width: 20em;
	padding-left: 65px;
	font: normal 1.1em Georgia, "Times New Roman", Times, serif;
	background: url(images/bgSearchLeft.png) no-repeat top left;
}

#welcome{
	float: left;
	margin: -1.5em 0 2em 0;
}

#footer{
	float: right;
	width: 43em;
	position: relative;
	margin-right: 1em;
	padding: 0 0 0 108px;
	background: url(images/bgFooterLeft.png) no-repeat top left;
}

#footer .middle{
	float: left;	
	width: 100%;
	background: url(images/bgFooterMiddle.png) repeat-x top;
}

#footer .right{
	float: right;
	padding-bottom: 70px;
	background: url(images/bgFooterRight.png) no-repeat top right;
}

/* search styles */

#searchform form{
	float: left;
	background: url(images/bgSearchMiddle.png) repeat-x top;
}

#searchform fieldset{
	float: right;
	margin: 0;
	padding: 5px 1em 2.7em 0;
	background: url(images/bgSearchRight.png) no-repeat top right;
}

#searchform label{
	float: left;
	width: 120%;
	position: relative;
	left: -45px;
	margin: 0;
	color: #620D0D;
}

#searchform label span{
	float: left;
	line-height: 1.75em;
	margin-right: 1em;
	font-weight: bold;
}

#searchform input#s{
	float: left;
	width: 12.5em;
	margin-right: 0.5em;
	padding: 1px;
	font-size: 1.1em;
	border: 1px solid #686868;
}

#searchform input#searchsubmit{
	padding: 1.5px;
	font: bold 1.1em Georgia, "Times New Roman", Times, serif;
	color: #fff;
	background: #686868;
	border: none;
}

/* blog title styles */

#title{
	float: left;
	width: 446px;
	margin: 60px 0 -3px 34px;
	padding-top: 39px;
	background: url(images/bgTitleTop.png) no-repeat top left;
}

#title .bottom{
	float: left;
	width: 100%;
	padding-bottom: 10px;
	background: url(images/bgTitleBottom.png) no-repeat bottom left;
}

#title .middle{
	float: left;
	width: 406px;
	padding: 0 0 0 40px;
	background: url(images/bgTitleMiddle.png) repeat-y top left;
}

#title h1{
	padding-left: 5px;
	font: bold 2.1em Georgia, "Times New Roman", Times, serif;
}

#title h1 a{
	color: #fff;
	text-decoration: none;
}

#title p{
	padding-left: 5px;
	color: #fff;
	font-size: 1.1em;
	font-weight: normal;
}

/* nav styles */

#nav h3{
	position: absolute;
	top: 20px;
	left: 50px;
	font: normal 1.6em Georgia, "Times New Roman", Times, serif;
}

#nav ul{
	list-style: none;
}

#nav li{
	border-top: 1px solid #F7F2D1;
}

#nav li a{
	display: block;
	padding: 2px 5px 2px 20px;
	color: #000;
	font-size: 1.1em;
	text-decoration: none;
	background: url(images/bgNavBullet.gif) no-repeat left;
}

#nav li a:hover, #nav li.current_page_item a{
	background: #E2D68F url(images/bgNavBulletHover.gif) no-repeat left;
}

#nav ul ul li a{
	padding: 2px 5px 2px 34px !important;
	background: url(images/bgNavBulletIndent.gif) no-repeat 15px 6px !important;
}

#nav ul ul li a:hover, #nav ul ul li.current_page_item a{
	background: #E2D68F url(images/bgNavBulletIndent.gif) no-repeat 15px 6px !important;
}

/* recent post styles */

#respond{
	float: left;
	width: 100%;
}

#sidebar h3{
	position: absolute;
	top: 37px;
	left: 13px;
	font: normal 1.6em Georgia, "Times New Roman", Times, serif;
}

#sidebar ul{
	list-style: none;
}

#sidebar li a{
	float: left;
	display: block;
	padding: 5px 5px 10px 20px;
	font-size: 1.1em;
	text-decoration: underline;
	background: url(images/bgRecentsBullet.gif) no-repeat 0 8px;
}

#sidebar li a:hover{
	background: #C6C7C7 url(images/bgRecentsBullet.gif) no-repeat 0 8px;
}

/* home styles */

#welcome h2{
	margin-bottom: 0.3em;
	font: normal 1.9em Georgia, "Times New Roman", Times, serif;
	color: #620D0D;
}

#welcome p{
	font: normal 1.1em/1.3em Georgia, "Times New Roman", Times, serif;
}

/* post styles */

.post{
	float: left;
	width: 100%;
	padding-bottom: 1em;
}

#posts.home h2{
	margin-bottom: 0.7em;
	padding-bottom: 12px;
	font: normal 1.7em Georgia, "Times New Roman", Times, serif;
	color: #620D0D;
	background: url(images/postHeaderBorder.gif) no-repeat bottom;
}

#posts.page h2, #posts.post h2{
	margin-bottom: 0.7em;
	padding-bottom: 12px;
	font: bold 2em Georgia, "Times New Roman", Times, serif;
	color: #270505;
	background: url(images/postHeaderBorder.gif) no-repeat bottom;
}

#posts h3{
	margin-bottom: 0.7em;
	font: normal 1.4em/1.4 Georgia, "Times New Roman", Times, serif;
	color: #620D0D;
}

#posts h4{
	margin-bottom: 0.7em;
	font: bold 1em/1.4 Georgia, "Times New Roman", Times, serif;
	color: #620D0D;
}

#posts h2 a:link, #posts h2 a:visited, #posts h3 a:link, #posts h3 a:visited{
	color: #620D0D;
	text-decoration: none;
}

#posts h3 a:hover{
	text-decoration: underline;
}

#posts p, #posts li{
	margin-bottom: 1em;
	font-size: 1.1em;
	line-height: 1.5em;
}

#posts li{
	margin-bottom: 0.3em;
}

.post img{
	float: right;
	margin: 0 0 1em 1.5em;
	padding: 5px;
	background: #fff;
	border: 1px solid #9E9E9E;
}

#comments img.avatar{
	float: left;
	margin: 0 1em 0 0;
	border: none;
}

.bypostauthor{
	background-color: #B3FFCC !important;
}

.post ul, .post ol{
	padding: 0 0 1em 2em;
}

#posts ul.meta{
	float: left;
	width: 100%;
	overflow: auto;
	list-style: none;
	padding: 0 0 1.5em 0;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#posts ul.meta li{
	float: left;
	font-size: inherit;
	margin: 0 1.5em 0 0;
}

#posts ul.meta li.edit{
	clear: both;
}

ul#postnav{
	float: left;
	width: 100%;
	list-style: none;
	padding-top: 1em;
}

ul#postnav li{
	float: left;
	width: auto;
}

ul#postnav li.right{
	float: right;
}

.prevnext{
	float: left;
	width: 100%;
	padding: 0.5em 0 1em;
}

.prevnext .alignleft{
	float: left;
	width: auto;
}

.prevnext .alignright{
	float: right;
	width: auto;
}

/* comment styles */

ol.commentlist, ol.commentlist li{
	float: left;
}

#posts ol.commentlist li{
	list-style: none;
	margin-bottom: 1em;
	padding: 1em 1em 0 1em;
}

ol.commentlist .vcard img{
	margin-right: 10px;
	vertical-align: middle;
}

ol.commentlist .vcard cite{
	font-style: normal;
}

ol.commentlist .comment-meta{
	padding-bottom: 1em;
}

#commentform label{
	display: block;
}

#commentform input{
	width: 250px;
}

#commentform input#submit{
	width: auto;
	padding: 0.2em 1em;
}

/* footer styles */

#footer ul{
	float: left;
	position: relative;
	left: -40px;
	list-style: none;
	padding-top: 15px;
}

#footer li{
	float: left;
	margin-right: 1em;
	font-size: 0.9em;
}

#footer a#rss{
	position: absolute;
	top: 0;
	right: -40px;
}

/* contact form */

#content .gform_wrapper{
	max-width: 495px;
	overflow: visible;
}

#comments{
	float: left;
	width: 100%;
}