:root 
{
    --border-color: #ccc;
    --highlight-color: #a7523c;
}

*
{
	font-size: 15px; 
	font-family: Courier New;
	padding: 0px;
	margin: 0px;
	color: #333;
}

html
{
	overflow-y: scroll;
}

h1
{
	font-size: 28px;
}
h2
{
	font-size: 20px;
	padding-bottom: 4px;
}
h3
{
	font-size: 16px;
	padding-bottom: 4px;
}
h3 i
{
	font-size: 12px;
}
h3 a
{
	font-size: 11px;
	vertical-align: middle;
}

b
{
	font-weight: bold;
	color: var(--highlight-color);
}

em
{
	font-size: inherit;
	color: #999;
}

small
{
	font-size: 11px; 
}

p
{
	padding-top: 8px;
	padding-bottom: 8px;
}

a
{
	color: #87321c;
}
a:hover
{
	color: #d7826c;
}

li
{
	margin-left: 32px;
}

input, textarea
{
	padding: 3px;
}
input:focus, textarea:focus
{
	outline-style: double;
    outline-color: var(--highlight-color);
}

table td
{
	padding: 3px;
}

div#header
{
	background-image: url(../img/ms.png);
	background-repeat: no-repeat;
	height: 200px;
	width: 966px;
}

div#header div
{
	padding-right: 36px;
	padding-top: 26px;
	text-align: right;
}

div#menubar
{
	width: 966px;
	padding-top: 8px;
	padding-bottom: 4px;
}

div#menubar div.inner
{
	padding-left: 32px;
	text-align: left;
	vertical-align: middle;
}

div#menubar a
{
	font-size: 22px;
	font-weight: bold;
	text-decoration: none;
	color: #a7523c;
}
div#menubar a:hover
{
	color: #a7523c;
	text-decoration: underline;
}

div#content
{
	width: 966px;
}

div#footer
{
	margin-top: 8px;
	color: #aaa;
	width: 966px;
	height: 32px;
	text-align: right;
}

div#footer a
{
	color: #aaa;
}
div#footer a:hover
{
	color: #666;
}

div#content div#inner
{
	padding: 20px 30px 30px 30px;
	text-align: left;
	border: solid 4px var(--border-color);
	border-radius: 30px;
	background-color: #ccc;
	background-image: linear-gradient(to bottom right, #f7f7f7, #eee);
}

div.biogphoto
{
	float: left;
	margin-right: 16px;
}
div.biogphoto img
{
	border-radius: 12px;
}

div.biogtext
{
	width:680px;
	float: left;
}

div.video
{
	float: left;
	width: 560px;
}

div.videotext
{
	float: left;
}

div.instphoto
{
	float: left;
	margin-right: 16px;
}

div.instphoto img
{
	border: solid 1px var(--border-color);
	border-radius: 12px;
}

div.insttext
{
	width:680px;
	float: left;
}


div.clear
{
	clear: both;
}

.twitter-follow-button { vertical-align: bottom }

div.cloud
{
	xborder: solid 1px #ddd;
	xbackground-color: #f7f7f7;
	xpadding: 16px;
	text-align: center;
	line-height: 22px;
	vertical-align: middle;
}

div.cloud a {text-decoration: none; font-weight: normal;}
div.cloud a:hover {text-decoration: underline; font-weight: normal;}

span.ttgo
{
    white-space: nowrap;
}

.ttg
{
    position:relative;
    z-index:24;
}
.ttg .tooltip
{ 
    padding: 8px;
	display: none;
	border: solid 1px #ddd;
	background-color: #f9f9f9;
	text-align: left;
    position:absolute;
    top:26px; left:0px;
	filter: alpha(opacity:95);
	KHTMLOpacity: 0.95;
	MozOpacity: 0.95;
	opacity: 0.95;
	font-weight: normal;
	line-height: 16px;
	white-space: normal;
}

/*background:; ie hack, something must be changed in a for ie to execute it*/
.ttg:hover{ z-index:25; background: #fff;}
.ttg:hover .tooltip{
    display:block;
}

#popupCover 
{
display:none;
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
background:gray;
filter:alpha(Opacity=50);
opacity:0.5;
-moz-opacity:0.5;
-khtml-opacity:0.5
}

#popupImgBox
{
	display: none;
	border: solid 3px #666;
	background-color: #999;
	padding: 3px;
	position: absolute;
	z-index: 1001; 
}

#popupImgBox img
{
	cursor: pointer;
	border: solid 0px black;
	display: block;
}

div.forsalephoto
{
	float: left;
	margin-right: 16px;
}

div.forsaletext
{
	width:580px;
	float: left;
}

#ctl00_ContentPlaceHolder1_tbMessage, #ctl00_ContentPlaceHolder1_tbEmail
{
	padding: 8px;
	border: solid 1px var(--border-color);
	border-radius: 5px;
 }