/*
Theme Name: EyeStyles
Description: A custom theme built with HTML 5.
Version: 2.0
Author: Catherine Azzarello, Azzcat Design
Author URI: http://azzcatdesign.com
Tags: custom, letterpress, CSS3, html5
*/

/*
AZZCAT mash-up from Baseline, Bluetrip, Easy and H5
*/

/******************** Reset ********************/
html, body, div, span, a, img,
h1, h2, h3, h4, h5, h6, hgroup, p,
dl, dialog, dt, dd, ol, ul, li, 
abbr, acronym, address, b, big, blockquote, 
cite, code, del, dfn, em, i, ins, kbd, pre, q, 
samp, tt, var, small, strong, sub, sup, 
object, iframe, form, fieldset, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, footer, header, nav, section,
figure, menu, time, mark, audio, video			{ font-family: inherit; font-size: 100%; font-weight: inherit; font-style: inherit; vertical-align: baseline; white-space: normal; text-align: left; margin: 0; padding: 0; border: 0; outline: 0; background: transparent; }
textarea									{ font-family: inherit; font-size: 100%; font-weight: normal; font-style: normal; white-space: normal; text-align: left; margin: 0; padding: 0; }
article, aside, footer, header, nav, section,
dialog, figure, hgroup, menu					{ display: block; }

h1, h2, h3, h4, h5, h6		{ font-size: 100%; font-weight: normal; }
del, ins					{ text-decoration: none; }
ol, ul					{ list-style: none; }
nav ul					{ list-style-type: none; }
table					{ border-collapse: separate; border-spacing: 0; background-color: transparent; width: auto; height: auto; }
:focus					{ outline: 0; }
blockquote:before, blockquote:after, q:before, q:after		{ content: ""; }
blockquote, q				{ quotes: "" ""; }

/*==================== COLOR KEY ==================== */

/*COLORS
dark, dark brown:		#141211
dark beige:			#bfab91
beige:				#ded8cc
beige text hover:		#f0e7db
turquoise hover:		#2a7795
turquoise footer link:	#5ea7c4
light turquoise		#9ec6ce
dull turquoise:		#637e88
pale green:			#c4d1a2
greyed back brown:		#46413d
orange				#ffa145
dull orange			#eac195
*/

