/*
	Fleapay Homepage Styles
	Author: Gulo Solutions LLC
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } /* remember to define focus styles! */ :focus { outline: 0; } body { line-height: 1.5; color: black; background: white; } ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; }

html, body {background: #fff;}
body {line-height: 1.5; color: #333; font-size: 75%; font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, arial, sans-serif;}

/* links */
a {outline: 0;}
a:link {color: seagreen; text-decoration: none;}
a:visited {color: seagreen; text-decoration: none;}
a:hover, a:active {color: #777; text-decoration: underline;}

h1, h2, h3, h4, h5 {font-family: helvetica, arial, sans-serif;}
h1 {}
h1 a  {margin: 0; padding: 0; display: block; height: 84px; width: 149px; background: url(/images/fleapay-logo.png) no-repeat 0 0; text-indent:-9999px; border-bottom: none !important;}
h2 {font-weight: bold;}
h3 {font-size: 24px; font-weight: bold;}
h4 {}
h5 {}

h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {color: #999;}

p {margin: 0 0 1.5em 0;}
hr {background: #ddd; color: #ddd; clear: both; float: none; width: 100%; height: 1px; margin: 0 0 1.48em; border: none;}
hr.space {background: #fff; color: #fff; margin-bottom: .75em;}
ul, ol {margin: 0 0 1.5em 2em; padding: 0;}
ol {padding-left: .75em;}
li {margin: .25em 0; padding: 0;}

strong, .bold {font-weight: bold;}
.normal {font-weight: normal;}
.italics {font-style: italic;}

#header-wrap {clear: both; height: 84px; overflow: hidden; background: #1a1a1a;}
#header {}
#header ul {overflow: hidden; float: right; margin: 21px 0 0; margin-top: 38px; padding: 0; list-style: none;}
#header ul li {float: left; margin: 0 0 0 .5em; padding: 0;}
#header ul li span {display: block; color: #9c9c9c; padding: 4px 1em;}
#header ul li a:link, #header ul li a:visited {color: #fff; font-weight: bold;}
#header ul li a:hover {color: mediumseagreen;}

#pitch-wrap {clear: both;}
#pitch {overflow: hidden; padding: 0 0 30px 0; background: transparent url(/images/screenshot.png) no-repeat 400px bottom;}
#pitch h2 {font-size: 38px; line-height: 1.2; margin-bottom: 10px;}
#pitch h4 {font-size: 16px; margin-bottom: 1.5em; font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, arial, sans-serif;}
#pitch a:link, #pitch a:visited {}
#pitch a:hover {}

#content-wrap {background: #fff; padding: 30px 0; border-top: 1px solid white;}
#content {}
.sign-up {width: 240px;}
.sign-up div {text-align: center; font-size: 14px;}

#middle-wrap {}
#middle {background: #ddd; margin-bottom: 30px;}
#middle {padding: 20px 0;}
#middle h3 {margin: 0; padding: 0; text-align: center; color: #565656; font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, arial, sans-serif; font-weight: normal; font-size: 18px; text-shadow: 1px 1px 0 #fff;}

#how-it-works ul {margin: 0; padding: 0;}
#how-it-works ul li {margin-bottom: 1.5em;}

#footer-wrap {overflow: hidden;}
#footer {padding: 1.5em 0 8em 0; color: #555; border-top: 1px solid #ddd;}
.border-top {border-top: 1px solid white;}
#footer .padding {padding-top: 12px;}

#recent-tweets {}
.tweet {margin: 0; padding: 0;}
.tweet .tweet_list {list-style-type: none; margin: 0 !important; padding: 0;}
.tweet_list .awesome, .tweet_list .epic {text-transform: uppercase;}
.tweet .tweet_list li {overflow-y: auto; overflow-x: hidden; padding: 0 0 15px 0; margin: 0;}
#recent-tweets a, .tweet .tweet_list li a {color: seagreen;}
.tweet .tweet_list .tweet_even {}
.tweet .tweet_list .tweet_avatar {padding-right: .5em; float: left;}
.tweet .tweet_list .tweet_avatar img {vertical-align: middle;}
a.follow {font-size: 13px; color: #666; font-weight: bold;}
#recent-tweets p {margin: 0; padding: 0 0 5px 0; font-size: 11px;}

/* grid */
.grid_1 {width:60px;}
.grid_2 {width:140px;}
.grid_3 {width:220px;}
.grid_4 {width:300px;}
.grid_5 {width:380px;}
.grid_6 {width:460px;}
.grid_7 {width:540px;}
.grid_8 {width:620px;}
.grid_9 {width:700px;}
.grid_10 {width:780px;}
.grid_11 {width:860px;}
.grid_12 {width:940px;}

.column {margin: 0 10px; overflow: hidden; float: left; display: inline;}
.row {width: 960px; margin: 0 auto; overflow: hidden;}
.row .row {margin: 0 -10px; width: auto; display: inline-block;}






/**/