/*
Theme Name: Timely App
Theme URI: http://timelyapp.com
Description: Website-design for timelyapp.com
Author: Mathias Mikkelsen
Version: 1.0
*/


/* CSS */

* { 
	margin: 0;
	padding: 0; 
	}

html, body { 
	height: 100%; 
	}
	
body { 
	font-size: 62.5%; 
	font-family: Lucida Grande, Verdana, Helvetica Neue, Helvetica, Arial;
	color: black;
	background-color: white;
	}

a { 
	outline: none; 
	text-decoration: none; 
	}
	
a img { 
	border: none; 
	}
	
img { 
	vertical-align: middle; 
	}
	
table { 
	border-collapse: collapse; 
	}
	
p { 
	font-size: 13.5px;
	}
	
.clear{
	clear: both;
	}


/*
	OPPSETT
*/

#header-wrapper{
	width: 100%;
	background-image: url('images/splash/header_bg.gif');
	background-repeat: repeat-x;
	height: 75px;
	border-bottom: 3px solid #25659f;
	margin-bottom: 30px;
	}
	
	#header{
		width: 800px;
		margin: 0 auto;
		}
		
		#logo{
			margin-top: 17px;
			display: block;
			position: absolute;
			}
			
		#header p{
			color: white;
			float: right;
			margin-top: 30px;
			}
			
			#header p a{
				color: white;
				}
				
				#header p a:hover{
					text-decoration: underline;
					}
	
#page-wrapper{
	width: 650px;
	margin: 0 auto;
	}
	
	
	h2{
		font-size: 30px;
		font-family: helvetica neue, helvetica, arial;
		}
		
		p.intro{
			margin-bottom: 25px;
			font-size: 15px;
			color: black;
			}
			
							
		p span{
			background: #feffd4;
			}
			
		p.betainfo{
						color: #505050;
						font-size: 13px;
						}
		
	
	#betasignup{
		background: #e5edf7;
		padding: 20px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		margin-top: 15px;
		margin-bottom: 40px;
		}
		
		#betasignup div{
			width: 530px;
			margin: 0 auto;
			}
		
		#betasignup input#email{
			padding: 5px;
			display: block;
			float: left;
			font-size: 16px;
			width: 400px;
			height: 24px;
			border: 1px solid #7fa0c2;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			-moz-box-shadow:1px 1px 2px 0 rgba(0, 0, 0, 0.15) inset;
			-webkit-box-shadow:1px 1px 2px 0 rgba(0, 0, 0, 0.15) inset;
			box-shadow:1px 1px 2px 0 rgba(0, 0, 0, 0.15) inset;
			margin-right: 10px;
			background: white;
			}
			
		#betasignup input#button{
			display: block;
			float: left;
			width: 106px;
			height: 32px;
			background: none;
			border: none;
			background-image: url('images/splash/submit.png');
			background-repeat: no-repeat;
			text-indent: -9999px;
			cursor: pointer;
			margin-top: 2px;
			}
			
			#betasignup input#button:hover{
				background-position: 0 -32px;
				}
				
			#betasignup input#button:active{
				background-position: 0 -64px;
				}
				
			#socialmediawrapper{
				margin: 0 auto;
				}
				
		#socialmedia{
		margin: 0 auto;
		text-align: center;
		min-height: 180px;
			}
			
			#socialmedia a{
				color: #505050;
				font-size: 13px;
				}
				
				#socialmedia a:hover{
					text-decoration: underline;
					}
				
				a.twitter{
					background-image: url('images/splash/twitter.png');
					background-repeat: no-repeat;
					background-position: 0 50%;
					padding: 15px 0 15px 40px;
					margin-right: 25px;
					}
					
				
				a.facebook{
					background-image: url('images/splash/facebook.png');
					background-repeat: no-repeat;
					background-position: 0 50%;
					padding: 15px 0 15px 40px;
					}
					
					
		#footer-wrap{
			}
				
				
			
			
			
			
		#wrapper{
			height:auto !important;
			margin:0 auto -50px;
			min-height:100%;
			}
			
			
		.push{
			height:50px;
			}
			
		#footer-wrap{
			height:50px;
			width:100%;
			}
			
		#footer{
			width: 650px;
			margin: 0 auto;
			padding-top: 10px;
			font-size: 11px;
			color: gray;
			text-align: center;
			}
			
			#footer p{
				font-size: 11px;}
				
				
								.placeholder{
					color: #666666;
					}