/******************** Base type styles with Baseline grid: 13/18px ********************/
body						{ font-size: 75%; line-height: 1.5; /*12/18*/
						font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", "Liberation Sans", helvetica, arial, sans-serif; 
						background: #ded8cc; color: #141211; }
h1, h2, h3, h4, h5, h6		{ position: relative; }
h1, h2					{ line-height: 36px; margin-bottom: 18px; }
h1, h2, h3, h4				{ margin-top: 18px; font-family: "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2"; }
h3, h4, h5, h6				{ line-height: 18px; }
h1						{ font-size: 36px; top: 5px; }
h2						{ font-size: 28px; top: 8px; }
h3						{ font-size: 22px; top: 1px; }
h4						{ font-size: 18px; top: 2px; }
h5						{ font-size: 15px; top: 4px; }
h6						{ font-size: 13px; top: 5px; }
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child				{ margin-top: 0; }	
h4, h5, h6				{ font-weight: bold; }
p, pre, address			{ font-size: 13px; line-height: 18px; position: relative; top: 5px; }
b, strong, caption, th, thead, dt, legend		{ font-weight: bold; }
cite, dfn, em, i							{ font-style: italic; }
code, kbd, samp, pre, tt, var					{ font-family: monaco, "Lucida Console", courier, monospace; }
h1, h2, h3, h4, h5, h6						{ word-spacing: 0; }
p										{ word-spacing: 0.125em; hyphenate: auto; hyphenate-lines: 3; }
p+p										{ margin-top: 18px; }
p+p.no-indent								{ text-indent: 0; }
pre										{ white-space: pre; }
del										{ text-decoration: line-through; }
mark										{ background: rgba(255, 255, 0, 0.4); padding: 0 .25em; }
ins										{ color: #f00; }
small, sup, sub							{ font-size: 80%; }
abbr, code, kbd, samp, small, var				{ line-height: 15px; }
abbr, acronym								{ text-transform: uppercase; letter-spacing: .1em; }
abbr[title], acronym[title], dfn[title]			{ border-bottom: 1px dotted black; cursor: help; }
sup										{ vertical-align: super; }
sub										{ vertical-align: sub; }
blockquote								{ padding: 18px; }
ul, ol, dl, dialog							{ font-size: 13px; line-height: 18px; position: relative; top: 5px; 
										margin-top: 18px; margin-bottom: 18px; }
li ul, li ol, ul ul, ol ol					{ top: 0; margin-top: 0; margin-bottom: 0; }
li h1, li h2, li h3,
li h4, li h5, li h6,
li p										{ top: 0; }
ul										{ list-style: disc outside; }
ol										{ list-style: decimal outside; }
form, legend, label							{ font-size: 13px; line-height: 18px; }
legend									{ position: relative; top: 5px; }
input, textarea							{ font-size: 12px; }
table									{ font-size: 13px; }
caption									{ font-size: 13px; line-height: 18px; position: relative; }

input, select, button						{ cursor: pointer; }
table									{ font: inherit; width: 100%; }
hr										{ border: none; width: 100%; position: relative; height: 4px; margin: 18px 0 14px 0; }

/* LINKS Azzcat removed underlines as default. If you want underlined links, add .underline class */
a										{ padding: 5px 0 } /*bigger selection area */
a:link, a:hover, a:active, a:focus, a:visited	{ text-decoration: none; color: #2a7795; }
a:hover, a:focus							{ text-decoration: underline; }

/* html 5 */
article, aside, header, hgroup,
nav, section, footer						{ float: left; display: block; }
figure									{ display: block; }
.debug									{ outline: solid gold 1px; }
.debug-background							{ background: rgba(255, 215, 0, 0.5) !important; }

/* Perishable Press New Clearfix, Dec. 2009 http://perishablepress.com/press/2009/12/06/new-clearfix-hack/ */
html, body, #wrap { height: 100%;}
body>#wrap {height: auto; min-height: 100%; }
#contact { padding-bottom: 268px; } /* must be same height as the footer Azzcat added 18px to allow for image length */
body>footer {
	clear: both;
	width: 100%;
	height: 250px;
	margin-top: -250px; /*negative value of footer height for sticky footer */
	padding-bottom: 20px;
	}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
	
/* common from Easy */			
.left{float:left;margin-right:1em;}
.marginR { margin-right: 1em; }
.right{float:right;margin-left:1em;}
.center{text-align:center;}
.clear{clear:both;}
.first{margin-left:0 !important;}
.last{margin-right:0 !important;}
.top{margin-top:0 !important;}
.bottom{margin-bottom:0 !important;}	
.hidden, .print{display:none;}
.graphic{ margin:0; padding:0; display:block; overflow:hidden; text-indent:-8000px; }
	
/* COMMON CLASSES AZZCAT */
.clearLeft	{ clear: left; }
.floatLeft	{ float: left; }
ul.floatLeft	{ margin-right: 10px; }
.floatRight	{ float: right; }
.rule		{ margin-top: 18px; border-top: 1px solid #ffa145; width: 100%;}
.underline	{ text-decoration: underline; }

/* Creates fancy serif style type */
.fancy 		{ color: #46413d; font-family: "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2", "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif; font-style: italic; font-weight: normal; }  

/* Creates small caps */
.caps 		{ font-variant: small-caps; letter-spacing: 1px; text-transform: lowercase; font-size:1.2em; font-weight:bold; padding:0 2px; }
.letterpress	{ text-shadow: 1px 1px 1px #fff; }
.underline	{ text-decoration: underline; }	
.textLight 	{color: #46413d;}
.round 		{ -moz-border-radius: 8px;
			-webkit-border-radius: 8px;
			-khtml-border-radius: 8px;
			border-radius: 8px; }
.roundTop 	{ -moz-border-radius-topleft: 8px;
			-moz-border-radius-topright: 8px;
			-webkit-border-top-left-radius: 8px;
			-webkit-border-top-right-radius: 8px;
			-khtml-border-top-left-radius: 8px;
			-khtml-border-top-right-radius: 8px;
			border-top-left-radius: 8px;
			border-top-right-radius: 8px; }
.roundBottom 	{-moz-border-radius-bottomleft: 8px;
			-moz-border-radius-bottomright: 8px;
			-webkit-border-bottom-left-radius: 8px;
			-webkit-border-bottom-right-radius: 8px;
			-khtml-border-bottom-left-radius: 8px;
			-khtml-border-bottom-right-radius: 8px;
			border-bottom-left-radius: 8px;
			border-bottom-right-radius: 8px; }
.boxShadow 	{ -moz-box-shadow: 2px 2px 15px #46413d;
			-webkit-box-shadow: 2px 2px 15px #46413d;
			-khtml-box-shadow: 2px 2px 15px #46413d;
			box-shadow: 2px 2px 15px #46413d; }
.boxShadow_deeper 	{ -moz-box-shadow: 5px 5px 45px #46413d;
				-webkit-box-shadow: 5px 5px 45px #46413d;
				-khtml-box-shadow: 5px 5px 45px #46413d;
				box-shadow: 5px 5px 45px #46413d; }
.border		{background-color: #fff;
			padding: 3px;
			border: #9e4a2e 1px solid; }
	
/*=====================LAYOUT=======================*/

body		{ background: url(images/bkgd_es_pattern_paper.jpg) center top repeat-y; }
#css_award	{ position: fixed; top: 51px; right: 0; }
#wrap	{ margin: 0 auto; padding-top: 60px; width: 970px; /*bluetrip*/}
#products, #news, #about, #appointments, #contact, #search_results {
		width: 960px; /*widened 10px on 02/02/10 to accommodate news article margins*/
		min-height: 650px; padding-top: 40px; }
		#contact { min-height: 300px; }
.w310 	{ width: 310px; margin-right: 10px; } 

/* == HEADER == */

#wrap>header { position: relative; }
	#wrap>header>h1 {
		margin: 0 0 0 160px;
		width: 450px;
		height: 250px;
		text-indent: -9999px;
		background: url(images/es_logo.png) top left no-repeat;
		}
		#wrap>header>h2 {
		color: #2a7795;
		font-size: 22px;
		position: absolute; 
		top: 185px;
		left: 395px;
		width: 100%;
		}
		
/* == NAVIGATION == */

nav { text-align: center; clear: both; }
	nav li a:hover, nav li a:focus	{ text-decoration: none; }
body>nav {
	background: #141211;
	width: 100%;
	height: 51px;
	border-bottom: 1px solid white;
	position: fixed;
	z-index: 1000;
	}	
	.position-fixed-top { /*for IE7, stupid, stupid browser! */
	    position:fixed !important; top: 0; left: 0; }
	body>nav ul { 
		margin: 0 auto; 
		width: 970px;
		position: relative;		  		  		
		}
		body>nav li, body>nav li a {
			display: block;
			text-align: center; 
			float: left;
			width: 150px;
			height: 40px;
			margin-right: 10px;
			font-size: 26px;
			background: url(images/bkgd_menu10x40.jpg) top left repeat-x;
			}
						
			body>nav li a:link, body>nav li a:active, 
			body>nav li a:visited	{ color: #f0e7db; }
			
			body>nav li a:hover, body>nav li a:focus { 
			background: url(images/bkgd_menu10x40_hover.jpg) top center no-repeat; 
			}
			
			body>nav li a:hover, body>nav li a:focus { /*CSS3 transition effect*/
			-webkit-transition: all .2s; }
			
#product_DD ul { display: none; }	
	#product_DD:hover ul, #product_DD:focus ul {
	display: block;
	width: 150px;
	position: absolute;
	top: 42px;	
	background: url(images/bkgd_menu_DD_hover.jpg) top left no-repeat;
	-moz-box-shadow: 5px 5px 45px #46413d;
	-webkit-box-shadow: 5px 5px 45px #46413d;
	-khtml-box-shadow: 5px 5px 45px #46413d;
	box-shadow: 5px 5px 45px #46413d;	
	}	
	#product_DD ul li, #product_DD ul li a {
		display: block;
		float: none;
		height: 26px;
		text-align: left;
		text-indent: 10px;
		font-size: 15px;		
		color: white;
	 	background: none;
	 	padding: 0;
	 	}
		#product_DD ul li a:hover, #product_DD ul li a:focus {
			background-color: #ffa145;
			}			
			
/* == SECTIONS == */

section>header>h1 {
	padding-top: 18px; /*H5 is 10px, Azzcat changed to 18px to stay w/Baseline*/
	text-shadow: 1px 1px 1px #fff; /* note that this does not affect Cufon generated fonts, but WILL work with Typekit generated fonts. Leaving in for future enhancement. */
	width: 950px;	
	letter-spacing: -0.025em;
	}
article>header>h1 {
	font-size: 26px; top: 6px;
	margin-bottom: 0;	
	letter-spacing: 0;
	color: #fff;
	}
article section ul li {
	list-style-type: square;
	list-style-position: inside;
	}
#products dt {
	position: absolute;
	display: block;	
	text-indent: -9999px;			
	cursor: pointer;
	}	
/* circles */
#c_mikli {
	background: url(images/sprite_mikli.png) top center no-repeat;
	width: 207px; height: 207px;
	top: -150px; left: 0; }
	#c_mikli:hover, #c_mikli:focus {
	background: url(images/sprite_mikli.png) bottom center no-repeat;
	}
	
#c_bevel {
	background: url(images/sprite_bevel.png) top center no-repeat;
	width: 224px; height: 224px;
	top: 230px; left: -40px; }
	#c_bevel:hover, #c_bevel:focus {
		background: url(images/sprite_bevel.png) bottom center no-repeat;
		}	
