/* 
	Daniel Bulli
	nuff-respec.com
	01.10.08
   ----------------------------------------------------*/
   
   
/* base rest
-------------------------------------------------------------- */
	*, td, img	{margin : 0; padding : 0;}
	img { border: 0; }

	form, fieldset	{font: 100%/120% verdana, arial, sans-serif}
	p	{padding: 0 0 0 0; margin: 0 0 1em 0}

	form label	{cursor: pointer}
	fieldset	{border: none}
	input, select, textarea {font-size: 100%}
	
	
/* main layout
-------------------------------------------------------------- */

	/** body { font: normal 62.5%/200% Verdana, Arial, Helvetica, Sans-Serif; margin: 0; padding: 0;  color: #6f0011; background: #6f0011 url(../i/site-bg.gif) repeat-y 0 0;} **/
	/** body { font: normal 10px/200% "Helvetica Neue",Arial,sans-serif; margin: 0; padding: 0;  color: #6f0011; background: #6f0011 url(../i/site-bg.gif) repeat-y 0 0;} **/
	body { font: normal 10px/200% Verdana, Arial, Helvetica, Sans-Serif; margin: 0; padding: 0;  color: #6f0011; background: #6f0011 url(../i/site-bg.gif) repeat-y 0 0;}
	

	#site-head { height: 150px; border-bottom: 25px solid #000;  margin-left: 50px; width: 600px; background: #fff; }
	#site-head a { display: block; height: 150px; background: transparent url(../i/nuff-logo.gif) no-repeat 25px 25px; text-indent: -9000px;}
	

/* main inside
-------------------------------------------------------------- */   
	
	.article { width: 518px; margin-left: 82px; padding: 0 0 0 0; }	
	.article small.date { color: #ccc; }	
	.article .excerpt 	{ color: #CF852C; font-size: 1.4em; letter-spacing: .07em; line-height: 1.5em; font-variant: small-caps; }    
	.article .content 	{ margin: 0 0 4em 50px; font-size: 1.1em; }
	
	.article ul			{ margin-bottom: 1.5em; }
	.article ol			{ margin-bottom: 1.5em; }
	.article li			{ margin-bottom: .2em; }   
   
   .article-list 			{ width: 570px; margin-left: 82px; padding: 22px 0 0 0; overflow: hidden; }	
   .article-list .a-list 	{ width: 250px; float: left; margin: 0 33px 10px 0; overflow: hidden; height: 210px;  }
   .article-list-main .excerpt,
   .article-list .excerpt	{ font-size: 1em; color: #333;  line-height: 1.4em; height: 60px; overflow: hidden; }
   
	.article pre  			{ margin: .5em 0 1.5em 0;  padding-left: 20px; line-height: 1.2em; border-left: 1px solid #999; }
	.article code,
	.article pre code 		{ font-size: 11px; font-family: monospace; margin: 0; color: #666; line-height: 1em;}
	
	
	img.article-image 		{ margin: 0 0 0 50px }
	
	.more { clear: both; }
	
	.a-list-main { margin-left: 50px; width: 600px; }
	.a-list-main .a-list { margin-left:32px;  width: 300px;}
	
/* main headers
-------------------------------------------------------------- */  
	.article h1 a, 
	.article h1 a:link,
	.article h1 a:visited,
	.article h1 a:hover,
	.article h1 a:active,
	.article h1 a:focus		{ text-decoration: none; color: #6F0011; }	
	
	
	.a-list-main h2,
	.article-list h2 { line-height: 1.4em; height: 1.4em; overflow: hidden; margin-bottom: 1px;}
	
	.a-list-main h2 a,
	.article-list h2 a,
	.article-list h2 a:link,
	.article-list h2 a:visited,
	.article-list h2 a:hover,
	.article-list h2 a:active,
	.article-list h2 a:focus		{ text-decoration: none; color: #6F0011; font-size: 10px;  }	
	
	h1.main-sub-head { display: none; margin-left:82px; padding: 22px 0 0 0;  text-transform: uppercase; }
	
	.article h1 { font-variant: small-caps; width: 350px; font-size: 1.8em; line-height: 1.3em; margin-bottom: .5em; }
	.article h2  { font-size: 1em; }
	.article h3  { font-size: 0.9em; color: #CF852C; margin-top: 1.5em;}
	.article h4  { font-size: 0.9em; color: #000;}
	
	.article object { margin-bottom: 1em; }
	
	h2#comment	 { color: #ccc; font-size: 1em; margin: 2em 0 .5em 82px;}
	
	p.more-link { margin: 0 0 .3em 0; }
	
	.article-head 				{ height: 60px; z-index: 200;  width: 600px;  margin-left: 50px; background: #fff; } 
	.article-head h1 a 			{ text-decoration: none; color: #6f0011; padding: 0 0 0 30px; font-size: 0.9em; letter-spacing: .1em; }
	.article-head small.date 	{ color: #000; padding-left: 30px; }
	
/* comments
-------------------------------------------------------------- */
	
	table.comments 						{ width: 550px; margin-left: 82px; border-collapse: collapse; line-height: 1.3em; font-size: 1.1em; margin-bottom: 3em; }
	table.comments tr.tr-header 		{ display: none; }
	table.comments tr 					{ color: #666; }
	table.comments td 					{ border-top: 1px solid #ccc; width: 350px; padding: 10px 0 20px 50px; background: #fff url(../i/q-bubble.gif) no-repeat 15px 10px; }	
	table.comments td a 				{ color: #666; }
	table.comments td p 				{ margin: 0 20px 1em 0}	
	table.comments td.c-who				{ background: none; vertical-align: top; text-align: left; margin-left: 10px; color: #999; width: 150px; }		
	table.comments td.c-who small 		{ color: #ccc; display: block; }			
	table.comments td.c-who-me, 	
	table.comments td.c-who 			{ line-height: 1.2em; color: #666; }
	table.comments td.c-who a 			{ color: #666; text-decoration: none;}	
	table.comments td.c-me				{ border-top: 2px solid #CF852C;}
	table.comments td.c-who-me 			{ border-top: 2px solid #CF852C; color: #6f0011; }
	table.comments td.c-who-me small  	{ color: #6f0011;  }
	
	#txpCommentInputForm  							{ background-color: #eee; width: 500px; margin-left: 100px;	 position: relative; }	
	#txpCommentInputForm .comments-wrapper 			{ padding: 10px; }	
	#txpCommentInputForm .comments-wrapper label 	{ display: block; color: #666; padding: 0 0 2px 0; }	
	#txpCommentInputForm input.comment_name_input, 
	#txpCommentInputForm input.comment_email_input, 
	#txpCommentInputForm input.comment_web_input, 
	#txpCommentInputForm textarea					{ border:1px solid #999; color:#333333; display:block; margin:0 0pt 1.3em; padding:2px; width:100px; }	

	#txpCommentInputForm #tt						{ position: absolute; top: 15px; left: 335px; }	
	#txpCommentInputForm textarea					{ width:275px; height: 150px; }		
	#txpCommentInputForm .note 						{ color: #999; }

	p.preview-info 		{ margin-top: 2em; padding: .5em; color: #000; font-size: 12px; border: 1px dotted #cf852c; background-color: #eee; }
	div.comments_error 	{ color: #900; font-size: 14px; line-height: 20px; letter-spacing: .1em; }
	

/* common
-------------------------------------------------------------- */	
	#common-content	   { ; width: 250px; position: absolute; left: 675px; top: 20px; color: #994D00 ; font-size: 10px; letter-spacing: 1px; }
	#common-content	h2.mini-head { margin-top: 2.5em; font-size: 11px; color: #000;  margin-bottom: .4em; }
	#common-content dl dd { margin-bottom: 1.5em; line-height: 1.4em; }
	#common-content dl dt { line-height: 1.9em; }
	
	#common-content  a { font-size: 9px;}
	#common-content  a:link,
	#common-content  a:visited		{color: #CF852C ; text-decoration: underline; }
	#common-content  a:hover,
	#common-content  a:active,
	#common-content  a:focus		{color: #F1E6E8; text-decoration: none;}
	
	#common-content ul.recently 	{ line-height: 1.5em; list-style: none; }
	#common-content ul.recently li 	{ margin-bottom: 1.5em }
	#common-content ul.recently a 	{ line-height: 1.9em; }
	#common-content ul.recently div.exerpt p { margin: 0; }
	#common-content ul.recently li small { font-size: 10px; }
	
	#common-content .big-image { display: none; margin-bottom: 100px; }
	
	
	#common-who { height: 140px; color: #d4b3b8;  letter-spacing: 1px; padding-right: 60px; font-family:"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;}
	
	dl.expl dd { margin-bottom: 1em; }
	dl.expl dt { color: #999; font-weight: bold;  font-size: 11px;}
	

/* nav
-------------------------------------------------------------- */	
	.nav { position: absolute; top: 115px; left: 70px; line-height: 25px; height: 25px; overflow: hidden; }
	.nav li  				{ float: left;  text-transform: uppercase; list-style: none; padding: 0 10px; }
	.nav li  a:link,
	.nav li  a:visited		{color: #000; text-decoration: none;}
	.nav li  a:hover,
	.nav li  a:active,
	.nav li  a:focus		{color: #000; text-decoration: underline;}
	
	ul#ul-default li#li-home a 		{ color: #CF852C;  }
	ul#ul-portfolio li#li-work a 	{ color: #CF852C;  }
	ul#ul-technology li#li-tech a	{ color: #CF852C;  }
	ul#ul-thoughts li#li-thoughts a	{ color: #CF852C;  }
	ul#ul-photos li#li-photos a 	{ color: #CF852C;  }
	
	
/* mini-thoughts
-------------------------------------------------------------- */	
	.article-list dl.mini-thoughts { width: 500px; margin: 1em 0 0 0; }
	.article-list dl.mini-thoughts dt { font-weight: bold; width: 400px;}
	.article-list dl.mini-thoughts dt a { font-weight: bold; font-size: 10px; color: #CF852C; }
	.article-list dl.mini-thoughts dd { margin-bottom: 1em; width: 400px;}
	

/* search
-------------------------------------------------------------- */		
	#ss-frm { display: none; }
	
	#home-photo { margin: 0 0 0 50px }
	#nuff-home .article-list h1 { font-size: 1em; color: #CF852C; }
	
/* footer
-------------------------------------------------------------- */		
	#footer		{ clear: both; margin-top: 6em; color: #ccc; background-color: #6f0011; color: #9F431F; padding: 20px 0 70px 50px; line-height: 1.8em; font-size: 10px; }
	#footer	 p	{ margin: 0; }
	#footer	 a:link,
	#footer	 a:visited		{color: #9F431F; text-decoration: underline;}
	#footer	 a:hover,
	#footer	 a:active,
	#footer	 a:focus		{color: #fff; text-decoration: none;}	
	
/* links
-------------------------------------------------------------- */ 
	a:link,
	a:visited	{color: #6A2680; text-decoration: underline;}
	a:hover,
	a:active,
	a:focus		{color: #6A2680; text-decoration: none;}
	
	.clear { clear: left; padding-top: 1em;  }
	.warning { color: #f00; font-weight: bold; }