@import url('font-awesome.min.css');
html, body{min-height:100%;}
body {
	background: url('../images/dark-bg.png') repeat top left;
}
/* Header & Navigation */
header {
	background: rgba(255,255,255,0.05);
	border-color: #343434;
}
	header nav ul li a					{ color: #777; }
	header nav ul li a:hover 		{ color: #999; }
	header nav ul li.current a	{ color: #fff; }
	header nav span.arrow {	background: url('../images/dark-nav_arrow.png') no-repeat; top: 59px; }
/* App Info */
section #app_info span.tagline { color: #fff; }
section #app_info p 					 { color: #a6a6a6; }
section #app_info .price 			 { background: url('../images/dark-arrow.png') no-repeat top center; }
	section #app_info .price p 	 { color: #fff; }
section #pages 								 { background: transparent url('../images/dark-page_shadow.png') repeat-y top left; }
section #pages .top_shadow 		 { background: transparent url('../images/dark-page_shadow_top.png') no-repeat top left; }
section #pages .bottom_shadow  { background: transparent url('../images/dark-page_shadow_bottom.png') no-repeat top left; }
/* Home  */
div.echo-nav a					{ background: #444; }
	div.echo-nav a.active { background: #aaa; }
/* Team */
div.team_members .person a:hover { color: #fff; }
/* Screenshots  */
div.screenshot_grid div a,
a.fancybox {
	border: solid 5px #fff;
	border: solid 5px rgba(255, 255, 255, 0.03);
}
/* Updates */
article.release 						{ border-bottom-color: #444; } 
	article.release span.date { color: #666; }
	article.release ul li	    { color: #a6a6a6; }
/* Footer */
footer p 				 { background: rgba(255,255,255,0.05); color: #777; }
	footer p:hover { background: rgba(255,255,255,0.06); color: #aaa; }
/* Press */
div.press_mentions ul li .logo { border-color: #333; }
div.press_mentions ul li address 				 { color: #666; }
div.press_mentions ul li address a:hover { color: #fff;	}
/* Typography */
h2,h3,h4,h5 		 { color: #fff; }
section #pages p,
section #pages ul { color: #a6a6a6; }
/* Lists */
ul.social li a { background: url('../images/dark-social.png') no-repeat top left; }
div.toggle_list ul li div.title {
	background: #2d2d2d;
	border-color: #383838;
}
	div.toggle_list ul li div.title h3 { color: #fff; }
	div.toggle_list ul li div.content {
		background: #181818;
		border-color: #323232;
	}
/* Forms */
label{padding-left:12px;}
label[for='message']{padding-left:0px;}
input[type="text"],
input[type="email"],
textarea {
	background: #161616;
    color: #ccc;
    border: none;
    padding-left:12px;
    -webkit-border-radius: 4px; 
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0 3px 1px #151515, 1px 1px #2F2E2E;
    -moz-box-shadow: inset 0 0 3px 1px #151515, 1px 1px #2F2E2E;
    box-shadow: inset 0 0 3px 1px #151515, 1px 1px #2F2E2E;
}

label { color: #fff; }
.knowledge > img{max-width:75px;}
/* For iPhones and Mobile */
@media only screen and (max-width:750px) {
	section #pages .top_shadow { background: url('../images/dark-shadow_vertical.png') no-repeat top center !important; }
	.knowledge > img{max-width:46px;}
}
@media screen and (min-width:751px) and (max-width:970px) { 
	section #pages .top_shadow { background: url('../images/dark-shadow-ipad_vertical.png') no-repeat top center !important; }
}
#loading{position:fixed; top:50%; left:50%; margin:-20px 0px 0px -20px; display:none;}
.tel:before {
   font-family: FontAwesome;
   content: "\f095";
   display: inline-block;
   padding-right: 3px;
   vertical-align: middle;
}
.social-icons{font-size:18px; padding-top:15px;}
.social-icons a{ display:inline-block; width:20px; height:20px; color:#adadad; border:solid 1px #adadad; border-radius:50%; margin-right:10px; padding:4px; text-align:center; margin-top:5px;}
.social-icons a:hover{border:solid 1px #ff0707;}