/* Copyright Tea P. of http://colorfilter.net and http://graychalk.com
---------------------------------------------------------------------
You are allowed to use my coding as reference to learn more from ONLY.
You MAY NOT copy my coding or the design, and nothing on my site may be
reproduced in any way unless explicit permission has been obtained from
me first. Please visit my site(s) for current methods of contact.
------------------------------------------------------------------ */

/* Theme: Daily Residue Version 2 Playing Card Suits 2009 */


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

a {text-decoration: none; color: #C35611; background-color: transparent;}
a:hover, a:focus, a:active {text-decoration: none; color: #AF4B0C; background-color: #EAE1BC; border:none; outline: none;}

html {
	margin: 0;
	padding: 0;
	background: #E9E0BA url(/images/layout/daily_bg.jpg) repeat fixed;
	}
body {
	margin: 0 auto;
	padding: 0;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 62.5%;
	}

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 {
	width: 800px;
	margin: 0 auto;
	padding: 0;
	background-color: #FCF9EC;
	}

/* header image section
-----------------------------------*/
#pageheader {
	width: 800px;
	height: 114px;
	margin: 0;
	padding: 0;
	background: #FCF9EC url(/images/layout/daily_header.jpg) no-repeat;
	}

/* first header image slice
-----------------------------------*/
#pageheader h1 {
	height: 1px;
	text-indent: -9999px;
	display: block;
	}
#pageheader h1 span {
	display: none;
	}

/* footer section and content
-----------------------------------*/
#pagefooter {
	width: 800px;
	height: 83px;
	margin: 0;
	padding: 0;
  	background: #FCF9EC url(/images/layout/daily_footer.jpg) no-repeat;
  	clear: both;
	}	
#pagefooter p {
	padding-left: 3px;
	padding-top: 53px;
	font-family: Arial, Tahoma, Verdana;
	font-size: 1em;
	font-weight: normal;
	color: #5F594A;
	}

/* content wrap for two-column style 
-----------------------------------*/
#wrap-content {
	width: 800px;
	padding: 0;
	margin: 0;
	float: left;
	display: inline;
	min-height: 580px;
	background-color: #FCF9EC;
	}

/* ------------------------------------------------------------------
PRIMARY NAVIGATION
------------------------------------------------------------------ */	
ul#nav-primary {
	position: relative;
	margin-top: 38px;
	right: 5px;
	text-align: right;
	font-family: Arial, Georgia, "Times New Roman", serif;
	font-size: 1.5em;
	font-weight: bold;
	letter-spacing: 1px;
	}
ul#nav-primary li {
	list-style-type: none;
	padding: 0 6px;
	margin: 0;
	display: inline;
	}

ul#nav-primary li a {text-decoration: none; color: #C35611; background-color: transparent;}

ul#nav-primary li a:hover, ul#nav-primary li a:focus, ul#nav-primary li a:active {background-color: transparent; text-decoration: none; color: #A4955D; outline: none; border-bottom: 2px solid #C35611;}

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

/* primary content area
-----------------------------------*/	
#content-primary {
	width: 560px;
	float: left;
	padding: 15px 15px 20px 12px;
	margin: 0;
	background-color: transparent;
	font-size: 1.3em;
	color: #5F594A;
	}

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

#content-primary h1 {
	font-family: Arial, Georgia, "Times New Roman", serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #C35611;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	}
h1.section-heading {
	padding-bottom: 11px;
	}
#content-primary h2 {
	font-family: Arial, Georgia, "Times New Roman", serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #7D674A;
	text-transform: uppercase;
	padding-bottom: 1.1em;
	letter-spacing: 1px;
	}
#content-primary h3 {
	font-family: Arial, Georgia, "Times New Roman", serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #A4955D;
	padding-bottom: 1.1em;
	letter-spacing: 1px;
	}
#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 */
	font-size: 0.95em;
	color: #7D674A;
	padding-bottom: 10px;
	margin-bottom: 12px;
	}
#content-primary .center { /* CENTERING OBJECTS & TEXT */
  	margin-left: auto;
    margin-right: auto;
    text-align: center;
	}
#content-primary .personal { /* Logged in section */
	background-color: #F6F0D8;
	border: 1px solid #E3D7A8;
	padding: 3px;
	}
	
