/*
 * FloatPen - website CSS
 *
 * (c) 2009 Frolicware
 *
 */

html {
    height: 100%;
}

body {
	height: 100%;
	margin: 0px;
	background: #000 url(http://d18cevpz41xb46.cloudfront.net/i/bgtile.png) repeat;
	color: white;
	font: 15px Futura, "Lucida Grande", Lucida, Verdana, sans-serif;
}

a:link, a:visited {
	color: #ffa800;
}

a:hover {
	color: #73ca00;
}

#olay {
	width: 820px;
	height: 562px;
	background-image: url(http://d18cevpz41xb46.cloudfront.net/i/homebg.png);
	background-repeat: no-repeat;
}

#badge {
	float: left;
	width: 150px;
	padding-top: 300px;
	padding-left: 50px;	
	text-align: center;
	color: black;
	font-size: 14px;
}

#appstore {
	padding-top: 350px;
	width: 150px;
	float: right;
	padding-right: 50px;
	text-align: center;
	color: black;
	font-size: 14px;
}


#container {
    position: relative;
    min-height: 100%;
	min-width: 900px;
    max-width: 1000px;
    margin-left: 10%;
    margin-right: 10%;
}

#inset {
	padding-top: 20px;
}

#content {
	width: 820px;
	min-height: 840px;	
	background-image: url(http://d18cevpz41xb46.cloudfront.net/i/contentbg.png);
	background-repeat: repeat-y;
	margin-top: -14px;
	margin-left: -3px;
	padding-left: 20px;
	padding-top: 20px;
}

#top {
	width: 100%;
	min-height: 530px;
}

#leftcol {
	float:  left;
	width: 420px;
	/* background-color: greenyellow; */
	padding-left: 20px;
}

#rightcol {
	float: right;
	width: 340px;
	/* background-color: red; */
	margin-right: 40px;
	text-align: center;
}

.lefttitle {
	color: #EEDFAB;
	font-style: italic;
	font-size: 1.1em;
}

#bottom {
	clear:both;
	width: 95%;
	margin-left: 20px;
	margin-right: 20px;
}

h1 {
	font-size: 18px;
	font-weight: bold;
	font-variant: small-caps;
	color: orange;
}

hr {
	margin-left: 5px;
}

.imglink {
	text-decoration: none;
}


#copyright {
	text-align: center;
	padding-top: 30px;
	font-size: 10px;
	color: #eaeaea;
}


#footer {
	text-align: center;
	width: 100%;
	padding-top: 5px;
	padding-bottom: 10px;
}

#footer a:link, a:visited {
	color: #73ca00;
}

#footer a:hover {
	color: #ffa800;
}

#getit a:link, a:visited {
	color: #f00;
}

#getit a:hover {
	color: #ffa800;
}

#home a:link, a:visited {
	color: #ffa800;
}

#home a:hover {
	color: #f00;
}

.limg {
	float: left;
	margin-right: 40px;
	margin-bottom: 10px;
}

.rimg {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

li {
	margin-bottom: 4px;	
}

#screenshots {
	text-align: center;
	padding-top: 5px;
	padding-bottom: 25px;
	margin-left: 30px;
	margin-right: 30px;
}

.screenshotrows {
	margin-top: 30px;
}