@charset "utf-8";

body {
	margin: 0px;
	padding: 0px;
	color: #333333;
	font-size: 75%;
	background:#111 url(../assets/back.jpg) repeat-x center top;
	min-height:500px;
}
#header {
	height: 550px;
	width: 980px;
	position:relative;

}
a{outline:none}
#page-header {
	height: 250px;
	width: 980px;
	position:relative;
	/*background: url(../assets/header-top-left.jpg) no-repeat left top;*/
}
#wrapper {
	width: 980px;
	min-height:400px;
	/*background: url(../assets/header-top-left.jpg) no-repeat left top;*/
	margin: 0 auto 0 auto;
}
#content {
	width: 64%;
	float: right;
	padding-left: 15px;
}
.index#content {
	background: none;
}
#lt-col {
	float: left;
	width: 29%;
	padding-right: 5px;
	padding-left: 40px;
	background: url(../assets/leftcol-bac.png) no-repeat left -40px;
	padding-top: 10px;
}
#footer {
	width: 96%;
	margin-left: 40px;
	float:left;
	border-top: 3px solid #1d1d1d;
}
#inner-wrapper {
	position: relative;
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

#header #logo, #page-header #logo {
	position: absolute;
	left: 43px;
	top: 10px;
}
#header #mr-project {
	position: absolute;
	left: 440px;
	width: 530px;
	top: 100px;
}
#mr-project p {
	font: 0.8em Arial, Helvetica, sans-serif;
	color: #666666;
	text-align: right;
	margin-top: 0px;
	margin-bottom: 0px;
}

p a, #content ul li a, #content ol li a {color:#2c82b4; text-decoration:none; border-bottom:dotted 1px #333;}
p a:hover, #lt-col li a:hover, #content ul li a:hover {
	text-decoration: none;
	color: #FFFFFF;
	border-bottom: 1px dotted #555;
}
p a img, a img{border:none; text-decoration:none;}



/*nav
==========================================================*/
#nav-cntr {
	position: absolute;
	width: 100%;
	height: 30px;
	top: 0px;
}
#nav {
	list-style-type: none;
	padding: 0px;
	margin: 0px 0px 0px 450px;
}
#nav li{
	list-style-type: none;
	display: block;
	float:left;
	background: url(../assets/divider-fade.png) no-repeat right center;
	margin-right:7px;
}
#nav li.end{background:none;}
#nav a{
	padding: 8px 15px;
	display: block;
	color: #63727C;
	text-decoration: none;
	float: left;
	margin-right: 7px;
	font: 1.0em Georgia, "Times New Roman", Times, serif;
}
#nav a:hover{
	color: #f2f2f2;
}


/*headline
==========================================================*/
#header #headline {
	width: 375px;
	position: absolute;
	top: 200px;
	left: 40px;
	color: #ccc;
}
#headline h1{
	font: lighter 3.6em Georgia, "Times New Roman", Times, serif;
	margin-top: 0px;
	margin-bottom: 8px;
	color:#eee;
}
#headline p{
	font: 1.08em/1.6em Arial, Helvetica, sans-serif;
	margin-top: 0px;
	color: #999;
}
#headline ul {
	margin: 0px;
	padding: 0px;
}
#headline li {
	display: block;
	list-style: none;
	border-right: 1px solid #333333;
	float: left;
	margin-right:10px;
}
#headline li.end {border-right:none;}
#headline li a {
	display: block;
	float: left;
	margin-right: 10px;
	font: bold 0.96em Arial, Helvetica, sans-serif;
	color: #2c82b4;
	border-bottom: 1px dotted #333;
	text-decoration: none;
}
#headline li a [rel="pics"]{
	background: url(../assets/16-image.png) no-repeat right center;
	padding-right: 20px;
	border-right-style: none;
}



