:focus { outline:none !important; }
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: none;
}

html, body{ width:100%; height:100%; margin:0; padding:0; }
body{ font-family:Arial; background-color:#FFF; }
a{ color:#999; }

/*Sticky Footer Solution by Steve Hatcher - http://stever.ca, http://www.cssstickyfooter.com*/
*{ margin:0; padding:0; }
#wrap{ width:100%; min-height:100%; }
#mainWrapper{
	overflow:auto;
	padding-bottom:37px; /*must be same height as the footer*/
}
#footerWrapper{
	position:relative;
	margin-top:-37px; /*negative value of footer height*/
	height:37px;
	clear:both;
	background-color:#EEE;
	overflow:visible;
}
/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}
/*End Sticky Footer Solution*/


#blog-content{ width:750px; margin-left:auto; margin-right:auto; padding:20px 0; }
#blog-content .post{ margin:20px 0 20px 0; padding:10px 0 20px 0; border-top:1px dotted #CCC; }
#blog-content .post:nth-child(1){ margin:0; padding:0 0 20px 0; border-top:0; }
#blog-content .post h2{ margin:10px 0 20px 0; }
#blog-content .post .meta{ margin:10px 0; font-size:8pt; font-style:italic; }
#blog-content .post .entry{ margin:20px 0; }
#blog-content .postmetadata{ margin:10px 0; font-size:8pt; }
#blog-content #commentform div{ margin:10px 0; font-size:10pt; }
#blog-content #commentform #submit{ padding:10px; margin-top:20px; }
#blog-content #commentform div textarea{ margin:0 0 10px 0; }
.required{ color:#F00; }

#main{ padding:0px; background-color:#fff; }
#head{ background-color:#EEE; overflow:auto; }

#menuImg{ display:none; cursor:pointer; float:right; }
#menu{ float:right; margin-right:20px; background-color:#EEE; }
#menu ul{ list-style-type:none; }
#menu ul li{ float:left; }
#menu ul li a{
	font-size:10pt;
	display:inline-block;
	padding:44px 20px;
	text-decoration:none;
	text-transform:uppercase;
}
#menu ul li a:hover{ background-color:#E9E9E9; }
#menu ul li a.active{ background-color:#E3E3E3; }

#mainContent{ clear:both; width:750px; margin:50px auto; }
#mainContent p{ margin:20px 0; }

#logo{ width:250px; border:0; float:left; margin:20px; }

#banner{ width:100%; height:300px; }

#social{ width:100%; height:20px; text-align:left; }

#exchangeRatesWrapper{
	border:1px solid #333;
	border-width:1px 0 0 0;
	margin:0;
}
#exchangeRatesWrapper legend{
	padding:0 20px;
	font-size:28pt;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	/*word-wrap:break-word;*/
	display:table;
	white-space:normal;
}

#rateInfo{ display:inline-block; font-size:12pt; color:#FFF; margin-left:20px; }
#coinType{ font-size:56pt; color:#FFF; font-weight:normal; }
#coinCount{ font-size:56pt; color:#FFF; font-weight:normal; }
#rate{ display:inline-block; font-size:56pt; color:#FFF; font-weight:normal; }
#rateWrapper{ position:absolute; top:276px; right:50px; }

