.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }

.container-fluid {
	position: absolute;
	top: 20px;
	right: 0;
	bottom: 125px;
	left: 0;
}

	.row-fluid {
		height: 100%;
	}

		.span6 {
			height: 100%;
		}

			form {
				height: 100%;
				margin-bottom: 0;
			}

				textarea {
					border: 0;
					width: 100%;
					height: 100%;

					-webkit-box-shadow: none;
						 -moz-box-shadow: none;
									box-shadow: none;
				}
				textarea:focus {
					resize: none;

					-webkit-box-shadow: none;
						 -moz-box-shadow: none;
									box-shadow: none;
				}

textarea, .span6 {
	overflow: auto;
}

@media (min-width: 481px) {
	textarea, .span6 {
		font-size: 24px;
		line-height: 32px;
	}
}


footer {
	position: absolute;
	right: 20px;
	bottom: 90px;
	left: 20px;
	height: 27px;
	line-height: 0;
}

#ad {
	position: absolute;
	left: 20px;
	right: 20px;
	bottom: 0;
	height: 90px;
}

@media (max-width: 507px) {
	.container-fluid {
		bottom: 85px;
	}
	footer {
		bottom: 50px;
	}
	#ad {
		height: 50px;
		left: 0;
		right: 0;
	}
}
@media (min-width: 508px) and (max-width: 767px) {
	.container-fluid {
		bottom: 95px;
	}
	footer {
		bottom: 60px;
	}
	#ad {
		height: 60px;
	}
}



.credits {}
	.credits > div {
		display: inline-block;
	}
	.credits form {
		display: inline-block;
	}
	.credits .name {
		display: inline-block;
		margin: 0 10px 1px 0;
	}
	.credits ul,
	.credits li {
		display: inline-block;
	}


/* SHARRRE */
.sharrre .box{
	background:#6f838c;
	background:-webkit-gradient(linear,left top,left bottom,color-stop(#6f838c,0),color-stop(#4d5e66,1));
	background:-webkit-linear-gradient(top, #6f838c 0%, #4d5e66 100%);
	background:-moz-linear-gradient(top, #6f838c 0%, #4d5e66 100%);
	background:-o-linear-gradient(top, #6f838c 0%, #4d5e66 100%);
	background:linear-gradient(top, #6f838c 0%, #4d5e66 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f838c', endColorstr='#4d5e66',GradientType=0 );
	-webkit-box-shadow:0 1px 1px #d3d3d3;
	-moz-box-shadow:0 1px 1px #d3d3d3;
	box-shadow:0 1px 1px #d3d3d3;
	height:22px;
	display:inline-block;
	position:relative;
	padding:0px 55px 0 8px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	font-size:12px;
	float:left;
	clear:both;
	overflow:hidden;
	-webkit-transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;
	transition:all 0.3s linear;
}
.sharrre .left{
	line-height:22px;
	display:block;
	white-space:nowrap;
	text-shadow:0px 1px 1px rgba(255,255,255,0.3);
	color:#ffffff;
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	-o-transition:all 0.2s linear;
	transition:all 0.2s linear;
}
.sharrre .middle{
	position:absolute;
	height:22px;
	top:0px;
	right:30px;
	width:0px;
	background:#63707e;
	text-shadow:0px -1px 1px #363f49;
	color:#fff;
	white-space:nowrap;
	text-align:left;
	overflow:hidden;
	-webkit-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
	-moz-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
	box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
	-webkit-transition:width 0.3s linear;
	-moz-transition:width 0.3s linear;
	-o-transition:width 0.3s linear;
	transition:width 0.3s linear;
}
.sharrre .middle a{
	color:#fff;
	font-weight:bold;
	padding:0 9px 0 9px;
	text-align:center;
	float:left;
	line-height:22px;
	-webkit-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
	-moz-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
	box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
}
.sharrre .right{
	position:absolute;
	right:0px;
	top:0px;
	height:100%;
	width:45px;
	text-align:center;
	line-height:22px;
	color:#4b5d61;
	background:#f1faf9;
	background:-webkit-gradient(linear,left top,left bottom,color-stop(#f1faf9,0),color-stop(#bacfd2,1));
	background:-webkit-linear-gradient(top, #f1faf9 0%, #bacfd2 100%);
	background:-moz-linear-gradient(top, #f1faf9 0%, #bacfd2 100%);
	background:-o-linear-gradient(top, #f1faf9 0%, #bacfd2 100%);
	background:linear-gradient(top, #f1faf9 0%, #bacfd2 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1faf9', endColorstr='#bacfd2',GradientType=0 );
}
.sharrre .box{
	padding-right:130px;
}
.sharrre .middle a:hover{
	text-decoration:none;
}
.sharrre .box .middle{
	width:90px;
}


@media (max-width: 470px) {
	.sharrre .box {
		padding-right: 120px;
	}
	.sharrre .box .left {
		display: none;
	}
	.donate-medium,
	.donate-large {
		display: none;
	}
	.credits .name {
		font-size: 11px;
		margin: 0;
	}
	.credits ul {
		display: none;
	}
	.donate-small {
		font-size: 11px;
		margin: 10px 0 0 0;
		display: inline-block;
	}
}
@media (max-width: 480px) {
	.container-fluid {
		top: 5px;
		padding-left: 5px;
		padding-right: 5px;
	}
	textarea {
		padding: 0;
	}
	.well {
		padding: 5px;
		margin-bottom: 5px;
	}
}
@media (min-width: 471px) and (max-width: 560px) {
	.donate-medium,
	.donate-large {
		display: none;
	}
}
@media (min-width: 561px) and (max-width: 710px) {
	.donate-small,
	.donate-large {
		display: none;
	}
}
@media (min-width: 711px) {
	.donate-small,
	.donate-medium {
		display: none;
	}
}
@media (max-height: 355px) {
	.container-fluid {
		position: relative;
	}
	footer {
		position: relative;
		bottom: 0;
		left: 0;
		right: 0;
		margin: 10px 20px 5px;
	}
	#ad {
		position: relative;
	}
}