#c_mykita {
	background: url(images/sprite_mykita.png) top center no-repeat;
	width: 185px; height: 185px;
	top: -60px; left: 290px; }
	#c_mykita:hover, #c_mykita:focus {
	background: url(images/sprite_mykita.png) bottom center no-repeat;
	}
#c_kame {
	background: url(images/sprite_kame.png) top center no-repeat;
	width: 223px; height: 223px;
	top: 50px; left: 330px; }
	#c_kame:hover, #c_kame:focus {
	background: url(images/sprite_kame.png) bottom center no-repeat;
	}
#c_laloop {
	background: url(images/sprite_laloop.png) top center no-repeat;
	width: 184px; height: 184px;
	top: 130px; left: 50px; }
	#c_laloop:hover, #c_laloop:focus {
	background: url(images/sprite_laloop.png) bottom center no-repeat;
	}
#c_koali {
	background: url(images/sprite_koali.png) top center no-repeat;
	width: 148px; height: 148px;
	top: 0; left: -15px; }
	#c_koali:hover, #c_koali:focus {
	background: url(images/sprite_koali.png) bottom center no-repeat;
	}
#c_lightec {
	background: url(images/sprite_lightec.png) top center no-repeat;
	width: 150px; height: 150px;
	top: -80px; left: 480px; }
	#c_lightec:hover, #c_lightec:focus {
	background: url(images/sprite_lightec.png) bottom center no-repeat;
	}
