body {
	font-family: Arial, sans-serif;
	color:#353134;
	background:url(../images/grid_bg.png) repeat fixed;		
}
	
header {
	background: url(../images/header_bg2.png) repeat-x;
	margin:0 0 8px 0;
	height:99px;
}

footer {
	background: url(../images/footer_bg.png) repeat-x;
	margin:100px 0 0 0;
	height:45px;
	color:#bbb;
	font-size:13px;
	text-align:right;
	padding: 5px 0 0 0;
}

#headline {
	margin:27px 0 9px 0;
}

#headline h1{
	text-align:center;
	font-size:160%;
	color:#177AAC;
}

footer a {
	color:#fff;
}

#logo {
	font-size:250%;
	letter-spacing:-3px;
	font-weight:bold;
	margin:5px 0 17px;
	height:48px;
	white-space:nowrap;
}

#logo a {
	color:#f6f6f6;
	text-decoration:none;
}

#social-container-mob {
	display:none;
}

select {
	font-size:100%;
	
}

nav#smallnav {
	display:none;
	margin-top:27px;
	font-size:130%;
	line-height:27px
}

nav#smallnav a {
	color:#353134;
	text-decoration:none;
}

nav#smallnav ul {
	list-style-type: none;
	margin-top: -3px;
	text-align:center;
}

#desknav {
	text-align:center;
	white-space:nowrap;
}

nav#desknav ul {
	list-style-type: none;
	float:left;
	margin-top: -3px;
}

nav#desknav li {
	display:inline;
	letter-spacing: -0.7px;
	font-size:120%;
	margin: 0 25px 0 15px;
}

nav#desknav a {
	color:#fff;
	text-decoration:none;
}

#credit {
	margin: 0 10px 0 0;
	float: left;
	color:#f6f6f6;
	font-weight:bold;
	font-size:110%;
}

#explanation-area p {
	font-size: 129%;
}

#explanation-area h1 {
	margin-top:18px;
	font-size: 166%;
}

#explanation-area h2 {
	margin-top:25px;
	font-size: 141%;
}

#explanation-area a {
	color:#177aac;
}

#article-area {
	min-height:500px;
	border:1px solid #DDDDDD;
}

#article-area ul {
	line-height:32px;
	padding:18px 0 7px 40px;
	font-size:110%;
	list-style-image:url(../images/img_arrow.gif);
}

#article-area p {
	font-size: 110%;
}

#article-area h1 {
	margin-top:18px;
	font-size: 166%;
}

#article-area h2 {
	margin-top:25px;
	font-size: 141%;
}

#article-area a {
	color:#044F77;
}


p {
	line-height:28px;
	margin-top:14px;
}

.stat {
	font-size: 130%;
	font-weight: bold;
	color:#f6f6f6;
	margin: 10px 0 0 0;
}

#npcount-blinking {
	font-size: 160%;
}

.panel-body {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background: url(../images/panel_bg_textured.png) repeat-y #3A3434;
	font-size: 120%;
	text-align:center;
	color:#f6f6f6;
	margin: 0 0 25px 0;
	padding: 7px 7px 10px 7px;
}

#panel-arrow {
	float:left;
	width:41px;
	height:67px;
	background: url(../images/arrow_up_2.png) no-repeat center;
}

#panel-clock {
	float:left;
	width:41px;
	height:67px;
	background: url(../images/clock_2.png) no-repeat center;
}

#panel-exclamation {
	float:left;
	width:41px;
	height:67px;
	background: url(../images/exclamation_2.png) no-repeat center;
}

#lastupdated {
	margin: 38px 0 0 0;
	font-style:italic;
	color:#666;
	color:#666;
	text-align:center;
	font-size:80%;
}

#chart-area {
	margin-top:30px;
}

.chart-title {
	text-align:center;
	font-size:122%;
	margin-bottom: 14px;
}

#content {
	padding:24px;
}

#caption {
	font-size:100%;
	text-align:center;
}

.section {
	margin-top:40px;
	border-top:2px dashed #ddd;
}

#drilldown-graph-area p {
	margin-top:0;
	font-style:italic;
}

#drilldown-graph-area h3 {
	margin-top:20px;
}

#social-container-desktop {
	opacity:0;
	margin: 12px 0 0 47px;
	white-space:nowrap;
}

#share-container {
	float:left;
	margin: 4px 0 0 55px;
	margin: 5px 0 0 326px;
	position: absolute;
}

#follow-container {
	float:left;
}

#follow-text {
	white-space:normal;
	float:left;
	color:#f6f6f6;
	font-size:80%;
	width: 100px;
	text-align:center;
	margin: 0 5px 0 0;
}

#follow-button {
	float:left;
	/*margin-right:100%;*/
}

#share-container-mob {
	float:left;
}

#follow-container-mob {
	float:left;
}

#follow-text-mob {
	float:left;
	/*color:#f6f6f6;*/
	font-size:120%;
	margin: 0 10px 0 28px;
}


.social-icon {
	float:left;
	margin-right:50px;
	background: url(../images/social_icons_sprite2.png);
	height:20px;
}

#twitter-share {
	background-position: 0 0;
	width:58px;
}

#fb-share {
	background-position: 0 40px;
	width:44px;
}

#gplus-share {
	background-position: 0 20px;
	width:32px;
}


#ebookPromo {position:fixed;bottom:0;right:0;}

/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */

	body {
		
	}
	

/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

@media handheld, only screen and (max-width: 767px) {

	#foo {
		background-color: red !important;
	}

	#logo {
		padding-top:13px;
		letter-spacing:-2px;
		margin: 5px 0 3px;
	}
	
	nav#desknav {
		display:none;
	}
	
	nav#smallnav {
		display:block;
	}
	
	#social-container-mob {
		display:block;
		margin-top:20px;
	}
	
	#social-container-desktop {
		display:none;
	}
	
	#panel-arrow, #panel-clock, #panel-exclamation {
		height:53px;
	}
	#ebookPromo {
    max-height:90%;
  }
	#ebookPromo.open  {
		text-align:center;
		top:50px;
    max-height:90%;
    overflow:auto;
    -webkit-overflow-scrolling: touch;
	}

}


/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/

}