/* Main Styling for glennmessersmith.com */

body { margin: 0 0 0 6em;
	padding: 0;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	color: #fff;
	background-color: #505050;
	font-size: 83.3%;			/* 13px/10pt if browser default is 16px */
	line-height: 1.4;			/* 18px if browser default is 16px */
	}
img {	border: 0 solid;
	display: block;
}
tt { font-size: 110%;
	background-color: #606060;
}
pre { font-size:100%;
	font-family: Consolas,"Lucida Console",Courier,monospace;
	line-height: 1.1;
}
table { width: 100%;
	border: 1px solid #ccc;
	border-spacing: 0;
}
th { font-weight: bold;
	color: #BA41BA;
	background-color: #cccccc;
	text-align: left;
}
td { padding: 5px;
	border: 1px solid #ccc;
	vertical-align: text-top;
}
iframe {
	width: calc(100% + 6em);
	border: 0px solid #505050;
	margin-left: -6em;
}
.icon { display: inline !important;
}
a:link { color: #00C76B;}
a:visited { color: #E874E2;}
a:hover { color: #0ff;}
a:active { color: #f00;}

.banner { background-color: #4E697A;
	margin-left: -6em;
	overflow: hidden;
}
.nav { background-color: #802D80;
	margin-left: -6em;
	padding-left: 6em;
	font-weight: bold;
	color: #fff;
}
.navlink,.navhere {text-decoration: none;}

a.navlink:link { color: #fff;}
a.navlink:visited { color: #fff;}
a.navlink:hover { color: #0ff;}
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;}

.txtarea {
	max-width: 54em;
	padding-right: 6em;
	position: relative;
}
h1,.bigt { font-family: Georgia,Times New Roman,Times,serif;
	font-size: 2.4em;			/* 24px/18pt if browser default is 16px */
	font-weight: normal;
	letter-spacing: 0.05em;
	margin: 0 0 0 0;
	padding: 0.1em 0 0.18em 0;
	color: #ccc;
}
h2,.smallt { font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 1.2em;			/* 16px/12pt if browser default is 16px */
	font-weight: bold;
	font-variant: small-caps;
	letter-spacing: 0.02em;
	margin: 0 0 0 0;
	padding: 1.3em 0 0.65em 0;
	color: #E650E6;
	display: inline;
}
h3,h4,h5,h6 {
	font-family: Georgia,"Times New Roman",Times,serif;
	color: #E650E6;
}
/*h3 { margin: 1.3328em 0 0.094em 0;
	font-size: 1.5em;
	font-weight: normal;
	font-variant: small-caps;
	letter-spacing: 0.188em;
}*/
h3,h4 { font-size: 1.143em;
	margin: 0 0 -0.1254em 0;
	font-weight: bold;
	letter-spacing: 0.1254em;
}
h5 { font-size: 1em;
	margin: 1.5708em 0 -0.1428em 0;
	font-weight: bold;
	letter-spacing: 0.1125em;
}
h6 { margin: 1.998em 0 0 0;
	font-size: 0.857em;
	font-weight: bold;
	font-variant: small-caps;
	letter-spacing: 0.2075em;
}
.finepr { font-size: 0.7692em;		/* 10px/8pt if browser default is 16px */
	line-height: 1.6;
	color: #ccc;
}
.grey { color: #505050;}
.blockqt {
	font-size: 0.9231em;
	margin: 0 6em 0 3em;
}
.ital { font-style: italic;}
.linethru {text-decoration: line-through;}
.clrlt { clear: left;}
.clrrt { clear: right;}
.clrbo { clear: both;}
.rtcol {
	margin: -8.4em 0 0 25em;
	position: absolute;
}
.thumb { margin: 6px 13px 3px 0;
	float: left;
}
.thumb-rt { margin: 6px 0 3px 13px;
	float: right;
}
input, textarea, select { background-color: #ebebeb;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 0.9em;
	border-width: 0;
}
.tsub { font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-variant: small-caps;
	letter-spacing: 0.02em;
	color: #E650E6;
}
.monosp {font-family: "Lucida Console", "Courier New", monospace;
	font-size: 100%;
}
#popup,#mapc {background: #555 !important;
	border: 1px solid #999999;
	margin:0px;
	padding:3px;
	width:220px;
}
.nosee {visibility: hidden;}

.sidebar {background: #666 !important;
	border: 1px solid #999999;
	margin-left: 1em;
	margin-bottom: 1em;
	padding:1em;
	width:45%;
	float: right;
	font-size: 0.9em;
}
@media screen and (max-width: 570px) {
	body {
		margin: 0;
		font-size: 75%; /* 9pt/12px if browser default is 16px */
	}
	iframe {
		padding: 0;
		width: calc(100% - 2em);
	}
	iframe, .banner, .nav {
		margin-left: 0;
	}
	.thumb img {
		width: 100% !important;
		height: auto !important;
	}
	.banner img {
		width: 170% !important;
		height: auto !important;
}
	.nav {
		padding-left: 1em;
	}
	.txtarea {
		padding: 0 1em;
	}
	.thumb {
		width: 33%;
	}
	.icon {
		width: 13px !important;
	}
	.fix47 {
		width: 47px !important;
		height: 47px !important;
	}
	#pg-links > a {
		line-height: 32px;
	}
  }