#c_iyoko {
	background: url(images/sprite_iyoko.png) top center no-repeat;
	width: 197px; height: 197px;
	top: 70px; left: 160px; }
	#c_iyoko:hover, #c_iyoko:focus {
	background: url(images/sprite_iyoko.png) bottom center no-repeat;
	}
#c_jpgault {
	background: url(images/sprite_jpgault.png) top center no-repeat;
	width: 151px; height: 151px;
	top: -20px; left: 150px; }
	#c_jpgault:hover, #c_jpgault:focus {
	background: url(images/sprite_jpgault.png) bottom center no-repeat;
	}
#c_laeye {
	background: url(images/sprite_laeye.png) top center no-repeat;
	width: 185px; height: 185px;
	top: 250px; left: 310px; }
	#c_laeye:hover, #c_laeye:focus {
	background: url(images/sprite_laeye.png) bottom center no-repeat;
	}
#c_oga {
	background: url(images/sprite_oga.png) top center no-repeat;
	width: 174px; height: 174px;
	top: 210px; left: 200px; }
	#c_oga:hover, #c_oga:focus {
	background: url(images/sprite_oga.png) bottom center no-repeat;
	}	
#c_salt {
	background: url(images/sprite_salt.png) top center no-repeat;
	width: 207px; height: 207px;
	top: 340px; left: 90px; }
	#c_salt:hover, #c_salt:focus {
	background: url(images/sprite_salt.png) bottom center no-repeat;
	}