/* content blockquote
-----------------------------------*/
#content-primary blockquote {
	background: none;
	font-style: normal;
	color: #A4955D;
	padding: 6px 10px 0px 10px;
	margin: 5px 10px 17px 15px;
	border: 2px #F0E8CA solid;
	}
	
/* 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(/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(/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 20px;
	margin: 3px 0 4px 0;
	border-bottom: 1px #C35611 dashed;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	font-family: Arial, Georgia, "Times New Roman", Arial, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #7D674A;
	background: transparent url(/images/layout/daily_redclubs.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-bottom: 0px solid #E3D7A8;
	}
#content-primary .entry-footer span { /* CATEGORY LIST LINE ONLY */
	font-size: 0.91em;
	}
#content-primary .related { /* RELATED ENTRIES STYLING */
	margin-top: 10px;
	margin-bottom: 3px;
	}
#content-primary .related h1 {
	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(/images/layout/daily_smalldiamond.gif) no-repeat 0 .3em;
	margin-left: 3px;
	margin-bottom: 0;
	padding: 1px 3px 2px 12px;
	border-bottom: 1px solid #E3D7A8;
	}
#content-primary .related li a {text-decoration: none; color: #A4955D; background-color: transparent;}

#content-primary .related li a:hover, #content-primary .related li a:focus {
outline: none; background-color: #EBE2BE; color: #AF4B0C;}


/* ------------------------------------------------------------------
SIDEBAR CONTENT STYLING
------------------------------------------------------------------ */
	
#content-secondary {
	float: left;
	width: 190px;
	padding: 0 5px 0 10px;
	font-size: 1.3em;
	color: #7D674A;
	border-left: 5px solid #F0E8CA;
	}
#content-secondary a {text-decoration: none; color: #C35611; background-color: transparent;}
#content-secondary a:hover, #content-secondary a:focus {text-decoration: none; color: #A4955D; border: none;}

#content-secondary h1 {
	font-family: Arial, Georgia, "Times New Roman", serif;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 0.8px;
	padding: 9px 0 3px 0;
	color: #7D674A;
	}
#content-secondary ul {
	list-style-type: none;
	padding: 0;
	margin-left: 2px;
	}
#content-secondary ul li a {
	color: #A4955D;
	display: block;
	border: none;
	background: url(/images/layout/daily_smalldiamond.gif) no-repeat 0 0.7em;
	padding: 5px 3px 2px 12px;
	border-bottom: 1px solid #F0E8CA;
	}
#content-secondary ul li a:hover {
	background-color: #EBE2BE;
	color: #AF4B0C;
	border-bottom: 1px solid #F0E8CA;
	}
#content-secondary .nav-more { /* MORE LINK UNDER NAV */
	text-align: right;
	padding: 12px 16px 6px 0;
	font-size: 0.91em;
	background: url(/images/layout/daily_arrow.gif) no-repeat right 1.2em;
	}
#content-secondary img { /* FOR MISC ICONS LIKE RSS */
	margin-right: 3px;
	padding-bottom: 2px;
	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(/images/layout/daily_gravatar_default.jpg) no-repeat;
	margin: 3px 3px 3px 5px;
	vertical-align: middle;
	border: 3px #E3D6A9 solid;
	}
.comment-info { /* ACTUAL COMMENT FORM DIV */
	padding: 4px 0;
	}

/* comment box style switches
-----------------------------------*/
.comment-box, .comment-box-alt {
	background-color: #F6F0D8;
	border-top: 10px #E3D6A9 solid;
	padding: 0 5px;
	margin-bottom: 6px;
	}
.comment-box-me {
	background-color: #F0E8CA;
	color: #7D674A;
	border-top: 10px #A4955D solid;
	padding: 0 5px;
	margin-bottom: 6px;
	}

/* comment entries styling
-----------------------------------*/
#comment-box-area blockquote {
	background: url(/images/layout/daily_quote.gif) no-repeat;
	color: #A4955D;
	font-style: italic;
	padding-left: 20px;
	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;
	}
h1.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: 228px;
	padding: 15px 0 0 3px;
	font-size: 0.9em;
	}
#comment-form .submit {
 background-color:  #A4955D;
 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;
	}