/*[variables]
colors { @30:#CE6C11; @20:#7BA38B; @10:#BE270A; @00:#2D2D2D; }
*/
/*[fmt]1100-010A-3*/
@import url(reset.css);
/*
Theme Name: bilsten
Theme URI:
Description: Jesse Bilsten's theme
Version: 1
Author: Jesse Bilsten
Author URI: http:www.bilsten.net

Define a custom font face
@font-face {}
Base font size: http://www.maratz.com/blog/archives/2005/10/21/typetesters-base-font-size/
*/

html { font:normal 62.5% "Lucida Grande", Verdana, Arial, sans-serif; }
body { font-size:1.3em; line-height:1.5em; }
a { text-decoration:none; }
a img { border:none; }
a:link, a:visited { color:#BE270A; border-bottom:1px dotted #BE270A; }
html body a:hover { color:#000; background-color:#EED4AF; border-bottom:1px solid #CE6C11; }
h1, h2, h3, h4, h5, p, blockquote, address, dl, ul, ol, legend { padding:0.5em 0; }
strong { font-weight:bold; }
h1, h2, h3, h4, h5, h6, legend { font-family:Georgia, "Times New Roman", serif; padding:0; margin:2em 0 0.25em; }
h1 { font-size:2.6em; }
h2 { font-size:2.2em; text-transform:uppercase; }
h3 { font:bold 1.2em "Lucida Grande", Verdana, Arial, sans-serif; text-transform:uppercase; }
h4, legend { font:bold 1.2em "Lucida Grande", Verdana, Arial, sans-serif; }
h5 { font:1em "Lucida Grande", Verdana, Arial, sans-serif; text-transform:uppercase; }
h6 { font:1em "Lucida Grande", Verdana, Arial, sans-serif; }
.clear { clear:both; }

/*Layout*/
body { background:#FFF url(/img/bg.gif) repeat-x 0 0; }
#mainWrap { width:940px; margin:0 auto; }
#header { height:95px; clear:both; }
	#logo { float:left; margin:0; }
		#logo a { background:transparent url(/img/logo.png) no-repeat 0 0; display:block; height:95px; width:340px; overflow:hidden; text-indent:-9999px; border:none; }
	#mainNav { float:right; width:460px; height:95px; }
		#mainNav ul { width:460px; }
		#mainNav ul li { float:left; }
		#mainNav ul li a { width:60px; height:82px; text-transform:uppercase; color:#000; font-weight:bold; letter-spacing:-1px; display:table-cell; vertical-align:bottom; border-bottom:none; }
		#mainNav ul li a:hover { background:none; color:#BE270A; /*[e]@10*/ }
		#mainNav ul li a:active { color:#CE6C11; /*[e]@30*/ }
#intro { }
	#intro p { font-size:1.4em; line-height:1.5em; width:460px; }
	#intro p strong { padding:0.1em; }
#work { }
	#work ul { padding:0.5em 0; font-size:.9em; }
	#work ul li { float:left; width:940px; padding:20px 0 0; }
	#work li img { float:left; margin:0 20px 0 0; width:220px; }
	#work dl { float:left; }
	#work li h3 { margin:0; width:220px; float:left; }
	#work dd { color:#636363; width:340px; margin-left:120px; margin-top:-1.5em; }
	#work dt { text-transform:uppercase; font-weight:bold; letter-spacing:-1px; text-align:right; width:100px; margin-right:20px; }
	#work p { width:460px; margin-right:20px; }
	#work li p { width:auto; padding:0; margin:0; }
	#work div { float:left; width:460px; margin-right:20px; }
#about { }
	#about p { width:460px; }
#contact p { width:460px; }
	#contact fieldset { width: 460px; }
	#contact label { float:left; width:120px; padding:5px 0; }
	#contact input, #contact textarea { background:#DDD; border:none; width:330px; padding:5px; }
	#contact input.submit { border:2px solid #666; font-weight:bold; background:#DDD; margin-left:120px; width:auto; }