#c_eyephoric {
	background: url(images/sprite_eyephoric.png) top center no-repeat;
	width: 197px; height: 197px;
	top: 340px; left: 450px; }
	#c_eyephoric:hover, #c_eyephoric:focus {
	background: url(images/sprite_eyephoric.png) bottom center no-repeat;
	}
#c_maui {
	background: url(images/sprite_maui.png) top center no-repeat;
	width: 148px; height: 148px;
	top: 180px; left: 460px; }
	#c_maui:hover, #c_maui:focus {
	background: url(images/sprite_maui.png) bottom center no-repeat;
	}
			
/* the overlayed element */
#products dd.simple_overlay {	     
	/* must be initially hidden */ 
	display:none; 	
	/* place overlay on top of other elements */ 
	z-index:900;	
	position: absolute;
	top: 10px;
	right: 0;	    	
	background-color: #efae69;
	border: solid 10px #141211;
	padding: 10px;
	width: 270px;
	min-height: 150px;	
	-moz-box-shadow: 2px 2px 15px #46413d;
	-webkit-box-shadow: 2px 2px 15px #46413d;
	-khtml-box-shadow: 2px 2px 15px #46413d;
	box-shadow: 2px 2px 15px #46413d;
	}
dd.simple_overlay:hover, dd.simple_overlay:focus {
	-moz-box-shadow: 5px 5px 45px #46413d;
	-webkit-box-shadow: 5px 5px 45px #46413d;
	-khtml-box-shadow: 5px 5px 45px #46413d;
	box-shadow: 5px 5px 45px #46413d;
	}
dd span {
	font-size: 28px; 
	top: 8px;
	text-shadow: 1px 1px 1px #fff;
	} 	
	
/* close button positioned on upper right corner */ 
.simple_overlay .close { 
    background-image:url(images/overlay/close.png); 
    position:absolute; 
    right:-20px; 
    top:-20px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
	}

/*Dynamic styling for posts...displayed within home page*/	
#news article[id*=post-], #about article[id*=post-] {
width: 270px;
height: 400px; /*This height can be changed to fixed size, add overflow:hidden to keep tight layout. User can click on title to single.php and read more. On return, the title color changes from white to blue(visited).*/
overflow: hidden;
padding: 0 10px 18px 10px; /*H5 is 10px Azzcat changed to 18px to stay w/Baseline*/
border: solid 10px #141211;
margin: 0 10px 10px 0;
float: left;	
-moz-box-shadow: 2px 2px 15px #46413d;
-webkit-box-shadow: 2px 2px 15px #46413d;
-khtml-box-shadow: 2px 2px 15px #46413d;
box-shadow: 2px 2px 15px #46413d;
}
#about article[id*=post-] { height: 420px; }
	
#news article[id*=post-] h1, #about article[id*=post-] h1 { width: 270px; }
#news article[id*=post-] h1 a:link, #about article[id*=post-] h1 a:link { color: #FFF; }
#news article[id*=post-] h1 a:hover, #news article[id*=post-] h1 a:focus, #about article[id*=post-] h1 a:hover, #about article[id*=post-] h1 a:focus 
	/*note that hover does not currently work w/Cufon*/
	{ text-decoration: underline; color: #2a7795; }
article>header p, article>footer p { font-style: italic; color: #46413d; margin-bottom: 18px; }
article+nav { font-weight: bold; }

#news article { background: url(images/bkgd_news.jpg) top left repeat-y; }
#about article { background: url(images/bkgd_about.jpg) top left repeat-y; }
#news article:hover, #news article:focus { background: url(images/bkgd_news_hover.jpg) top left repeat-y; }
#about article:hover, #about article:focus {
	background: url(images/bkgd_about_hover.jpg) top left repeat-y; }

#news article:hover, #news article:focus, #about article:hover, #about article:focus  {
	-moz-box-shadow: 5px 5px 45px #46413d;
	-webkit-box-shadow: 5px 5px 45px #46413d;
	-khtml-box-shadow: 5px 5px 45px #46413d;
	box-shadow: 5px 5px 45px #46413d; 
	}
article section+header { margin-top: 18px;}

.eyecandy {
	position: relative;	 
	left: -10px;
	top: 12px;
	}
	.eyecandy>img {
		border-top: 1px solid #ffa145;
		border-bottom: 1px solid #ffa145;
		}
.eyecandy>img.noborder	{ border: none; }


/*End Dynamic post styling*/

