/* -------------------------------------------------------------- 

   typography.css - Oh Hai! Welcome to my CSS codes.
   
       Index
	   
			01. Body
			02. Headings	
			03. Custom Headings					
			04. Lists
			05. Custom Lists
			06. Text Elements
			07. Custom Text Elements
			08. Tables			
			09. Wordpress  Alignment Styles
		   
		Frequently Used Colors
		
			Color 1 - color: #;
		 	Color 2 - color: #;
			Color 3 - color: #;
 
/* 01. Body   
-------------------------------------------------------------- */

body {
	background: #39674A url(/images/common/repeat-bg.jpg) repeat-x left top;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 21px;
	color:#555555;	
	}
	
/* 02. Headings - h1, h2, h3, etc.
-------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	font-family: 'Lucida Grande','Lucida Sans',helvetica,arial;
	}

h1 { font-size: 36px; }
h2 {
	color:#e9bb7d; 
	font-size: 22px;
	letter-spacing: -1px;
	margin-bottom: 18px;
	}
h3 { 
	font-size: 18px;
	margin-bottom: 18px;
	line-height: 24px;	 
	}
h4 { 
	font-size: 16px;
	color: #659478;
	margin-bottom: 18px;
	line-height: 21px; 
	}
h5 { 
	font-size: 12px;
	line-height:1.5;
	margin-bottom: 18px;	 	 
	}

	/* 03. Custom Headings
	---------------------------------------------------------- */	
	#staff h3 {
		margin-bottom: 0;
		}
	
	.sub h2 {
		color:#DFB16F; 
		font-size: 28px;
		letter-spacing: -1px;
		margin-bottom: 18px;
		border-bottom: 1px solid #EFE3D1;
		padding-bottom: 18px;		
		}

	#header h1 a {
		background:transparent url(/images/common/logo-main.jpg) no-repeat scroll 0 0;
		border:0 none;
		display:block;
		height:93px;
		text-indent:-9000px;
		width:274px;
		}
	
	#feature h2 { 
		display: none;
		}
	
/* 04. Lists - ul, ol, li, etc.
-------------------------------------------------------------- */

li ul,
li ol       { margin: 0; }
ul, ol      { margin: 0 1.5em 1.5em 0; padding-left: 3.333em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }	

	/* 05. Custom Lists
	---------------------------------------------------------- */
	
.sub ul.sub-nav-right {
	border-top: 4px solid #659478;
	font-family: 'Lucida Grande','Lucida Sans',helvetica,arial;
	margin: 90px 0 0 0;
	padding: 0;
	list-style: none;
	font-size: 13px;
	}
	
.sub ul.sub-nav-right li {
	padding-bottom: 10px;
	margin: 10px 0;
	}
	
	
.sub ul.xoxo {
	border-top: 4px solid #659478;
	font-family: 'Lucida Grande','Lucida Sans',helvetica,arial;
	margin: 90px 0 0 0;
	padding: 0;
	list-style: none;
	font-size: 13px;
	}
	
.sub ul.xoxo li {
	padding-bottom: 10px;
	margin: 10px 0;
	}	
	
#monthly-schedule ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}	
#monthly-schedule ul.left {
	float:left;
	width: 300px;
	}
#monthly-schedule ul.right {
	float:left;
	width: 300px;
	}	
	
	#nav ul#menu-main-navigation {
		width:940px;
		float:left;
		margin: 0 0 0 0;
		padding: 0;
		}	
		#nav ul#menu-main-navigation li {
			display: inline;		
			float: left;
			line-height: 30px;
			list-style-position: outside;
			list-style-type: none;
			padding-right: 10px; 
			}
		#nav ul#menu-main-navigation li img {
			border: 0px;
			}
			
	#nav ul.sub-menu {
		display: none;
		}			
			
	#nav .current-menu-item ul.sub-menu, #nav .current-menu-parent ul.sub-menu {
		margin: 0;
		padding: 0;
		font-size: 11px;
		display: inline;
		position:absolute;
		top: 37px;
		left: 50%;
		margin-left: -470px;
		height: 18px;
		overflow: hidden;
		}	
		.current-menu-parent ul.sub-menu {
			display: inline !important;
			}		
	#nav .current-menu-parent ul.sub-menu li.current_page_item a {
		font-weight:bold;
		}			
		
		#nav .current-menu-item ul.sub-menu li, #nav .current-menu-parent ul.sub-menu li {
			display: inline;
			line-height: 13px;
			list-style-position: outside;
			list-style-type: none;
			padding-right: 8px;
			margin-right: 8px;
			border-right: 1px solid #A1D1B4;
			}
		#nav .current-menu-item ul.sub-menu li img {
			border: 0px;
			}				

/* 06. Text elements - a, p, strong, etc.
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }

a:focus, 
a:hover     { color: #000; text-decoration: none; }
a           { color: #576FAF; text-decoration: underline; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

	/* 07. Custom Text elements
	---------------------------------------------------------- */
