/*  
Theme Name: KJC 2007
Theme URI: http://www.kenandjuliecook.com
Description: Ken & Julie Cook
Version:1.0
Author: Aaron M Baxter
Author URI:http://www.justplaindesign.com
*/


/****************************************************
COLOR TABLE

PEACH		#FDF5CE
DARK BLUE	#053762

****************************************************/
html {
	background: #FDF5CE url(images/kjc_bkg-fade.gif) repeat-x left top;
}
body {
    color:#333;
    text-align:center;
    margin:0 0 20px 0;
    font:normal .9em 'Lucida Grande', Arial, Sans-Serif;
	background: transparent url(images/kjc_clouds-header.png) no-repeat center top;
}
li.rssContainer {
	background: #e65c00 url(images/rss_button-left.gif) no-repeat left center;
}
a.rssButton {
	display: block;
	background: transparent url(images/rss_button-right.gif) no-repeat right center;
	text-align: center;
	color: #FFF;
	font: 1em bold Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding: 6px 0;
}

a {
	color: #CC0033;
	text-decoration: underline;
}
a:hover {
	color: #222833;
	text-decoration: none;
}

h1,h2,h3,h4 {
	margin: 0 0 .9em 0;
}

#header {
    height:337px;
	width: 850px;
	margin: 0 auto;
	position: relative;
}


#logo {
	width: 350px;
	height: 120px;
	background: transparent url(images/kjc_logo-meaculpa.png) no-repeat center center;
	position: absolute;
	top: 220px;
	left: 65px;
	display: block;
	text-indent: -9999px;
}


#contentWrapper {
	width: 850px;
	background: #FFF;
	margin: 0 auto 10px;
	text-align: left; /* RESET TEXT ALIGN FROM IE FIX */
}

#announcement {
	background: #CCC url(images/personalization_banner.jpg) no-repeat center top;
	height: 120px;
}
#announcement h2 {
	margin: 0;
	text-indent: -9999px;
}
/**************************************************** ********************   ***/

#internalWrapper {
	margin: 0 0 0 5px;
	padding: 0 0 30px 0;
}

#internalWrapper:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/******************************************************************************/
p.previousLink a {
	font-weight: bold;
	font-size: .9em;
}
#leaderArticle {
	border: solid 1px #D7D18C;
	height: 230px;

}
#featuredArticles {
	margin-bottom: 10px;
	position: relative;
	height: 233px;
}


ul#controls { /* BUTTONS 1,2,3 - ABSOLUTELY POSITIONED INSIDE THE FEATURED ARTICLES CONTAINER */
	position: absolute;
	top: 1px;
	left: 1px;
	margin: 0;
	padding: 0;
	list-style: none;
	display: none;
}
ul#controls li {
	margin: 0 5px 0 0;
	padding: 0;
	float: left;
	background: #D7D18C;
	color: #333;
}
ul#controls li a {
	display: block;
	float: left;
	border: solid 1px #FFF;
	padding: 2px 6px;
	text-decoration: none;
	color: #082828;
}
ul#controls li a:hover {
	background: #900;
	color: #FFF;
}
ul#controls li.featuredArticlesLi {
	background: #D7D18C;
	color: #082828;
	padding: 2px 6px;
	border: solid 1px #FFF;
}

div.scroller { 
	/* modify width and height of scrolling section if necessary	*/		
	height: 230px;
	overflow: hidden;
	border:1px solid #D7D18C;
}
div.scroller div.content {
	width: 10000px;
}

div.scroller div.section {
	/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
	width:900px;
	height:230px;
	overflow:hidden;
	padding: 5px;
	float:left;
}
div.content div.section {
	
}
.section p {
	width: 425px;
	color: #082828;
	margin: 0;
/*	font-family: "Times New Roman", Times, serif;
*/}
.section h2 {
	color: #900;
	font: italic 2.2em normal "Times New Roman", Times, serif ;
	margin: 25px 0 4px; /* POSITIONS THE FEATURED HEADER AND SUBSEQUENT PARAGRAPH */
}
#featuredArticle1 {
	background: #f4f2ce url(images/story_images/food_plate.jpg) no-repeat right center;
	position: relative; /* TO POSITION THE MORE BUTTON */
	padding: 0 0 0 15px;
}
#featuredArticle1 a.featuredMore {
	display: block;
	background: transparent url(images/more_btn_red.gif) no-repeat left center;
	text-align: left;
	color: #FFF;
	font: bold .8 Arial, Helvetica, sans-serif;
	padding: 7px 45px 7px 7px;
	text-decoration: none;
	position: absolute;
	top: 150px;
	left: 300px;
}
/******************************************************************************/

