/*-----------------------bootstrap fixes -------------------*/


/*------------------------ main styles ---------------------*/


body{		
		margin:0;
		padding:10;
		text-align: left;
		font-family: Arial, sans-serif;
		font-size: 12px;
		line-height: 19px;
		color: grey;
		font-weight: normal;
		background-color:white;
		#background-color:#666666;
	}


.front	{		
		margin:0;
		padding:10;
		text-align: left;
		font-family: Arial, sans-serif;
		font-size: 12px;
		line-height: 19px;
		color: grey;
		font-weight: normal;
		background:url(http://www.morphometric.com/images/bknd.jpg);
		background-attachment: fixed;
		background-color:#666666;
		background-repeat: no-repeat;
		background-position: left bottom;
	}


.newfront	{
		margin:0;
		padding:10;
		text-align: left;
		font-family: Arial, sans-serif;
		font-size: 12px;
		line-height: 19px;
		color: grey; 
		font-weight: normal;
		background-attachment: fixed;
		background-color:white;
		background-repeat: no-repeat;
		background-position: right bottom;
	}


.dataFaceBacker{
	background-attachment: fixed;



	background-color: #000000;



	background-image: url(http://morphometric.com/morphology/dataface/dataFaceTempBackground.jpg);



	background-repeat: no-repeat;



	background-position: right center;

}



	



/*------------------------ text styles ---------------------*/







pre 	{  



		font-family: Arial; 



		font-size: 10px; 



		line-height: 14px; 



		color: grey;



	}



		



a 	{ 		
		color:grey; 
		text-decoration:none; 
	}







A:link	{ 	text-decoration: none; 



		color:grey; 



	}







A:visited     { text-decoration: none;  



		color:grey; }







A:hover       { text-decoration: none; 



		COLOR: darkgray; 



background-color: white;}











#mainText        { 



	padding: 10px;



}











div.float {



  float: left;



}



  



div.float p {



   text-align: center;



   }



















img.floatLeft { float: left;



clear: left; 



margin-right: 15px; }







img.giveMeRoomSide { 



margin-right: 10px;



}











img.giveMeRoom { 



margin-top: 10px;



margin-bottom: 10px;



}







.padTop { 



margin-top: 15px;



}







.tech { 



margin-top: 15px;



background-color:#B5F23C;



}











.tabletext	{



		font-size: 10px;



		}











.description  	{	



		font-size: 10px; 



		line-height: 14px; 



		font-weight: bold;



		



		}











.posted{	



		font-size: 9px; 



		line-height: 14px; 



		font-style: italic;



		}











.short_tag  	{	



		margin-top:10px;



		margin-bottom:10px;



		font-size: 10px; 



		line-height: 10px; 



		font-style: italic;



		font-weight: bold;



		margin-left:10px;



		color:#cccc00;



		}











h2 		{ 



		font-size: 11px; 



		font-weight: bold;



		margin-bottom:10px;



		margin-top:10px;



		COLOR: #cccc00;



		}







/*------------------------ blog styles ---------------------*/







#wrap {



	background:#fff;



	margin:0 auto;



	width:750px;



}







#header_image 	{



		margin-bottom:10px;



}



		



#footer_image	{



		margin-bottom:10px;



		}







#left_side 	{



		



		text-align: left;



		line-height: 16pt;



		width:	500px;



		padding-left:20px;



		padding-right:30px;



		padding-bottom:40px;



		



		}



		



#right_side 	{



		float:right;



		width:180px;



		text-align: left;



		}











img { border:0; }







.newstable, .newstable TD, .newstable TH



{



	font-family:arial;



	font-size:10pt;



}







    .rssxpresschannel {



      font-family : sans-serif;



      text-align : left;



	font-size : 6pt;



	background-color: #666666;



    }







   .rssxpresschtitle {



   



/*      font-size : 6pt;



      color : #666666;



	background-color: #666666;*/



    }







    .rssxpresschdesc {



      color : #FADBA3;



      text-align : left;



	font-size : 9pt;



	background-color: #666666;



    }







    .rssxpressittitle {



      font-size : 9pt;



      line-height : 9pt;



      background-color : #666666;



    } 







    .rssxpressitdesc {



      background-color : #666666;



      padding-bottom : 2pt;



    }







    .rssxpresstable {



      text-align : left;



	font-size : 9pt;



    }







    /* rssxpressdivider is a special case - it is a single pixel, single column row on the rssxpress



       channel - to alter it's colour just change the background-color image. */







    .rssxpressdivider {



      background-color : #FADBA3;



    }











#a { color: #993333; text-decoration:none; }



#a img { border:0; }



#a:hover { text-decoration:underline; }



#p { font-family: georgia; serif; font-size:12px; line-height:15px; padding:0; margin:15px 0 15px 0; }