.screen-reader-text {
	display: none;	
	}	
	#staff p {
		margin-bottom: 0; 
		}	
	
.sub ul.sub-nav-right li a {
	color: #659478;
	text-decoration: none;	
	}	
.sub ul.sub-nav-right li a:hover {
	color: #A1D1B4;
	text-decoration: none;	
	}	
	.sub p {
		font-size: 14px;
		line-height:24px;
		}
ul.sub-nav-right li.current_page_item a {
	font-weight: bold;	
	}
#footer p {
	margin: 0;
	padding: 0;
	}	
	#footer a {
		color: #ecb677;
		}		
	#footer span.oursaviors {
		color: #ecb677;
		}				
	#nav ul#menu-main-navigation li.current_page_item a, #nav ul#menu-main-navigation li.current_page_parent a {
		background:transparent url(/images/common/nav-current-arrow.gif) no-repeat scroll center top;	
		color:#EFE3D1;
		}	
	#nav ul#menu-main-navigation li.current_page_item a, #nav ul#menu-main-navigation li.current_page_parent a:hover {
		background:transparent url(/images/common/nav-current-arrow.gif) no-repeat scroll center top;	
		color:#EFE3D1;
		}			
	#nav ul#menu-main-navigation li.current_page_item a:hover {
		background:transparent url(/images/common/nav-current-arrow.gif) no-repeat scroll center top;	
		color:#EFE3D1;
		}	
		
	#nav ul#menu-main-navigation li.current_page_item ul.sub-menu a, #nav ul#menu-main-navigation .current-menu-parent ul.sub-menu a {
		background: none;	
		color:#A1D1B4;
		padding: 0;
		line-height: 18px;
		}	
	#nav ul#menu-main-navigation li.current_page_item ul.sub-menu a:hover, #nav ul#menu-main-navigation .current-menu-parent ul.sub-menu a:hover {
		background: none;
		color:#A1D1B4;
		text-decoration: underline;			
		}											
	
	#nav ul#menu-main-navigation li a {
		text-decoration: none;
		color: #FFF;
		padding-top: 10px;
		display: block;		
		}	
	#nav ul#menu-main-navigation li a:hover {
		background:transparent url(/images/common/nav-hover-arrow.gif) no-repeat scroll center top;
		color:#a1d1b4;				
		}					
	#nav ul.sub-menu li a {
		text-decoration: none;
		color: #A1D1B4;
		}	
	#nav ul.sub-menu li a:hover {
		text-decoration: underline;
		color: #A1D1B4;
		}			

	#service-times #time .secondary p {
		margin: 0;
		padding: 0;
		}		
	
	
/* 08. Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
thead th 	{ background: #c3d9ff; }
th,td,
caption 	{ padding: 4px 10px 4px 5px; }
tr.even td  { background: #e5ecf9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }
	

/* 09. Wordpress Alignment Styles
-------------------------------------------------------------- */			
.gallery-item {
	float:left;	
	margin-top: 0;
	text-align: center;
	width: 20%;	
	margin-bottom: 10px;
	}	
	
div.alignnone {
	background:#FFF none repeat scroll 0 0;
	margin:10px 0px 15px 0px;
	padding:10px;
	border: 1px solid #E3DFDC;
}			
div.alignright {
	background:#FFF none repeat scroll 0 0;
	display:inline;
	float:right;
	margin:10px 0px 10px 10px;
	padding:10px;
	border: 1px solid #E3DFDC;	
}		
div.alignleft {
	background:#FFF none repeat scroll 0 0;
	display:inline;
	float:left;
	margin:0px 10px 10px 0px;
	padding:10px;
	border: 1px solid #E3DFDC;	
}
img.alignright {
	background:#FFF none repeat scroll 0 0;
	display:inline;
	float:right;
	margin:15px 0px 15px 15px;
	padding:10px;
	border: 1px solid #E3DFDC;	
	
}
img.alignleft {
	background:#FFF none repeat scroll 0 0;
	display:inline;
	float:left;
	margin:0px 15px 15px 0px;
	padding:10px;
	border: 1px solid #E3DFDC;	
}
img.aligncenter {
	display: block; 
	margin-left: auto; 
	margin-right: auto;
}
a img.alignright {
	background: #FFF none repeat scroll 0 0;
	display:inline;
	float:right;
	margin:0px 0px 15px 15px;
	padding:10px;
	border: 1px solid #E3DFDC;	
}
a img.alignleft {
	background: #FFF none repeat scroll 0 0;
	display:inline;
	float:left;
	margin:0px 15px 15px 0px;
	padding:10px;
	border: 1px solid #E3DFDC;	
}
a img {
border: 0;
}
a img.aligncenter {
	display: block; 
	margin-left: auto;
	margin-right: auto;
}	
img.alignnone {
	background: #FFF none repeat scroll 0 0;
	margin:15px 15px 15px 0px;
	padding:10px;
	border: 1px solid #E3DFDC;	
}