/*
-----------------------------------------------
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: #333436;
		font-family: "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Sans-Serif;
		font-size: 13px;
		line-height: 1.6em;
		padding: 3em 0 3em 50px;
		width: 700px;
	}



/* -- [ content ]
-----------------------------------------------*/

	#content {
		padding: 20px 0 0 50px;
	}


	#content h1 {
		margin-bottom: 1em;
		color: #7F222B;
		font-size: 1.5em;
	}

	#content h1 sup {
		color: #333436;
	}

	#message
	{
		font-size: 1.2em;
		margin: 2em 0;
	}

	#message p {
		color: #900;
	}

	p {
		color: #999;
		font-size: .9em;
		margin-top: 2em;
	}

	p em{
		color: #666;
		text-decoration: underline;
	}


	label
	{
		display: block;
		color: #666;
		font-size: .8em;
	}
	label em
	{
		color: #999;
	}
	input#url,
	input#domain_alias,
	input#url_alias
	{
		width: 350px;
		background-color:#eee;
		padding: .2em;
		font-size: .8em;
		margin-bottom: 2em;
		border: 1px solid #ccc;
	}

	input#submit
	{
		background-color:#ccc;
	}

	p.note
	{
		display: block;
		position: absolute;
		padding: 0 0 0 10px;
		width: 300px;
		font-size: 0.8em;
		border-left: 1px solid #ccc;
		top: 20px;
		left: 310px;
	}



	.results {
		font-size: 1em;
		color: #999;
		border-left: 5px solid #ccc;
		padding-left: 10px;
	}

	.results h2 {
		font-size: 1.2em;
		color: #000;
	}

	.results a {
		font-size: .8em;
		display: block;
		margin-bottom: .3em;
	}


	.ratio b {
		color: #333;
	}

	.ratio {
		display: block;
		margin-top: .5em;
		font-size: 1.5em;
		color: #666;
	}
	
	#worst {
		font-size: .9em;
		color: #666;
		margin: 0 1em 0 260px;
		padding: 0 0 0 10px;
		border-left: 1px solid #ccc;
		width: 500px;
		clear: both;
	}
	
	#worst h2 {
		color: #000;
		font-size: 1.2em;
		text-transform: uppercase;
		border-bottom: 1px solid #ccc;
		margin: 1.5em 0 .2em 0;
	}
	
	#worst h2 small {
		color: #ccc;
	}
	
	#worst dt {
		margin: 0 0 0 0;
		color: #333;
		font-weight: bold;
		display: block;
		text-transform: uppercase;
		font-size: 0.9em;
	}
	
	
	#worst h2.worst {
		color:#f00;
	}
	
	#worst dl {
		margin-bottom: 2em;
	}
	
	#worst dd.ratios {
		margin: 0 0 .4em 0;
		color: #000;
		font-size: 1.5em;
		font-weight: bold;
	}
	
	#worst dd.ratios b {
		color: #999;
		font-size: .7em;
		font-weight: normal;
	}	
	

/* -- [ footer ]
-----------------------------------------------*/

	#footer {
		color: #666;
		clear: both;
		font-size: 10px;
		line-height: 20px;
		letter-spacing: 1px;
		padding: 0 0 2em 50px;
		height: 6em;
		overflow: hidden;
	}




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

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