/* Copyright Tea P. of http://colorfilter.net and http://graychalk.com */

/* Theme: Misplaced Pieces - Finding My Way to Sunshine 2009 */


/* ------------------------------------------------------------------
GENERAL FORMATTING
------------------------------------------------------------------ */

a {text-decoration: none; color: #2A8D86; background-color: transparent;}
a:hover, a:focus, a:active {text-decoration: none; color: #BE2204; background-color: #F6F0D8; border:none; outline: none;}

html, body {
	margin: 0 auto;
	padding: 0;
	height: 100%;
	font: 80% Georgia, Arial, Tahoma, Verdana, sans-serif;
	background: #92B6AB url(http://graychalk.com/images/layout/graychalk_bgtile.jpg) repeat;
	}

img {
	border: 0;
	margin: 2px;
	}

ul, li, h1, h2, h3, h4, h5, h6, ol, p {
	margin: 0;
	padding: 0;
	}

/* ------------------------------------------------------------------
OVERALL LAYOUT SECTIONS STYLING
------------------------------------------------------------------ */	

/* top level div for entire layout
-----------------------------------*/
#container {
	position: relative;
	width: 800px;
	margin: 0 auto;
	padding: 0;
	background: #F9E9BB url(http://graychalk.com/images/layout/graychalk_contentbg.jpg) repeat-y;
	min-height: 100%;  /* For Modern Browsers */
	height: auto !important;  /* For Modern Browsers */
	height: 100%;  /* For IE */
	}

/* header image section
-----------------------------------*/
#pageheader {
	position: relative;
	margin: 0 auto;
	padding: 0;
	}

/* first header image slice
-----------------------------------*/
#pageheader h1 {
	width: 800px;
	height: 195px;
	margin: 0 auto;
	padding: 0;
	background: #F9E9BB url(http://graychalk.com/images/layout/graychalk_header.jpg) no-repeat;
	}
#pageheader h1 span {
  	display: none;
	}

/* footer section and content
-----------------------------------*/
#pagefooter {
	position: relative;
	width: 800px;
	height: 120px;
	margin: 0 auto;
	margin-top: -120px;
	padding: 0;
  	background: #F9E9BB url(http://graychalk.com/images/layout/graychalk_footer.jpg) no-repeat;
  	clear: both;
	}	
#pagefooter p {
	margin: 0;
	padding: 103px 15px 0 273px;
	font-family: Arial, Tahoma, Verdana;
	font-size: 1em;
	font-weight: normal;
	color: #5F594A;
	}

/* content wrap for two-column style 
-----------------------------------*/
#wrap-content {
	position: relative;
	width: 800px;
	padding: 0;
	margin: 0 auto;
	min-height: 300px; /* For Modern Browsers */
	background: #F9E9BB url(http://graychalk.com/images/layout/graychalk_contentbg.jpg) repeat-y;
	overflow: visible; /* For IE's buggy italics problem */
	padding-bottom: 130px; /* For Footer Space overlap sticky */
	}


/* ------------------------------------------------------------------
PRIMARY NAVIGATION
------------------------------------------------------------------ */
ul#nav-primary {
	position: relative;
	margin-top: -68px;
	margin-left: 165px;
	height: 65px;
	width: 330px;
	}
ul#nav-primary li {
	list-style-type: none;
	padding: 0 5px;
	margin: 0;
	float: left;
	text-indent: -9999px;
	}
ul#nav-primary li a {
	border: 0;
	text-decoration: none;
	outline: none;
	display: block;
	}
li#home a {
	width: 48px;
	height: 35px;
	background: transparent url(http://graychalk.com/images/layout/nav_home.jpg) no-repeat 0 -35px;
	}
li#about a {
	width: 53px;
	height: 35px;
	background: transparent url(http://graychalk.com/images/layout/nav_about.jpg) no-repeat 0 -35px;
	}
li#archives a {
	width: 74px;
	height: 35px;
	background: transparent url(http://graychalk.com/images/layout/nav_archives.jpg) no-repeat 0 -35px;
	}