main { margin: 0px auto 0px auto; width: 750px; position:relative; height:100%; background-color:#FADBA3; }







#header { padding: 20px; width: 750px; position:relative; }



 #header .name { position:absolute; left:20px; font-size:28px; color:#FADBA3; }



 #header .mainnav { position:absolute; right: 20px; font-family:arial, sans-serif; font-size: 14px; top:26px; }



 #header .on { color: #000; }



 #header .grey { color: #999; }







.bkhead { padding: 0px 0px 3px 0px; font-family:georgia, serif; font-size:15px; color: #000; }



.desc1 { padding:0 0px 20px 0; }



.head { padding: 0px 0px 10px 0px; font-family:arial, sans-serif; font-size:15px; color: #000; }



.head2 { padding: 15px 0px 10px 0px; font-family:arial, sans-serif; font-size:15px; color: #000; }



.date { color: #000; padding: 0px 0 0px 0; }



.event { color:#333; padding: 0px 0 7px 0; }



.all { font-size:10px; font-style:italic; }







#top { padding:10px 20px 20px 20px; }







#books { padding: 0px 0px 0 20px; width: 340px; text-align:left; float:left; margin: 0 0 10px 0; }



#news { padding: 0px 0px 20px 20px; float:left; font-size:11px; line-height:13px; width: 160px; }



#recent { padding: 0px 0px 0 20px; float:left; font-size:11px; line-height:13px; width: 160px; }



#upcoming { padding: 0px 0px 0 20px; float:left; font-size:11px; line-height:13px; width: 160px; }











#layout2col { padding:0px 20px 20px 20px; }



 #layout2col .col1 { width: 520px; text-align:left; float:left; }



 #layout2col .col2 { width: 340px; text-align:left; float:left; padding: 0 0 0 20px; font-size:11px; line-height:13px; }



 #layout2col .col2 p { font-size:11px; line-height:13px; margin:10px 0 0; }



 #layout2col .item { padding:0 0px 2px 0; }



 #layout2col .desc { padding:0 0px 10px 0; }















#writing { padding:0px 20px 20px 20px; }



 #writing .title { font-weight:normal; font-size:15px; line-height:15px; color:#993333; }



 #writing .date { font-weight:bold; }



 #writing .entry { width: 520px; padding:0 0 15px 0; border-top: dotted 1px #b2b2b2; }



 #writing .recent { padding:10px 0 10px 0; }



 #writing ul { padding: 0 0 0 15px; margin:0; }



 #writing li { padding:0 0 3px 0; }



 #writing blockquote { margin: 0 20px 0px 20px; padding: 0 0 0 10px; border-left-color: #ebccd6; border-left-style: solid; border-left-width: 2px; }



 #writing .meta { font-weight:bold; font-family:arial, sans-serif; font-size:10px; margin:0px; }



 #writing .blogftnav { font-style:normal; padding:5px 0 0px 0; border-top: dotted 1px #b2b2b2; }







#writing_projects { width:140px; text-align:left; float:left; padding:10px 20px 0 0; line-height:16px; }



#writing_process { width:140px; text-align:left; float:left; padding:10px 0 0 0; line-height:16px; }







#writing_col1 { width: 520px; text-align:left; float:left; margin: 0px 0 20px 0; } 



 #writing_col2 p { font-size:12px; }



#writing_col2 { margin: 0px 0px 20px 20px; width: 340px; text-align:left; float:left; }



 #writing_col2 p { font-size:11px; line-height:13px; margin:0 0 15px 0; }







#writing_booktease { font-size:11px; line-height:13px; margin:0 0 35px 0; }



#writing_recent { font-size:11px; line-height:13px; margin:0 0 15px 0; width:160px; float:left; }



#writing_archives { font-size:11px; line-height:13px; margin:0 0 15px 0; width:160px; float:left; padding: 0 0 0 20px; }



  #writing_archives ul, #writing_archives li { padding:0; margin:0; list-style-type: none;  }











#about { padding:0px 20px 20px 20px; }



 #about .col1 { width: 520px; text-align:left; float:left; }



 #about .col2 { width: 140px; text-align:left; float:left; padding: 0 0 0 20px; font-size:11px; line-height:13px; }



 #about .col2 p { font-size:11px; line-height:13px; margin:10px 0 0 0 ;}



 #about .col3 { width: 140px; text-align:left; float:left; padding: 0 0 0 20px; font-size:11px; line-height:13px; }



 #about .col3 p { font-size:11px; line-height:13px; margin:0 0 10px 0; }



 



#footer { margin: 10px 20px 20px 20px; text-align:left; font-size:10px; color:#666; border-top:solid 1px #b2b2b2; clear:both; padding: 3px 0 0 0; }



 



/* --- Float Hack --- */



.cf:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }



/* Hides from IE-mac \*/



html .cf {height: 1%;}



/* End hide from IE-mac */