html, body {
	height: 600px;
}

body {
	font-family: myriad-pro, sans-serif;
 	color: #4B4C4E;
}

#quipol-container {
	position: relative;
	width: 390px;
	height: 590px;
	margin: 0 auto;
	padding: 4px;
	background: #F3F3F3;
	border: 1px solid #E7E7E7;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: inset 0 0 0 1px #FFF;
	-moz-box-shadow: inset 0 0 0 1px #FFF;
	box-shadow: inset 0 0 0 1px #FFF;
}

#quipol-container #quipol {
	position: relative;
	width: 360px;
	height: 464px;
	margin: 0;
	padding: 14px 14px 0;
	background: #F9F9F9;
	border: 1px solid #E7E7E7;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 0 0 1px #FFF;
	-moz-box-shadow: inset 0 0 0 1px #FFF;
	box-shadow: inset 0 0 0 1px #FFF;
}

/* @group quipol corner */

#quipol-container #quipol #quipol-corner {
	position: absolute;
	top: -6px;
	left: -6px;
	z-index: 1000;
	width: 65px;
	height: 65px;
	background: transparent url(../../images/corner.png) 0 0 no-repeat;
}

#quipol-container #quipol #quipol-corner h1 {
	position: relative;
	display: block;
	width: 21px;
	height: 21px;
}

#quipol-container #quipol #quipol-corner a {
	display: block;
	width: 21px;
	height: 21px;
	margin: 9px 0 0 10px;
	background: transparent url(../../images/corner.png) -10px -74px no-repeat;
	text-indent: -9999px;
	opacity: 1;
	-webkit-transition: opacity .1s ease-out;
	-moz-transition: opacity .1s ease-out;
	transition: opacity .1s ease-out;
}

#quipol-container #quipol #quipol-corner a:hover {
	opacity: 0;
}

.no-borderradius #quipol-container #quipol #quipol-corner {
	position: absolute;
	top: -6px;
	left: -6px;
	z-index: 1000;
	width: 65px;
	height: 65px;
	background: transparent url(../../images/corner.png) 0 -130px no-repeat;
}

.no-borderradius #quipol-container #quipol #quipol-corner a {
	display: block;
	width: 21px;
	height: 21px;
	margin: 9px 0 0 9px;
	background: transparent url(../../images/corner.png) -9px -204px no-repeat;
	text-indent: -9999px;
	opacity: 1;
}

.no-borderradius #quipol-container #quipol #quipol-corner a:hover {
	background: transparent;
	opacity: 1;
}

/* @end */

/* @group media */

#quipol-container #quipol figure {
	display: table-cell;
	vertical-align: middle;
	width: 360px;
	height: 270px;
	padding: 0;
	margin: 0;
	overflow: hidden;
	text-align: center;
}

#quipol-container #quipol figure .save-alert {
	font: 400 18px felt-tip-roman;
}

#quipol-container #quipol figure img,
#quipol-container #quipol figure iframe {
	max-width: 350px;
	margin: 0;
	padding: 4px;
	overflow: hidden;
	background: #FFF;
	border: 1px solid #E7E7E7;
}

/* @end */

/* @group quipol text */

#quipol-container #quipol #quipol-text {
	width: 340px;
	padding: 12px 10px;
}

#quipol-container #quipol #quipol-text h1 {
	margin-bottom: 11px;
	padding: 0;
	font: normal 18px/1.2em Georgia,serif;
	color: #4B4C4E;
}

#quipol-container #quipol #quipol-text p {
	margin: 0;
	padding: 0;
	font: normal 11px/1.5em Georgia,serif;
}

#quipol-container #quipol #quipol-text.removed {
	margin: 200px 0 0 0;
	opacity: .7;
	text-align: center;
}

#quipol-container #quipol #quipol-text.removed h1 {
	font: 18px felt-tip-roman;
}

	/* @group quipol text variations */
	
	#quipol-container #quipol #no-media {
		display: none;	
	}
	
	
	#quipol-container #quipol #quipol-text.no-context,
	#quipol-container #quipol #quipol-text.full-quipol {
		height: 130px;
	}
	
	#quipol-container #quipol #quipol-text.text-only {
		height: 400px;
		overflow: hidden;
	}
	
	#quipol-container #quipol #quipol-text.question-only {
		height: 400px;
	}
	
	#quipol-container #quipol #quipol-text.question-only h1 {
		line-height: 1.1em;
	}
	
	/* @end */

/* @end */

#quipol-container h2 {
	margin: 0;
	text-align: center;
	font-weight: 600;
	color: #9B9C9C;
	text-shadow: 0 1px 0 #FFF;
}

/* @group voting */

#quipol-container #vote {
	position: relative;
	width: 310px;
	padding: 21px 0 4px;
	margin: 0 auto;
	list-style: none;
	text-align: center;
	
}

#quipol-container .disabled {
	opacity: .3;
}

#quipol-container #vote header {
	position: static;
	margin: 0;
	padding: 0;
}

#quipol-container #vote header h2 {
	position: absolute;
	left: 60px;
	top: 21px;
	height: 60px;
	width: 190px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	font-size: 18px;
	font-weight: 600;
	line-height: 62px;
	text-align: center;
	text-transform: uppercase;
	background: transparent url(../../images/arrow.png) 0 0 no-repeat;
}

#quipol-container h2.closed	{
	padding: 21px 0 4px;
	height: 60px;
	font-size: 18px;
	line-height: 62px;
	text-transform: uppercase;
}

#quipol-container #vote ul {
	position: relative;
	width: 310px;
	height: 60px;
	margin: 0;
	padding: 0;
	list-style: none;
}

