/*
	style_global.css
	Stylesheet for susanhobbs.com
	
	Copyright ©2010 Gordon Hicks, all rights reserved	
*/	


/* General */

	div {
		position: relative;
		margin: 0;
		padding: 0;
	}

	img {
		position: relative;
		display: block;
		border: 0;
		margin: 0;
		padding: 0;
	}

	ul {
		position: relative;
		margin: 0;
		padding: 0;
		text-indent: 0;
		list-style: none;
	}

	li {
		position: relative;
		margin: 0;
		padding: 0;
	}

	span {
		position: relative;
		margin: 0;
		padding: 0;
	}

	form {
		display: block;
		position: relative;
		margin: 0;
		padding: 0;
	}
	object,
	embed {
	}

/* Typography */

	body,
	input,
	textarea,
	address {
		font-family: Georgia, serif;
		font-style: normal;
		font-weight: normal;
		font-size: 13px;
		line-height: 17px;
		color: #242020; /* warm black  */
		text-align: left;
	}

	p {
		position: relative;
		margin: 0 0 0 0;
	}

	img {
			display: block;
			background-color: #f5f3f2; /* very light grey */
			border: solid 1px #c8c7c7; /* warm grey L=80  */ 
			font-size: 10px;
			line-height: 30px;
			color: #aeaaa9; /* warm grey L=70 */
		}

	em {
		font-style: italic;
		font-weight: normal;
	}

	strong {
		font-style: normal;
		font-weight: bold;
	}
	
	cite {
		font-style: italic;
		font-weight: normal;
	}

	address {
		font-style: normal;
		margin: 0;
		padding: 0;
	}

/* Headings */

	h1, h2, h3, h4 {
		margin: 0;
		padding: 0;
		font-style: normal;
		font-weight: normal;
		font-size: 13px;
		line-height: 17px;
	}
	
	h1 {} /* see wordmark */
	
	h2 {
		font-size: 17px;
		line-height: 22px;
		font-weight: normal;
		color: #2f2b2b; /* warm black L=18 */
		margin-bottom: 20px;
	}

	h3 {
		text-transform: uppercase;
	}

/* Links */

	a {
		cursor: pointer;
		text-decoration: none;
	}

	a:link,
	a:visited {
		color: #74767a; /* cool grey L=50  */ 
	}
	
	a:hover,
	a:active {
		color: #ed1c1c; /* red  */
	}

	a:focus {
		outline: none;
	}

/* Special */

	.end {
		clear: both;
		border-bottom: solid 1px white;
	}

/* Page */

	html,
	body  {
		height: 100%;
		margin: 0;
		padding: 0;
		background-color: white;
	}

	.page {
		width: 708px;
		min-height: 100%;
		margin: 0 auto 0 auto;
		padding: 0 140px 0 50px;
	}

/* Header */

	.header {
		width: 708px;
		height: 133px;
		padding-top: 24px;
	}
	
	.logo {
		width: 64px;
		height: 115px;
		position: absolute;
		background: transparent no-repeat url(../img/logo.gif);
		z-index: 2;
	}

	.logo a {
		display: block;
		width: 64px;
		height: 115px;
	}

	.logo a span { visibility: hidden; }

	.wordmark {
		width: 266px;
		height: 36px;
		position: absolute;
		left: 304px;
		top: 51px;
		background: transparent no-repeat url(../img/susan_hobbs.gif);
		z-index: 2;
	}

	.wordmark a {
		display: block;
		width: 266px;
		height: 36px;
	}

	.wordmark a span { visibility: hidden; }