li#links a {
	width: 46px;
	height: 35px;
	background: transparent url(http://graychalk.com/images/layout/nav_links.jpg) no-repeat 0 -35px;
	}
li#misc a {
	width: 43px;
	height:35px;
	background: transparent url(http://graychalk.com/images/layout/nav_misc.jpg) no-repeat 0 -35px;
	}
li#home a:hover, li#about a:hover, li#archives a:hover, li#links a:hover, li#misc a:hover {
background-position: 0 0;
	}

	
/* ------------------------------------------------------------------
MAIN CONTENT STYLING
------------------------------------------------------------------ */	

/* primary content area
-----------------------------------*/	
#content-primary {
	position: relative;
	width: 545px;
	float: left;
	padding: 8px 12px 0 20px;
	margin: 0;
	background-color: transparent;
	font-size: 1.3em;
	color: #5C513E;
	}

/* primary content text elements
-----------------------------------*/	
#content-primary p {
	text-align: justify;
	line-height: 130%;
	padding-bottom: 1.2em; /* BETWEEN PARAGRAPHS */
	}

#content-primary h2 {
	font-family: "Times New Roman", Times, Georgia, serif;
	font-size: 1.4em;
	font-weight: bold;
	color: #BE2204;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	}
h2.section-heading {
	padding-bottom: 11px;
	}
#content-primary h2 a {
	color: #BE2204;
	}
#content-primary h4 {
	font-family: "Times New Roman", Times, Georgia, serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #B8920C;
	text-transform: uppercase;
	padding-bottom: 1.1em;
	letter-spacing: 0.7px;
	}
#content-primary h5 {
	font-family: "Times New Roman", Times, Georgia, serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #8D6F61;
	padding-bottom: 1.1em;
	letter-spacing: 2px;
	}
#content-primary .card { /* TO USE FOR CARD NAMES */
	background-color: #F6F0D8;
	font-family: "Times New Roman", Georgia, serif;
	font-style: normal;
	font-weight: bold;
	font-size: 1.1em;
	}
#content-primary .posted { /* POSTED-IN INFO @ TITLE */
	color: #5C513E;
	padding-bottom: 10px;
	margin-bottom: 12px;
	}
#content-primary .center { /* CENTERING OBJECTS & TEXT */
  	margin-left: auto;
    margin-right: auto;
    text-align: center;
	}
#content-primary img {
	padding: 5px;
	background-color: #D5BC86;
	border: 1px #8D6F61 solid;
	}
	
/* content blockquote
-----------------------------------*/
#content-primary blockquote {
	font-style: normal;
	color: #8D6F61;
	padding: 10px 12px 0px 48px;
	margin: 5px 10px 17px 15px;
	border: 5px #D5BC86 solid;
	background: url(http://graychalk.com/images/layout/graychalk_feet.gif) no-repeat 0.3em 0.3em;
	min-height: 47px;
	}
	
/* primary content list styles
-----------------------------------*/	
#content-primary ul {
	list-style-type: none;
	margin-bottom: 1.3em;
	padding: 0;
	}
#content-primary ul li {
	border: none;
	background: url(http://graychalk.com/images/layout/daily_cblist.gif) no-repeat 0 0.3em;
	margin: 0 0 10px 16px;
	padding-left: 19px;
	}
#content-primary ol {
	list-style-type: decimal-leading-zero;
	margin-bottom: 1.3em;
	padding-left: 20px;
	}
#content-primary ol li {
	margin: 0 0 10px 18px;
	}

/* archives page list styles
-----------------------------------*/	
#content-primary ul.archives-list {
	list-style-type: none;
	margin-bottom: 1.3em;
	padding: 0;
	}
#content-primary ul.archives-list li {
	border: none;
	background: url(http://graychalk.com/images/layout/daily_cblist.gif) no-repeat 0 .3em;
	margin-bottom: 5px;
	padding-left: 15px;
	}

