/*   
Theme Name: Business Card
*/

html, body, h1, h2, h3, h4, h5, h6, p, blockquote, ul, ol, li { padding: 0; margin: 0; }

html {
	background-color: #FFF;
	text-align: center;
	padding-top: 20px;
	}

body {
	width: 980px; margin: 0 auto;
	font-family: Georgia, "Times New Roman", "New Times", serif; color: #222;
	text-align: left;
	line-height: 1.6;
	background-image: url(masthead.gif); background-repeat: no-repeat; background-position: 0 0;
	}
	
	a:link, a:visited { color: #369; text-decoration: none; }
	a:hover { text-decoration: underline; }
	a:active { color: #C00; }

	#content { 
		padding: 0 20px 0 500px;
		}

	h1 {
		font-size: 28px; font-weight: normal; line-height: 1.3; 
		padding-top: 120px;
		text-indent: -25px;
		margin-bottom: 50px;
		}
		
		h1 strong { font-weight: normal; text-transform: uppercase; font-size: 90%; letter-spacing: 2px; }

	ul { list-style-type: none; }

	h3, h4 { font-size: 11px; font-weight: normal; text-transform: uppercase; letter-spacing: 3px; color: #333; }
	
	/*#authorwebsite h4,
	#portfolio h4,
	#personalweblog h4 { position: absolute; left: -9999px; }*/

	.primary { margin-bottom: 50px; }
		.primary p, .primary ul { font-size: 14px; }
	
	.secondary { width: 200px; float: left; margin-right: 40px; }

	.tertiary { width: 200px; float: right; }

		.secondary p, .secondary ul,
		.tertiary p, .tertiary ul { font-size: 13px; }

		.secondary p, .tertiary p { padding-bottom: 10px; margin-bottom: 10px; }

		#elsewhere li { margin-top: 5px; }
		#elsewhere li img { width: 12px; height: 12px; margin-right: 5px; position: relative; top: 1px; }
	
	#footer { margin: 75px 0 50px 0; text-align: center; }
		#footer p { font-size: 10px; letter-spacing: 25px; text-transform: uppercase; color: #666; }
			#footer p small { font-size: 100%; }
	
	.clear { clear: both; }
	
	.amp { font-style: italic; font-family: Baskerville, serif; }
	
	.notice { color: red; }
		.notice a { color: red; font-weight: bold; text-decoration: none; }
		.notice a:hover { text-decoration: underline; }
		
	.hide { position: absolute; left: -9999px; }


@media screen and (max-width: 768px) {
	
	html { padding-top: 0; }
	
	body { width: 100%; background: none; }

	#content { padding: 0 25px 0 25px; }

	h1 { font-size: 36px; padding-top: 25px; text-indent: 0; margin-bottom: 50px; }
		h1 .hide { position: relative; left: 0; }

	h3, h4 { font-size: 11px; margin-top: 25px; }
	
	.section { width: 100%; float: none; }
	
		.primary p, .primary ul,
		.secondary p, .secondary ul { font-size: 18px; }

		#contact p, #subscribe p { font-size: 16px; }
	
		.tertiary p, .tertiary ul { font-size: 14px; }
		
		#elsewhere li:nth-child(odd) { float: left; width: 33%; }
		#elsewhere li:nth-child(even) { float: right; width: 45%; }

	#footer { margin: 25px 0 0 0; background-image: url(masthead.png); background-repeat: no-repeat; background-position: 0 0; -o-background-size: 100% auto; -webkit-background-size: 100% auto; -khtml-background-size: 100% auto; height: 200px; }
		#footer p { display: none; }
}