/* #Site Styles
================================================== */

body {
	min-width:960px;
	background: #daf0fd url(../images/bodybg.png) repeat-x top;
	}
.bgclouds {
	background: url(../images/bgclouds.png) no-repeat center 130px;
	}
.floatright {
	float:right;
	}


/*
Homepage Main Signup
*/
#home-register {
	width:630px;
	height: 229px;
	padding:75px 0 20px 330px;
	background: url(../images/stork.png) no-repeat left bottom;
	}
.text-funsimple {
	margin-left:60px;
	margin-bottom:30px;
	text-indent: -9999em;
	width:355px;
	height: 131px;
	background: url(../images/text-home.png) no-repeat 0 0;
	}
.btn-signupfree,
.btn-findpool,
.btn-taketour {
	float: left;
	margin-right:8px;
	}
.btn-findpool,
.btn-taketour {
	padding-top:13px;
	}
.btn-findpool a {
	width:157px;
	height: 53px;
	background: url(../images/btn-findpool.png) no-repeat top;
	}
.btn-taketour a {
	width:157px;
	height: 53px;
	background: url(../images/btn-taketour.png) no-repeat top;
	}
.btn-signupfree a {
	width:247px;
	height: 66px;
	background: url(../images/btn-signupfree.png) no-repeat top;
	}
.btn-signupfree a,
.btn-findpool a,
.btn-taketour a {
	display: block;
	text-indent: -9999em;
	}
.btn-findpool a:hover,
.btn-taketour a:hover,
.btn-signupfree a:hover {
	background-position: bottom;
	}


/*
Home Intro Ribbon
*/
#ribbon-bg {
	height: 359px;
	overflow: hidden;
	background: url(../images/ribbon-bg.gif) no-repeat top center;
	}
#home-ribbon {
	width:960px;
	margin: 0 auto;
	padding:20px 0;
	overflow: hidden;
	}
#home-ribbon .col1 {
	float: left;
	width:320px;
	padding:20px 0 0 0px;
	margin-right:5px;
	}
#home-ribbon .col1 p {
	padding: 0 30px;
	font-size:13px;
	line-height:17px;
	color: #5e431f;
	}
#home-ribbon .col1 .btn-intro {
	padding-left:20px;
	}
#home-ribbon .col1 .btn-intro a {
	display: block;
	text-indent: -9999em;
	width:261px;
	height: 30px;
	background: url(../images/btn-intro.png) no-repeat 0 0;
	}
#home-ribbon .col1 .btn-intro a:hover {
	background-position: 0 -30px;
	}
#home-ribbon .col2 {
	float: left;
	width:300px;
	margin-right:5px;
	padding: 5px;
	background: #ddda85;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	}
#home-ribbon .col2 p {
	margin: 0;
	padding:0 10px;
	font-size:11px;
	color: #9b843c;
	}
#home-ribbon .col3 {
	width:300px;
	float: left;
	padding:20px 10px 20px;
	}
#home-ribbon .col3 p {
	font-weight: bold;
	color: #7e7b23;
	text-align: center;
	margin: 0 0 5px;
	}
#home-ribbon .col3 .img-seenon {
	padding: 5px 0;
	text-align: center;
	margin-bottom:10px;
	}
#home-ribbon .col3 .btn-link {
	font-size:12px;
	line-height: 30px;
	text-align: center;
	}
#home-ribbon .col3 .btn-link a {
	background: #fff;
	padding: 5px 20px;
	text-decoration: none;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	}

/*
Home Dashboard
*/
#home-dashboard {
	padding:0 25px 30px;
	width:890px;
	margin:0 auto 20px;
	background: #fff;
	-moz-border-radius-bottomright: 6px;
	border-bottom-right-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-bottom-left-radius: 6px;
	}
#home-dashboard h1 {
	font-size:16px;
	line-height: 20px;
	margin: 0 0 10px;;
	padding: 0;
	font-weight: bold;
	}
#home-dashboard .col1 h1 {
	color: #f4bd15;
	}
#home-dashboard .col2 h1 {
	color: #70d252;
	}
#home-dashboard .col3 h1 {
	color: #b663b9;
	}
#home-dashboard .col1 {
	float: left;
	margin-right:50px;
	width:260px;
	}
#home-dashboard .col2 {
	float: left;
	margin-right:50px;
	width:270px;
	}
