/*
----------------------------------------------
 �鶹�� WHYS LIVE / Comment feed styles
 Developed by Ollie Bettany / Dharmafly
 Created: 12/02/10
----------------------------------------------
*/

/* CUSTOM WHYSLIVE COMMENT FEED RESET CSS */
/* BASED ON THE WORK OF ERIC MEYER */
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

#whyslive-comment-feed.whyslive-comment-feed div, 
#whyslive-comment-feed.whyslive-comment-feed span, 
#whyslive-comment-feed.whyslive-comment-feed h1, 
#whyslive-comment-feed.whyslive-comment-feed h2, 
#whyslive-comment-feed.whyslive-comment-feed h3, 
#whyslive-comment-feed.whyslive-comment-feed h4, 
#whyslive-comment-feed.whyslive-comment-feed h5, 
#whyslive-comment-feed.whyslive-comment-feed h6, 
#whyslive-comment-feed.whyslive-comment-feed p, 
#whyslive-comment-feed.whyslive-comment-feed blockquote, 
#whyslive-comment-feed.whyslive-comment-feed a, 
#whyslive-comment-feed.whyslive-comment-feed abbr, 
#whyslive-comment-feed.whyslive-comment-feed acronym, 
#whyslive-comment-feed.whyslive-comment-feed code,
#whyslive-comment-feed.whyslive-comment-feed em, 
#whyslive-comment-feed.whyslive-comment-feed strong, 
#whyslive-comment-feed.whyslive-comment-feed b, 
#whyslive-comment-feed.whyslive-comment-feed u, 
#whyslive-comment-feed.whyslive-comment-feed i, 
#whyslive-comment-feed.whyslive-comment-feed ol, 
#whyslive-comment-feed.whyslive-comment-feed ul, 
#whyslive-comment-feed.whyslive-comment-feed li,
#whyslive-comment-feed.whyslive-comment-feed fieldset, 
#whyslive-comment-feed.whyslive-comment-feed form, 
#whyslive-comment-feed.whyslive-comment-feed label, 
#whyslive-comment-feed.whyslive-comment-feed legend  {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
#whyslive-comment-feed.whyslive-comment-feed ol li, 
#whyslive-comment-feed.whyslive-comment-feed ul li {
	list-style: none;
}
#whyslive-comment-feed.whyslive-comment-feed blockquote, 
#whyslive-comment-feed.whyslive-comment-feed q {
	quotes: none;
}
#whyslive-comment-feed.whyslive-comment-feed blockquote:before, 
#whyslive-comment-feed.whyslive-comment-feed blockquote:after,
#whyslive-comment-feed.whyslive-comment-feed q:before, 
#whyslive-comment-feed.whyslive-comment-feed q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
#whyslive-comment-feed.whyslive-comment-feed :focus {
	outline: 0;
}

/*---------------
 HOST PAGE OVERRIDES */
 
#blq-content {
	padding-top: 0;
}

/*---------------
 COMMENT FEED STYLES */

#whyslive-comment-feed.whyslive-comment-feed {
	width: 606px;
	margin: 0 auto;	
	color:#333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.5em;
	padding-bottom: 12px;
	margin-bottom: 20px;
	
	/* temporary */
	float: left;
}

#whyslive-comment-feed.whyslive-comment-feed a {
	color: #245880;
	text-decoration: none;	
}
#whyslive-comment-feed.whyslive-comment-feed a:hover {
	text-decoration: underline;	
}

#whyslive-comment-feed.whyslive-comment-feed a.back {
	font-size: 1.6em;
	float: left;
	font-weight: bolder;
	margin: 8px 0 14px 9px;
	line-height: 1.5em;
	padding: 0 3px;
}

#whyslive-comment-feed.whyslive-comment-feed a.back span {
	color: #990000;
	text-transform: uppercase;
}

#whyslive-comment-feed.whyslive-comment-feed a.back:hover,
#whyslive-comment-feed.whyslive-comment-feed a.back:hover span {
	text-decoration: none;	
	color: #fff;
	background-color: #006699;
}

#whyslive-comment-feed.whyslive-comment-feed h1,
#whyslive-comment-feed.whyslive-comment-feed h2,
#whyslive-comment-feed.whyslive-comment-feed h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
}

#whyslive-comment-feed.whyslive-comment-feed h1,
#whyslive-comment-feed.whyslive-comment-feed h2 {
	color: #6d6d6d;
	margin: 7px 0 20px 0;
	line-height: 1.2em;
}

#whyslive-comment-feed.whyslive-comment-feed h1 {
	font-size: 2em;
	float: left;
}

#whyslive-comment-feed.whyslive-comment-feed h2 {
	font-size: 1.7em;
	font-weight: normal;
	clear: left;
}