#headerImage {
	background: transparent url(images/headers/banner-family_cooking.jpg) no-repeat left top;
	height: 230px;
	border: solid 1px #082828;
	margin-bottom: 10px;
}


.pageLinks {
	font: bold .85em Arial, Helvetica, sans-serif;
	text-align: right;
}

.pageLinks a {
	margin-right: 5px;

}
.pageLinks a:hover {

}

#footer {
	color: #333;
	font-size: .8em;
	margin: 0 0 30px;
	padding: 0;
	list-style: none;
	text-align: center;
	line-height: 1.4;
}
	
#footer li {
	margin: 0;
	padding: 0;
	display: inline;
	text-align: center;
}
#footer a {
	color: #333;
	text-decoration: underline;
	display: inline;
	margin-right: 5px;
}
#footer a:hover, li.current_page_item a {
	background: transparent;
	color: #033;
	text-decoration: none;
}
#footer li ul { display: none; } /* KILL SUB MENUS IN FOOTER PAGES */

/*************************************************** WORDPRESS ****************/
#storyColumn {
	width: 500px;
	float: left;
	overflow: hidden;
	font-size: .9em;
	margin: 10px 0 0;
}
#storyColumn p {
	text-align: left;
	line-height: 15pt;
}
#storyColumn li { /* TO ADD PROPER MARGINS TO LIST ITEMS IN SYNDICATE CONTENT.  THEY DON'T USE UL, SIMPLY HAVE LI IN PARAGRAPHS...*/
	margin-left: 15px;
	padding: auto;	
}
#storyColumn ul li { /* TO CORRECT FOR LIST ITEMS THAT AREN'T WRONG IN THE FIRST PLACE */
	margin-left: auto;
}

.linkBlock a{ /* EXTRA LINKS BELOW SOME STORIES */
	display: block;
	background: #666;
	color: #FFF;
	text-decoration: none;
	margin: 0 0 1px;
	padding: 2px;
}
.linkBlock a:hover {
	background: #CCC;
	color: #222;
}
.scheduleAppt {
	float: right;
	border: 0;
}
/**************** SIDEBAR **************************/
#sidebar {
	width: 300px;
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
	background: #EFEFEF;
}
#sidebar h2 { /* SIDEBAR TITLES */
	font: normal bold 1em Arial, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 6px 0 6px 3px;
	background: #053762 url(images/blue_fade-bkg.gif) repeat-x left center;
	color: #FFF;
	text-align: left;
}
#sidebar ul li {
	margin: 0;
}
#sidebar ul { margin: 0;padding:0; list-style: none;}

.widget { /* APPLIED TO ALL SIDEBAR WIDGETS */
	padding: 0;
	margin: 0;
}

.widget a { /* CATEGORY AND SIDEBAR LINKS */
	color: #363636;
	margin: 0;
	font-size: .9em;
	text-decoration: none;
	display: block;
	line-height: 1.6;
	padding: 3px 5px 1px 5px;
	border-bottom: solid 1px #999;
}

.widget a:hover, .widget .current_page_item a{
	color: #FFF;
	background: #999;
}
#text-1 .textwidget a { /* FOR THE DVD AD BOX */
	padding: 0;
}
/*NEXT IS TO FIX GAPS IN IE 6*/
/**html #categories ul li {
	float: right;
	clear: right;
	width: 300px;
 }*/

/*NEXT IS TO FIX GAPS IN IE 6*/
*html #categories ul li {
	border: solid 1px #F4F2CE;
}

#categories ul a:hover {
	background: #D7D18C url(images/folder_page_white.gif) no-repeat 1% center;
	color: #FFF;
}
li.current-cat  {
	background: #D7D18C;
}
.floatRight {
	float: right;
	margin: 0 0 3px 3px;
}




#fuzzy-posts {
	border: solid 1px #333;
	font-size: .9em;
}
#fuzzy-posts ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#fuzzy-posts ul li a {
	background: transparent url(images/document_alt2.gif) no-repeat 1% center;
	padding: 3px 5px 5px 25px;
}
/**************** ARTICLES/POSTS **************************/
#prevNextControls {
	width: 100px;
	margin: 0 0 0 5px;
	float: right;
	text-align: right;
}
#prevNextControls a {
	margin: 0 0 0 3px;
	padding: 1px 10px;
	background: #082828;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}
#prevNextControls a:hover {
	background: #900;
}

.categoryTitle { /* FOR CATEGORIES PAGES AND SEARCH PAGE */
	font-size: 2em;
	line-height: 1em;
	margin-bottom: .2em;
	color: #053762;
}

.womensHealth {
	background: transparent url(images/headers/woman_wheat.jpg) no-repeat left bottom;
}


.articleBody {
	font: 1em bold Arial, Helvetica, sans-serif;
	line-height: 1.2em;
}

