html, body{
	height:100%;
}
body{
	background-color:#616161;
	position:relative;
	width:100%;
}

ul{
	margin-bottom:0;
	list-style-type: none;
}
input[type="checkbox"]{
	width:20px;
	height: 20px;
	vertical-align: middle;
}
select{
	width:auto;
	vertical-align: middle;
}


/* Multiple Pages */
.container{
  width:1025px;
}

.vertical-center {
  height:100%;
  width:100%;

  text-align: center;  /* align the inline(-block) elements horizontally */
  font: 0/0 a;         /* remove the gap between inline(-block) elements */
}

.vertical-center:before {    /* create a full-height inline block pseudo=element */
  content: ' ';
  display: inline-block;
  vertical-align: middle;  /* vertical alignment of the inline element */
  height: 100%;
}

.vertical-center > .container {
  max-width: 100%;
  display: inline-block;
  vertical-align: middle;  /* vertical alignment of the inline element */
  font: 16px/1 "Helvetica Neue", Helvetica, Arial, sans-serif;        /* <-- reset the font property */
}
.i-block{
	display:inline-block;
}
.w-auto{
	width:auto;
}
#error:before{
	width:30px;
	height:30px;
	content: ' ';
	position:absolute;
	top:50%;
	margin-top:-15px;
	left:5px;
	background-image: url('/images/error.png');
}

#error{
	background-color: #B30000;
	padding: 15px 25px;
	margin-bottom: 15px;
	position:relative;
	color:#EEEEEE;
}
#error ul{
	padding: 0;
}
#error ul li{
	margin: 5px 0;
	padding: 0;
}

#success{
	background-color: #2E7D32;
	padding: 15px 25px;
	margin-bottom: 15px;
	position:relative;
	color:#EEEEEE;
}

.no-margin{
	margin: 0;
}
#recaptcha1, #recaptcha2{
	display:inline-block;
	margin-top:5px;
}
#recaptcha2{
	display:none;
}