#quipol-container #vote ul li {
	position: absolute;
	width: 60px;
	height: 60px;
}

#quipol-container #vote ul #vote-up {
	top: 0;
	left: 0;
	background: transparent url(../../images/vote.png) 0 -60px no-repeat;
}

#quipol-container #vote ul #vote-down {
	top: 0;
	right: 0;	
	background: transparent url(../../images/vote.png) 0 -240px no-repeat;
}

#quipol-container #vote.disabled ul #vote-up {
	background: transparent url(../../images/vote.png) 0 0 no-repeat;
}

#quipol-container #vote.disabled ul #vote-down {
	background: transparent url(../../images/vote.png) 0 -180px no-repeat;
}

#quipol-container #vote ul li a {
	display: block;
	width: 60px;
	height: 60px;
	text-indent: -9999px;
	opacity: 1;
	-webkit-transition: opacity .1s ease-out;
	-moz-transition: opacity .1s ease-out;
	transition: opacity .1s ease-out;
}

#quipol-container #vote ul #vote-up a {
	background: transparent url(../../images/vote.png) 0 0 no-repeat;	
}

#quipol-container #vote ul #vote-down a {
	background: transparent url(../../images/vote.png) 0 -180px no-repeat;	
}

#quipol-container #vote ul li a:hover {
	opacity: 0;
}

#quipol-container .ie #vote ul li a:hover {
	opacity: 1;
	background: transparent;
}

#quipol-container #vote ul #vote-up a:active {
	opacity: 1;
	background: transparent url(../../images/vote.png) 0 -120px no-repeat;	
}

#quipol-container #vote ul #vote-down a:active {
	opacity: 1;
	background: transparent url(../../images/vote.png) 0 -300px no-repeat;	
}

/* @end */

/* @group results */

#quipol-container #quipol-results {
	padding: 28px 0 0 0;	
	text-align: center;
}

#quipol-container #quipol-results header h1 {
	margin: 0 15px;
	padding: 0;
	font: normal 14px/16px Georgia,serif;	
}

#quipol-container #quipol-results .graph-holder {
	position: relative;
	width: 220px;
	height: 220px;
	margin: 17px auto;
	padding: 5px;
	background: transparent url(../../images/results-graph.png) 0 0 no-repeat;
}

#quipol-container #quipol-results #graph {
	width: 220px;
	height: 220px;
}

#quipol-container #quipol-results #results {
	position: absolute;
	top: 65px;
	left: 65px;
	width: 100px;
	height: 100px;
}

#quipol-container #quipol-results #results .sentiment {
	
}

#quipol-container #quipol-results #results .sentiment .thumbs-up,
#quipol-container #quipol-results #results .sentiment .thumbs-down {
	display: block;
	margin: 15px auto 3px auto;
	width: 40px;
	height: 47px;
	background: url(../../images/sentiment.png) no-repeat center top;
	text-indent: -9999px;
	opacity: 1;
}

#quipol-container #quipol-results #results .sentiment .thumbs-down {
	background-position: center bottom;
}

#quipol-container #quipol-results #results .percent {
	display: block;
	width: 70px;
	margin: 0 auto;
	padding: 0 0 0 4px;
	font-size: 12px;
	font-weight: bold;
	color: #585858;
	text-align: center;
}

#quipol-container #quipol-results #results .percent .symbol {
	position: relative;
	bottom: 3px;
	font-size: 8px;
}

#quipol-container #quipol-results #results .number {
	display: block;
	width: 70px;
	margin: 0 auto 2px auto;
	font-size: 10px;
	font-weight: bold;
	color: #979797;
	text-align: center;
}

/* @end */