/*index page
==========================================================*/
#hm-notebook{
	width:96%;
	float:left;
	padding-left: 40px;
	background: url(../assets/notebook-bac.jpg) no-repeat left -25px;
	min-height:220px;
}
#hm-notebook h2{
	font-size: 2.2em;
	font-weight: normal;
	color: #ccc;
	margin-bottom: 15px;
	padding-bottom: 0px;
	border-bottom: 3px solid #1F1F1F;
}
#hm-notebook #newest{
	float: left;
	width: 285px;
}
#hm-notebook #newest h2, #hm-notebook #newer h2, #hm-notebook #new h2{
	font-size: 1.8em;
	margin-top: 8px;
	margin-bottom: 8px;
}
#hm-notebook #newest h2 a, #hm-notebook #new h2 a, #hm-notebook #newer h2 a{
	text-decoration:none;
	color:#A0CBE7;
}
#hm-notebook #newest p, #hm-notebook #newer p, #hm-notebook #new p{
	margin-top: 8px;
	font: 0.96em/1.6em Arial, Helvetica, sans-serif;
	color:#999;
}
#hm-notebook #newest p + p, #hm-notebook #newer p + p, #hm-notebook #new p + p{
	color: #333333;
}
#hm-notebook #newer{
	width: 285px;
	float: left;
}
.codeblock {
	padding: 6px 10px;
	background: #1B2426;
	margin-top: 25px;
	margin-bottom: 35px;
	border-left: 40px solid #191919;
	font-size: 1.1em;
	font-family:"Consolas","Monaco","Bitstream Vera Sans Mono","Courier New",Courier,monospace !important;
	border-bottom:1px dashed #253134 !important;
}
.codeblock code span {color:#B9BDB6 !important;}
#hm-notebook #new{
	float: left;
	width: 285px;
}
#hm-notebook #newer, #hm-notebook #new{margin-left: 40px;}
#hm-notebook p{
	color: #999;
	font: 1.0em/1.6em Arial, Helvetica, sans-serif;
}

#hm-notebook #newer h2 a:hover, #hm-notebook #new h2 a:hover, #hm-notebook #newest h2 a:hover, 
#enterprise .websites h2 a:hover, #enterprise .websites p.site a:hover, #headline li a:hover  {
	text-decoration: none;
	color: #ccc;
	border-bottom: 1px dotted #555;
	}



/*Ephermia and Enterprise
==========================================================*/
#other{
	float: left;
	width: 96%;
	color: #FFF;
	margin-top: 50px;
	padding-left: 40px;
	background: url(../assets/enter-bac.png) no-repeat left -30px;
}
#ephermia{
	float: right;
	width: 35%;
	background: url(../assets/epher-bac.jpg) no-repeat -52px -15px;
	min-height:200px;
}

#ephermia p {
	margin-top: 0px;
	margin-bottom: 30px;
	font: 0.95em/1.6em Arial, Helvetica, sans-serif;
	color:#aaa;
}
#ephermia ul#twitter_update_list, #lt-col ul#twitter_update_list {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#ephermia ul#twitter_update_list li, #lt-col ul#twitter_update_list li {
	margin: 0px 0px 20px;
	padding: 0px;
	list-style: none;
	font: 0.95em Arial, Helvetica, sans-serif;
	color: #CCCCCC;
}
#ephermia #twitter_update_list a, #lt-col ul#twitter_update_list a {
	color: #1E73A6;
	text-decoration: none;
	border-bottom: 1px dotted #666666;
}



#enterprise{
	float: left;
	width: 64%;
}
#enterprise h2, #ephermia h2 {
	font-weight: lighter;
	font-size: 2.2em;
}

#enterprise .websites {
	float: left;
	width: 285px;
	margin-bottom: 30px;
	margin-right:20px;
}
#enterprise .websites#mb, #enterprise .websites#kbff{ margin-right:0px;}