#whyslive-comment-feed.whyslive-comment-feed h2.float {
	width: 350px;
	float: left;
}

#whyslive-comment-feed.whyslive-comment-feed .meta {
	clear: left;
	border-top: 1px solid #666;
	padding: 10px 0;
	border-bottom: 1px solid #666;
	margin-bottom: 5px;
	font-size: 1.2em;
	color: #666;
	position: relative;
	top: -10px;
}

#whyslive-comment-feed.whyslive-comment-feed .summary {
	clear: left;
	margin-bottom: 15px;
	overflow: hidden;
}

#whyslive-comment-feed.whyslive-comment-feed .summary p {
	margin-bottom: 15px;
	font-size: 1.1em;
}

/* comment-form */

#whyslive-comment-feed.whyslive-comment-feed #comment-form {
	border-top: 1px solid #666;
	clear: left;
}

#whyslive-comment-feed.whyslive-comment-feed form {
	padding: 10px;
	width: 366px;
	overflow: hidden;
	float: left;
	position: relative;
	margin-bottom: 15px;
}
#whyslive-comment-feed.whyslive-comment-feed fieldset {
	position: relative;
}

#whyslive-comment-feed.whyslive-comment-feed fieldset h3 {
	margin: 0;	
}

#whyslive-comment-feed.whyslive-comment-feed label, 
#whyslive-comment-feed.whyslive-comment-feed input, 
#whyslive-comment-feed.whyslive-comment-feed textarea {
	margin-left: 48px;
	float: left;
}

#whyslive-comment-feed.whyslive-comment-feed label, 
#whyslive-comment-feed.whyslive-comment-feed #comment-form h3 {
	font-weight: bolder;
	font-size: 1.2em;	
	color: #646464;
	margin-bottom: 5px;
}

#whyslive-comment-feed.whyslive-comment-feed #comment-form .optional {
	float: right;	
	color: #999;
}

#whyslive-comment-feed.whyslive-comment-feed input, 
#whyslive-comment-feed.whyslive-comment-feed textarea {
	border: 2px solid #b3b3b3;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	padding: 3px;
	margin-bottom: 7px;
	width: 308px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
}

#whyslive-comment-feed.whyslive-comment-feed input.error, 
#whyslive-comment-feed.whyslive-comment-feed textarea.error {
	border-color: #f85d5d;
	background-color: #feecec;
}

#whyslive-comment-feed.whyslive-comment-feed textarea {
	height: 80px;
}

#whyslive-comment-feed.whyslive-comment-feed input#submit,
#whyslive-comment-feed.whyslive-comment-feed #comment-form p {
	background: #d0d0d0 url(/staticarchive/fe7b2528ad59c22a84d9cf60c5385f104b0a2225.png) repeat-x left top;
	margin-top: 4px;
	border-color: #d8d8d8;
	color: #006699;
	width: auto;
	padding: 3px 30px;
	font-weight: bolder;
	float: left;
}
#whyslive-comment-feed.whyslive-comment-feed input#submit:hover {
	background: #fff;	
	cursor: pointer;
}

#whyslive-comment-feed.whyslive-comment-feed #comment-form p {
	background: #fdfaca;
	border: 2px solid #f8e6ae;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	padding: 3px 6px;
	font-size: 1.1em;
	float: right;
	color: #a38356;
	font-weight: normal;
	max-width: 188px;
}

#whyslive-comment-feed.whyslive-comment-feed #comment-form h3 {
	float: left;
	margin-top: 10px;
	margin-left: 10px;
}

#whyslive-comment-feed.whyslive-comment-feed #comment-form ul {
	float: left;
	width: 210px;	
	margin-left: 10px;
}

#whyslive-comment-feed.whyslive-comment-feed #comment-options li {
	background-repeat: no-repeat;
	background-image: url(/staticarchive/399881415de6acc7ac702a3aa8c66c0a6427bad0.png);	
	padding-left: 30px;
	margin-bottom: 10px;
	min-height: 26px;
	font-weight: bolder;
	line-height: 1.2em;
	color: #656565;
}

#whyslive-comment-feed.whyslive-comment-feed #comment-options li.via-phone {
	background-position: -420px 1px;
}
#whyslive-comment-feed.whyslive-comment-feed #comment-options li.via-sms {
	background-position: -630px 1px;
}
#whyslive-comment-feed.whyslive-comment-feed #comment-options li.via-email {
	background-position: -840px 1px;
}
#whyslive-comment-feed.whyslive-comment-feed #comment-options li.via-twitter {
	background-position: -1050px 1px;
}
#whyslive-comment-feed.whyslive-comment-feed #comment-options li.via-fb {
	background-position: -1260px 1px;
}

#whyslive-comment-feed.whyslive-comment-feed #comment-options li span, 
#whyslive-comment-feed.whyslive-comment-feed #comment-options li a {
	display: block;
	font-weight: normal;
}