.articleBody li {
	margin-bottom: 7px;
}
h1.articleTitle {
	font-size: 2em;
	line-height: 1em;
	margin-bottom: .2em;
	color: #053762;
}
h3.articleTitle, #login h2 {
	font:  normal 1.4em "Times New Roman", Times, serif;
	margin-bottom: .3em;
}
.articleTitle a:hover {


}
.articleMeta {
	font-size: .8em;
	color: #333;
}
.articleMeta a {

}

#relatedArticles {
	background: #FFF url(images/listing_bkg.gif) repeat-x bottom left;
	padding: 10px;
}
#relatedArticles h3 {
	margin: 0;
}
#relatedArticles ul{
	list-style: none;

}
#relatedArticles li {
	margin: 0 0 5px 0;
}

/* FOR SEARCH RESULTS AND OTHER PAGES THAT HAVE MULTIPLE EXCERPTS IN SAME LISTING */
.excerptContainer, .articleContainer, .landingPageContainer {
	margin: 0 0 10px 0;
	/*background: #FFF url(images/listing_bkg.gif) repeat-x bottom left;*/
	padding: 1px 6px;
}
.excerptContainer h3 {
	margin: 0 0 .2em 0;
}
.excerptContainer p {
	margin: 10px 0;
	font-size: .9em;
}

/* ///////////////////////////// Begin Comments */
div#comments  {
	font-size:.9em;
	background: #EFEFEF;
	color: #222;
	margin-bottom: 10px;
}
div#comments a {
	text-decoration: underline;
	color: #222;
}
div#comments a:hover { 
	color: #CCC;
	text-decoration: none;
}
div#comments h3 { /* TOP OF COMMENTS SECTION */
	text-align: center;
	padding: 20px 5px 5px;
	margin: 0 0 5px 0;
}
div#comments h3#respond { /* 'ADD YOUR THOUGHTS' */
	margin: 0;
	text-align: left;
	padding: 10px 0 0 15px;
}
p#mustBeLoggedIn, p#areLoggedIn {
	text-align: left;
	margin: 0;
	padding-left: 15px;
}
#commentform {
	
}
#commentform input, #commentform textarea {
	border: solid 1px #999;
	width: 300px;
	clear: right;
	margin: 0 0 10px 15px;
	padding: 5px;
	font: 1em bold Arial, Helvetica, sans-serif;
}
#commentform label {
	display: block;
	padding: 5px 15px;
	font-weight: bold;
}
p#buttonContainer {
	margin: 0;
	padding: 0;
}
input#resetButton, input#submitButton {
	width: 8em;
	border: solid 1px #999;
	font-size: .9em;
	padding: 5px 4px 4px;
	font-weight: bold;
	background: #FFF;
}

#commentform input:hover {

}

ol.commentlist {
	padding: 0;
	margin: 0;
	list-style: none;
}
.commentlist li {
	margin: 0;
	padding: 10px;
	border-bottom: solid 1px #333;
}
.commentlist li.alt {
	background: #CCC;
}
.commentlist li p { /* WHAT THEY WROTE */
	margin: 2px 0 0;
	padding: 7px 0 0;
}
.commentlist cite, .commentlist cite a { /* COMMENT AUTHOR'S NAME */
	font-weight:bold;
	font-style:normal;
}


.commentmetadata {
	font-weight: bold;
}

.commentsClosed {
	color: #333;
	background: #CCC;
	font-style: italic;
	padding: 3px;
	
	display: none;
}

/* End Comments */

/*********************************** LANDING PAGE */
#headerImage.thirtyDays {
	background: transparent url(images/headers/banner-30_days.jpg) no-repeat left top;
}
.landingPageBody {
	font: 1em bold Arial, Helvetica, sans-serif;
	line-height: 1.2em;
}

#contactForm {
	width: 270px;
	float: right;
	background: #333;
	padding: 5px;
	margin: 0 0 0 5px;
}
#contactForm h3 {
	color: #FFF;
	text-align: center;
}
#contactForm fieldset {
	border: solid 1px #CCC;
	padding: 15px;
	margin: 5px;
	background: #FFF;
}
#contactForm input, #contactForm textarea {
	display: block;
	border: solid 1px #333;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
}

#contactForm legend {
	font-weight: bold;
	margin-bottom: -24px;
}
#contactForm .reset, #contactForm .submit {
	display: inline;
	font-weight: bold;
}

#dayPreferences input {
	display: inline;
	border: none;
}
#hiddenVars input{
	visibility: hidden;
}

#contactFormGeneral input, #contactFormGeneral textarea{
	display: block;
	border: solid 1px #333;
	width: 200px;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 5px;
}