#enterprise .websites p.site, .websites p.site a {
	text-transform: capitalize;
	color: #2c82b4;
	text-decoration: none;
	margin-top: 0px;
	margin-bottom: 0px;
	font: bold 0.9em Arial, Helvetica, sans-serif;
}
#enterprise .websites h2{
	font-weight: lighter;
	margin-top: 0px;
	margin-bottom: 5px;
}
#enterprise .websites h2 a {
	font-size: 0.8em;
	color: #A0CBE7;
	text-decoration: none;
	}
#enterprise .websites p{
	margin-top: 0px;
	color: #999;
	font: 0.9em/1.6em Arial, Helvetica, sans-serif;
}


/*content
==========================================================*/
#content h1{
	color: #ccc;
	margin-top: -30px;
	font: lighter 3.6em Georgia, "Times New Roman", Times, serif;
	border-bottom: 3px solid #1F1F1F;
	padding-bottom:25px;
}
#content h1 cite {font:0.3em Arial, Helvetica, sans-serif;}
#content h1 cite a{ color: #2D7AAE; }
#content h2{
	font: lighter 2.1em Georgia, "Times New Roman", Times, serif;
	color: #EBEBEB;
	margin-top: 0px;
	padding-bottom:3px;
	border-bottom: 3px solid #191919;
	width:95%;
}
#content h3 {
	font-size: 1.6em;
	color: #ccc;
	font-weight: lighter;
}

#content hr.spacer, .index#content hr.spacer{
	margin-bottom:60px;
	visibility: hidden;
}




#content p#article-summary {
	margin-top: 0px;
	font: italic lighter 1.6em/1.4em Georgia, "Times New Roman", Times, serif;
	padding-bottom: 30px;
	border-bottom: 3px solid #1F1F1F;
	color: #666;
	padding-top: 15px;
}

#content p{
	color: #999;
	font: 1.2em/1.6em Arial, Helvetica, sans-serif;
	margin-bottom:16px;
	margin-top: 0px;
}
#content p a:hover, #hm-notebook p a:hover, #content ul a:hover{
	border-bottom: 1px solid #155199;
}

#content p.extras {
	font-size: 0.9em;
	color: #444;
}

#content ul, #content ol{
	color: #999;
	font-family: Arial, Helvetica, sans-serif;
}
#content ul li, #content ol li{
	line-height: 1.4em;
	margin-bottom:16px;
}
#content ul li > strong{color:#ccc;}

/*content on index pages (not home) */
.index#content {padding-top:10px;}

.index#content h2 a, .index#content h2, #content h2 a{
	color: #A0CBE7;
	text-decoration: none;
	margin-bottom: 5px;
	font: lighter 1.4em Georgia, "Times New Roman", Times, serif;
}
#content h2 a:hover, .index#content h2 a:hover{
	text-decoration: none;
	color: #FFFFFF;

}
.index#content p.extras {
	font-size: 0.9em;
	color: #444;
	margin-top: 0px;
}

/*content on noteage page*/
.noteage#content h2{
	font-size: 1.4em;
	margin-bottom: 0px;
	border-style: none;
}
.noteage#content p.sum{
	margin-top: -20px;
}



/*left column
==========================================================*/
#lt-col h2 {
	font: lighter 1.8em Georgia, "Times New Roman", Times, serif;
	color: #fff;
	margin-top: 0px;
	margin-bottom: 40px;
}
#lt-col h3 {
	text-transform: uppercase;
	color: #666;
	font: bold 1em Arial, Helvetica, sans-serif;
	margin-top: 30px;
	margin-bottom: 5px;
}
#lt-col ul {
	margin: 0px 0px 0px 15px;
	padding: 0px;
}
#lt-col li{
	list-style: none;
	margin: 0px;
	padding: 0px;
	line-height: 1.6em;
}
#lt-col li a{
	color:#2c82b4;
	text-decoration:none;
	border-bottom:dotted 1px #333;
	font: 1em Arial, Helvetica, sans-serif;
}

#lt-col p a{
	color:#2c82b4;
	text-decoration:none;
	border-bottom:dotted 1px #333;
}

a#doc{
	padding: 5px 20px 5px 0px;
	background: url(../assets/page_word.png) no-repeat right center;
	border-bottom:none;
}

