/*
-----------------------------------------------
nuff-respec
dbulli_nuffrespec@nuff-respec.com
----------------------------------------------- */

/* -- initialize base -- */
	*, 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%}

/* -- body -- */
	body	{
		background-color: #fff;
		color: #6f0011;
		font-family: "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Sans-Serif;
		font-size: 11px;
		line-height: 1.6em;

		min-width: 910px;
	}

	body#nuff-home	{
		background: #fff url(../i/bg-body.gif) no-repeat 0 250px;
	}

/* -- [ site search]
-----------------------------------------------*/

	form#ss-frm {
		font-size: 10px;
		position: absolute;
		left: 820px; top:10px;
	}

	#ss-l { color: #9F431F; width: 100px;   overflow: hidden; }
	#ss-l:hover { color: #fff;  }

	#ss-i {
		width: 100px;
		padding: 2px;
		height: 12px;
		border: 1px solid #AD5523;
		background: #BC6A27;
		display: block;
		position: absolute;
		left: 85px; top:-1px;
		color: #EBD3BF;
	}

	#ss-b {
		width: 20px;
		border: 1px solid #000;
		display: block;
		border: 1px solid #BC6A27;
		background: #770A13;
		position: absolute;
		top: -1px;
		left: 195px;
		color: #BB8589;
	}

	#ss-frm .ss-hide {display: none;}

	p.date-search { margin-bottom: 1.5em; }
	p.search-results { margin-top: 2em; color: #000; font-weight: bold;}


/* -- [ main h1 ]
-----------------------------------------------*/
	h1.main-head {
		margin: 0;
		padding: 0;
		height: 250px;
		overflow: hidden;
		background-color: #cf852c;
		display: block;
		font-weight: bold;
	}

	div.main-head {
		margin: 0;
		padding: 0;
		height: 250px;
		overflow: hidden;
		background-color: #cf852c;
		display: block;
		font-weight: bold;
	}

	.main-head span {
		margin: 0;
		padding: 0;
		position: absolute;
		text-indent: -999em;
	}


	.main-sub-head {
		top: 0px;
		margin: 0;
		padding: 0;
		padding-top:.2em;
		display: block;
		position: absolute;
		color: #C57729;
		font-size: 10em;
		width: 560px;
		text-align: right;
		height: 1em;
		overflow: hidden;
		font-weight: bold;
		letter-spacing:-.05em;
	}


/* -- [ article ]
-----------------------------------------------*/


	.article {
		width: 350px;
		margin: 50px 50px 4em 150px;
		float: left;
		display: inline;
	}

	.article h1 {
		color: #000;
		font-size: 18px;
		line-height: 24px;
	}

	.article p.date {
		color: #999;
		font-size: 11px;
	}

	.article div.excerpt p {
		color: #cf852c;
		font-size: 14px;
		line-height: 20px;
		letter-spacing: .1em;
	}

	.article p.error {
		color: #900;
		font-size: 14px;
		line-height: 20px;
		letter-spacing: .1em;
	}

	.article .article-list div.excerpt p {
		font-size: 12px;
		line-height: 15px;
		letter-spacing: 0;
	}

	.article  p.other {
		color: #666;
	}


	.article ul {
		margin: 1em 1em;
	}

	.article h4 {
		color: #000;
		margin-top: 2em;
		font-size: 1.2em;
	}

	.article h5 {
		font-size: 0.9em;
		text-transform: uppercase;
		letter-spacing: 1px;
		color: #999;
		color:#CF852C;
	}

	.article h3 {
		color: #000;
		margin-top: 2em;
		font-size: 1.2em;
	}

	blockquote.bquote {
		font-size: 13px;
		line-height: 20px;
		padding-left: 20px;
		color: #6A2680;
		margin: 2em 0;
		letter-spacing: .1em;
	}

	blockquote.smallquote {
		font-size: 11px;
		line-height: 20px;
		color: #000;
		background: #eee;
		border-top: 1px dotted #ccc;
		border-bottom: 1px dotted #ccc;
		padding: 5px 10px;
		margin: 2em 0;
		letter-spacing: .1em;
	}

	.article div.review p {
		color: #f00;
		font-size: 18px;
		line-height: 24px;
		letter-spacing: .2em;
	}

	.article div.review p strong {
		letter-spacing: .0em;
	}


	.more,
	.home-more { padding: .2em; margin-top: 2em; border-top: 1px dotted #999; font-size: 0.8em;  background-color: #eee; height: 2em; text-transform: lowercase;}


	.right-content .more { padding: 0; margin-top: 0; border-top: none }
	.more p { margin: 0; padding: 0; }
	.article .more-link { margin-bottom: 3em; }
	span.prev { float: left; }
	span.next { float: right; }


	.article .archive-list p {
		margin: 0;
		color: #999;
		font-size: 10px;
	}

	.article .archive-list p  span {
		color: #666;
	}


	.article .archive-list h1 { clear: left; }


	.article .archive-list h2 {
		font-size: 1.3em;
		color: #cf852c;
		margin: 1em 0 .2em 0;
		clear: left;
	}

	.article pre  {
		margin: .5em 0 1em .3em;
	}
	.article pre code {
		font-size: 10px;
		font-family: monospace;
		margin: .1em 0;
		color: #666;
	}
/* -- [ thumb ]
-----------------------------------------------*/
	.thumb {
		width: 150px;
		margin-right: 20px;
		margin-bottom: 20px;
		height: 130px;
		padding: 2px;
		float: left;
	}

	.thumb img {
		border: 5px solid #E7C295;
		margin: 0;
		padding: 0;
	}

	.thumb a:hover img {
		border: 5px solid #cf852c;
	}


	.article .archive-list .thumb p,
	.thumb p {
		display: block;
		background: transparent url(../i/bubble-photo.gif) no-repeat 10px 0;
		color: #666;
		padding: 12px 0 0 18px;
		margin: -5px 0 0 0;
		line-height: 12px;
		font-size: 10px;
	}
	.thumb p strong {
		color: #000;
	}

/* -- [ right - content ]
-----------------------------------------------*/
	div.right-content {
		width: 350px;
		overflow: hidden;
		font-size: 11px;
		color: #B83C36;
		margin-bottom: 2em;
	}

	dl.mini-thoughts  {
		margin: 0 0 1em 0;
	}
	dl.mini-thoughts dd {
		margin: 0 0 1em 0;
	}

	dl.big-image {
		display: block;
	}

	dl.big-image dd {
		font-weight: bold;
		text-align: right;
		margin-top: .4em;
	}

	h2.mini-head {
		color: #333;
		padding-bottom: .5em;
		margin-top: 3em;
	}

	ul.recently { color: #666;}
	ul.recently li { margin-bottom: .8em; }
	ul.recently li span { color: #000 }


/* -- [ nav ]
-----------------------------------------------*/

	ul.nav {
		width: 350px;
		height: 250px;
		position: absolute;
		overflow: hidden;
		background-color: #6f0011;
		top: 0;
		left: 550px;
	}

	ul.nav li {

		list-style: none;
		width: 35px;
		height: 250px;
		display: inline;;
	}

	ul.nav li a {
		width: 35px;
		height: 250px;
		float: left;
		text-indent: -9000px;
	}



	ul.nav li#li-home a { background: transparent url(../i/n-home.gif) no-repeat bottom left; }
	ul.nav li#li-work a { background: transparent url(../i/n-work.gif) no-repeat bottom left; }
	ul.nav li#li-tech a { background: transparent url(../i/n-tech.gif) no-repeat bottom left; }
	ul.nav li#li-thoughts a { background: transparent url(../i/n-thoughts.gif) no-repeat bottom left; }
	ul.nav li#li-photos a { background: transparent url(../i/n-photos.gif) no-repeat bottom left; }

	ul.nav li#li-home ,
	ul#ul-default li#li-home  a { background: transparent url(../i/n-home-on.gif) no-repeat bottom left; }
	ul.nav li#li-work,
	ul#ul-portfolio li#li-work a { background: transparent url(../i/n-work-on.gif) no-repeat bottom left; }
	ul.nav li#li-tech,
	ul#ul-technology li#li-tech  a { background: transparent url(../i/n-tech-on.gif) no-repeat bottom left; }
	ul.nav li#li-thoughts,
	ul#ul-thoughts li#li-thoughts a { background: transparent url(../i/n-thoughts-on.gif) no-repeat bottom left; }
	ul.nav li#li-photos,
	ul#ul-photos li#li-photos a { background: transparent url(../i/n-photos-on.gif) no-repeat bottom left; }


	ul.nav li#li-home a:hover { background: transparent url(../i/n-home-on.gif) no-repeat bottom left; }
	ul.nav li#li-work a:hover { background: transparent url(../i/n-work-on.gif) no-repeat bottom left; }
	ul.nav li#li-tech a:hover { background: transparent url(../i/n-tech-on.gif) no-repeat bottom left; }
	ul.nav li#li-thoughts a:hover { background: transparent url(../i/n-thoughts-on.gif) no-repeat bottom left; }
	ul.nav li#li-photos a:hover { background: transparent url(../i/n-photos-on.gif) no-repeat bottom left; }


/* -- [ comments ]
-----------------------------------------------*/

	table.comments {
		width: 350px;
		border-collapse: collapse;
	}

	tr.tr-header {
		display: none;
	}

	td {
		border-bottom:20px solid #fff;
	}

	table.comments td {
		padding: 10px;
		background-color: #E7C295;
	}

	table.comments td.c-who {
		vertical-align: bottom;
		text-align: left;
		width: 100px;
		background-color: #fff;
		color: #000;
		padding: 0 0 0 20px;
		background: #fff url(../i/bubble.gif) no-repeat 0 100%;
	}

	table.comments td.c-who span {
		color: #666;
	}

	table.comments td.c-me {
		background-color: #cf852c;
		color: #000;
	}

	table.comments td.c-who-me {
		background: #fff url(../i/bubble-me.gif) no-repeat 0 100%;
	}

	form#txpCommentInputForm {
		margin-top: 2em;
		border-top: 1px dotted #DA824E;
		padding-top: 1em;
	}

	form#txpCommentInputForm label {
		display: block;
		color: #DA824E;
	}

	form#txpCommentInputForm input.comment_name_input,
	form#txpCommentInputForm input.comment_email_input,
	form#txpCommentInputForm input.comment_web_input,
	form#txpCommentInputForm textarea {
		display: block;
		margin: .2em 0 1.3em 0;
		width: 340px;
		background-color: #DADAD2;
		border: 1px solid #999;
		padding: 2px;
		color: #333;
	}

	form#txpCommentInputForm  .button {
		color: #cf852c;
		background-color: #6f0011;
		padding: 3px;
	}

	.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;
	}