.lastUpdated{ font-size:8pt; color:#CCC; }
#country{ font-size:26pt; color:#999; }
#footer{ position:relative; color:#999; background-color:#EEE; text-align:left; padding:10px; font-size:10pt; overflow:visible; }
#footer a{ color:#999; }
#attribution{ float:right; }

#exchanges{ text-align:left; margin:20px 0 50px 0; }

#news{ width:750px; margin:40px auto 20px auto; }
.newsArticle{ border-top:1px dotted #999; clear:both; padding:20px 0 20px 0; margin-top:10px; }
.newsArticle h4{ margin:0 0 15px 0; }
.pubDate{ font-size:8pt; color:#555; text-align:right; padding:10px 0 0 0; }
.newsDescription{ font-size:10pt; }

.disclaimer{ width:750px; margin-top:50px; margin-left:auto; margin-right:auto; }
.disclaimer p{ margin:20px 0; }


#chart{ float:right; font-size:10pt; color:#999; text-align:center; }

.demo-container {
	box-sizing: border-box;
	width:400px;
	height:280px;
	padding:20px 15px 15px 15px;
	margin:15px auto 30px auto;
	border:1px solid #ddd;
	background:#fff;
	background:linear-gradient(#f6f6f6 0, #fff 50px);
	background:-o-linear-gradient(#f6f6f6 0, #fff 50px);
	background:-ms-linear-gradient(#f6f6f6 0, #fff 50px);
	background:-moz-linear-gradient(#f6f6f6 0, #fff 50px);
	background:-webkit-linear-gradient(#f6f6f6 0, #fff 50px);
	box-shadow:0 3px 10px rgba(0,0,0,0.15);
	-o-box-shadow:0 3px 10px rgba(0,0,0,0.1);
	-ms-box-shadow:0 3px 10px rgba(0,0,0,0.1);
	-moz-box-shadow:0 3px 10px rgba(0,0,0,0.1);
	-webkit-box-shadow:0 3px 10px rgba(0,0,0,0.1);
}
.demo-placeholder {
	width:100%;
	height:100%;
	font-size:14px;
	line-height:1.2em;
}
.legend table {
	border-spacing:5px;
}


#form label{
	display:inline-block;
	width:80px;
	text-align:right;
	vertical-align:top;
	padding-top:8px;
}
#form input[type="text"], textarea{
	border:1px solid #999;
	border-radius:5px;
	margin-bottom:10px;
	padding:5px;
	width:150px;
}
#form textarea{ margin-bottom:0px; }
#contact-submit{
	margin-top:10px;
	color:#777;
	border:1px solid #999;
	border-radius:5px;
	background-image:none;
	background-color:#FFF;
	padding:5px 10px;
	cursor:pointer;
}
#captchImg{
	width:80px;
	height:34px;
	border:1px solid #ddd;
	margin:0 5px -5px 0;
}



#bottomAd{ clear:both; margin-top:40px; }


#app_links{ background-color:#e3e3e3; text-align:center; margin-top:-2px; }
#app_links img{ height:50px; margin:15px 5px 10px 5px; }


/*=============================================================
====================== Responsive Design ======================
===============================================================*/
@media only screen and (min-width: 768px) and (max-width: 959px){ /*Note: Design for a width of 768px*/
	#mainContent{ width:700px; }
	#logo{ width:200px; }
	#banner{ height:200px; }
	#menu ul li a{ font-size:8pt; }
	#menu ul li a{ font-size:8pt; padding:39px 20px; }

	#coinType{ font-size:46pt; }
	#coinCount{ font-size:46pt; }
	#rate{ font-size:46pt; }
	#rateWrapper{ top:226px; }
	#country{ font-size:20pt; }
	#news{ width:700px; }
	#blog-content{ width:700px; }
	.disclaimer{ width:700px; }
	#exchangeRatesWrapper legend{ font-size:24pt; }
}
@media only screen and (min-width: 480px) and (max-width: 767px){ /*Note: Design for a width of 480px*/
	#mainContent{ width:400px; }
	#logo{ width:180px; }
	#banner{ height:150px; }

	#menuImg{ display:inline-block; margin-top:27px; margin-right:24px; }
	#menu{ display:none; position:absolute; top:87px; z-index:10; float:none; clear:left; width:100%; }
	#menu ul li{ float:none; }
	#menu ul li a{ padding:15px 0; width:100%; text-indent:15px; }

	#rateInfo{ font-size:10pt; }
	#coinType{ font-size:36pt; }
	#coinCount{ font-size:36pt; }
	#rate{ font-size:36pt; }
	#rateWrapper{ top:196px; }
	#country{ font-size:18pt; }
	#news{ width:400px; }
	#blog-content{ width:400px; }
	.disclaimer{ width:400px; }
	#exchangeRatesWrapper legend{ font-size:16pt; padding:10px; }

	#chart{ float:left; clear:both; }
	.demo-container{ width:450px; }
}
@media only screen and (max-width: 479px){ /*Note: Design for a width of 320px*/
	#main{ padding:0px;}
	#mainContent{ width:280px; margin:40px auto 20px auto; }

	#menuImg{ display:inline-block; margin-top:25px; margin-right:20px; }
	#menu{ display:none; position:absolute; top:79px; z-index:10; float:none; clear:left; width:100%; background-color:#F6F6F6; }
	#menu ul li{ float:none; }
	#menu ul li a{ padding:10px 0; width:100%; text-indent:10px; }

	#logo{ width:150px; }
	#banner{ height:100px; }
	#rateInfo{ font-size:8pt; }
	#coinType{ font-size:24pt; }
	#coinCount{ font-size:24pt; }
	#rate{ font-size:24pt; }
	#rateWrapper{ top:176px; right:20px; }
	#country{ font-size:14pt; }
	#footer{ text-align:center; font-size:8pt; line-height:20px; }
	#footer a{ font-size:8pt; }
	#attribution{ position:absolute; float:none; margin-top:40px; height:20px; left:0; right:0; white-space:nowrap; }
	#news{ width:280px; margin-top:50px; }

	#mainWrapper{ padding-bottom:70px; }
	#footerWrapper{ height:70px; magin-top:-70px;  }

	#blog-content{ width:280px; }
	#blog-content #commentform div{ font-size:8pt; }
	#blog-content #commentform div textarea{ width:280px; }

	.disclaimer{ width:280px; }

	#exchanges{ font-size:10pt; }

	#exchangeRatesWrapper{
		border:1px solid #333;
		border-width:0;
		margin:0 10px;
	}
	#exchangeRatesWrapper legend{
		padding:0 5px 20px 0;
		font-size:18pt;
		font-weight:bold;
	}

	#chart{ float:left; clear:both; }
	.demo-container{ width:260px; }
}

.dsq-postid, .comments-link{ display:none; }