/* basic css */
@import url(http://reset5.googlecode.com/hg/reset.min.css);

body {
	font-family: 'Didact Gothic', sans-serif;
	font-weight:300;
	color: #000101;
	background: #ffffff;	
}
h1, h2, h3  {
	font-family: 'Didact Gothic', sans-serif;
	
}
header {
	padding-bottom: 5px;
	background-color: none;
	border-bottom: thin dotted #b9c6c6;
}

.logo {
	font-family:'Michroma', sans-serif;
	font-size:2.1em;
	color:#86c3d9;
	font-weight:200;
	text-decoration:none;		
}
header p {
	font-family: 'Michroma', sans-serif;
	font-size:.9em;
}
nav {
	font-family: 'Michroma', sans-serif;	
}
#main-nav {
		list-style:none;	
}
#main-nav li a {
	display: inline-block;
	text-align:center;
	font-size:.8em;	
	float:right;
	text-decoration: none;
	color:#000;
	text-decoration: none;
}
#main-nav li a.current, #main-nav li a:hover {
	color:#86c3d9;
}
span, span2 {
	color:#86c3d9;
}

/* desktop */
@media only screen and (min-width: 641px), only screen and (min-device-width: 641px) {
	body {
		background:#ffffff;
	}
	.logo{
		display:block;
		margin-top: 40px;
		margin-bottom: 5px;
	}
	.number {
		float:right;
		margin-left:-18px;
		padding-top:10px;
		font-family: 'Didact Gothic', san-serif;
	}
	.number p {
		font-size:.7em;	
	}
	
	#main-nav {
		width:100%;
		margin-top:-32px;
		margin-bottom:10px;	
	}
	#main-nav li a {
		padding: 10px 7px 10px 7px;	
	}
	#main-nav li a img{
		margin-top:-20px;
	}
	.social-nav {
		margin-left:12px;
		padding-top:10px;	
	}
	
	#icons {
		list-style:none;	
	}
	#icons li  {
		display:inline-block;	
	}
	#icons li a {
		padding: 0 3px;	
	}
	.like {
		margin-top:-5px;
		list-style:none;	
	}
	.like li {
		float: right;
		display: inline-block;
		padding: 10px 10px 10px 10px;	
	}
	.twitter-share-button {
		margin-bottom:-4px;
	}
	.mobile {
		display:none;
	}
	
}


/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-width: 640px), only screen and (max-device-width: 640px) {
footer, .screen-only{
display:none;	
}
body {
		background:#ffffff;
	}
	.logo{
		font-size:4em;
		display:block;
		margin-top:5px;
		width:620px;
		margin-bottom: 5px;
	}
	.number {
		float:right;
		margin-left:-18px;
		padding-top:10px;
		font-family: 'Didact Gothic', san-serif;
	}
	.number p {
		font-size:.7em;	
	}
	
	#main-nav {
		width:100%;
		margin-top:-32px;
		margin-bottom:10px;	
	}
	#main-nav li a {
		padding: 10px 7px 10px 7px;	
	}
	#main-nav li a img{
		margin-top:-20px;
	}
	.social-nav {
		margin-left:12px;
		padding-top:10px;	
	}
	
	#icons {
		list-style:none;	
	}
	#icons li  {
		display:inline-block;	
	}
	#icons li a {
		padding: 0 3px;	
	}
	.like {
		margin-top:-5px;
		list-style:none;	
	}
	.like li {
		float: right;
		display: inline-block;
		padding: 10px 10px 10px 10px;	
	}
	.twitter-share-button {
		margin-bottom:-4px;
	}
	.ac-container{
	width: 630px;
	margin: 10px auto 30px auto;
	text-align: left;
}

}