@CHARSET "ISO-8859-1";

body
{
	background:url(/images/1px-grey.gif);
	background-repeat: repeat;
	background-color: #f5f5f5;
	padding: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
}

a
{
	color: #29abe2;
}

img
{
	border: none;
}
#mainHeading
{
	background-color: #998675;
	background:url(/images/mainheading-brown-1px.png);
	background-repeat: repeat-x;
	width: 100%;
	height: 120px;
}

#siteTitle
{
	font-size: 90px;
	color: #FFFFFF;	
	font-size: 80px;
	font-family: sans-serif;
	padding-top: 0px;
	padding-left: 0px;
	letter-spacing: 0.0001em;
	text-align: left;
	background:url(/images/jonhassall-com-onbackground-withtagline.png);
	background-repeat: no-repeat;
	width: 567px;
	height: 171px;
	margin-left: 0px;
}

#siteTitle_text
{
	display: none;
	visibility: hidden;
}

#mainHeading_twirl
{
	width: 113px;
	height: 120px;
	float: right;
	background:url(/images/mainheading-twirl.png);
	background-repeat: no-repeat;
	padding-right: 15px;
}

#headingFooter
{
	height: 55px;
	width: 100%;
	/*background:url(/images/mainheading-dropdown.jpg);
	background-repeat: no-repeat;*/
}

#headingFooterContent
{
	padding-left: 250px;
	padding-top: 0px;
	font-size: x-large;
	font-family: sans-serif;
	color: #29abe2;
	font-weight: bolder;
}

.mainNavigation ul
{
	border:none;	
}
.mainNavigation li
{
	display: inline;
	list-style: none;
	padding-right: 20px;
}


.mainNavigation a:hover
{
	/*font-size: xx-large;*/
}


#headingFooter #explanations
{
	font-size: small;
	/*padding-top: -20px;*/
	margin-top: -20px;
	padding-left: 15px;
	color: #998675;
}

#headingFooter #explanations #explanation-1
{
	display: none;
}

#headingFooter #explanations #explanation0
{
	display: none;
}

#headingFooter #explanations #explanation1
{
	display: none;
}

#headingFooter #explanations #explanation2
{
	display: none;
}

#headingFooter #explanations #explanation3
{
	display: none;
}




#tagLine
{
	color: #000000;
	font-size: small;
	float: right;
	padding-right: 15px;
	font-weight: lighter;
	color: gray;
	display: none;
	visibility: hidden;
}

.mainBody_blog
{
	padding-left: 20px;
	padding-right: 20px;
}
.mainBody_blog h1
{
	font-size: x-large;
	font-weight: bold;
	margin: 2px;
}
.mainBody_blog h2
{
	font-size: medium;
	font-weight: bold;
	margin: 2px;
}
.mainBody_blog h3
{
	font-size: small;
	font-weight: normal;
	margin: 2px;
}

.mainBody_labs
{
	/*margin-right:auto;
	margin-left:auto;
	width: 850px;*/
}
.mainBody_blog img
{
	padding-right: 5px;
	padding-bottom: 5px;
	text-align: left;
	
}
.blogEntry
{
	border: 1px;
	border-style: solid;
	border-color: #000000;
	padding: 5px;
	width: 80%;
}

.mainBody_resume
{
	margin-right:auto;
	margin-left:auto;
	width: 90%;
}

.mainBody_contact
{
	margin-right:auto;
	margin-left:auto;
	width: 80%;
}
.mainBody_error
{
	margin-right:auto;
	margin-left:auto;
	width: 80%;
}
.mainBody_error h1
{
	color:black;
}
.mainBody_gallery
{
	margin-right:auto;
	margin-left:auto;
	width: 95%;
}

.mainBody_gallery hr
{
	text-align: left;
	float: left;
	width: 90%;
	color: grey;
}

#resumeDownloadLinks
{
	font-size: small;
	display: inline;
	margin: 0px;
}
#resumeDownloadLinks li
{
	list-style: none;
}

#contentLeft_2cols
{
	float:left;
	width:20%;
	padding-bottom:20px;
}

#contentRight_2cols
{
	float: right;
	width: 80%;
}

#contentLeft_3cols
{
	width:280px;
	padding:0px;
	float:left;
	background:#fff;
}

#contentCenter_3cols
{
	width:280px;
	padding:0px;
	float:left;
	background:#eee;
}

#contentRight_3cols
{
	width:280px;
	padding:0px;
	float:left;
	background:#fff;
}
	
.statusMessage_notice
{
	background-color: #8abd29;
	background:url(/images/gradient_green.png);
	color: black;
	padding: 5px;
	font-weight: bold;
	font-style: italic;
}
.statusMessage_warning
{
	background-color: yellow;
	background:url(/images/gradient_yellow.png);
	color: black;
	padding: 5px;
	font-weight: bold;
	font-style: italic;
}







.labsList
{
	text-align:center;
}
.labsList li
{
	display:inline;
	height: 180px;
	overflow: hidden;
}
.labsList span
{
	margin:0 3px 3px 3px;
	vertical-align:top;
	display:table-cell;
	display:inline-table;
	display:inline-block;
}
.labsList p img
{
	margin-bottom:5px;
}



.labItem
{
	width: 280px;
	height: 180px;
	background:url(/images/laboption.gif);
	text-align: center;
	font-size: small;
	text-align: center;
}
.labItem .title
{
	padding: 0px;
	margin: 0px;
	font-size: large;
	display: block;
}

.labItem img
{
	margin-top: 10px;
}


.prevLink
{
	margin-left: 15px;
	text-align: left;
	width: 24px;
	height: 24px;
	float: left;
}

.nextLink
{
	margin-right: 15px;
	float: right;
	text-align: right;
	width: 24px;
	height: 24px;
	border: 0;
	margin-left: 15px;
}

.mainBody_labs h1
{
	padding: 0px;
	font-size: medium;
	padding-left: 20px;
	margin-right: 15px;
}

.mainBody_labs #labDescription
{
	text-align: center;
}
.mainBody_labs #labContent
{
	text-align: center;
}





.mainBody_contact fieldset
{
	border:none;
}

.mainBody_contact label,input
{
	display: block;
	width: 50%;
	float: left;
	margin-bottom: 10px;
	font-size:large;
}
.mainBody_contact textarea
{
	font-size:large;
	width: 50%;
	margin-bottom: 10px;
	font-style: normal;
	font-family: serif;
}

.mainBody_contact label
{
	text-align: right;
	font-size: medium;
	width: 140px;
	padding-right: 20px;
}

.mainBody_contact input
{
	font-size:large;
}

.mainBody_contact #submit
{
	width: 160px;
	background-color:#8abd29;
	color:#FFFFFF;
}

.mainBody_contact br
{
	clear: left;
}

#feedback
{
	text-align:right;
}
#feedback img
{
	padding-right:5px;
}