/*
	Cohenspire 2010
	Andrew Cohen
	type.css
*/

body{font-family: 'OFL Sorts Mill Goudy TT', 'Times New Roman', serif; color: #2d2b2b; line-height: 22px; text-rendering: optimizeLegibility;}

/*
	Headers
*/
h1{font-size: 28px; line-height: 36px; width: 290px; float: left; font-weight: normal;}
	h1 > em {font-family: 'OFL Sorts Mill Goudy TT', 'Times New Roman', serif; font-style: italic; color: #509bbd;}
	body#home h1{padding-top: 18px; text-shadow: 1px 1px 0 #f5f5f5;}
	body.subpage h1, body.archives h1{padding-left: 10px;}
	body#portfolio h1{padding: 0; float: left; clear: both; font-size: 24px; line-height: 22px; color: #509bbd;}

h2{font-size: 24px; color: #509bbd; font-weight: normal;}
	#services > h2{padding-bottom: 7px; margin-bottom: 11px; background: url('http://www.cohenspire.com/images/interface/bg_grungeunderline.jpg') no-repeat bottom left;}
	#about > h2{padding-bottom: 7px; margin-bottom: 11px; background: url('http://www.cohenspire.com/images/interface/bg_grungeunderline.jpg') repeat-x bottom left;}
	#contactavail > h2, #recentblogs > h2{font-size: 21px; line-height: 22px; color: #a2a2a2; margin-bottom: 18px;}
		#recentblogs > h2{margin-bottom: 26px;}
	.top > h2{line-height: 28px; margin-bottom: 22px;}
	body#portfolio h2{margin-bottom: 18px; float: left; clear: both; font-family: "Helvetica Neue", Helvetica, Arial, san-serif; font-weight: lighter; font-size: 12px; line-height: 22px; color: #2b2d2d;}
		body#portfolio h2 > em{font-size: 11px; font-style: italic;}
	#comments h2{font-family: 'OFL Sorts Mill Goudy TT', 'Times New Roman', serif; line-height: 28px; margin-bottom: 28px;}

h3{font-size: 16px; color: #a2a2a2; font-weight: normal;}
	#quote > h3{font-size: 16px; margin-bottom: 0; font-family: "Helvetica Neue", Helvetica, Arial, san-serif; font-weight: 500; line-height: 22px; color: #509bbd;}
	.col1 > h3, .col2 > h3, .col3 > h3{font-size: 21px; line-height: 21px; padding-bottom: 7px; margin-bottom: 11px; color: #509bbd; background: url('http://www.cohenspire.com/images/interface/bg_grungeunderline.jpg') no-repeat bottom left;}
	.row.bottom h3{font-size: 21px; color: #a2a2a2; margin-bottom: 18px;}
		#twitter > h3{margin-bottom: 26px;}
	.comment h3{font-family: 'OFL Sorts Mill Goudy TT', 'Times New Roman', serif; font-size: 16px; line-height: 22px; color: #2d2b2b;}

h4{font-size: 18px; color: #a2a2a2; font-weight: normal;}
	ul#visualarchive li h4{font-family: "Helvetica Neue", Helvetica, Arial, san-serif; font-weight: lighter; font-size: 12px; color: #2b2d2d;}


/*
	Paragraphs
*/
p{margin-bottom: 18px;}
	p#tagline{font-family: 'OFL Sorts Mill Goudy TT', 'Times New Roman', serif; font-style: italic; font-size: 14px; color: #a5d0e3; position: absolute; top: 28px; left: 155px; margin-bottom: 0;}
	#services > p{font-family: "Helvetica Neue", Helvetica, Arial, san-serif; font-weight: lighter; font-size: 14px; }
		#services > p:last-child{margin-bottom: 0;}
	#about > p{font-size: 21px; line-height: 30px;}
	#contactavail > p{font-family: 'OFL Sorts Mill Goudy TT', 'Times New Roman', serif; font-size: 16px;}
	#quote > p{font-family: "Helvetica Neue", Helvetica, Arial, san-serif; font-weight: lighter; font-size: 16px; line-height: 22px; margin-bottom: 0;}
	
	.top > p{font-size: 18px; line-height: 27px; margin-bottom: 22px;}
		.top > p:last-child{margin-bottom: 0;}
	.col1 > p{font-size: 16px;}
		.col1 > p.services{font-family: "Helvetica Neue", Helvetica, Arial, san-serif; font-weight: lighter; font-size: 13px;}
	.col2 > ul, .col3 > ul{margin-top: -1px;}
		.col2 ul li, .col3 ul li{font-family: "Helvetica Neue", Helvetica, Arial, san-serif; font-weight: lighter; font-size: 13px; }	
	.col4 > p{font-size: 16px; padding-top: 60px;}
		.col4 a{font-style: italic;}
		.col4 p strong {font-weight: normal; text-transform: uppercase; font-size: 13px;}
	P > em{font-family: 'OFL Sorts Mill Goudy TT', 'Times New Roman', serif; font-style: italic;}
	
	p#tweet{font-family: "Helvetica Neue", Helvetica, Arial, san-serif; font-weight: lighter; float: left; font-size: 16px; line-height: 24px; padding: 15px 10px 0 15px; margin-bottom: 24px;}
	#tweetdate{font-family: 'OFL Sorts Mill Goudy TT', 'Times New Roman', serif; font-size: 14px; line-height: 28px; display: block; float: right; margin-left: 15px; padding-right: 4px;}
	
	#phoneinfo{height: 30px; padding: 6px 0 0 30px; margin: 22px 0 0 50px; float: left; font-size: 18px; line-height: 22px; background: url('http://www.cohenspire.com/images/interface/icon_phone.jpg') no-repeat left top;}
	#emailinfo{float: left; font-size: 18px; line-height: 22px; margin: 28px 0 0; padding-left: 35px; background: url('http://www.cohenspire.com/images/interface/icon_email.jpg') no-repeat left 4px;}

	.projectlist > ul li > p{font-size: 12px; font-family: "Helvetica Neue", Helvetica, Arial, san-serif; font-weight: lighter; margin-bottom: 0;}
	#rss{height: 26px; font-size: 18px; line-height: 22px; margin-top: 18px; padding:4px 0 0 35px; float: left; background: url('http://www.cohenspire.com/images/interface/icon_rss.png') no-repeat;}


/*
	Links
*/
a{color: #509bbd; text-decoration: none; -webkit-transition: all 0.3s ease-out; }
a:hover{text-decoration: underline; -webkit-transition: all 0.3s ease-out;}
	a#iewarning{width: 100%; display: block; border: solid 2px #fffeed; margin: 0 auto; padding: 5px; background: #f1f1eb; color: #000; font-size: 12px;}
	 	 a#iewarning b{color: red;}
	ul#nav > li a{font-family: "Helvetica Neue", Helvetica, Arial, san-serif; font-weight: lighter; font-size: 14px; color: #fff; text-decoration: none;}
		ul#nav > li a:hover{text-decoration: none;}
		
	.button{height: 26px; padding: 4px 15px 0; float: right; text-align: center; font-family: "Helvetica Neue", Helvetica, Arial, San-serif; font-weight: lighter; font-size: 11px; text-transform: uppercase; color: #fff; background-color: #2d2b2b; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
		.button:hover{background: #509bbd; text-decoration: none; box-shadow: 0 0 8px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 8px rgba(0,0,0,0.3); -webkit-transition: all 0.3s ease-out;}	
	
	#quote > a{height: 30px; padding: 8px 15px 0; position: absolute; top: 18px; right: 0; text-align: center; font-family: "Helvetica Neue", Helvetica, Arial, san-serif; font-weight: lighter; font-size: 16px; text-transform: uppercase; color: #fff; background-color: #2d2b2b; -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; -moz-border-radius-topleft: 10px;}
		#quote > a:hover{background-color: #509bbd; text-decoration: none; -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 8px rgba(0,0,0,0.3); box-shadow: 0 0 8px rgba(0,0,0,0.3);}
		
	#footer a{color: #fff; text-decoration: none;}
		#footer a:hover{text-decoration: underline;}
		
	#twitter > a{position: absolute; top: 180px; right: 0;}
	
	#projectpicker{height: 30px; float: left; display: block; padding: 6px 15px 0; margin-bottom: 40px; text-align: center; font-family: 'Helvetica Neue', Helvetica, Arial, san-serif; font-weight: lighter; font-size: 16px; color: #fff; background-color: #2d2b2b; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px;}
		#projectpicker:hover{text-decoration: none; background-color: #509bbd; box-shadow: 0 0 8px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 8px rgba(0,0,0,0.3);}
	
	ul#picker li a{font-family: "Helvetica Neue", Helvetica, Arial, san-serif; font-size: 12px; font-weight: lighter; color: #fff; text-decoration: none; -webkit-transition: none;}
	.projectlist > ul li a{font-size: 14px; color: #509bbd; margin-bottom: 0; text-decoration: none;}
		.projectlist > ul li a:hover{text-decoration: underline;}
	
	#toolbar a{font-family: 'OFL Sorts Mill Goudy TT', 'Times New Roman', serif; font-size: 18px; line-height: 27px; text-decoration: none;}
		#toolbar a:hover{text-decoration: underline;}
	
	a.entrynav{font-family: 'OFL Sorts Mill Goudy TT', 'Times New Roman', serif; font-size: 100px; height: 120px; line-height: 120px; position: fixed; top: 50%; margin-top: -100px; text-decoration: none; color: #8e7a58; color: rgba(0,0,0,0.4);}
		a.entrynav:hover{text-shadow: 0 0 8px rgba(0,0,0,0.3); text-decoration: none; cursor: pointer;}
		a.prev{left: 40px;}
		a.next{right: 40px;}

/*
	Text Lists
*/
#footer > ul li{font-family: "Helvetica Neue", Helvetica, Arial, san-serif; font-weight: lighter; font-size: 11px; color: #fff;}