a#pdf{
	padding: 5px 20px 5px 0px;
	background: url(../assets/page_white_acrobat.png) no-repeat right center;
	border-bottom:none;
}

#lt-col p {
	font: 1em/1.4em Arial, Helvetica, sans-serif;
	color: #888;
	margin-top: 0px;
	margin-bottom: 30px;
}
#lt-col h4, #ephermia h3 {
	font: lighter 1em Georgia, "Times New Roman", Times, serif;
	margin-bottom: 0px;
	color: #FFFFFF;
}

#lt-col h3 + p{
	font: 0.9em Arial, Helvetica, sans-serif;
	color: #aaa;
	margin-top: 0px;
	margin-bottom: 10px;
}
#lt-col img.project {
	margin-right: 20px;
	margin-bottom: 20px;
	border: 2px solid #222;
}
#lt-col a:hover img.project {
	border: 2px solid #444;
}






/*Comments
==========================================================*/
#comments {
	margin-top: 75px;
}
#comments .comment-wrapper {
	border-top: 1px solid #222;
	clear: both;
}
.comment-wrapper .author {
	float: left;
	width: 150px;
}
.comment-wrapper .note {
	float: right;
	width: 460px;
}


/*contact
===========================================================*/
input.input{
	border-style: none;
	background: #fff url(http://grantmx.com/assets/bg_input.gif) no-repeat left top;
	padding: 3px;
	width: 200px;
}

textarea.input{
	border-style: none;
	background: #fff url(http://grantmx.com/assets/bg_textarea.gif) no-repeat left top;
	padding: 3px;
	width: 300px;
}

.field {
	float: left;
	font-size: 0.8em;
	font-weight: bold;
	color: #666;
	vertical-align: middle;
}
label {
	float: left;
	width: 125px;
	text-align: right;
	font-size: 0.9em;
	font-weight: bold;
	padding-right: 5px;
	vertical-align: middle;
	color:#ccc;
}
fieldset {
	float: left;
	clear: both;
	width: 600px;
	font-family: Arial, Helvetica, sans-serif;
	border-style: none;
	margin-bottom: 5px;
}

/*footer
==========================================================*/
#footer p{
	color: #666;
	font: 0.95em/1.2em Arial, Helvetica, sans-serif;
	float: left;
}



#footer p a{
	color: #ccc;
	border-style: none;
}
#footer p#rssfeed {
	vertical-align: middle;
	float: right;
	margin-right: 20px;
	color: #999999;
	margin-top: 10px;
	margin-bottom: 0px;
	padding: 0px;
}
#footer p#rssfeed img[alt="rss"] {
	vertical-align:middle;
	margin-right: 5px;
}
.res-col#lt-col {
	float: right;
	width: 200px;
	text-align: right;
	background: url(none);
	padding: 0px;
}
.res-col#lt-col p {
	font-size: 1em;
	color: #FFFFFF;
	line-height: 1.4em;
}

.res-col#lt-col + h3 { margin-top: 0px; }

.res-cont#content {
	float: left;
	padding-left: 40px;
	width: 700px;
	background: none;
}
.res-col#lt-col h3 { }


.res-cont#content h1 {
	margin-bottom: 60px;
	font-weight: lighter;
	text-transform: uppercase;
}
.res-cont#content h2 { color: #888;}


.res-cont#content h3 {
	color: #FFFFFF;
	margin-bottom: 0px;
	font: lighter 1.6em Georgia, "Times New Roman", Times, serif;
}
.res-cont#content p.range {
	margin-top: 3px;
	font-style: italic;
	color: #666666;
	margin-bottom: 0px;
}
.res-cont#content p.range + p {
	margin-top: 0px;
	margin-bottom: 50px;
}



#lt-col li {
	color: #FFFFFF;
	font: 0.9em/1.4em Arial, Helvetica, sans-serif;
}

.res-col#lt-col a#pdf { font-size: 0.9em; }