/* -- [ footer ]
-----------------------------------------------*/

	#footer {
/**		width: 100%; **/
		clear: both;
		font-size: 10px;
		line-height: 20px;
		letter-spacing: 1px;
		padding: 3em 0 3em 150px;
		margin: 3em 0 0 0;
		background: #6f0011;
		color: #cf852c;
		height: 12em;
		overflow: hidden;
	}

	#footer strong {
	}

	#footer .subscribe {
		margin-bottom: 2em;
		font-weight: bold;
	}


/* -- [ about ]
-----------------------------------------------*/


	#footer div#about {
		width: 350px;
		position: absolute;
		height: 18em;
		overflow: hidden;
		background-color: #cf852c;
		color: #6f0011;
		left: 550px;
		margin-top: -3em;
	}

	#footer div#about	h2.mini-head {
		color: #000;
		padding: 0 2em .5em 2em;
		font-size: 1.5em;
	}

	#footer div#about p {
		padding: 0 3em 0 3em;
	}


/* -- [ misc ]
-----------------------------------------------*/
	.article  #cssgallery ,
	.article  ul#progressive
	{
		list-style: none;
		margin: 0;
	}

	.article  ul#cssgallery h4
	{
		margin :2em 0 .2em 0;
		font-family: Verdana;
		letter-spacing: 1px;
	}

	.article  ul#progressive h4
	{
		margin-top :0em;
	}


	#cssgallery li,
	#progressive li
	{
		line-height: 1.2em;
	}

	dl.expl {
		margin: 0 0 1em 0;
	}

	dl.expl dt {
		color: #666;
		font-weight: bold;
	}

	dl.expl dd {
		margin: 0 0 1em 0;
		color: #999;
	}

	#nuff-digg {
		width: 55px;
		overflow: hidden;
		position: absolute;
		top: 305px;
		left: 70px;
	}

