/* styles for simple elements */

body {
	color: #444444;
	background-color: #e2e2e2;
	font: 11px/16px Verdana, Geneva, Arial, Helvetica, Helve, Sans-serif;
	padding: 0;
	margin: 0px;
	border: 0px;
}

div {
	color: #444444;
	font: 11px/16px Verdana, Geneva, Arial, Helvetica, Helve, Sans-serif;
	margin: 0;
	padding: 0 0 8px 0;
}

p {
	color: #444444;
	font: 11px/16px Verdana, Geneva, Arial, Helvetica, Helve, Sans-serif;
	margin: 0;
	padding: 0 0 8px 0;
}

h1 {
	font: bold 15px Futura, Arial, Helvetica, Helve, Sans-serif;
	margin: 0 0 2px 0;
	color: #337788;
}

h2 {
	font: bold 15px Futura, Arial, Helvetica, Helve, Sans-serif;
	margin: 0 0 2px 0;
	color: #337788;
}

h3 {
	font: bold 12px "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, Helve, Sans-serif;
	margin: 0 0 8px 0;
	color: #999999;
}

h4 {
	color: #444444;
	font: 11px/16px Verdana, Geneva, Arial, Helvetica, Helve, Sans-serif;
	margin: 0 25px 12px 25px;
}

blockquote {
	color: #444444;
	font: 11px/16px Verdana, Geneva, Arial, Helvetica, Helve, Sans-serif;
	margin-top: 0;
	padding: 0;
}

blockquote p {
	color: #444444;
	font: 11px/16px Verdana, Geneva, Arial, Helvetica, Helve, Sans-serif;
	margin-top: 0;
	padding: 0 0 8px 0;
}

ul {
	font: 11px/16px Verdana, Geneva, Arial, Helvetica, Helve, Sans-serif;
	margin-top: 2px;
}

ol {
	font: 10px/16px Verdana, Geneva, Arial, Helvetica, Helve, Sans-serif;
	margin-top: 0;
}

#nav ol, #promo ol, #nav ul, #promo ul {
	font-size: 90%;
	margin: 0 0 2px 0;
	padding: 0 0 2px 0;
	list-style-type: none;
}

dd {
	margin-bottom: 8px;
}

a {
	color: #337788;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
	background-color: #337788;
	color: #ffffff;
}

.byline {
	color: #999999;
}

.formlabel {
	margin: 12px 0 0 0;
	padding: 0;
}

form {
	margin: 0;
	border: 0;
	padding: 0;
}

input.form, textarea.form {
	margin-bottom: 6px;
}

.toggler {
	float: right;
	font: normal 11px Arial Narrow, Helvetica, Sans-serif;
	color:#666666;
}

.skippy {
	display: none;
}

.relations {
	clear: both;
	padding: 8px 0 0 0;
	height: 2px;
	font-size: 1px;
	border: 0;
	margin: 0;
	padding: 0;
}

.postdata {
	padding: 2px 4px 0 4px;
	margin-bottom: 12px;
}

.posthead {
	background-color: #f2f2f2;
	border-top: 1px solid #bbbbbb;
	padding: 4px 4px 0 8px;
}

.posthead2 {
	background-color: #fffff2;
	border-top: 1px solid #bbbbbb;
	padding: 4px 4px 0 8px;
}

.postdata p {
	padding-left: 16px;
}

p.sponsored {
	font-family: Arial, Helvetica, Helve, Sans-serif;
	background-color: #fd9;
	border: 1px solid #bbb;
	border-bottom: 2px solid #bbb;
	padding: 6px;
	margin: 6px 0 6px 0;
	font-size: 90%;
}

/* styles for main containers */

#slice {
	text-align: center;
	margin: 0;
	padding: 6px;
	font: 12px/16px Verdana;
	color: #000000;
	background-color: #fffff5;
	border-bottom: 2px solid #3377bb;
}

#canvas {
	background-color: #ffffff;
	margin: 20px;
	padding: 0;
	text-align: left;
	width: 820px;
	border: 2px solid #999999;
}

#content {
	color: #444444;
	font: 11px/16px Verdana, Geneva, Arial, Helvetica, Helve, Sans-serif;
	background-color: #ffffff;
	text-align: left;
	padding: 10px 25px 25px 25px;
	margin: 0;
	word-wrap: break-word;
}

#dual {
	border-left: 1px solid #999999;
	background: url(/common/media/engadget-dual-back.gif) top left repeat-y;
	width: 330px;
}

#sky {
	text-align: right;
	border-top: 1px solid #999999;
	padding-bottom: 4px;
	background: #ffffff;
}

#nav {
	width: 130px;
	padding: 10px 4px 10px 6px;
	margin: 0;
	color: #444444;
	font: normal 11px/16px "Trebuchet MS", Verdana, Arial, Helvetica, Sans-serif;
	text-align: left;
	border-top: 1px solid #999999;
}

#promo {
	width: 180px;
	padding: 10px 4px 10px 6px;
	margin: 0;
	color: #444444;
	font: normal 11px/16px "Trebuchet MS", Verdana, Arial, Helvetica, Sans-serif;
	text-align: left;
	border-top: 1px solid #999999;
}

#legal {
	color: #444444;
	font: 12px/16px Verdana, Geneva, Arial, Helvetica, Helve, Sans-serif;
	background-color: #f5f5f5;
	margin: 0;
	text-align: center;
	padding: 12px;
	border-top: 1px solid #999999;
}