@import url("reset.css");

/*******************************************************
Theme Name: Sweet Charlottes
Theme URI: http://www.sweetcharlottes.org/
Description: Theme for Sweet Charlottes website
Author: Beveridge Seay
Author URI: http://www.bevseay.com/
Template: 
Version: 1.0
********************************************************/

html {
	height: 100%;
	overflow-y: scroll; /* Not valid CSS2, but required for scroll bar */
}

body {
	background: url("images/polka_dot_bg.gif") top center repeat-y #3cc6e2;
	font: 16px Georgia, Times, "Times New Roman", serif;
	line-height: 30px;
	color: #fff;
	height: 100%;
}

#page_container {
	background-color: #fff;
	color: #000;
	width: 810px;
	margin: 0 auto;
	position: relative;
	min-height: 100%;
}



/*******************************************************
Hyperlink styles.
********************************************************/

a {
	color: #0088c7;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:visited {
	color: #8e88c7;
}



/*******************************************************
Sidebar styles.
********************************************************/

#sidebar {
	position: absolute;
	top: 18px;
	left: 42px;
}

	#sidebar #nav_menu {
		margin-left: 74px;
	}
	
		#sidebar #nav_menu a {
			color: #000;
		}
		
		#sidebar #nav_menu .current_page_item a {
			color: #0088c7;
		}

	/* Add spacing before "Who We Are" menu item */
	#sidebar .page-item-3 {
		margin-top: 40px;
	}


/*******************************************************
Body styles.
********************************************************/

#main_column {
	margin: 0 56px 24px 338px;
	padding-top: 74px;
	padding-bottom: 30px;
	/*overflow: hidden;*/
	width: 414px;
	border-bottom: 1px solid #000;
	/* Begin IE6 min-height fast hack. */
	min-height: 500px;
	height: auto !important;
	height: 500px;
	/* End IE6 min-height fast hack. */
}

	#main_column p {
		margin-bottom: 30px;
	}

#headline_area {
	height: 54px;
	border-bottom: 1px solid #000;
	margin-bottom: 8px;
}

	#headline_area h1 {
		color: #000;
		font-weight: normal;
		font-size: 16px;
	}
	
	#headline_area .byline {
		font: 11px Verdana, Helvetica, sans-serif;
	}

h2 {
	font: 16px Georgia, Times, "Times New Roman", serif;
	line-height: 26px;
	font-weight: normal;
}

#main_story, .blog_entry {
	font: 12px Verdana, Helvetica, sans-serif;
	line-height: 24px;
	margin-top: 24px;
}

.blog_entry {
}

	.blog_entry .byline {
		font-size: 11px;
		line-height: 15px;
		margin-bottom: 18px;
	}

small {
	font-size: 11px;
}



/*******************************************************
Home page styles.
********************************************************/

#home_main_story {
	/* Begin IE6 min-height fast hack. */
	min-height: 279px;
	height: auto !important;
	height: 279px;
	/* End IE6 min-height fast hack. */
	border-bottom: 1px solid #000;
	color: #0088c7;
}

.sweet_stories_link {
	font: 11px Verdana, Helvetica, sans-serif;
}

#blog_entry_list {
	margin-top: 18px;
}

	#blog_entry_list h2 {
		color: #000;
		font-weight: normal;
		font-size: 16px;
	}
	
	#blog_entry_list .blog_entry {
		margin: 24px 0;
		font: 11px Verdana, Helvetica, sans-serif;
		line-height: 18px;
	}
	
		#blog_entry_list .blog_entry h3 {
			font-size: 12px;
			color: #0088c7;
			font-weight: normal;
		}
	
		#blog_entry_list .blog_entry .byline {
			margin-bottom: 8px;
		}
		
		#blog_entry_list .blog_entry .excerpt {
			margin-top: 11px;
		}



/*******************************************************
Sweet Creations and Sweet Treats page styles.
********************************************************/

.sweet_creation {
	border-bottom: 1px solid #000;
	padding: 20px 0;
	font-size: 11px;
	line-height: 17px;
}

	.sweet_creation h2 {
		color: #006bb1;
		margin-left: 150px;
	}

	.sweet_creation ul {
		list-style-type: circle;
		margin: 15px 0 15px 163px;
	}

	.sweet_creation ul li {
		padding-bottom: 8px;
	}

	.sweet_creation input {
		margin-left: 150px;
	}

	.sweet_creation .product_thumb {
		float: left;
	}

.sweet_treat {
	position: relative;
	padding-right: 250px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #000;
}

	.sweet_treat .sweet_treat_thumb {
		position: relative;
		top: 18px;
		margin-right: 15px;
	}

	.sweet_treat h2 {
		color: #006bb1;
		margin-bottom: 20px;
	}

.add_to_cart_button:hover, .view_cart_button:hover {
	position: relative;
	top: 1px;
	left: 1px;
}



/*******************************************************
Footer styles.
********************************************************/

#footer {
	margin-left: 338px;
	font: 11px Verdana, Helvetica, sans-serif;
	padding-bottom: 24px;
}