body
{
	font: 0.75em "Helvetica", "Arial", sans-serif;
	text-align: center;
	color: #333;
	background-color: #000;
	margin: 0;
	padding: 0;
}

img {
	border: none;
}

a
{
	text-decoration: none;
	color: #666;
}

a:hover
{
	color: #c33;
}

div#header, div#middle, div#footer
{
	text-align: left;
	margin: 0px auto;
	width: 600px;
}

div#header
{
	height: 300px;
	margin-top: 32px;
	background: #333 url('/img/top.jpg') top left no-repeat;
}

div#header h1.top_header
{
	font-size: 5em;
	line-height: 300px;
	text-align: center;
	margin: 0px;
	padding: 0px;
	color: #fff;
}

/* GRIDS */
div.row2, div.row3
{
	clear: both;
}

div.row2 div.row_cell
{
	width: 280px;	/* 2 col per row, if required */
}

div.row3 div.row_cell
{
	width: 180px;	/* 3 col per row */
}

div.row_cell
{
	float: left;
	margin: 10px;
}

div.row_cell h2.cell_header
{
	font-size: 1.2em;
	border-bottom: 1px #333 solid;
	font-weight: bold;
	margin: 0px;
}

div.row_cell ul 
{
	margin: 0px;
	padding: 0px;
}

div.row_cell li
{
	padding: 4px 0px;
	margin-top: 1px;
	border-bottom: 1px #ccc solid;
	list-style: none;
}

div.row_cell span.info
{
	color: #aaa;
	font-size: 0.7em;
	float: right;
}

div#middle
{
	font-size: 0.9em;
	background: #fff url('/img/bottom.jpg') bottom left no-repeat;
}

div#middle div#middle_clearer	/* for background image of #middle */
{
	clear: both;
}

div#footer
{
	clear: both;
	font-size: 0.8em;
	text-align: right;
	color: #666;
	padding-top: 4px;
}

div#footer a
{
	color: #c99;
}

div#footer p
{
	margin: 2px 0px;
	padding: 0px;
}

form input.textfield { margin: 2px 0;
			 border: none;
			 border: 1px #ccc solid;
			 width: 140px;}
			 
form input.button { margin: 2px 0;
					padding: 0;
					width: 16px;
					border: 1px #ccc solid; }

/* special things */

li#google_search { background: url('/img/google_logo.png') no-repeat center right; }
li#wikipedia_search { background: url('/img/wikipedia_logo.png') no-repeat center right; }
li#youtube_search { background: url('/img/youtube_logo.jpg') no-repeat center right; }
li#tpb_search { background: url('/img/tpb_logo.gif') no-repeat center right; }

li.delicious { background: url('/img/delicious_logo.png') no-repeat center right; }
li.digg { background: url('/img/digg_logo.jpg') no-repeat center right; }
li.steam { background: url('/img/steam_logo.jpg') no-repeat center right; }
li.flickr { background: url('/img/flickr_logo.jpg') no-repeat center right; }
li.lastfm { background: url('/img/lastfm_logo.jpg') no-repeat center right; }
div#footer img.copyleft { opacity: 1.0; }
div#footer img.faded { border: none; opacity: 0.3; }
div#footer img:hover { opacity: 1.0; }

div#footer p#weather { height: 30px; line-height: 30px; }
div#footer p#weather img { opacity: 1.0; }