/*Dynamic styling for single category and archive posts */
body.single #news, body.single #about, body.search #search_results,
body.archive #news, body.archive #about, body.archive #search_results,
body.archive #archives, body.page #archives, body.search #search_results
	{width: 600px; float: left; }	
body.single #news article[id*=post-], body.single #about article[id*=post-],
body.archive #news article[id*=post-], body.archive #about article[id*=post-], body.search #search_results
	{ min-height: 200px; height: 100%;
	width: 590px;  } /* wider view for single post */
body.search #search_results article[id*=post-], body.archive #archives, body.page #archives, body.search #search_results
	{ padding: 10px 10px 18px 30px; /*H5 is 10px Azzcat changed to 18px to stay w/Baseline*/
	width: 570px;
	border: solid 10px #141211;
	background-color: #e4cdb4; /* for stupid IE8 */
	background-color: rgba(236,193,147,.6); /* for all the good guys */	
	#background-color: #e4cdb4; /* override for stupid IE7 */
	margin: 0 10px 10px 0;
	float: left;	
	-moz-box-shadow: 2px 2px 15px #46413d;
	-webkit-box-shadow: 2px 2px 15px #46413d;
	-khtml-box-shadow: 2px 2px 15px #46413d;
	box-shadow: 2px 2px 15px #46413d;
	}
	body.archive #archives { padding-left: 18px; }
	body.search #search_results article[id*=post-] ol li
	{ margin-bottom: 18px; }
	body.search #search_results form { margin-top: 18px; }
body.single #news article[id*=post-], body.archive #news article[id*=post-]
	{ background: rgb(159,198,206); /* for stupid IE8 */
	background: rgba(159,198,206,.6); /* for all the good guys */
	#background-color: #b9cdcf; }	/* override for stupid IE7 */
body.single #about article[id*=post-], body.archive #about article[id*=post-]	
	{ background: rgb(196,209,162); /* for stupid IE8 */
	background: rgba(196,209,162,.6); /* for all the good guys */
	#background-color: #cdf3b3;} /* override for stupid IE7 */
body.single #news article[id*=post-]:hover, body.single #news article[id*=post-]:focus, body.single #about article[id*=post-]:hover, body.single #about article[id*=post-]:focus,
body.archive  #news article[id*=post-]:hover, body.archive  #news article[id*=post-]:focus, body.archive  #about article[id*=post-]:hover, body.archive  #about article[id*=post-]:focus
	{ -moz-box-shadow: 2px 2px 15px #46413d; /* no need for hover shadow effect on single post */
	-webkit-box-shadow: 2px 2px 15px #46413d;
	-khtml-box-shadow: 2px 2px 15px #46413d;
	box-shadow: 2px 2px 15px #46413d;
	}
body.single p.eyecandy, body.archive p.eyecandy { width: 50%; float: left; top: 6px;  }
body.single p.eyecandy + p, body.archive p.eyecandy + p { margin-top: 0; }
	
/*End Dynamic styling for single category and archive posts */
		
#appointments>article>section { width: 300px; margin-right: 20px; }
#appointments>article>section+section {
	float: left;
	width: 590px;
	background: url(images/bkgd_appt_coming.jpg) top center no-repeat;
	margin-right: 0;
	min-height: 340px;
	padding: 0 10px 10px;
	border: solid 10px #141211;
	-moz-box-shadow: 2px 2px 15px #46413d;
	-webkit-box-shadow: 2px 2px 15px #46413d;
	-khtml-box-shadow: 2px 2px 15px #46413d;
	box-shadow: 2px 2px 15px #46413d;
	}
#appointments>article>section+section:hover, #appointments>article>section+section:focus {
	-moz-box-shadow: 5px 5px 45px #46413d;
	-webkit-box-shadow: 5px 5px 45px #46413d;
	-khtml-box-shadow: 5px 5px 45px #46413d;
	box-shadow: 5px 5px 45px #46413d;
	}
.vcard { font-weight: bold; }
#map {
	width: 290px;
	border: solid 10px #141211;
	margin-right: 10px;
	float: left;
	-moz-box-shadow: 2px 2px 15px #46413d;
	-webkit-box-shadow: 2px 2px 15px #46413d;
	-khtml-box-shadow: 2px 2px 15px #46413d;
	box-shadow: 2px 2px 15px #46413d;
	}