/* @group comments */

	/* @group sort comments */
	
	#quipol-container #quipol ul#sort-comments {
		display: block;
		float: right;
		height: 20px;
		margin: 0;
		padding: 0;
		font-size: 10px;
		line-height: 14px;
		list-style: none;
		text-align: right;
		color: #ADADAD;
		
	}
	
	#quipol-container #quipol ul#sort-comments li {
		float: left;
		padding: 0 0 0 5px;
	}
	
	#quipol-container #quipol ul#sort-comments li a {
		display: inline-block;
		padding: 0;
		color: #9B9B9B;
	}
	
	#quipol-container #quipol ul#sort-comments li a:hover {
		color: #AAB437;
	}
	
	#quipol-container #quipol ul#sort-comments li a.on {
		display: inline-block;
		padding: 0 4px;
		background: #E3E3E3;
		border: 1px solid #D5D5D5;
		color: #9B9B9B;
		line-height: 13px;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;
		cursor: default;
	}
	
	/* @end */
	
	/* @group comments list */
	
	#quipol-container #quipol-comments {
		float: left;
		height: 380px;
		width: 360px;
		padding: 0;
		margin: 0;
		border-top: 1px solid #EDEDED;
		border-bottom: 1px solid #EDEDED;
		-webkit-box-shadow: 0 1px 0 #fff;
		-moz-box-shadow: 0 1px 0 #fff;
		box-shadow: 0 1px 0 #fff;
	}
	
	#quipol-container aside#quipol-comments {
		height: 76px;
		position: absolute;
		bottom: 62px;
	}
	
	#quipol-container .comment {
		position: relative;
		width: 340px;
		height: 58px;
		padding: 8px 10px;
		border-top: 1px solid #FFF;
		border-bottom: 1px solid #EDEDED;
	}
	
	#quipol-container .comment-expanded {
		height: 362px;
	}
	
	#quipol-container .comment:last-child {
		border-bottom: none;
	}
	
	#quipol-container .comment footer {
		padding: 0;
		font-size: 11px;
		font-weight: 600;
		line-height: 16px;
		color: #979797;
	}
	
	#quipol-container .comment footer .vote {
		display: block;
		position: absolute;
		right: 0;
		top: 28px;
		height: 16px;
		width: 16px;
		text-indent: -9999px;
		background: url(../../images/vote-stat.png) no-repeat center -3px;
	}
	
	#quipol-container .comment footer .vote-down {
		background-position: center -31px;
	}
	
	#quipol-container .comment footer a.vote-down {
		color: rgb(82,178,222);
	}
	
	#quipol-container .comment p {
		font-size: 11px;
		margin: 0 15px 10px 70px;
		line-height: 14px;
		color: #4B4C4E;
	}
	
	#quipol-container .no-comments p,
	#quipol-container .comments-none p {
		font-size: 18px;
		margin: 20px 0 0 0;
		text-align: center;
		font-family: felt-tip-roman;
		color: #4B4C4E;
	}
	
	#quipol-container .comments-none p {
		margin: 200px 0 0 0;
	}
	
	#quipol-container .comment-expanded p#comment_body p {
		margin: 0 0 10px;
	}
	
	#quipol-container .comment img {
		float: left;
		width: 48px;
		height: 48px;
		margin: 0 12px 0 0;
		padding: 4px;
		background: #FFF;
		border: 1px solid #E7E7E7;
	}
	
	/* @end */
	
	/* @group read more link */
	
	#quipol-container .comment a.more_link,
	#quipol-container .comment a.less_link {
		position: relative;
		padding: 1px 4px;
		color: #999898;
		margin: 0 0 0 5px;
		background-color: #e9e9e9;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	
	#quipol-container .comment a.more_link:hover,
	#quipol-container .comment a.less_link:hover {
		color: #4D4D4D;
	}
	
	/* @end */
	
	/* @group pagination */
	
	#quipol-container #pagination, 
	#quipol-container .pagination {
		float: left;
		list-style: none;
		height: 15px;
		padding: 0;
		margin: 5px 0 0 0;
		text-align: center;
		width: 360px;
	}
	
	#quipol-container .pagination span,
	#quipol-container .pagination em,
	#quipol-container .pagination a,
	#quipol-container #pagination li {
		display: inline;
		color: #D5D5D5;
	}
	
	#quipol-container .pagination span,
	#quipol-container .pagination em,
	#quipol-container .pagination a,
	#quipol-container #pagination li a {
		display: inline-block;
		padding: 0 4px;
		height: 15px;
		font-size: 10px;
		line-height: 15px;
		background: #E3E3E3;
		border: 1px solid #D5D5D5;
		color: #9B9B9B;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	
	#quipol-container .pagination span.previous_page,
	#quipol-container .pagination a.previous_page,
	#quipol-container .pagination span.next_page,
	#quipol-container .pagination a.next_page,
	#quipol-container #pagination .previous a,
	#quipol-container #pagination .next a {
		width: 15px;
		padding: 0;
		text-indent: -9999px;
		background: #E3E3E3 url(../../images/pagination.png) no-repeat 3px center;	
	}
	
	#quipol-container .pagination span.next_page,
	#quipol-container .pagination a.next_page,
	#quipol-container #pagination .next a {
		background-position: -16px center;
	}
	
	#quipol-container .pagination em,
	#quipol-container #pagination .current a {
		background: #EDEDED;
		border: 1px solid #CECECE;
		-webkit-box-shadow: inset 0 0 0 1px #F9F9F9;
		-moz-box-shadow: inset 0 0 0 1px #F9F9F9;
		box-shadow: inset 0 0 0 1px #F9F9F9;
	}
	
	/* @end */
	
	/* @group connect */
	
	#quipol-container #quipol-connect {
		width: 360px;
		margin: 0 auto;
		padding: 9px 0 12px;
	}
	
	#quipol-container #quipol-connect h2 {
		height: 30px;
		margin: 0;
		padding: 0 0 1px 0;
		text-align: center;
		font-size: 16px;
		font-weight: 600;
		line-height: 26px;
		color: #9B9C9C;
	}
	
	#quipol-container #quipol-connect ul {
		width: 340px;
		float: left;
		margin: 0;
		padding: 0 10px;
		list-style: none;
	}
	
	#quipol-container #quipol-connect ul li {
		width: 165px;
		height: 35px;
	}
	
	#quipol-container #quipol-connect ul li.connect-twitter {
		float: left;
	}
	
	#quipol-container #quipol-connect ul li.connect-facebook {
		float: right;
	}
	
	#quipol-container #quipol-connect ul li a {
		display: inline-block;
		width: 163px;
		height: 33px;
		font-size: 12px;
		line-height: 33px;
		font-weight: 600;
		color: #FFF;
		border: 1px solid;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
	}
	
	#quipol-container #quipol-connect ul li.connect-twitter a {
		float: left;
		background: #54c8ed;
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#57d5fe), to(#3fb9df));
		background: -webkit-linear-gradient(#57d5fe, #3fb9df);
		background: -moz-linear-gradient(100% 100% 90deg, #3fb9df, #57d5fe);
		border-color: #3fb9df;
		-webkit-box-shadow: inset 0 1px 0 #74e1fe;
		-moz-box-shadow: inset 0 1px 0 #74e1fe;
		box-shadow: inset 0 1px 0 #74e1fe;
	}
	
	#quipol-container #quipol-connect ul li.connect-facebook a {
		float: right;
		background: #5791d3;
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5b9ce5), to(#5187c3));
		background: -webkit-linear-gradient(#5b9ce5, #5187c3);
		background: -moz-linear-gradient(100% 100% 90deg, #5187c3, #5b9ce5);
		border-color: #4c83d4;
		-webkit-box-shadow: inset 0 1px 0 #6daeec;
		-moz-box-shadow: inset 0 1px 0 #6daeec;
		box-shadow: inset 0 1px 0 #6daeec;
	}
	
	#quipol-container #quipol-connect ul li.connect-twitter a span {
		float: left;
		width: 27px;
		height: 20px;
		display: block;
		padding: 7px 4px 0 9px;
		background: transparent url(../../images/twitter.png) 9px 7px no-repeat;
	}
	
	#quipol-container #quipol-connect ul li.connect-facebook a span {
		display: block;
		float: left;
		width: 20px;
		height: 20px;
		padding: 7px 5px 0 6px;
		background: transparent url(../../images/facebook.png) 6px 7px no-repeat;
	}
	
	#quipol-container #quipol-connect ul li.connect-twitter a:hover {
		text-shadow: 0 1px 0 #2da3c8;
		border-color: #2da3c8;
		-webkit-box-shadow: inset 0 1px 0 #74e1fe, inset 0 -10px 33px 0 rgba(44,144,176,.5);
		-moz-box-shadow: inset 0 1px 0 #74e1fe, inset 0 -10px 33px 0 rgba(44,144,176,.5);
		box-shadow: inset 0 1px 0 #74e1fe, inset 0 -10px 33px 0 rgba(44,144,176,.5);
		
	}
	
	#quipol-container .ie #quipol-connect ul li.connect-twitter a:hover {
		background: #3cb1d6;
		border-color: #2da3c8;
	}
	
	#quipol-container #quipol-connect ul li.connect-facebook a:hover {
		float: right;
		text-shadow: 0 1px 0 #356ab8;
		border-color: #356ab8;
		-webkit-box-shadow: inset 0 1px 0 #6daeec, inset 0 -10px 33px 0 rgba(29,80,136,.5);
		-moz-box-shadow: inset 0 1px 0 #6daeec, inset 0 -10px 33px 0 rgba(29,80,136,.5);
		box-shadow: inset 0 1px 0 #6daeec, inset 0 -10px 33px 0 rgba(29,80,136,.5);
	}
	
	#quipol-container .ie #quipol-connect ul li.connect-facebook a:hover {
		background: #4078b7;
		border-color: #356ab8;
	}
	
	/* @end */
	
	/* @group comment form */
	
	#quipol-container #quipol-comment {
		width: 360px;
		margin: 0 auto;
		padding: 5px 0 0 0;	
	}
	
	#quipol-container #quipol-comment form {
		float: left;
		position: relative;
		height: 75px;
		border-bottom: 1px solid #e0e0e0;
		-webkit-box-shadow: 0 1px 0 #f9f9f9;
		-moz-box-shadow: 0 1px 0 #f9f9f9;
		box-shadow: 0 1px 0 #f9f9f9;
	}
	
	#quipol-container #quipol-comment form textarea {
		height: 37px;
		width: 348px;
		padding: 3px 5px;
		margin: 0 0 5px 0;
		overflow: auto;
		background: #FFF;
		border: 1px solid #EAEAEA;
		outline: none;
		resize: none;
		font: 400 12px/18px myriad-pro,sans-serif;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		-webkit-transition: border .2s ease-in-out;
		-moz-transition: border .2s ease-in-out;
		transition: border .2s ease-in-out;
	}
	
	#quipol-container #quipol-comment form textarea:hover {
		border: 1px solid #cbcbcb;	
	}
	
	#quipol-container #quipol-comment form textarea:focus {
		border: 1px solid #adb838;	
	}
	
	#quipol-container #quipol-comment form input[type=submit],
	#quipol-container #quipol-comment form input[type=button] {
		display: block;
		position: absolute;
		right: 0;
		top: 50px;
		z-index: 1000;
		height: 20px;
		width: 75px;
		padding: 0;
		font: 600 12px myriad-pro,sans-serif;
		color: #FFF;
		text-shadow: 0 -1px 0 #9ebd31;
		background: #a8c153;
		background: -webkit-gradient(linear, left bottom, left top, from(#a8c153), to(#b4d55f));
		background: -moz-linear-gradient(90deg, #a8c153 0%, #b4d55f 100%);
		border: 1px solid #9cbc4d;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		-webkit-box-shadow: inset 0px 1px 0 #c4e06c;
		-moz-box-shadow: inset 0px 1px 0 #c4e06c;
		box-shadow: inset 0px 1px 0 #c4e06c;
	}
	
	#quipol-container #quipol-comment form input[type=submit]:hover,
	#quipol-container #quipol-comment form input[type=button]:hover {
		background: #b0c566;
		background: -moz-linear-gradient(90deg, #b0c566 0%, #bdd975 100%);
		background: -webkit-gradient(linear, left bottom, left top, from(#b0c566), to(#bdd975));
	}
	
	#quipol-container #quipol-comment form input[type=submit]:active,
	#quipol-container #quipol-comment form input[type=button]:active {
		background: #a1bb46;
		background: -webkit-gradient(linear, left bottom, left top, from(#a1bb46), to(#aacf4a));
		background: -moz-linear-gradient(90deg, #a1bb46 0%, #aacf4a 100%);
		border: 1px solid #8aa83e;
		-webkit-box-shadow: inset 0 1px 2px #9abe28;
		-moz-box-shadow: inset 0 1px 2px #9abe28;
		box-shadow: inset 0 1px 2px #9abe28;
	}
	
	#quipol-container #quipol-comment form input[type=checkbox] {
		-webkit-appearance: none;
		float: left;
		width: 16px;
		height: 16px;
		margin: 2px 5px 0 0;
		background: #fff;
		background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#f9f9f9));
		background-image: -moz-linear-gradient(90deg, #fff 0%, #f9f9f9 100%);
		border: 1px solid #d8d8d8;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		-webkit-box-shadow: inset 0px 0 5px #e9e9e9;
		-moz-box-shadow: inset 0px 0 5px #e9e9e9;
		box-shadow: inset 0px 0 5px #e9e9e9;
	}
	
	#quipol-container #quipol-comment form input[type=checkbox]:checked {
		background: #fff url(../../images/check-small.png) no-repeat center;
		background-image: url(../../images/check-small.png) no-repeat center, -webkit-gradient(linear, left bottom, left top, from(#fff), to(#f9f9f9));
		background-image: url(../../images/check-small.png) no-repeat center, -moz-linear-gradient(90deg, #fff 0%, #f9f9f9 100%);
	}
	
	#quipol-container #quipol-comment form .share-comment {
		position: absolute;
		top: 50px;
		left: 0;
		display: block;
		height: 20px;
		font: 400 10px/20px myriad-pro,sans-serif;
		color: #8B8C8D;
	}
	
	#quipol-container #quipol-comment form .share-comment label {
		float: left;
		height: 20px;
		line-height: 20px;
	}
	
	#quipol-container #quipol-comment form span.chars_remaining {
		display: block;
		height: 20px;
		width: 30px;
		position: absolute;
		top: 50px;
		right: 85px;
		text-align: right;
		line-height: 20px;
		color: #b0b0b0;
	}
	
	#quipol-container #quipol-comment .share-vote {
		float: left;
		display: block;
		height: 18px;
		padding: 0 5px 0 25px;
		margin: 6px 5px 0 0;
		font-size: 10px;
		font-weight: bold;
		line-height: 20px;
		color: #707070;
		text-shadow: 0 1px 0 #fff;
		border: 1px solid #cfcfcf;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		-webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 0 #fff;
		-moz-box-shadow: inset 0 1px 0 #fff, 0 1px 0 #fff;
		box-shadow: inset 0 1px 0 #fff, 0 1px 0 #fff;
	}
	
	#quipol-container #quipol-comment .twitter-share {
		background: #f3f3f3 url(../../images/birds.png) no-repeat 5px 3px;
		background: url(../../images/birds.png) no-repeat 5px 3px, -webkit-gradient(linear, left bottom, left top, from(#f3f3f3), to(#f9f9f9));
		background: url(../../images/birds.png) no-repeat 5px 3px, -moz-linear-gradient(90deg, #f3f3f3 0%, #f9f9f9 100%);
	}
	
	#quipol-container #quipol-comment .twitter-share:hover {
		background: #fff url(../../images/birds.png) no-repeat 5px 3px;
		background: url(../../images/birds.png) no-repeat 5px 3px, -moz-linear-gradient(90deg, #f8f8f8 0%, #ffffff 100%);
		background: url(../../images/birds.png) no-repeat 5px 3px, -webkit-gradient(linear, left bottom, left top, from(#f8f8f8), to(#ffffff));
	}
	
	#quipol-container #quipol-comment .twitter-share:active {
		background: url(../../images/birds.png) no-repeat 5px 3px, -moz-linear-gradient(90deg, #e7e7e7 0%, #f0f0f0 100%);
		background: url(../../images/birds.png) no-repeat 5px 3px, -webkit-gradient(linear, left bottom, left top, from(#e7e7e7), to(#f0f0f0));
		border: 1px solid #b9b9b9;
		-webkit-box-shadow: inset 0 1px 2px #c4c4c4, 0 1px 0 #fff;
		-moz-box-shadow: inset 0 1px 2px #c4c4c4, 0 1px 0 #fff;
		box-shadow: inset 0 1px 2px #c4c4c4, 0 1px 0 #fff;
	}
	
	#quipol-container #quipol-comment .twitter-share.shared {
		background: #f3f3f3 url(../../images/birds.png) no-repeat 5px -17px;
		background: url(../../images/birds.png) no-repeat 5px -17px, -webkit-gradient(linear, left bottom, left top, from(#f3f3f3), to(#f9f9f9));
		background: url(../../images/birds.png) no-repeat 5px -17px, -moz-linear-gradient(90deg, #f3f3f3 0%, #f9f9f9 100%);
		opacity: .5;
	}
	
	#quipol-container #quipol-comment .facebook-share {
		background: #f3f3f3 url(../../images/facebook-sprite.png) no-repeat 5px 2px;
		background: url(../../images/facebook-sprite.png) no-repeat 5px 2px, -webkit-gradient(linear, left bottom, left top, from(#f3f3f3), to(#f9f9f9));
		background: url(../../images/facebook-sprite.png) no-repeat 5px 2px, -moz-linear-gradient(90deg, #f3f3f3 0%, #f9f9f9 100%);
	}
	
	#quipol-container #quipol-comment .facebook-share:hover {
		background: #fff url(../../images/facebook-sprite.png) no-repeat 5px 2px;
		background: url(../../images/facebook-sprite.png) no-repeat 5px 2px, -moz-linear-gradient(90deg, #f8f8f8 0%, #ffffff 100%);
		background: url(../../images/facebook-sprite.png) no-repeat 5px 2px, -webkit-gradient(linear, left bottom, left top, from(#f8f8f8), to(#ffffff));
	}
	
	#quipol-container #quipol-comment .facebook-share:active {
		background: url(../../images/facebook-sprite.png) no-repeat 5px 2px, -moz-linear-gradient(90deg, #e7e7e7 0%, #f0f0f0 100%);
		background: url(../../images/facebook-sprite.png) no-repeat 5px 2px, -webkit-gradient(linear, left bottom, left top, from(#e7e7e7), to(#f0f0f0));
		border: 1px solid #b9b9b9;
		-webkit-box-shadow: inset 0 1px 2px #c4c4c4, 0 1px 0 #fff;
		-moz-box-shadow: inset 0 1px 2px #c4c4c4, 0 1px 0 #fff;
		box-shadow: inset 0 1px 2px #c4c4c4, 0 1px 0 #fff;
	}
	
	#quipol-container #quipol-comment .facebook-share.shared {
		background: #f3f3f3 url(../../images/facebook-sprite.png) no-repeat 5px -15px;
		background: url(../../images/facebook-sprite.png) no-repeat 5px -15px, -webkit-gradient(linear, left bottom, left top, from(#f3f3f3), to(#f9f9f9));
		background: url(../../images/facebook-sprite.png) no-repeat 5px -15px, -moz-linear-gradient(90deg, #f3f3f3 0%, #f9f9f9 100%);
		opacity: .5;
	}
	
	/* @end */


/* @end */

/* @group quipol nav */

#quipol-container nav {
	height: 20px;
	width: 360px;
	position: absolute;
	bottom: 10px;
	overflow: hidden;
}

#quipol-container .results nav {
	padding: 30px 0 0 0;
	background: transparent url(../../images/see-more.png) 218px 10px no-repeat;
}

#quipol-container nav ul {
	position: relative;
	height: 20px;
	width: 232px;
	margin: 0 auto;
	list-style: none;
	text-transform: uppercase;
	color: #B6B6B6;
	background: #575757;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 0 0 1px #4D4D4D;
	-moz-box-shadow: inset 0 0 0 1px #4D4D4D;
	box-shadow: inset 0 0 0 1px #4D4D4D;
}

#quipol-container nav ul li {
	float: left;
	width: 62px;
}

#quipol-container nav ul li a {
	display: inline-block;
	height: 20px;
	margin: 0;
	padding: 0;
	width: 62px;
	text-align: center;
	font-size: 11px;
	font-weight: 600;
	line-height: 20px;
	color: #B6B6B6;
}

#quipol-container nav ul li:nth-child(3),
#quipol-container nav ul li:nth-child(3) a,
#quipol-container nav ul li.comments,
#quipol-container nav ul li.comments a {
	width: 108px;
}

#quipol-container nav ul li a:hover {
	color: #FFF;
}

#quipol-container nav ul .current a,
#quipol-container nav ul .current a:hover {
	margin: 0;
	height: 18px;
	font-size: 11px;
	line-height: 18px;
	color: #747474;
	background: #EDEDED;
	border: 1px solid #CECECE;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 0 0 1px #F9F9F9;
	-moz-box-shadow: inset 0 0 0 1px #F9F9F9;
	box-shadow: inset 0 0 0 1px #F9F9F9;
}

#quipol-container .comments nav ul li:nth-child(2) a,
#quipol-container .comments nav ul li.results a {
	width: 60px;
}

#quipol-container .comments nav ul li.comments a {
	width: 106px;
}

/* @end */

/* @group your vote corner */

#quipol-container #quipol #your-vote {
	position: absolute;
	bottom: -116px;
	right: -6px;
	z-index: 1000;
	width: 40px;
	height: 42px;
	text-indent: -9999px;
}

#quipol-container #quipol #your-vote.vote-up {
	background: transparent url(../../images/your-vote.png) 0 0 no-repeat;
}

#quipol-container #quipol #your-vote.vote-down {
	background: transparent url(../../images/your-vote.png) 0 -42px no-repeat;
}

/* @end */

/* @group footer */

#quipol-container #footer {
	clear: both;
	width: 360px;
	margin: 0 auto;
	text-align: center;
}

#quipol-container #footer p {
	font: 400 10px myriad-pro,sans-serif;
	color: #8B8C8D;
}

#quipol-container #footer p a {
	color: #8B8C8D;
	position: relative;
}

#quipol-container #footer p a:hover {
	color: #AAB437;
}

#quipol-container #footer p a .popup {
	display: none;
	position: absolute;
	top: -78px;
	left: 50%;
	margin: 0 0 0 -161px;
	width: 300px;
	padding: 10px;
	background: #54595a;
	background: -webkit-gradient(linear, left bottom, left top, from(#54595a), to(#70797d));
	background: -moz-linear-gradient(90deg, #54595a 0%, #70797d 100%);
	font-size: 11px;
	line-height: 1.5em;
	color: #fff;
	text-shadow: 0 -1px 0 #4d4d4d;
	border: 1px solid #54595a;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5), inset 0 1px 0 #93999c;
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5), inset 0 1px 0 #93999c;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.5), inset 0 1px 0 #93999c;
}

#quipol-container #footer p a .popup:after {
	content: " ";
	position: absolute;
	left: 50%;
	bottom: -10px;
	margin: 0 0 0 -10px;
	display: block;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #54595a;
}

#quipol-container #footer p a:hover .popup {
	display: block;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);
}

#quipol-container #quipol-connect #footer {
	padding: 11px 0 0;
}

