/*
Theme Name: Candy
Version: 1.0
Author: aether_
Author URI: http://www.aetherdesign.net
*/

@import "reset.css";
@import "layout.css";
@import "elements.css";

/* Table of Contents
==================================================
    #Common Styles
    #Header
    #Intro
    #Screenshots
    #Features
    #Call-to-action
    #Footer
    */



/* #Common Styles
================================================== */


body { font-family: 'Lato', helvetica, arial, sans-serif; color: #093331; font-weight: 300; line-height: 150%;  }

small { font-size: 0.75em; }

a, a:visited { color: #fff; text-decoration: none; }
a:hover { color: #fff; text-decoration: none; }
a:hover, a:active { outline: 0; }
input:focus { outline: none; }

/* #Nav
================================================== */
.clear { clear:both; } 
.nav { height:60px; background: rgba(0, 0, 0, 0.8); } 
.fixed-nav { z-index: 9999; position: fixed; top: 0; width:100%; } 
nav { width:950px; height:60px;margin:0 auto; }
nav ul.left{margin: 0 0 0 510px;}
nav ul.right{margin: 6px 0 0 0;}
nav ul li{ display:inline; float:left; cursor: pointer; }
nav ul li a, nav ul li a:visited {color:#FFF; font-family: 'Lato', helvetica, arial, sans-serif; font-size:14px;float:left; font-weight:bold; margin:0 10px 0 5px;} 
nav ul.left li a{margin-top: 12px;border-bottom: none;}
nav ul.left li a:hover {border-bottom: 1px dotted #fff;}
nav ul li a:hover {cursor: pointer;}


/* #Header
================================================== */

header {
	padding-top: 30px;
	width: 100%;
	height: 613px;
	background: #181810 url('../images/hero.jpg') no-repeat;
	background-size: 100% 100%;
}

/* Handheld */

#handheld { position: relative; height: 583px; }
#handheld img { position: absolute; bottom: 0; }

/* Hello */	

#hello { padding-top: 100px; }

#hello h1, #hello .button { margin-top: 20px; margin-left: 10px;}

#hello .info {
	float: left;
	color: #fff;
	font-size: 12px;
	font-weight: 400;
	padding-top: 15px;
	margin-left: 10px;
	clear: both;
}

#hello .info a { border-bottom: 1px dotted #fff; }
#hello .info a:hover { border-bottom: none; }


/* #Intro
================================================== */

#intro { padding-top: 50px; }

#quote { text-align: right; padding-right: 15px; padding-top: 35px; }

#quote h4 {
	padding-left: 100px;
	display: inline-block;
	background: url('../images/logo-deway-star-music-app-quote.png') no-repeat top left;
}

#quote .meta { color: #555555; }

#app-icon img { margin-left: 20px; }


/* #Screenshots
================================================== */

#screenshots { padding-top: 50px; }

#description { padding-top: 30px; }
#description h2 { padding-bottom: 20px; }


/* #Features
================================================== */

.iphone-big {
	position: absolute;
	margin-top: 50px;
	margin-left: 250px;
	
}

.lists { padding-top: 50px; }
.lists ul.list { padding-bottom: 50px; }	

.feature { padding-top: 50px; }
.feature h3 { padding-top: 30px; }
.feature p { padding-top: 15px; }

.feature.left { text-align: right; }


/* #call-to-action
================================================== */

#call-to-action {
	text-align: center;
	margin-top: 0px;
	background: url('../images/dash.png') repeat-y center;
	padding-top: 100px;
	padding-bottom: 55px;
}

#call-to-action .lead {
	background: #fff;
	padding: 5px;
	margin-bottom: 45px;

}

#call-to-action .lead .calling { font-size: 20px; }

#call-to-action .button {
	-webkit-box-shadow: inset 0px 1px 1px rgba(255,255,255,.7);
	-moz-box-shadow: inset 0px 1px 1px rgba(255,255,255,.7);
	box-shadow: inset 0px 1px 1px rgba(255,255,255,.7);
}


 /* #Footer
 ================================================== */
 
 footer { width: 100%; background: #252525; padding-top: 50px; padding-bottom: 50px; }

 footer p { font-size: 13px; color: #b3c6c6;  }

 .footerDeway { 
 	font-size: 13px;
 	color: #b3c6c6;
 	font-weight: 400;
 	width: 420px;
 	margin-left: 10px;
 	margin-top: 10px;
 }

 footer a {
 	color: #b3c6c6!important;
 	font-weight: 400!important;
 }

 #copyright img { margin-left: 10px; }

 #author { 
 	text-align: left; 
 	padding-left: 200px;
 	padding-top: 15px;
 }
 #author p {
 	font-size: 16px;
 	font-weight: 400;
 	color: #e1e1e1;
 	margin-top: 5px;
 }
 #author h4 {
 	color: #fff;
 	font-size: 18px;
 	font-weight: 400;
 	margin-bottom: 10px;
 }

/* Articles
===========================================*/
#resources {
 	padding-top: 20px;
 }

 #prices {
 	padding-top: 50px;
 }

 #clients {
 	padding-top: 60px;
 }

 /* Facebook
===========================================*/
.fb-like.fb_edge_widget_with_comment.fb_iframe_widget {
position: absolute;
margin: 14px;
}