@import url('/css/reset.css');

body {
	margin:0; padding:20px 0;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.5;
	color: #363636;
	background-color: #222;
	}

p, li, dt, dd, address, blockquote, textarea, input, legend, th, td {font:normal 1.3em/1.5 Arial, Helvetica, sans-serif;}
li p, p li, li input, li textarea, li li {font-size:1em;}
p, ul, ol, h2, h3, h4, h5, form, blockquote, address {margin:0 0 15px;}

ul, ol 		{margin-left:2em;}
ul 			{list-style:square;}
ol 			{list-style:decimal;}

a			{text-decoration:none; outline:none; color:#026bae;}
a:hover		{text-decoration:underline;}

img, a img 			{display:inline; border:none;}
.img-right 			{float:right; margin:0 0 2em 2em;}
.img-left 			{float:left; margin:0 2em 2em 0;}

acronym 	{cursor:help;}

blockquote 	{font:italic 1.4em Georgia, "Times New Roman", Times, serif;}

h1 			{margin:0 0 .8em 0; padding:0; font-size:2em; font-weight:normal; line-height:1; letter-spacing:.05em; text-transform:lowercase;}
h2 			{font-size:1.8em; font-weight:normal; line-height:1;}
h3 			{font-size:1.5em; font-weight:bold; line-height:1;}
h4, h5, h6 	{font-size:1.4em; font-weight:bold; line-height:1;}

.hiddenFields, .hidden 	{display: none;}
.required, .error 		{color: #f60;}

.clear 				{clear: both;}
.clearer 			{clear:both; visibility:hidden; height:0; line-height:0; overflow:hidden;}
.clearafter:after 	{content:""; display:block; height:100%; clear:both; visibility:hidden;}

#wrapper 			{position:relative; margin:0 auto; width:990px;}

/*---------------------------------------------------------------------------------------------------------------------------------------
	HEADER
-----------------------------------------------------------------------------------------------------------------------------------------*/

#header 	{position:relative; margin-bottom:44px; width:946px; height:82px; border:22px solid #000; background:#fff url(/images/site/bg_sprite.gif) no-repeat 0 0;}

#logo		{margin:0; padding:0;}
#logo a		{display:block; height:82px; text-indent:-9999em;}

#nav				{position:absolute; top:94px; left:80px; margin:0; padding:0 10px; list-style:none; text-transform:lowercase; background-color:#000;}
#nav li				{float:left; letter-spacing:.05em;}
#nav li a			{display:block; padding:0 15px; line-height:40px; text-decoration:none; color:#e6e6e6;}
#nav li a:hover,
#nav li.here a		{color:#d2a325;}

/*---------------------------------------------------------------------------------------------------------------------------------------
	CONTENT
-----------------------------------------------------------------------------------------------------------------------------------------*/

#content 			{position:relative; margin-bottom:10px; padding:20px; width:906px;  min-height:280px; height:auto!important; height:280px; border:22px solid #000; background:#fff url(/images/site/bg_sprite.gif) repeat-y -4730px 0;}
#main				{float:left; display:inline; width:570px;}

#content h1#title	{color:#666;}

#home #content		{background-position:-946px 0;}
#home #feature		{margin:0; padding:0; width:480px; height:240px; overflow:hidden; list-style:none; background-color:#f2f2f2;}
#home #feature img	{padding:3px; border:1px solid #ccc;}

#about #content		{background-position:-1892px 0;}
#about #main		{padding-left:158px; width:412px;}
#about #main-image	{position:absolute; margin-left:-158px; font-size:1.1em;}

#work #content		{background-position:-2838px 0;}
#work #main			{float:right; width:164px;}
#work #main ul		{display:none;}
#work h1#title		{color:#fff;}

#contact #content	{background-position:-3784px 0;}
#contact #main		{float:left; display:inline; margin-left:170px; width:280px;}

#journal #content		{background-position:-4730px 0; background-repeat:repeat-y;}
#journal #main			{float:left; display:inline; width:570px;}
#journal #sidebar		{float:right; display:inline; width:238px;}
#journal #sidebar h2	{color:#fff;}
#journal .img-top 		{width:570px; overflow:hidden;}
#journal .img			{font-size:1.1em; color:#666; background:#f2f2f2;}
#journal .img img		{display:block; padding:3px; border:1px solid #ccc;}
#journal .img span		{display:block; padding:5px 10px; border-top:4px solid #fff;}

#kwicks						{position:relative; margin:0; padding:0; list-style:none;}
#kwicks li					{float:left; display:inline; margin-left:6px; padding:0; width:95px; height:280px; overflow:hidden; cursor:pointer; background-color:#f2f2f2;}
#kwicks li .kwicks-guts		{position:relative; padding:10px 20px 10px 240px; width:250px;}
#kwicks li img				{position:absolute; top:0; left:0;}
#kwicks li.first			{margin-left:0;}  

/*---------------------------------------------------------------------------------------------------------------------------------------
	FOOTER
-----------------------------------------------------------------------------------------------------------------------------------------*/

#footer			{text-align:center; letter-spacing:.1em;}
#footer p		{font-size:1.05em;}
#footer,
#footer a		{color:#666;}


@media print {

}

@media handheld {

}