#quipol-container #quipol-comment #footer {
	padding: 6px 0 0;
}

/* @end */

#quipol-container #progress {
	position: absolute;
	top: -1px;
	left: -1px;
	height: 600px;
	width: 400px;
	background: #fff url(../../images/loading.gif) no-repeat center;
	opacity: .7;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	transition: all .2s ease-out;
}

/* @group permalink styles */

	/* @group header */
	
	.permalink-header {
		padding: 4px;
		margin: 20px 20px 40px 20px;
		background: #EDEDED;
		-webkit-box-shadow: inset 0 0 0 1px #F7F7F7, 0 3px 5px -5px rgba(0,0,0,.5);
		-moz-box-shadow: inset 0 0 0 1px #F7F7F7, 0 3px 5px -5px rgba(0,0,0,.5);
		box-shadow: inset 0 0 0 1px #F7F7F7, 0 3px 5px -5px rgba(0,0,0,.5);
		border: 1px solid #DEDEDE;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
	}
	
	.permalink-header h1 {
		float: left;
		width: 90px;
		height: 43px;
		margin: 0 0 0 7px;
		padding: 0;
	}
	
	.permalink-header h1 a {
		display: block;
		width: 90px;
		height: 43px;
		text-indent: -9999px;
		background: transparent url(../../images/quipol.png) center no-repeat;
	}
	
	.permalink-header nav {
		height: 43px;
		background: #F9F9F9;
		-webkit-box-shadow: inset 0 0 0 1px #FFF;
		-moz-box-shadow: inset 0 0 0 1px #FFF;
		box-shadow: inset 0 0 0 1px #FFF;
		border: 1px solid #E0E0E0;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	
	.permalink-header nav ul {
		float: right;
		list-style: none;
	}
	
	.permalink-header nav ul li {
		float: left;
		border-left: 1px solid #E0E0E0;
		-webkit-box-shadow: inset 1px 0 0 #FFF;
		-moz-box-shadow: inset 1px 0 0 0 #FFF;
		box-shadow: inset 1px 0 0 #FFF;
	}
	
	.permalink-header nav ul li a {
		display: block;
		height: 43px;
		padding: 0 20px;
		font-size: 20px;
		font-weight: 300;
		line-height: 43px;
		color: #A3A3A3;
		text-shadow: 0 1px 0 #fff;
		-webkit-transition: background .2s ease-out;
		-moz-transition: background .2s ease-out;
		transition: background .2s ease-out;
	}
	
	.permalink-header nav ul li a:hover,
	.permalink-header nav ul .current a {
		background: #FFF;
		color: #6c6c6c;
	}
	
	.permalink-header nav ul .create-button a {
		height: 27px;
		margin: 7px;
		padding: 0 10px;
		font-size: 16px;
		font-weight: 600;
		line-height: 26px;
		color: #FFF;
		text-shadow: 0 -1px 0 #9ebd31;
		background: #a8c153;
		background: -webkit-gradient(linear, left bottom, left top, from(#a8c153), to(#b4d55f));
		background: -moz-linear-gradient(90deg, #a8c153 0%, #b4d55f 100%);
		border: 1px solid #9cbc4d;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		-webkit-box-shadow: inset 0px 1px 0 #c4e06c;
		-moz-box-shadow: inset 0px 1px 0 #c4e06c;
		box-shadow: inset 0px 1px 0 #c4e06c;
	}
	
	.permalink-header nav ul .create-button a:hover {
		color: #fff;
		background: #b0c566;
		background: -moz-linear-gradient(90deg, #b0c566 0%, #bdd975 100%);
		background: -webkit-gradient(linear, left bottom, left top, from(#b0c566), to(#bdd975));
	}
	
	/* @end */
	
	/* @group footer */
	
	.permalink-footer {
		float: left;
		clear: both;
		width: 96%;
		margin: 0 2%;
		padding: 40px 0;
		font-size: 12px;
		color: #bdbdbd;
	}
	
	.permalink-footer p {
		float: left;
	}
	
	.permalink-footer ul {
		list-style: none;
		float: right;
	}
	
	.permalink-footer ul li {
		float: left;
		margin: 0 0 0 20px;
	}
	
	.permalink-footer ul li a {
		color: #bdbdbd;
	}
	
	/* @end */


/* @end */

@media (max-width: 685px) {

	.permalink-header nav ul li {
		
	}
	
	.permalink-header nav ul li a {
		font-size: 12px;
		font-weight: 400;
		padding: 0 10px;
	}
	
	.permalink-header nav ul .create-button a {
		font-size: 12px;
		padding: 0 5px;
	}
	
	.permalink-footer {
		font-size: 10px;
	}
	
	.permalink-footer p {
		float: none;
		text-align: center;
		font-size: 10px;
	}
	
	.permalink-footer ul {
		margin: 10px 0;
		text-align: center;
		list-style: none;
		float: none;
	}
	
	.permalink-footer ul li {
		display: inline;
		float: none;
		margin: 0 10px;
	}
	
}

@media (max-width: 480px) {
	
	.permalink-header {
		margin: 0 0 20px 0;
		border-top: none;
		border-left: none;
		border-right: none;
		border-bottom: 1px solid #DEDEDE;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	
	.permalink-header nav {
	
	}
		
	.permalink-header h1 {
		width: 65px;
		margin: 0 0 0 10px;
	}
	
	.permalink-header h1 a {
		background: url(../../images/logo2x.png) no-repeat center;
		width: 65px;
		-webkit-background-size: 65px 20px;
		background-size: 65px 20px;
	}
	
	.permalink-header nav ul li a {
		font-weight: 600;
	}
	
}

	@media (max-width: 430px) {
	
	.permalink-header {
		margin: 0 0 80px 0;
	}
	
	.permalink-header nav ul li:last-child {
		border: none;
	}
	
	.permalink-header nav ul .create-button a {
		position: absolute;
		left: 4px;
		right: 4px;
		top: 60px;
		height: 37px;
		margin: 7px;
		padding: 0 10px;
		font-size: 16px;
		font-weight: 600;
		line-height: 37px;
		text-align: center;
	}
	
}

@media (max-width: 399px) {
	
	#quipol-container {
		width: 310px;
		height: 470px;
	}
	
	#quipol-container #quipol {
		position: relative;
		width: 288px;
		height: 370px;
		padding: 10px 9px 0 9px;
	}
	
	#quipol-container #quipol #quipol-corner {
		-webkit-transform: scale(.8);
		-moz-transform: scale(.8);
		transform: scale(.8);
		-webkit-transform-origin: 0 0;
		-moz-transform-origin: 0 0;
		transform-origin: 0 0;
	}
	
	#quipol-container #quipol figure {
		width: 290px;
		height: 216px;
	}
	
	#quipol-container #quipol figure img,
	#quipol-container #quipol figure iframe {
		max-width: 280px;
		max-height: 206px;
	}
	
	#quipol-container #quipol figure iframe {
		max-height: 157px;
	}
	
	#quipol-container #quipol #quipol-text {
		width: 290px;
		padding: 0;
	}
	
	#quipol-container #quipol #quipol-text h1 {
		margin-bottom: 3px;
	}
	
	#quipol-container #quipol #quipol-text p {
		line-height: 1.4em;
	}
	
	#quipol-container #quipol #quipol-text.no-context,
	#quipol-container #quipol #quipol-text.full-quipol {
		height: 120px;
		overflow: hidden;
	}
	
	#quipol-container #quipol #quipol-text.full-quipol h1 {
		font-size: 14px!important;
	}
	
	#quipol-container #quipol #quipol-text.full-quipol p {
		font-size: 10px!important;
	}
	
	#quipol-container #quipol #quipol-text.text-only,
	#quipol-container #quipol #quipol-text.question-only {
		height: 325px;
		margin: 10px 0 0 0;
	}
	
	#quipol-container #quipol #quipol-text.text-only h1 {
		line-height: 1.1em;
	}
	
	#quipol-container #quipol #quipol-text.text-only p {
		font-size: 12px!important;
	}
	
	#quipol-container #quipol-results {
		padding: 0;	
	}
	
	#quipol-container #quipol-results header h1 {
		margin: 0 30px;
		font-size: 12px;
		height: 30px;
	}
	
	#quipol-container #quipol-results .graph-holder {
		margin: 10px auto;
	}
	
	#quipol-container #vote {
		width: 310px;
		padding: 10px 0 0 0;
	}
	
	#quipol-container #vote header h2 {
		height: 40px;
		line-height: 40px;
		background: transparent url(../../images/arrow.png) 0 -10px no-repeat;
	}
	
	#quipol-container #quipol-comments {
		width: 290px;
		height: 297px;
	}
	
	#quipol-container aside#quipol-comments {
		height: 57px;
		bottom: 30px;
	}
	
	#quipol-container .comment {
		width: 272px;
		height: 49px;
		padding: 4px 16px 4px 0;
	}
	
	#quipol-container .comment footer .vote {
		top: 22px;
	}
	
	#quipol-container .comment p {
		font-size: 10px;
		line-height: 12px;
		margin: 0 0 10px 36px;
	}
	
	#quipol-container .comment footer {
		padding: 0;
		font-size: 10px;
		line-height: 12px;
	}
	
	#quipol-container .comment img {
		float: left;
		width: 24px;
		height: 24px;
		margin: 0 4px 0 0;
		padding: 2px;
		background: #FFF;
		border: 1px solid #E7E7E7;
	}
	
	#quipol-container #quipol-comment {
		width: 310px;
		float: left;
	}
	
	#quipol-container .no-comments p {
		width: 290px;
		font-size: 18px;
		margin: 20px 0 0 0;
		text-align: center;
		font-family: felt-tip-roman;
		color: #4B4C4E;
	}
	
	#quipol-container .comments-none p {
		margin: 150px 50px 0 50px;
	}
	
	#quipol-container #pagination, 
	#quipol-container .pagination {
		width: 290px;
	}
	
	#quipol-container #quipol-comment form {
		height: 54px;
	}
	
	#quipol-container #quipol-comment form textarea {
		width: 298px;
		height: 18px;
		padding: 3px 5px;
		margin: 0 0 5px 0;
	}
	
	#quipol-container #quipol-comment form input[type=submit],
	#quipol-container #quipol-comment form input[type=button] {
		top: 30px;
		width: 70px;
		font-size: 11px;
	}
	
	#quipol-container #quipol-comment form .share-comment {
		top: 30px;
	}
	
	#quipol-container #quipol-comment form span.chars_remaining {
		right: 75px;
		top: 30px;
		font-size: 11px;
	}
	
	#quipol-container nav {
		width: 290px;
		bottom: 5px;
	}
	
	#quipol-container #quipol-connect {
		width: 290px;
		padding: 0;
	}
	
	#quipol-container #quipol-connect h2 {
		font-size: 14px;
		height: 25px;
	}
	
	#quipol-container #quipol-connect ul {
		width: 290px;
		padding: 0;
	}
	
	#quipol-container #quipol-connect ul li {
		width: 140px;
	}
	
	#quipol-container #quipol-connect ul li a {
		display: inline-block;
		width: 140px;
		font-size: 10px;
	}
	
	#quipol-container #quipol-connect ul li.connect-twitter a span {
		padding: 7px 4px 0 5px;
		background: transparent url(../../images/twitter.png) 5px 7px no-repeat;
	}
	
	#quipol-container #quipol #your-vote {
		bottom: -94px;
		right: -8px;
	}
	
	#quipol-container #footer {
		width: 290px;
	}
	
	#quipol-container #footer p a .popup {
		margin: 0 0 0 -152px;
		width: 280px;
	}
	
	#quipol-container #progress {
		height: 480px;
		width: 320px;
	}
	
}