#login-user-menu, #user-menu{
	color:#CFD8DC;
	transition: all 1s ease;
}
#login-user-menu{
	background-color:#616161;
	padding:10px;
	width: 100%;
}
#login-user-menu input {
	color: #616161;
	display: inline-block;
	width:auto;
}
#login-user-menu input[type="submit"] {
	color: #CFD8DC;
}
#recaptcha1{
	display:none;
}
#user-menu a{
	color:inherit;
	text-decoration:none;
}
#user-menu .name{
	background-color:#616161;
	padding: 10px;
	display:inline-block;
}
#user-menu .name span{
	vertical-align:middle;
}
#user-menu .name img{
	vertical-align:middle;
}
#login{
	display:inline-block;
	background-color: #212121;
	padding: 10px;
	color:inherit;
	text-decoration:none;

}
#logout{
	background-color:#424242;
	padding: 10px;
	font-size:12px;
	float:right;
	line-height: 21px;

}
#logout:hover{
	background-color:#B71C1C;

}
#user-menu .change-settings{
	padding: 10px;
	background-color: #D84315;
	animation: color_change 2s alternate infinite;
	display: inline-block;
}
@-webkit-keyframes color_change {
  from { background-color: #D84315; color: #fff; }
  to { background-color: #FFEA00; color: #000; }
}
@-moz-keyframes color_change {
  from { background-color: #D84315; color: #fff; }
  to { background-color: #FFEA00; color: #000; }
}
@-o-keyframes color_change {
  from { background-color: #D84315; color: #fff; }
  to { background-color: #FFEA00; color: #000; }
}
@keyframes color_change {
  from { background-color: #D84315; color: #fff; }
  to { background-color: #FFEA00; color: #000; }
}

@-ms-viewport{ width: auto !important; }

.home{
	min-width:720px;
}



.new-question{
	background-color: #0277BD;
	padding: 10px;
	text-align: center;
}
.new-question .info{
	padding: 10px 0;
	color: #F5F5F5;
}
.new-question input[type="text"]{
	display:inline-block;
	width:20%;
	min-width:100px;
}
.new-question .btn{
	margin-top:5px;
}

.nav-filters{
	line-height: 34px;
}
#sorting li{
	margin-bottom: 0;
	margin-left: 10px;
}
#sorting li label{
	margin-bottom: 0;
	padding-top: 15px;
	padding-bottom: 15px;
	line-height: 34px;
}

.outer-question{
	color: #000;
	position:relative;
	text-align: center;
	margin-bottom:25px;
	box-shadow: 0 5px 5px rgb(48, 48, 48);
}
.outer-question.first{
}

.outer-question>.prefer{
	text-align: center;
	font-size: 11px;
	padding: 5px;
	background-color: #424242;
}
.outer-question>.choice{
	display: inline-table;
	height: 100px;
	width: 45%;
	text-align: center;
	vertical-align: middle;
	font-size: 24px;
	color:inherit;
	text-decoration:none;
	font-weight:bold;
}
.outer-question>.choice:hover{
	cursor:pointer
}
.outer-question>.choice>.choice-text{
	display: table-cell;
	vertical-align: middle;
}
.outer-question>.choice>.choice-text.one{
	background-color:#8BC34A;

}
.outer-question>.choice>.choice-text.two{
	background-color:#FFC107;
}
.outer-question>.choice>.choice-text.voted-against{
	background-color:#8D8D8D;
}
.outer-question>.or{
	display:inline-table;
	text-align: center;
	width: 10%;
	height: 100px;
	font-weight:bold;
	font-size:44px;
	vertical-align: middle;
	box-shadow: 0 -1px 1px rgb(48, 48, 48);
}
.outer-question>.or>.text{
	display:table-cell;
	vertical-align: middle;
}
.outer-question>footer{
	vertical-align: middle;
}
.outer-question>footer>div{
	display:inline-table;
	width:45%;
	padding:10px 0;
	font-weight:bold;
	color:#FAFAFA;
}
.outer-question>footer>.one{

}
.outer-question>footer>.separator{
	width:10%;
}
.outer-question>footer>.two{

}
.outer-question>footer>div>div{
	display:table-cell;
	vertical-align: middle;
}
.outer-question>footer>div>.one{
	text-align:left;
	padding-left:10px;
	position:relative;
}
.outer-question>footer>div>.two{
	text-align:right;
	padding-right:10px;
}
.outer-question>footer>div>.share{
	text-decoration:none;
	color:inherit;
	display:table-cell;
	vertical-align: middle;
	cursor:pointer;
}
.outer-question>footer>div>.share-buttons{
	text-align:left;
	position:relative;

}
.outer-question>footer>div>.share-buttons>*{
	vertical-align: top;
}
.outer-question>footer>div>.share-buttons>.hidden-share-buttons{
	display:none;
	position: absolute;
	background-color: #616161;
	padding: 5px 10px;

}
.outer-question>footer>div>.share-buttons>.hidden-share-buttons *{
	vertical-align:middle;


}
.outer-question>footer>div>.votes{
	display:none;
}
.outer-question.first>.comment-wrapper{
	display:block;
}
.outer-question>.comment-wrapper{
	/*display:none;*/
}
.outer-question>.comment-wrapper>.comments-existing{
	width:100%;
	color:#424242;
	text-align:left;
	background-color:#eee;
}
.outer-question>.comment-wrapper>.comments-existing>.comment{
	padding: 5px 10px;
}
.outer-question>.comment-wrapper>.comments-existing>.comment.vote-1{
	border-left:solid 3px #8BC34A;
}
.outer-question>.comment-wrapper>.comments-existing>.comment.vote-2{
	border-left:solid 3px #FFC107;
}

.outer-question>.comment-wrapper>.comments-existing .comment>.comment-user{
	display:block;
	cursor:pointer;
}
.outer-question>.comment-wrapper>.comments-existing .comment>.comment{
	display:block;
	margin-left:10px;
	padding-left:5px;
	overflow:hidden;
	border-left:solid 3px black;
}
.outer-question>.comment-wrapper>.comments-existing>.comment.vote-1>.comment{
	border-left:solid 3px #8BC34A;
}
.outer-question>.comment-wrapper>.comments-existing>.comment.vote-2>.comment{
	border-left:solid 3px #FFC107;
}
.outer-question>.comment-wrapper>.comments-existing .comment .comment-info{
	font-size:9px;
}
.outer-question>.comment-wrapper>.comment-new{
	text-align:center;
	color:#F5F5F5;
}
.outer-question>.comment-wrapper>.comment-new .identification{
	display:inline-block;
	font-size:24px;
	vertical-align: middle;
	background-color:#0277BD;
	height:35px;
	color:#F5F5F5;
	padding:0 10px;
}
.outer-question>.comment-wrapper>.comment-new form{

}
.outer-question>.comment-wrapper>.comment-new textarea{
	margin:10px;
	display:inline-block;
	width:auto;
	min-height:35px;
	vertical-align: middle;
}
.outer-question>.comment-wrapper>.comment-new .countdown{
	font-size:12px;
	margin-right: 10px;
}
.outer-question>.comment-wrapper>.comment-new .btn{
	vertical-align: middle;
}


/* Page specific */
#home-prefer{
	text-align:center;
	color:#F5F5F5;
	font-weight:bold;
	font-size:44px;
	margin:10px 0;
	background-color: #424242;
	padding: 10px 0;
}

#home-questions{
	padding:2% 3%;
	background-color:#424242;
	margin: 0 auto;
	max-width:1200px;
}

.content.settings{
	padding: 0 3% 1% 3%;
	background-color: #424242;
	color:#F5F5F5;
	margin: 0 auto;
	max-width: 1200px;
}
.settings .breadcrumbs{
	display:inline-block;
	padding:5px;
	margin-left: -3%;
	margin-bottom: 5px;
	font-size:12px;
	background-color: #616161;
	color:#F5F5F5;
}
.register-change-settings .text{
	padding:10px;
	background-color:#616161;
	display:inline-block;
}
.login-existing-account .text{
	padding:10px;
	background-color:#616161;
	display:inline-block;
}