/* comment-list */

#whyslive-comment-feed.whyslive-comment-feed ol {
	font-size: 1.2em;	
	clear: left;
	border-top: 1px solid #666;	
}

#whyslive-comment-feed.whyslive-comment-feed .comment {
	border-bottom: 1px solid #666;	
	padding: 5px 10px 10px 10px;
	position: relative;
	min-height: 40px;
}

#whyslive-comment-feed.whyslive-comment-feed .via-host {
	background-color: #e0f0ff;
}

#whyslive-comment-feed.whyslive-comment-feed .new {
	background-color: #ffffe1;
}

#whyslive-comment-feed.whyslive-comment-feed #comment-list h4, 
#whyslive-comment-feed.whyslive-comment-feed #comment-form h2 {
	width: 40px;
	height: 40px;
	position: absolute;
	text-indent: -1000em;	
	display: block;
	background-repeat: no-repeat;
	background-image: url(/staticarchive/ad82b63aca411e8af114bcbf9f8ae55e672d0b30.png);	
	/* default icon */	
	background-position: left -40px;
}

#whyslive-comment-feed.whyslive-comment-feed #comment-form h2 {
	margin: 0;
}

#whyslive-comment-feed.whyslive-comment-feed #comment-list .via-host h4 {
	background-position: left 0;
}
#whyslive-comment-feed.whyslive-comment-feed #comment-list .via-blog h4 {
	background-position: left -40px;
}
#whyslive-comment-feed.whyslive-comment-feed #comment-list .via-voice,
#whyslive-comment-feed.whyslive-comment-feed #comment-list .via-mobile h4 {
	background-position: left -80px;
}
#whyslive-comment-feed.whyslive-comment-feed #comment-list .via-sms h4,
#whyslive-comment-feed.whyslive-comment-feed #comment-list .via-mms h4 {
	background-position: left -120px;
}
#whyslive-comment-feed.whyslive-comment-feed #comment-list .via-email h4 {
	background-position: left -160px;
}
#whyslive-comment-feed.whyslive-comment-feed #comment-list .via-twitter h4 {
	background-position: left -200px;
}
#whyslive-comment-feed.whyslive-comment-feed #comment-list .via-fb h4 {
	background-position: left -240px;
}
#whyslive-comment-feed.whyslive-comment-feed #comment-list .deleted {
	display: none;
}

#whyslive-comment-feed.whyslive-comment-feed .comment ul,
#whyslive-comment-feed.whyslive-comment-feed .comment div {
	margin-left: 48px;	
}

#whyslive-comment-feed.whyslive-comment-feed .comment div {
	margin-top: 3px;	
}

#whyslive-comment-feed.whyslive-comment-feed .comment p {
	margin-bottom: 10px;
}

#whyslive-comment-feed.whyslive-comment-feed .comment ul {
	font-weight: bolder;
}

#whyslive-comment-feed.whyslive-comment-feed .comment a {
	font-weight: bolder;
	color: #006699;
}

#whyslive-comment-feed.whyslive-comment-feed .hide {
	display: none;	
}

#whyslive-comment-feed.whyslive-comment-feed a.more {
	background: #fff url(/staticarchive/fe7b2528ad59c22a84d9cf60c5385f104b0a2225.png) repeat-x left bottom;
	border: 1px solid #747474;	
	width: 606px;
	padding: 14px 0;
	font-weight: bolder;
	font-size: 1.7em;
	font-family: Arial, Helvetica, sans-serif;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	cursor: pointer;
	margin-bottom: 20px;
	display: block;
	text-decoration: none;
	text-align: center;
	margin-top: 20px;
}
#whyslive-comment-feed.whyslive-comment-feed a.more:hover {
	background-image: none;	
	text-decoration: none;	
}	

/* pagination */

#whyslive-comment-feed.whyslive-comment-feed .pagination  {
	float: right;
	margin: 13px 0;
	max-width: 250px;
}

#whyslive-comment-feed.whyslive-comment-feed .pagination li {
	float: right;
}

#whyslive-comment-feed.whyslive-comment-feed .pagination a,
#whyslive-comment-feed.whyslive-comment-feed .pagination b {
	padding: 0 6px;
}

#whyslive-comment-feed.whyslive-comment-feed .pagination a {
	color: #0099bd;
	font-weight: bolder;
}

#whyslive-comment-feed.whyslive-comment-feed .pagination-wrapper {
	margin: 7px 0;
	float: right;
}

#whyslive-comment-feed.whyslive-comment-feed .social_bookmarks {
	clear: both;
	border-top: 1px solid #666;	
	padding-top: 10px;
}

#whyslive-comment-feed.whyslive-comment-feed .social_bookmarks li {
	float: left;	
	margin: 0 3px;
}