/* * * Candles & Creations * * */

@import url(forms.css); /* Styles for forms */
@import url(datepicker.css); /* Styles for appt form calendar */

body{
	background:url(../../img/body-bg.jpg) top left repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	}
	
.left{float:left}
.right{float:right}
.clear{clear:both}
.border{border:1px solid red}
.imgLeft{float:left;margin-right:10px;border:2px solid #EEF1FA;}
.imgRight{float:right;margin-left:10px;border:2px solid #EEF1FA;}

/* * Container * */

#container{
	background:url(../../img/container-bg.jpg) top left repeat-y #FFF;
	width:946px;
	margin:20px auto 10px auto;
	border:7px solid #aebde1;
	}

/* * Header * */

#header{
	background:url(../../img/header-bg.gif) top right no-repeat #FFF;
	height:102px;
	}
	#header img.logo{
		margin:17px 0 0 15px;
		float:left
		}
	#header img.slogan{
		margin:46px 42px 0 0;
		float:right;
		}

/* * Navigation * */

#nav{
	border-bottom:4px solid #005da4;
	height:45px;
	}
	ul#menu{
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:16px;
		text-transform:uppercase;
		position:relative;
		z-index:75;
		}
		ul#menu li{
			float:left;
			position:relative;
			display:block;
			}
			ul#menu li a{
				background:url(../../img/nav-bg.jpg) top left repeat-x;
				color:#FFF;
				padding:14px 40px;
				display:block;
				position:relative;
				z-index:100;
				}
				ul#menu li.first a,
				ul#menu li.last a{
					padding:14px 58px 14px 57px;
					}
					ul#menu li.first a{
						padding-right:43px;
						}
				ul#menu li a.active,
				ul#menu li a:hover,
				ul#menu li ul li a:hover{
					background:url(../../img/active-nav-bg.jpg) top left repeat-x;
					color:#2b7cb9;
					}
					
/* * Navigation - Sub Menu * */

ul#menu ul{
	padding:0;
	margin:0;
	display:block;
	display:inline;
	position:relative;
	z-index:50;
	}
	ul#menu li ul{
		background:url(../../img/sub-nav-bg.png) bottom left no-repeat;
		position:absolute;
		width:161px;
		top:45px;
		left:0;
		display:none;
		z-index:100;
		padding:13px 0;
		}
		ul#menu li ul li {
			float:none;
			line-height:28px
			}
			ul#menu li ul li a{
				background:none;
				text-transform:none;
				font-size:14px;
				color:#333;
				float:none;
				line-height:28px;
				padding:0 15px;
				}
				ul#menu li ul li.first a,
				ul#menu li ul li.last a{
					padding:0 15px;
					}
			ul#menu li:hover ul{
				display:block;
				}
				ul#menu li ul li a:hover,
				ul#menu li ul li a.active{
					background:url(../../img/sub-active-nav-bg.jpg) top left repeat-x;
					color:#FFF;
					}

/* * Content * */

#page{
	padding-bottom:30px;
	background:url(../../img/watermark-butterfly.gif) bottom left no-repeat;
	}

#page #content{
	padding:0 24px 0 0;
	width:676px;
	min-height:200px;
	float:left;
	background:url(../../img/watermark-dragonfly.gif) top left no-repeat;
	}
	#page #content #banner{
		width:714px;
		height:217px;
		overflow:hidden;
		}
	#page #content p{
		padding:0 0 15px 31px;
		line-height:150%;
		}
		#page #content p a{
			color:#576fa8;
			text-decoration:underline;
			}
		#page #content p.blogcrumbs{
			padding:15px 0 0 31px;
			}
	#page #content h1{
		font-family:Tahoma, Arial, Helvetica, sans-serif;
		font-size:30px;
		color:#0f68ac;
		padding:30px 0 10px 24px;
		}
		#page #content h1 a{
			color:#0f68ac;
			text-decoration:underline;
			}
			#page #content h1 a:hover{
				color:#0f68ac;
				text-decoration:none;
				}
		#page #content h1.h1blog{
			padding-top:20px;
			}
		#page #content h1 .h1archive{
			font-size:21px;
			color:#8b9dca;
			text-transform:uppercase;
			padding-left:10px
			}
	#page #content h2{
		font-family:Tahoma, Arial, Helvetica, sans-serif;
		font-size:18px;
		color:#8b9dca;
		padding:15px 0 10px 31px;
		text-transform:uppercase;
		}
	#page #content h3{
		font-family:Tahoma, Arial, Helvetica, sans-serif;
		font-size:18px;
		color:#8b9dca;
		padding:0 0 10px 31px;
		text-transform:uppercase;
		}
		#page #content h3 a{
			color:#8b9dca
			}
		#page #content h3.h3crumbs{
			padding:33px 0 0 31px;
			}
	#page #content img{
		border:1px solid #005DA4;
		}
/* * Content - Blog Calendar Icon * */
	#page #content .date{
		background:url(../../img/blog_cal.gif) no-repeat top left;
		font-family:Tahoma, Geneva, Arial, Helvetica, sans-serif;
		width:64px;
		height:64px;
		float:left;
		text-align:center;
		margin:5px 10px 10px 31px
		}
		#page #content .date .month{
			color:#fff;
			font-weight:bold;
			text-transform:uppercase;
			font-size:13px;
			display:block;
			padding-top:1px;
			}
		#page #content .date .day{
			color:#333;
			font-size:24px;
			display:block;
			}
		#page #content .date .year{
			color:#333;
			font-size:13px;
			display:block;
			margin:-2px 0 0 2px;
			}

/* * Sidebar * */

#page #sidebar{
	float:right;
	width:231px;
	padding:0;
	}
	#page #sidebar p{
		color:#4d4b36;
		text-align:center;
		padding:15px 16px 0 16px;
		}
		#page #sidebar p a{
			font-size:10px;
			font-weight:bold;
			color:#04849d;
			text-decoration:underline;
			}
	#page #sidebar img.news{
		padding:12px 16px 0 16px
		}
	#page #sidebar .ditto_summaryPost{
		}
	#page #sidebar .ditto_summaryPost h3,
	#page #sidebar h3{
		text-align:center;
		color:#333;
		font-size:16px;
		}
		#page #sidebar .ditto_summaryPost h3 a,
		#page #sidebar h3 a{
			color:#04849d;
			}
	#page .reflect_archive_list{text-align:center}
		#page .reflect_archive_list ul.reflect_archive{color:#4d4b36;padding-top:10px;text-align:center}
			#page .reflect_archive_list ul.reflect_archive li.reflect_month{}
				#page .reflect_archive_list ul.reflect_archive li.reflect_month a.reflect_month_link{
					color:#04849d;
					text-decoration:underline;
					}
	#page #sidebar .date{
		visibility:hidden;
		height:0px;
		overflow:hidden;
		}

/* * Footer * */

#footer{
	background:#005da4;
	height:30px
	;
	}
	#footer ul{
		font-size:11px;
		color:#FFF;
		text-transform:uppercase;
		padding:7px 0 0 275px
		}
		#footer ul li{
			float:left;
			margin:0 2px;
			}
			#footer ul li a{
				color:#FFF;
				text-decoration:underline;
				}
#copyright{
	width:960px;
	margin:0 auto;
	padding-bottom:20px;
	}
	#copyright p{
		text-align:center;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:13px;
		color:#4d4b36;
		}
		#copyright p a{
			color:#4d4b36;
			text-decoration:underline;
			}