/* entry meta & footer areas
-----------------------------------*/
#content-primary p.updated { /* UPDATED AMENDMENT DIVIDER STYLING */
	padding: 0 0 2px 31px;
	margin: 3px 0 4px 0;
	border-bottom: 1px #C35611 dashed;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-family: "Times New Roman", Times, Georgia, serif;
	font-weight: bold;
	font-size: 1.2em;
	color: #7D674A;
	background: transparent url(http://graychalk.com/images/layout/graychalk_crown.gif) no-repeat 0 0.1em;
	}
#content-primary .entry-footer { /* OVERALL ENTRY META */
	background-color: #F6F0D8;
	padding: 3px;
	margin-top: 5px;
	margin-bottom: 15px;
	border: 1px solid #C7B7A3;
	}
#content-primary .entry-footer span { /* CATEGORY LIST LINE ONLY */
	font-size: 1em;
	}
#content-primary .related { /* RELATED ENTRIES STYLING */
	margin-top: 10px;
	margin-bottom: 3px;
	}
#content-primary .related h2 {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 1.2em;
	}
#content-primary .related ul {
	list-style-type: none;
	margin-bottom: 1.3em;
	}
#content-primary .related li {
	background: #F6F0D8 url(http://graychalk.com/images/layout/graychalk_scissor.gif) no-repeat 0 .3em;
	margin-left: 3px;
	margin-bottom: 0;
	padding: 1px 3px 2px 21px;
	border-bottom: 1px solid #C7B7A3;
	}


/* ------------------------------------------------------------------
SIDEBAR CONTENT STYLING
------------------------------------------------------------------ */
	
#content-secondary {
	position: relative;
	float: right;
	width: 197px;
	padding: 0 14px 0 12px;
	margin-top: -85px;
	font-size: 1.3em;
	color: #785C4F;
	background: transparent url(http://graychalk.com/images/layout/vertical_dotted.jpg) repeat-y;
	}
#content-secondary a {text-decoration: none; color: #BE2204; background-color: transparent;}
#content-secondary a:hover, #content-secondary a:focus {text-decoration: none; color: #BE2204; border: none; background-color:#F6F0D8;}

#content-secondary p {
	padding-bottom: 0.5em; /* BETWEEN PARAGRAPHS */
	}

#content-secondary h3 {
	font-family: "Times New Roman", Times, Georgia, serif;
	font-size: 1.2em;
	font-weight: bold;
	letter-spacing: 0.8px;
	padding: 5px 0 3px 0;
	color: #785C4F;
	}
#content-secondary ul {
	list-style-type: none;
	padding: 0;
	margin-left: 2px;
	}
#content-secondary ul li a {
	color: #2A8D86;
	display: block;
	border: none;
	background: url(http://graychalk.com/images/layout/graychalk_car.gif) no-repeat 0 0.5em;
	padding: 5px 3px 2px 22px;
	}
#content-secondary ul li a:hover {
	background-color: #F6F0D8;
	color: #BE2204;
	}
#content-secondary .nav-more { /* MORE LINK UNDER NAV */
	text-align: right;
	padding: 11px 18px 6px 0;
	font-size: 0.91em;
	background: url(http://graychalk.com/images/layout/daily_arrow.gif) no-repeat right 1.2em;
	}
#content-secondary .posted {
	font-size: 0.95em;
	color: #785C4F;
	padding-bottom: 5px;
	}
#content-secondary img { /* FOR MISC ICONS LIKE RSS */
	margin-right: 3px;
	padding-bottom: 3px;
	vertical-align: middle;
	border: 0;
	}
#content-secondary .input {
	border: 1px #C7B7A3 solid;
	background-color: #F6F0D8;
	width: 170px;
	padding: 2px;
	margin: 1px 0px 3px 0px;
	}
#search-sub { /* SIDEBAR SEARCH DIV */
	margin: 3px 0;
	padding-bottom: 12px;
	border-top: 3px solid #F0E8CA;
	border-bottom: 3px solid #F0E8CA;
	}
