/* Eric Meyer's Reset Reloaded */
/* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
/* =Clearfix (all browsers)
--------------------------------*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* IE6 */
* html .clearfix { height: 1%; }
/* IE7 */
*:first-child+html .clearfix { min-height: 1px; }

/* Main Elements */
html { height: 100%; }
body { background: #ebe9e2 url(balsam-bg.jpg) center top no-repeat; color: #464438; font: normal 17px/30px Georgia, Times, serif; margin: 0; height: 100%; }
#container { margin: 0 auto; width: 960px; min-height: 100%; }
#content { background-color: #fff; border: #eaeae7; float: left; margin: 108px 0 0 0; padding: 80px 90px 10px; width: 530px; min-height: 100%; }
#sidebar { float: left; margin: 290px 0 0 40px; width: 200px; }
#contact { border-top: 1px solid #d5d2c8; border-bottom: 1px solid #d5d2c8; margin: 40px 0; padding: 30px 0; }
hr.divider { border-top: 1px solid #d5d2c8; margin: 40px 0; }
.bio-pic { float: left; width: 130px; margin: 0px 20px 20px 0; border: 10px solid #ebe9e2; }

@media screen and (max-width: 980px) {
  body { font-size: 28px; line-height: 36px; }
}

/* Typography & Links */

p, h1 { margin-bottom: 30px; }
h2, h3, h4, h5, h6 { margin-bottom: 15px; }
h1 { color: #464438; font: 62px/60px 'Yanone Kaffeesatz', Lucida Grande, Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; }
h2 { color: #464438; font: 1.5em/1.2em 'Yanone Kaffeesatz', Lucida Grande, Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; }
h3 { color: #464438; font: 1.3em/1.3em 'Yanone Kaffeesatz', Lucida Grande, Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; }

h1.header { background: url(header.png) no-repeat top left; background-size: 530px 72px; display: block; width: 530px; height: 92px; text-indent: -9999px; }
p.footer { border-top: 1px solid #d5d2c8; color: #adaba5; font: 12px/22px Lucida Grande, Helvetica, Arial, sans-serif; padding: 40px 0 0 0; margin-top: 40px; }

a:link, a:visited, a:active { color: #bc9b01; text-decoration: none; } 
a:hover, a:focus { color: #50677c; }

p.footer a:link, p.footer a:visited, p.footer a:active { color: #adaba5; text-decoration: none; border-bottom: 1px solid #d5d2c8; }
p.footer a:hover, p.footer a:focus { color: #50677c; }

/* Sidebar */

#sidebar ul { font: 1.2em/1.3em 'Yanone Kaffeesatz', Lucida Grande, Helvetica, Arial, sans-serif; list-style-type: none; margin-bottom: 30px; -webkit-font-smoothing: antialiased; }
	#sidebar li { list-style-type: disc; list-style-position: outside; margin-left: 20px; padding: 0 0 5px 0; color: #464438; }
	#sidebar li::marker { color: #bc9b01; }
	
/* Contact */
	#contact li { 
		margin: 0;
		list-style: none;
		background-repeat: no-repeat;
		background-position: left center;
		background-size: 1em;
		font-family: 'Yanone Kaffeesatz', Lucida Grande, Helvetica, Arial, sans-serif;
	}

	@media screen and (min-width: 981px) {
		#contact li { 
		padding: 5px 0 5px 34px;
		font-size: 1.5em;
		line-height: 1.5em;
	}
}
	@media screen and (max-width: 980px) {

		#contact li { 
		padding: 5px 0 5px 44px;
		font-size: 1.2em;
		line-height: 1.5em;
	}
}

		#contact li.map { background-image: url(icons/location-dot-solid-full.svg); } 
		#contact li.phone { background-image: url(icons/phone-solid-full.svg); color:#bc9b01; } 
		#contact li.email { background-image: url(icons/envelope-solid-full.svg); } 
        #contact li.facebook { background-image: url(icons/facebook-brands-solid-full.svg); }
		


/* Payment */

input[type="image"] { padding-top: 20px; }
input[type="hidden"] {padding-top: 20px; }