/* TYPOGRAPHY */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* date: 16/I/2009 */
/* author: Daniel Angel */
/* based on the starkers blank theme by E.J. */
/* Stocks (http://elliotjaystocks.com) to    */
/* whom I'm very, very grateful.			 */

@font-face {  
	font-family: "TheSerif Bold Caps";
	src: url(../flash/theserif-boldcaps-webfont.eot); /* IE */
	src: local("TheSerif Bold Caps"), url(../flash/TheSerif-BoldCaps.ttf) format("truetype"); /* the good browsers */
}
@font-face {  
	font-family: "TheSerif Extra Light Italic";
	src: url(../flash/theserif-extralightitalic-webfont.eot); /* IE */
	src: local("TheSerif Extra Light Italic"), url(../flash/TheSerif-ExtraLightItalic.ttf) format("truetype"); /* the good browsers */
}


body {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	/*Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Geneva, "Helvetica Neue", Helvetica, Arial, sans serif*/
}


/* This helps to identify headings at the initial build stage, so I thought it'd be useful to have it */
h1, h2, h3, h4, h5, h6 { font-weight:bold; text-align: left; }

h1 {
	font-size: 275%;
}
h2 {
	font-size: 215%;
	text-align: left;
}
h3 {
	font-size: 205%;
}
h4 {
	font-size: 170%;
}
h5 {
	font-size: 100%;
}

code, pre {
	font-family: "Andale Mono", Courier, monospace
}

div.title-date, h3#comments, h3#tweetbacks, h3#respond, ul#other-entries li, div.post h3, div.post h4, div.post h5 {
	font-family: Georgia, serif;
}

/* Project Title ---------------------------- */
/* CSS3 - Time for the new kid on the block	  */
/* -----------------------------------------  */

div#main-content h3, body#home h4, div#main-content h4, div#secondary-content h3, div#main-col h3, div#sidebar h3, div#main-col h3#hiring, div#main-col div.post div.title-date div h2, div#main-col h3#comments, div#main-col h3#tweetbacks { 
	font-family: "TheSerif Extra Light Italic", Georgia !important;
	font-weight: normal;
	font-size: 24px;
	margin: 6px 0 0 0; 
	line-height: 1em;
}
div#main-content h3 span, body#home h4 span, div#main-content h4 span, div#secondary-content h3 span, div#main-col h3 span, div#sidebar h3 span, div#main-col h3#hiring span { 
	font-family: "TheSerif Bold Caps", Georgia !important;
	font-size: 23px;
	display: block; 
	margin: 0 0 8px 0; 
	text-transform: lowercase;
	letter-spacing: 0.03em;
}





/* replicate varying margins that were present in previous block styles */
div#main-col h3, div#secondary-content h3 { 
	margin: 10px 0 20px 0;
	}
body#web-design div#secondary-content h3, body#graphic-design div#secondary-content h3, body#logos-branding div#secondary-content h3, div#secondary-content div#favicons h3 {	
	margin: 20px 0 20px 10px;
	}
div#main-content h4 {
	margin: 0 0 10px 10px;
}
body#eco-friendly div#sidebar h3#like-see {
	margin: 0;
}
body#home h4 a 	{ 
	border: none; 
	}

div#content div#online h4, div#content div#corporate h4, div#content div#graphic h4 {
	font-size: 245%;
	margin: -5px 0 0 0;
}