.cf:after{content:".";display:block;height:0;clear:both;visibility:hidden;font-size:0pt}.l{float:left}.r{float:right}.c{clear:both}.cl{clear:left}.cr{clear:right}

body {
	font-family: Georgia;
	color: #333;
	padding-bottom: 20px;
}

#wrapper {
	max-width: 620px;
	padding: 0px 10px; margin: 0px auto;
}

#list {margin-bottom: 40px}

#list h1 {
	padding-top: 120px;
	text-align: center;
	font-size: 46px;
}

#list ol {
	font-size: 22px;
	line-height: 32px;
}

#list ol li {margin-bottom: 10px}

#media {margin-bottom: 20px}

#media h2 {
	font-size: 16px;
	font-style: italic;
	font-weight: normal;
}

#social {
	width: 48%;
	float: left;
}

#social a {
	display: block;
	width: 68px; height: 55px;
	float: left;
	text-decoration: none;
	background-position: 0px 0px; background-repeat: no-repeat;
	margin-right: 10px;
}

#social #share-twitter  {background-image: url(../images/share-twitter.png)}
#social #share-facebook {background-image: url(../images/share-facebook.png)}
#social #share-google   {background-image: url(../images/share-google.png)}

#social a .count {
	display: block;
	font: normal 11px/28px Verdana;
	color: #333;
	text-align: center;
}

#social a .label {
	position: absolute;
	text-indent: -9999px;
}

#button {
	width: 48%;
	float: right;
}

#button textarea {
	display: block;
	width: 265px; height: 68px;
	margin-top: 10px;
	resize: none;
}

#language {
	font: normal 11px Verdana;
	text-align: center;
}

#language a {
	display: inline-block;
	padding-left: 25px;
	line-height: 12px;
	color: #36F;
}

.bg #language a {background: url(../images/language-flag-en.jpg) no-repeat 0px 1px}
.en #language a {background: url(../images/language-flag-bg.jpg) no-repeat 0px 1px}

#language a:hover {text-decoration: none}

@media only screen and (max-width: 639px) {
	.wrp-1000 {padding: 0px 8px}
	
	#social, #button {
		width: 265px;
		float: none;
		margin: 0px auto;
	}
	
	#social div {
		width: 226px;
		margin: 0px auto;
	}
	
	#social {margin-bottom: 40px}
	
	#social #share-google {margin-right: 0px}

	#list h1 {font-size: 42px}
	
	#list ol {
		font-size: 18px;
		line-height: 24px;
	}
}

@media only screen and (max-height: 799px) {
	#list h1 {padding-top: 20px}
}


@media only screen and (max-width: 639px) and (max-height: 799px) {
	#list h1 {padding-top:  0px}
}