/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
/**
 * YUI Reset
 * @module reset
 * @namespace
 * @requires 
 */
html {
	color: #000;
	background: #2e2e2e;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,
img {
	border: 0;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var,
optgroup {
	font-style: inherit;
	font-weight: inherit;
}

del,
ins {
	text-decoration: none;
}

li {
	list-style: none;
}

caption,
th {
	text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before,
q:after {
	content: '';
}

abbr,
acronym {
	border: 0;
	font-variant: normal;
}

sup {
	vertical-align: baseline;
}

sub {
	vertical-align: baseline;
}

/*because legend doesn't inherit in IE */
legend {
	color: #000;
}

input,
button,
textarea,
select,
optgroup,
option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}


a{
	outline:none;
}


#wrapper{
	width:500px;
	margin:17px auto;
}
*:first-child+html #wrapper{margin:12px auto;}

.section{
	position:relative;
	overflow:hidden;
	margin:0 0 17px;
}
*:first-child+html .section{margin-bottom:12px;}

hr{
	color:#FFF;
	background-color:#FFF;
	height:1px;
	border:none;
	margin:0 0 17px;
}
*:first-child+html hr{margin-bottom:12px;}



h1 a.hdr{
	display:block;
	text-indent:-9999px;
	background:url("../images/hdr.wdyhm.gif") 0 0 no-repeat;
	width:432px;
	height:73px;
}

fieldset.bottom-margin{
	background: #2e2e2e;
	overflow:hidden;
	width:500px;
	margin:0;
	position:relative;
}

fieldset.bottom-margin{
	margin:0 0 17px;
}

#comments-div{
	width:500px;
	height:108px;
	background:url("../images/comments.gif") 0 0 no-repeat;
	overflow:hidden;;
}

textarea{
	border:none;
	background:none;
	width:466px;
	height:74px;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#3e3e3e;
	overflow: hidden;
	padding:17px 17px;
}

#alias-div{
	background:#FFF url("../images/username.gif") 0 0 no-repeat;
	width:402px;
	height:36px;
	overflow:hidden;
}
*:first-child+html #alias-div{margin-top:17px;}

input.alias{
	width:402px;
	height:36px;
	border:none;
	background:none;
	border-style:none;
	overflow:hidden;
	padding:10px 17px;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#3e3e3e;
	font-weight:bold;
}

input.submit{
	float:right;
	margin-top:-36px;
	border:none;
	height:36px;
	width:81px;
	background:url("../images/submit.gif") 0 0 no-repeat;
	display:block;
	text-indent:-9999px;
}
#IEroot input.submit {
	margin-top:-36px;
	width: 81px;
	height:36px;
	text-indent:-9999px;
	color: #fff;
	padding-top:10px;
	text-align: right;
	font-size:0;
}
#IEroot input.submit:hover {
	color:#dfdfdf;
}
input.submit:hover{
	background-position: 0 -36px;
	color:#dfdfdf;
}


ul li.user-response{
	background:#FFF;
	width:500px;
	margin-bottom:17px;
	font-family:Arial, Helvetica, sans-serif;
}
*:first-child+html ul li.user-response{margin-bottom:12px;}
ul li.even{
	background:#dfdfdf;
}

span.large-quote{
	font-size:36px;
	font-weight:bolder;
}

p.comment{
	font-size:18px;
	color:#3e3e3e;
	padding:8px 17px 17px;
}
p.alias{
	display:block;
	float:right;
	overflow:hidden;;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style: oblique;
	padding:0 17px 8px;
}
*:first-child+html p.alias{
	padding-bottom:3px;
}


/* round corners */
div.content-tl{
	width: 100%;
	height: 9px;
	overflow:hidden;
	background-image: url('../images/round-corners.gif');
	background-repeat:no-repeat;
	background-position: 0 0;
}
li.even div.content-tl{
	background-image: url('../images/round-corners-grey.gif');
}
div.content-tr{
	float:right;
	width: 9px;
	height: 9px;
	overflow:hidden;
	background-image: url('../images/round-corners.gif');
	background-repeat:no-repeat;
	background-position: 0 -9px;
}
li.even div.content-tr{
	background-image: url('../images/round-corners-grey.gif');
}
div.content-bl{
	margin-top:2px;
	width: 100%;
	height: 9px;
	overflow:hidden;
	background-image: url('../images/round-corners.gif');
	background-repeat:no-repeat;
	background-position: 0 -18px;
}
li.even div.content-bl{
	background-image: url('../images/round-corners-grey.gif');
}
div.content-br{
	float:right;
	margin-top:0px;
	width: 9px;
	height: 9px;
	overflow:hidden;
	background-image: url('../images/round-corners.gif');
	background-repeat:no-repeat;
	background-position: 0 -27px;
}
li.even div.content-br{
	background-image: url('../images/round-corners-grey.gif');
}


#pagination a{
	font-size:14px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
}
#pagination a:hover{
	text-decoration:underline;
}

#footer{
	margin:80px 0 10px;
}
#footer p{
	font-size:9px;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#666;
}
#footer a{color:#666;text-decoration:underline;}

