/* @group Generics */

section,
header,
footer{
	display: block;
	width: auto;
}

html{
	background: #212121;
	color: white;
    color: #333;
    font-family: 'Helvetica Neue', Helvetica, Arial, serif;
    font-size: 14px;
}
html,body{
	margin: 0;
	padding: 0;
}
body.widget{
}


/* @end */

/* @group Type */



/* @end */

/* @group Footer */

footer{
	padding: 20px 0;
	margin: 0 auto;
	max-width: 960px;
	background: url(images/footer_arrow.gif) 98% 0 no-repeat;
	overflow: hidden;
	text-align: right;
	color: #666;
	font-size: 11px;
}

/* @end */

/* @group Header */

header h1{
	padding: 20px 0;
	margin: 0 auto;
	max-width: 960px;
	background: url(images/header_logo.gif) 2% bottom no-repeat;
	overflow: hidden;
	text-indent: -9000px;
}

/* @end */

/* @group Sections */

section.main{
	background: white;
	margin: 0 auto;
	width: auto;
	max-width: 960px;
	float: none;
	overflow: hidden;
	width:100%;	
}
section.message{
	background:#FFFFE0;
	border: 1px solid #EBEBCE;
	padding: 0 10px;
	margin: 1%;
	
}
section.message header *{
	padding: 10px 0 0 0;
	margin: 0;
	font-size: 14px;
}
section.message p{
	padding: 0;
	font-size: 13px;
}
section.addictionary{
	padding: 8px 1%;
	float: left;
	width: 48%;
	max-width:460px;
	min-width: 280px;
	width:expression(document.body.clientWidth > 460? "460px": "auto" );
	overflow: hidden;
}
section.addictionary a{
	display: block;
	position: relative;
	height: 300px;
	text-decoration: none;
}
section.addictionary a:hover{
	opacity: 0.9;
}
section.addictionary a:hover span{
	background: black;
}
section.addictionary a span{
	position: absolute;
	display: block;
	bottom: 0;
	left: 0;
	background: black;
	background: rgba(0,0,0,0.9);
	padding: 10px 4%;
	width: 92%;
	color: white;
}
section.addictionary a span strong{
	display: block;
}
section.addictionary a span em{
	font-size: 12px;
	color: #999;
	font-family: Georgia, Times, sans-serif;
	font-style: italic;
}

/* @end */

section.celebrity a{
	background: url(images/celeb.jpg) 0 0 no-repeat;
}
section.proper a{
	background: url(images/proper.jpg) 0 0 no-repeat;
}
section.office a{
	background: url(images/office.jpg) 0 0 no-repeat;
}
section.fearnet a{
	background: url(images/fearnet.jpg) 0 0 no-repeat;
}
section.political a{
	background: url(images/political.jpg) 0 0 no-repeat;
}
section.ellen a{
	background: url(images/ellen.jpg) 0 0 no-repeat;
}

body.iframe section a{
	background-position: 0 -20px;
	height: 120px;
}
body.iframe section a span em{
	display: none;
}
body.iframe{
	font-size: 12px;
}