/* ------------------------------------------------------------------
COMMENT ENTRIES
------------------------------------------------------------------ */

/* comment number, avatar, name, dates
-----------------------------------*/
#comment-box-area span {
	text-transform: uppercase;
	color: #7D674A;
	font-weight: bold;
	}
#comment-box-area span img {
	background: transparent url(http://graychalk.com/images/layout/graychalk_gravatar_default.jpg) no-repeat;
	margin: 3px 3px 3px 5px;
	vertical-align: middle;
	border: 3px #E3D6A9 solid;
	padding: 0;
	}
.comment-info { /* ACTUAL COMMENT FORM DIV */
	padding: 4px 0;
	}

/* comment box style switches
-----------------------------------*/
.comment-box, .comment-box-alt {
	background-color: #F6F0D8;
	border: 10px #E1CC97 solid;
	padding: 0 5px;
	margin-bottom: 6px;
	}
.comment-box-me {
	background-color: #FCF6E8;
	border: 10px #92B6AB solid;
	padding: 0 5px;
	margin-bottom: 6px;
	}

/* comment entries styling
-----------------------------------*/
#comment-box-area blockquote {
	background: url(http://graychalk.com/images/layout/graychalk_hand.gif) no-repeat;
	color: #8D6F61;
	font-style: italic;
	padding-left: 25px;
	padding-top: 0;
	margin: 0 15px 0 17px;
	border: none;
	}

#comment-box-area code, #comment-box-area pre {
	border: 1px #E3D6A9 dashed;
	margin: 0 15px 1.2em 5px;
	padding: 5px;
	display: block;
	font-family: Courier, "Courier New", serif;
	font-size: 12px;
	color: #7D6826;
	background: none;
	}
#comment-box-area .comment-box-me code, #comment-box-area .comment-box-me pre {
	background-color: #EADFC9;
	color: #7D6826;
	border: 1px #E3D6A9 dashed;
	}

/* ------------------------------------------------------------------
COMMENTS FORM AREA
------------------------------------------------------------------ */

/* overall comment form area
-----------------------------------*/
#comment-form-area {
	padding: 0;
	margin: 0;
	}
h2.comments {
	text-align: center;
	padding-bottom: 12px;
	padding-top: 12px;
	}
#comment-form { /* ACTUAL COMMENT FORM DIV */
	float: left;
	}
#comment-form input, #comment-form textarea {
	background-color: #F6F0D8;
	color: #5F594A;
	padding: 2px;
	margin: 2px 0px 5px 0px;
	border: 1px solid #C7B7A3;
	vertical-align: middle;
	font-family: Arial, Verdana, Geneva, Tahoma, sans-serif;
	font-size: 1em;
	}
#comment-form .fields, #comment-form textarea { /* FOR WIDTH OF ALL BUT SUBMIT */
	width: 310px;
	}
#comment-form-notes { /* COMMENT FORM NOTES */
	float: right;
	width: 210px;
	padding: 15px 0 0 3px;
	font-size: 1em;
	}
#comment-form .submit, .submit {
 background-color:  #D5BC86;
 color:             #FCF9EC;
 font-family:       Arial, Verdana, Geneva, Tahoma Sans-serif;
 font-size:         1em;
 font-weight:       bold;
 border-top:		1px solid #E4D7AA;
 border-left:		1px solid #E4D7AA;
 border-right:		1px solid #5F594A;
 border-bottom:		1px solid #5F594A;
 letter-spacing:    .1em;
 margin:        	0;
 padding:			1px 4px 1px 4px;
}

/* ------------------------------------------------------------------
MISCELLANEOUS STUFF
------------------------------------------------------------------ */

.clear {
	clear: both;
	}
.paginate {
	text-align: center;
	padding-top: 5px;
	}

/* image wrap styling
-----------------------------------*/

.pic-left {
	float: left;
	margin-right:10px;
	}

.pic-right {
	float: right;
	margin-left:10px;
	}