/* Main Styling for suzannemorlock.com */

body {
	margin: 0 0 0 3em;
	padding: 0;
	font-family: Verdana,Arial,Helvetica,sans-serif;
  	background-color: #505050;
	color: #fff;
	font-size: 83.3%;
	line-height: 1.4;
}
/* img: unless block, IE9 adds bottom margin, but icons in text
   do need to be inline, block causes them to be on their own line
*/
img {
	border: 0 solid #000;
	display: block;
	font-size: 1em;
}
.icon { display: inline !important; }
a:link { color: #00b561; }
a:visited { color: #e874e2; }
a:hover { color: #0ff; }
a:active { color: #f00; }

/*--- Header ---*/
.banner {
	background-color: #1c2e26;
	margin-left: -3em;
	overflow-x: hidden;
	width: calc(100% + 3em);
}
.nav {
	background: #8bb300; /* Show a solid color for older browsers */
	filter: progid:DXImageTransform.Microsoft.Gradient(endColorstr='#5d7800', startColorstr='#8bb300', gradientType='0');
	background: -moz-linear-gradient(#8bb300, #5D7800);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8bb300), to(#5D7800)); /* older webkit syntax */
	background: -webkit-linear-gradient(#8bb300, #5D7800);
	border-bottom: 1px solid #222;
	color: #fff;
	margin-left: -3em;
	padding-left: 3em;
	font-weight: bold;
	line-height: 2em;
	position: relative;
}
a.navlink, a.navhere, a.locallink {
	text-decoration: none;
	line-height: 2em;
	padding: 0.4em 0.1em 0.4em 0.1em;
}
a.navlink:link { color: #fff; }
a.navlink:visited { color: #fff; }
a.navlink:hover {
	color: #222; 
	background-color: #fff !important;
}
a.navlink:active { color: #f00; }

a.navhere:link { color: #d8d8d8; }
a.navhere:visited { color: #d8d8d8; }
a.navhere:hover { color: #d8d8d8; }
a.navhere:active { color: #d8d8d8; }

.local{ right: 3em;
	position: relative;
	float: right;
	background: #5A7500;	/* Show a solid color for older browsers */
	filter: progid:DXImageTransform.Microsoft.Gradient(endColorstr='#314000', startColorstr='#5A7500', gradientType='0');
	background: -moz-linear-gradient(#5A7500, #314000);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5A7500), to(#314000)); /* older webkit syntax */
	background: -webkit-linear-gradient(#5A7500, #314000);
	border-bottom: 1px solid #222;
	color: #fff;
	font-weight: bold;
	line-height: 2em;
}
a.locallink:link { color: #fff; }
a.locallink:visited { color: #fff; }
a.locallink:hover { color: #222; 
	background-color: #fff !important;
}
a.locallink:active { color: #f00; }

/*--- Element Styles ---*/
h1,.bigt { font-size: 2.4em;
	font-family: Georgia,"Times New Roman",Times,serif;
	font-weight: normal;
	letter-spacing: 0.05em;
	margin: 0;
	padding: 0.1em 0 0.18em 0;
	color: #ccc;
}
h2,.smallt { font-size: 1.2em;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-variant: small-caps;
	letter-spacing: 0.02em;
	margin: 0;
	padding: 1.3em 0 0.65em 0;
	color: #c6ff00;
	display: inline; 
}
h3,h4,h5,h6 { color: #c6ff00;
	font-size: 1em;
	margin: 0;
	font-family: Georgia,"Times New Roman",Times,serif;
	font-weight: bold;
	letter-spacing: 0.1125em;
}
.finepr { font-size: 0.8em;
	line-height: 1.6;
	color: #ccc;
}
.grey { color: #505050;
}
.ital { font-style: italic;
}
.nosee { visibility: hidden;
}
.linethru { text-decoration: line-through;
}
.clrlt { clear: left;
}
.clrrt { clear: right;
}
.clrboth { clear: both;
}
.name { font-style: italic;
	letter-spacing: 0.03em;
	font-size: 1.03em;
}
.auth { letter-spacing: 0.03em;
	font-size: 1.03em;
}
a.title { text-decoration: none; }
a.title:link { color: #BEFFAD; }
a.title:visited { color: #BEFFAD; }
a.title:hover { color: #0ff; }
a.title:active { color: #f00; }

/*--- Page Elements ---*/
.txtarea { max-width: 54em;
	position: relative;
}
.rtcol { margin-left: 54%;
	top: 0;
	position: absolute;
}
.thumb { margin: 3px 25px 3px 0;
	float: left;
}
.rtthumb { margin: 3px 0 3px 25px;
	float: right;
}
.back { right: 0;
	position: absolute;
}
/*--- Image Links ---*/
#portarray { float: left;
	margin: 0 25px 15px 0;
}
#portarray img { margin: 0 3px 3px 0;
	display: inline;
}
img.w100 {
	width: 100%;
	height: auto;
}
a.back,
a.array { text-decoration: none;
}
a.array:link img { border: 1px solid #000; }
a.array:visited img { border: 1px solid #000; }
a.array:hover img { border: 1px solid #00b561; }
a.array:active img { border: 1px solid #00b561; }

#portarray h2 { position: relative;
	top: -0.5em;
}
/*--- About Page ---*/
.contents { background-color: #666;
	padding: 1em;
	position: relative;
	line-height: 1.6;
	width: 84.5%;
}
.contents a { text-decoration: none;
}
#resume { line-height: 1.32;
}
#resume p { margin: 0.31em 0;
	padding: 0;
}
#resume img { margin: 0.5em 0;
}
img.hbar1 { width: 715px;
	height: 60px;
	background: url('../thumbs/hbar.jpg') 0 0;
}
img.hbar2 { width: 715px;
	height: 60px;
	background: url('../thumbs/hbar.jpg') 0 -60px;
}
img.hbar3 { width: 715px;
	height: 60px;
	background: url('../thumbs/hbar.jpg') 0 -120px;
}
img.hbar4 { width: 715px;
	height: 60px;
	background: url('../thumbs/hbar.jpg') 0 -180px;
}
img.hbar5 { width: 715px;
	height: 60px;
	background: url('../thumbs/hbar.jpg') 0 -240px;
}
img.hbar6 { width: 715px;
	height: 60px;
	background: url('../thumbs/hbar.jpg') 0 -300px;
}
/*--- ybr.htm ---*/
.ltquot {
	position: relative;
	float: left;
	width: 45%;
	padding-right: 2em;
}
.rtquot {
	position: relative;
	float: left;
	width: 45%;
	padding-left: 0;
}
div.ltquot, div.rtquot {
	font-size: 130%;
	color: #ccc;
	margin-top: 3em;
	font-style: italic;
}
.no-mark {
  list-style-type: none;
  width: 37em;
  line-height: 2;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
}
.algn-rt {
  float: right;
}
.txtctr {
	text-align: center;
	line-height: 1.8;
}
@media screen and (max-width: 660px) {
	body { 
		margin: 0 0 0 1em;
		font-size: 75%;
	}
	.banner {
		overflow-x: hidden;
		width: calc(100% + 1em);
		margin-left: -1em;
	}
	.banner a img {
		width: 160% !important;
		height: auto !important;
	}
	.txtarea { 
		padding-right: 1em;
		width: calc(100% - 1em);
	}
	#portarray {
		margin: 0 0 15px 0;
	}
	img.news-wide {
		width: 100% !important;
		height: auto !important;
	}
	img.div-img {
		width: 100% !important;
		height: 60px; !important;
	}
}