#map:hover, #map:focus {
	-moz-box-shadow: 5px 5px 45px #46413d;
	-webkit-box-shadow: 5px 5px 45px #46413d;
	-khtml-box-shadow: 5px 5px 45px #46413d;
	box-shadow: 5px 5px 45px #46413d;
	}
#contact { position:relative; }
#circles3  {
	position: absolute;
	height: 460px;
	width: 420px;
	top: 20px;
	right: 0;
	border: none;
	}
	
/*COLORS
dark, dark brown:		#141211
dark beige:			#bfab91
beige:				#ded8cc
beige text hover:		#f0e7db
turquoise hover:		#2a7795
turquoise footer link:	#5ea7c4
light turquoise		#9ec6ce
dull turquoise:		#637e88
pale green:			#c4d1a2
greyed back brown:		#46413d
orange				#ffa145
dull orange			#eac195
*/

/* == COMMENTS == */ /*Not planned to incorporate, this is from H5*/
article[id*=comment-] {
	margin: 15px 0;
	padding: 10px;
	}
	article[id*=comment-] h4 {
		margin: 0;
		}
	.alt {
		border: 1px solid #ddd;
		background: #eee;
		}
form[method=post] label {
	display: block; 
	}
form[method=post] input {
	margin: 2px 0 12px 0;
	display: block;
	}
	
/* == SIDEBAR == */ /*Put some dynamic parts in footer */
aside {
	color: #46413d;
	overflow: hidden;
	min-height: 200px;
	width: 270px;
	margin-right: 20px;
	padding: 50px 0 0 40px;
	float: right;	
	}
	aside li { list-style: none; }		
		aside li h1 { line-height: 18px; font-size: 22px; top: 1px; }
		aside li h1:first-child { margin-top: 18px; }
		aside li ul li { list-style: square inside; }
body.search aside { padding-top: 10px; }	
			
/* == FOOTER == */
body>footer { 
	border-top: 1px solid white;
	color: #bfab91;
	/* solid color fallback */
	background-color: rgb(19,16,16);
	/* CSS3 rule keeps background transparent, and content opaque */
	background-color: rgba(19,16,16,0.85);
	/* override for IE7 */
	#background-color: #141211;
	}
	.inside {
		float: none;
		margin: 10px auto;
		width: 970px;
		list-style: none;
		}
		.inside a:link, .inside a:visited { color: #bfab91; text-decoration: none; }		
		.inside a:hover, .inside a:focus, .inside a:active { color: #ffa145; }

		.vendors { 
			float: left; width: 480px;
			min-height: 210px; color: #5ea7c4; }
			.vendors h2 { 
				width: 450px; border-bottom: dotted 1px #5ea7c4; }
			.vendors ul li {
				float: left; width: 150px;
				margin-right: 10px;	list-style: none; }
				.vendors ul li, .vendors ul li a, .vendors ul li a:link { color: #5ea7c4; }
				.vendors ul li a:hover, .vendors ul li a:focus { color: #ffa145; }
				.vendors ul li a:visited { color: #637e88; }	
		.other_links { float: right; width: 490px; }	
			.local_links { 
				width: 150px; float: left;
				margin-right: 10px; margin-top: 34px; }							
			ul.credits {
				width: 150px; float: left;
				margin-top: 6px; }
				ul.credits li {  }
			ul.inline {
				float: left; width: 310px; }
				ul.inline li {	
					text-align: left; list-style: none; }
					ul.inline li a { padding: 0; }
					#twitter, #linkedin, #rss, #fb {
						float: left;
						width: 64px;
						height: 64px;
						margin-right: 10px; 
						text-indent: -9999px;
						background-image: url(images/social_sprites2.png);
						}
					#twitter { background-position: 0 0; }
					#twitter:hover { background-position: 0 -64px; }
					#fb { background-position: 64px 0; }
					#fb:hover { background-position: 64px -64px; }
					#rss { background-position: 128px 0; }
					#rss:hover { background-position: 128px -64px; }					
					#linkedin { background-position: 192px 0; }
					#linkedin:hover { background-position: 192px -64px;}
	
/* == SEARCH == */
label[for=s] { display: none; }

/* == ELEMENTS == */
/* a place for misc. styles */