/*!
 * TrippoApp v1.0
 * Copyright 2012 Trippo, Inc
 * Licensed under CC BY 3.0
 * http://creativecommons.org/licenses/by/3.0/
 *
 */

 
 
 /***** STRUCTURE *****/
 
 body { 
	background: url('../img/bg.png') repeat-x;
	background-color: #fff;
	}
	
.break { height:8px; }
	
h1, h2, h3, h4, h5, h6 {
	/*text-shadow: white 0.02em 0.02em;
	font-family: 'QlassikBold', sans-serif;*/
	
		}
		
h1 {font-size:25px;line-height:30px}

h1 small{font-size:16px}
	

 
 .content {
	padding-top:100px;
	font-size: 1.1em;
	line-height: 1.8em;
	}
	
.content p {
	font-size: 1.0em;
	line-height: 1.8em;
	margin-bottom: 1.1em;
	}
	

/***** BODY *****/
	
.page-title {
	padding: 50px 0 30px 0;
	}
	
.arrow-top img {
	margin: -7px 0 0 15px;
	}


	
/***** NAVIGATION BAR *****/

.navbar .brand {
	font-weight: bold;
	color: white;
	text-shadow: 0 1px 0 rgba(255, 255, 255, .1), 0 0 30px rgba(255, 255, 255, .125);
}

.navbar .brand2 {
	font-weight: bold;
	color: grey;
	text-shadow: 0 1px 0 rgba(255, 255, 255, .1), 0 0 30px rgba(255, 255, 255, .125);
}



/***** HOMEPAGE *****/
	
#details {
	position: relative;
	float: right;
	width: 527px;
	margin-top: 80px;
	padding-left: 20px;
}

#icon {
	position: relative;
	float: left;
	margin-right: 0px;
	
}

#app-name {
	position: relative;
	float: left;
	margin-top: 5px;
	margin-right: 20px;
	text-align:left;
	margin-left: 10px;
}

#app-name h1 {
	/*font-size: 3.0em;
	font-size: 3.0em;*/
	font-size:24px;
	 line-height:28px
	color: #000000;
	/*text-shadow: -1px 0 #B3B3B3, 0 1px #B3B3B3, 1px 0 #B3B3B3, 0 -1px #B3B3B3, #020763 0.06em 0.06em;*/
	}
	
#version {
	/*top: 40px;*/
	left:0px;
	position: relative;
	float: left;
}

#version2 {
	top: -25px;
	left:110px;
	position: relative;
	float: left;
}

#tagline {
	font-size: 1.4em;
	margin-top: 6em;
	clear: both;
}



    #description {
    position:relative;
    top:0px;
	margin-top: 2em;
	margin-bottom: 1.8em;
}

#features li {
    background: url('../img/check.png') no-repeat 0px 3px;
    list-style: none;
    padding-left: 3px;
    padding-left: 25px;
    margin-left: -23px;
    line-height: 1.7em;
}

.download-box {
    width: 45%;
    float: left;
    padding-top: 20px;
    padding-right: 5%;
    font-size: 0.9em;
    line-height: 1.3em;
}


.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}

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

    #description {
        opacity: 0;
    }


    
}


	

 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.support-container {
    position: relative;
    padding-bottom: 100%;
    padding-top: 30px; height: 0; overflow:visible;
}
 
.support-container iframe,
.support-container object,
.support-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

	
	
/***** ABOUT PAGE *****/

.updates ul {
	list-style: none;
	padding-top: 10px;
	clear: both;
	margin: 0 0 25px 0;
	}
	
.updates ul li {
	margin-bottom: 10px;
	}
	
.updates hr {
	border-top: 1px solid #CCC;
	}
	
.updates .label {
	display: block;
	float: left;
	margin-right: 10px;
}

.version {
	float:left;
	}

.release-date {
	float:right;
	margin-top: 4px;
	color: #999;
	font-size: 0.85em;
	}
	
.new {
  background-color: #3a87ad;
}

.fix {
	background-color: #468847;
	padding: 1px 8px 2px;
	}
	

	
/***** CONTACT *****/

#contact-form {
	border-left: 1px solid #cccccc;
	}
	
#contact-info {
	padding-bottom:20px;
	}
	
	
	
/***** FOOTER *****/

.footer {
	font-size: 0.85em;
	line-height: 1.5em;
	padding: 15px 0;
	border-top: 1px solid #CCC;
}

#copyright {
	float:left;
	}
	
#credits {
	float:right;
	color:#FFF;
	}
	
	#credits a {
	
	color:#FFF;
	}