/* Respond Field */
#respond {
background-color: #F7F7F1;
padding:15px 25px;
overflow:auto;
height:100%;
margin-bottom:20px;
}
#respond h3 {
color:#000;
font-weight:700;
font-size:1.7em;
font-style:normal;
margin-bottom:0;
}
#respond p,
#respond h3 {
font-family:"franklin-gothic-urw", Verdana, Geneva, sans-serif;
}
#respond label {
font-size:1.2em;
line-height:1.3;
padding-bottom:5px;
display:block;
}
#respond label input {
display:block;
width:100%;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
}


#comment-user-details fieldset {
float:left;
width:66%;
}
#comment-user-details label {
padding-top:36px;
float:left;
width:45%;
margin-right:15px;
}
#comment-user-details input {
margin-top:5px;
}
#comment-user-details .signed-in {
margin:4px 0 10px;
}
#respond .signed-in a.button {
font-size: 0.8em;
vertical-align: bottom;
}
#respond .signed-in a.button:hover {
color:#000;
}
#respond .disclaimer {
font-family:"franklin-gothic-urw", Verdana, Geneva, sans-serif;
margin:15px 0;
float:left;
font-size:1.4em;
line-height:1.4;
width:70%;
}
#comments #submit {
float:right;
margin:15px 0;
}

/* Comments */
#comments {
border-top:1px solid #ccc;
padding-top:18px;
color:#58585B;
}
#comments h2 {
color:#000;
background-image:url(/wp-content/themes/pewresearch/img/comment-icon.png);
background-repeat:no-repeat;
background-position:center left;
padding-left:23px;
}
#comments .comment {
font-size:1em;
padding-top:5px;
margin-top:10px;
list-style:none;
}
#comments .comment p {
font-size:1.5em;
line-height:1.6;
margin-bottom:6px;
font-family:"franklin-gothic-urw", Verdana, Geneva, sans-serif;
}
#comments .children {
padding-left:45px;
}
#comments .avatar {
float:left;
margin:4px 15px 0 0;
}
#comments .author {
color:#000;
font-weight:700;
}
#comments .byuser > div.comment {
background-color:#F5F4EF;
border-top:1px solid #ADADAD;
border-bottom:1px solid #ADADAD;
padding:10px 0;
}
#comments div.comment {
overflow:auto;
height:100%;
}
#comments .comment-reply-link {
font-size:1.2em;
line-height:1.3;
font-family:"franklin-gothic-urw", Verdana, Geneva, sans-serif;
}
#cancel-comment-reply-link {
float: right;
font-size: 1.2em;
position: relative;
top: -10px;
}
#comments .time {
color:#939597;
font-size:81.25%;
}
#comments .awaiting-moderation {
background-color:yellow;
}
#comments .or {
border-left: 1px dotted #333;
padding: 29px 0;
font-size:1.1em;
font-family:"franklin-gothic-urw", Verdana, Geneva, sans-serif;
float:right;
margin-right:14px;
width:3px;
}
#comments .or span {
background-color:#F7F7F1;
left:-6px;
position:relative;
}
#comments #comment {
font-size:1.3em;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
/* IE7 and below needs the width set slightly less than 100% to prevent scroll bars. */
.width:98%;
}
#comments .hide-if-js {
clear:both;
margin:1.2em 0;
}

#single-sign-on {
margin-top: 0.5rem;
}
#single-sign-on .button {
	display: inline-block;
	width: auto;
	min-width: 160px;
	margin-right: 0.3rem;
}
#single-sign-on p {
width:100%;
font-size:1.1em;
line-height:1;
margin:0;
font-family:"Helvetica Neue",Helvetica,Arial,"Liberation Sans",FreeSans,sans-serif;
}
#single-sign-on a {
color:#fff;
text-align:center;
display:block;
padding:10px 0 10px 32px;
background-repeat:no-repeat;
background-position:center left;
}
#single-sign-on a:hover,
#single-sign-on a:focus {
text-decoration:none;
}
#facebook-connect a {
background-color:#3c5a98;
margin-bottom:14px;
background-image:url(/wp-content/plugins/pew-social-connect/img/f-logo.png);
}
#facebook-connect a:hover,
#facebook-connect a:focus {
background-color:#30487b;
}
#google-connect a {
background-color:#dd4b39;
background-image:url(/wp-content/plugins/pew-social-connect/img/g-logo.png);
}
#google-connect a:hover,
#google-connect a:focus {
background-color:#e74b37;
}

.comment_more {
font-size: 0.8em;
color: #BC7B2B;
cursor:pointer;
padding-left: 3px;
}
.comment_more:hover {
color: #D6A466;
text-decoration:underline;
}
.hiddenComment {
display:none;
}

@media (max-width: 580px) {
	#comment-user-details fieldset {
	width:100%;
	}
	#comment-user-details label {
	padding-top:15px;
	}
	#comment-user-details .or {
	border-left: 0 none;
	border-top: 1px dotted #333;
	float: none;
	width: 93%;
	clear: both;
	padding: 0;
	margin: 5px 0 0;
	text-align: center;
	height:3px;
	}
	#comment-user-details .or span {
	left:0;
	top:-8px;
	}
	#single-sign-on {
	width:100%;
	float:none;
	}
	#single-sign-on .button {
	width:45%;
	float:left;
	margin-right:15px;
	margin-top:15px;
	}
}

@media (max-width: 400px) {
	#respond .disclaimer {
	float:none;
	width:100%;
	}
	#comment-user-details {
	padding-bottom:15px;
	overflow:auto;
	height:100%;
	}
	#comment-user-details label {
	float:none;
	width:90%;
	}
	#comments #submit {
	float:none;
	width:100%;
	}
	#single-sign-on .button span {
	display:none;
	}
}