#home-dashboard .col3 {
	float: left;
	width:260px;
	}
#home-dashboard .list-rap {
	border-top:1px solid #e9e68a;
	margin-bottom: 15px;
	}
#home-dashboard .list-item {
	border-bottom:1px solid #e9e68a;
	padding: 15px 0;
	width:100%;
	overflow: hidden;
	}
#home-dashboard .col2 .list-item {
	padding:0;
	}
#home-dashboard .col2 .list-item-text {
	padding-top:15px;
	}
#home-dashboard .list-item p {
	font-size:11px;
	line-height: 15px;
	color: #666;
	margin: 0 0 1px;
	}
#home-dashboard .list-item .list-color {
	color: #111;
	font-size:14px;
	margin-right:10px;
	}
#home-dashboard .list-item .list-color-boy,
#home-dashboard .list-item .list-color-girl {
	font-size:14px;
	margin-right:10px;
	}
#home-dashboard .list-item .list-color-boy {
	color: #50a7d5;
	}
#home-dashboard .list-item .list-color-girl {
	color: #d550cd;
	}
#home-dashboard .list-item .list-grey {
	color: #aaa;
	}
#home-dashboard .list-guess-box {
	background: #fffee3;
	padding: 16px 5px;
	float: left;
	margin-right:5px;
	}
#home-dashboard .list-guess-box p {
	color: #666;
	text-align: center;
	}
#home-dashboard .list-guess-box .list-guess-num {
	font-weight: bold;
	color: #222;
	font-size:16px;
	}
.link-showmore {
	color: #aba83e;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	font-size:11px;
	}


/*
Home Blog
*/
#home-blog {
	width:890px;
	margin: 0 auto 15px;
	padding: 35px 25px;
	background: #fff;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 6px;
	}
#home-blog h1 {
	font-size:16px;
	line-height: 20px;
	margin: 0 0 15px;
	padding: 0 0 15px;
	font-weight: bold;
	border-bottom:1px solid #e9e68a;
	}
#home-blog .col1 h1 {
	color: #b663b9;
	}
#home-blog .col2 h1 {
	color: #0a689a;
	padding-left:25px;
	background: url(../images/h1-twitter.png) no-repeat top left;
	}
#home-blog .col2 h1 span {
	color: #0d97e1;
	}
#home-blog .col1 {
	width:570px;
	float: left;
	}
#home-blog .col2 {
	color: #0a689a;
	width:280px;
	float: right;
	}
#home-blog .col1 .col1 {
	width:270px;
	float: left;
	}
#home-blog .col1 .col1 img {
	display: block;
	margin:0 0 10px;
	}	
#home-blog .col1 .col1 .blog-date {
	font-size:11px;
	color: #aaa;
	margin: 0 0 10px;
	}
#home-blog .col1 .col1 .blog-excerpt {
	font-size:12px;
	line-height: 18px;
	}
#home-blog .col1 a {
	color:#3bb3f2;
	text-decoration: none;
	}
#home-blog .col1 .col1 h2 {
	font-size:17px;
	line-height: 20px;
	margin: 0 0 4px;
	}
#home-blog .col1 .col1 a img {
	border:2px solid #90cff4;
	}
#home-blog .col1 .col2 a {
	color: #222;
	}
#home-blog .col1 .col2 .list-item {
	border-bottom:1px solid #e9e68a;
	padding: 10px 0;
	width:100%;
	overflow: hidden;
	}
#home-blog .col1 .col2 .list-item p {
	color: #333;
	margin: 0 0 1px;
	font-size:14px;
	line-height: 16px;
	}
#home-blog .col1 .col2 .list-item .date-grey {
	color: #aaa;
	margin: 0 0 4px;
	font-size:11px;
	}
#home-blog .tweet {
	margin:0 0 15px;
	padding: 0 0 15px;
	border-bottom:1px solid #e9e68a;
	}
#home-blog .tweet p {
	color: #222;
	font-size:13px;
	line-height: 17px;
	margin: 0;
	}
#home-blog .tweet .tweet-time {
	font-size:11px;
	color: #999;
	}


/*
Homepage 728x90px Ad
*/
#ad-home-bottom {
	padding: 10px;
	width:728px;
	height: 90px;
	overflow: hidden;
	margin: 0 auto 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	background: #fff;
	}


/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
	
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
	
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
	
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
	
	}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/