/* -- [ links ]
-----------------------------------------------*/

	/* -- general -- */
		a:link,
		a:visited	{color: #6A2680; text-decoration: underline;}
		a:hover,
		a:active,
		a:focus		{color: #6A2680; text-decoration: none;}



		div.excerpt a:link,
		div.excerpt a:visited	{color: #cf852c; text-decoration: underline;}
		div.excerpt a:hover,
		div.excerpt a:active,
		div.excerpt a:focus		{color: #cf852c; text-decoration: none;}


		.c-who a:link,
		.c-who a:visited	{color: #000; text-decoration: underline;}
		.c-who a:hover,
		.c-who a:active,
		.c-who a:focus		{color: #000; text-decoration: none;}

		table.comments td.c-me a:link,
		table.comments td.c-me a:visited	{color: #fff; text-decoration: underline;}
		table.comments td.c-me a:hover,
		table.comments td.c-me a:active,
		table.comments td.c-me a:focus		{color: #fff; text-decoration: none;}

		#footer a:link,
		#footer a:visited	{color: #DDA96B; text-decoration: underline;}
		#footer a:hover,
		#footer a:active,
		#footer a:focus		{color: #CEC494; text-decoration: none;}


		#about a:link,
		#about a:visited	{color: #8C3341; text-decoration: underline;}
		#about a:hover,
		#about a:active,
		#about a:focus		{color: #6A2680; text-decoration: none;}

		.article h1 a:link,
		.article h1 a:visited	{color: #000; text-decoration: none;}
		.article h1 a:hover,
		.article h1 a:active,
		.article h1 a:focus		{color: #000; text-decoration: none;}

		.article h2 a:link,
		.article h2 a:visited	{color: #000; text-decoration: none;}
		.article h2 a:hover,
		.article h2 a:active,
		.article h2 a:focus		{color: #000; text-decoration: none;}



		.archive-list h3 a:link,
		.archive-list h3 a:visited	{color: #6A2680; text-decoration: underline; font-size: 1em; }
		.archive-list h3 a:hover,
		.archive-list h3 a:active,
		.archive-list h3 a:focus		{color: #6A2680; text-decoration: none;}


		.home-more a:link,
		.home-more a:visited	{color: #999; text-decoration: underline;}
		.home-more a:hover,
		.home-more a:active,
		.home-more a:focus		{color: #666; text-decoration: none; }

		.more a:link,
		.more a:visited	{color: #999; text-decoration: underline;}
		.more a:hover,
		.more a:active,
		.more a:focus		{color: #666; text-decoration: none; }