/* Main Nav */

	.mnav {
		width: 708px;
		height: 32px;
		top: 101px;
		z-index: 1;
	}

	.mnav li {
		display: block;
		float: left;
		height: 31px;
		border-bottom: solid 1px #636466; /* cool grey */
		
	}

	.mnav li div {
		width: 100%;
		height: 27px;
	}

	.mnav li div.here {
		border-bottom: solid 3px #ed1c1c; /* red */
	}

	.mnav li div div { 
		width: 100%;
		height: 20px;
		border: none;
		background-repeat: no-repeat;
		background-image: url(../img/mnav.gif);
	}

	.mnav li a {
		display: block;
		width: 100%;
		height: 20px;
	}

	.mnav li a:hover,
	.mnav li a:active {
		background-repeat: no-repeat;
		background-image: url(../img/mnav.gif);
	}

	.mnav li a span { visibility: hidden; }

	#mnav-curr { width: 70px; padding-left: 84px; }
	#mnav-curr div div { background-position: 0px 0px; }
	#mnav-curr a:hover, #mnav-curr a:active { background-position: -140px 0px; }

	#mnav-past { width: 37px; padding-left: 16px; }
	#mnav-past div div { background-position: 0px -20px; }
	#mnav-past a:hover, #mnav-past a:active { background-position: -140px -20px; }

	#mnav-arti { width: 60px; padding-left: 16px; }
	#mnav-arti div div { background-position: 0px -40px; }
	#mnav-arti a:hover, #mnav-arti a:active { background-position: -140px -40px; }

	#mnav-news { width: 120px; padding-left: 17px; }
	#mnav-news div div { background-position: 0px -60px; }
	#mnav-news a:hover, #mnav-news a:active { background-position: -140px -60px; }

	#mnav-publ { width: 105px; margin-left: 22px; }
	#mnav-publ div div { background-position: 0px -80px; }
	#mnav-publ a:hover, #mnav-publ a:active { background-position: -140px -80px; }

	#mnav-hist { width: 62px; padding-left: 17px; }
	#mnav-hist div div { background-position: 0px -100px; }
	#mnav-hist a:hover, #mnav-hist a:active { background-position: -140px -100px; }

	#mnav-cont { width: 66px; padding-left: 16px; }
	#mnav-cont div div { background-position: 0px -120px; }
	#mnav-cont a:hover, #mnav-cont a:active { background-position: -140px -120px; }

/* Content */
	
	.content {
		width: 708px;
		padding-top: 24px;
		padding-bottom: 77px; /* allowance for footer */
	}

/* Columns */

	.column-full-width {
		width: 624px;
		margin-left: 84px;
		/* background-color: #de7; */
	}

	.column-left {
		width: 420px;
		float: left;
		/* background-color: #cc4; */
	}

	.column-right {
		width: 266px;
		float: left;
		margin-left: 22px;
		/* background-color: #de5; */
	}

	.column-end {
		clear: both;
		border-bottom: solid 1px white;
	}

/* Caption */

	.caption {
		width: 100%;
		padding-top: 5px;
		font-size: 12px;
		line-height: 15px;
		color: #615f5f; /* warm grey L=40 */
	}

/* Social Area */

	.social-area {
		width: 266px;
		height: 21px;
		font-size: 10px;
		line-height: 10px;
		text-align: center;
	}

	.social-area div {
		position: absolute;
		height: 21px;
		background-image:  url(../img/snav.gif);
		background-repeat: no-repeat;
	}

	.social-area a {
		display: block;
		height: 19px;
		border-style: solid;
		border-width: 1px;
	}

	.social-area a:link,
	.social-area a:visited {
		border-color: #c8c7c7; /* warm grey L=80  */ 
	}

	.social-area a:hover,
	.social-area a:active {
		border-color: #ed1c1c; /* red  */ 
		background-image: url(../img/snav.gif);
		background-repeat: no-repeat;
	}

	.social-area a span { visibility: hidden; }

	.social-area div.mailing { width: 132px; background-position: -42px -279px; left: 0; }
	.social-area div.mailing a { width: 130px;  background-position: -43px -300px; }

	.social-area div.facebook { width: 128px; background-position: -42px -319px; right: 0; }
	.social-area div.facebook a { width: 126px;  background-position: -43px -340px; }




/* Block Quote */

	.block-quote {
		margin: 14px 12px;
		font-size: 12px;
		line-height: 16px;
	}

	.block-quote p {
		margin-bottom: 8px;
	}

	.block-quote .opening-quote {
		position: absolute;
		left: -6px;
	}

	.block-quote .closing-quote {
		position: relative;
		left: -3px;
	}

	.block-quote .author {
		margin: -2px 0 0 0px;
	}

/* Footer */

	.footer {
		width: 708px;
		height: 40px;
		position: absolute;
		bottom: 0;
		font-size: 10px;
		line-height: 20px;
	}

	.footer div {
		position: absolute;
		height: 19px;
		background-repeat: no-repeat;
		background-image: url(../img/snav.gif);
	}

	.footer a {
		display: block;
		width: 100%;
		height: 19px;
	}

	.footer a:link,
	.footer a:visited {
		background: none;
	}

	.footer a:hover,
	.footer a:active {
		background-repeat: no-repeat;
		background-image: url(../img/snav.gif);
	}

	.footer span {
		visibility: hidden;
	}

	.footer .copyright { width: 151px; background-position: -40px -240px; }
	.footer .copyright a:hover, .footer .copyright a:hover { background-position: -40px -260px; }

	.footer .top-of-page { width: 63px; background-position: -40px -160px; }
	.footer .top-of-page a:hover, .footer .top-of-page a:hover { background-position: -40px -180px; }