/* GENERAL STYLES */

body {
	color: #333;
	background: #fff;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
}

h1, h2, h3 {
	font-family:Arial, Verdana, Helvetica, sans-serif;
}

h2 {
	font-size:36px;
	letter-spacing:-1px;
}

h3 {
	font-size:20px;
}

h3 span {
	color:#fc3;
}

h4 {
	color:#666;
	font-size:16px;
	line-height:1.3em;
	padding:5px 0;
}

p, h2 {
	line-height:1.3em;
}

p {
	margin:1em 0;
}

a {
	text-decoration:none;
	color:#999;
}

input.buy-spikeball,
input.buy-tshirt {
	display:block;
}

.clear {
	zoom:1;
}

.clear:after {
	clear:both;
	content:".";
	height:0;
	visibility:hidden;
	display:block;
}

/* HEADER STYLES */

#hwrap {
	background:#ffe600;
}

#header,
#content,
#footer {
	width:929px;
	margin:0 auto;
	position:relative;
}

h1 {
	float:left;
	width:275px;
	height:86px;
}

.home h1 {
	background:#ffe600 url(images/point.gif) no-repeat 22px bottom;
}

#social-links {
	position:absolute;
	right:30px;
	bottom:0;
	padding:10px 15px 5px 10px;
	-moz-border-radius:5px 5px 0 0;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	background:#fff;
}

#social-links a {
	margin-left:5px;
}

/* NAVIGATION STYLES */

#nav {
	float:right;
	font-size:14px;
	margin:15px 25px 0 0;
}

#nav li {
	float:left;
	padding:10px 0;
}

#nav li a {
	padding:0 10px;
	color:#000;
}

#nav li.blog {
	padding-right:20px;
	background:#ffe600 url(images/blog_bubble.png) no-repeat right top;
}

#nav li.about a {
	border-right:1px solid #000;
}

#nav a {
	font-weight:bold;
}

/* TAB STYLES */

#tabs {
	clear:both;
}

#tabs li {
	float:left;
	margin-right:12px;
}

#tabs li a {
	display:block;
	background:#999;
	color:#fff;
	font-size:20px;
	font-weight:bold;
	width:160px;
	text-align:center;
	padding:12px 0;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
}

#tabs li.selected a {
	background:#fff;
	color:#333;
}

/* CONTENT STYLES */

#about {
	clear:both;
	position:relative;
	margin-bottom:25px;
}

#about, #how {
	padding:25px 0;
	background:#fff;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

#about a.close {
	position:absolute;
	top:10px;
	right:10px;
	text-indent:-9999px;
	background:#fff url(images/close.gif) no-repeat 0 0;
	width:20px;
	height:20px;
}

#about h2,
#how h2 {
	margin-left:25px;
}

#about p,
#how p {
	font-size:19px;
	color:#999;
	margin:0 25px;
}

#about p span {
	color:#00aeef;
}

#about a {
	color:#00aeef;
	text-decoration:underline;
}

#content {
	padding:44px 0 22px 0;
}

/* LEFT COLUMN */

#ltcol {
	margin:0 33px 0 12px;
	float:left;
	width:631px;
}

#ltcol p {
	font-size:14px;
}

#videos {
	padding:0 0 30px 0;
	border-bottom:2px dotted #c0c0c0;
}

#videos .wrap {
	background:#000;
	padding:15px 0 25px 15px;
	-moz-border-radius:10px;
}

#videoPlayer {
	float:left;
	width:480px;
	height:380px;
	background:#000 url(images/video_placeholder.jpg) no-repeat 2px 2px;
}

#videoPlayer .playerBox_gsvb {
	margin:0 !important;
}

#videoPlayer .playerInnerBox_gsvb .player_gsvb {
	width:480px;
	height:380px;
}

#videoPlayer .playerInnerBox_gsvb .title_gsvb a {
	color:#fff;
}

#videoPlayer .alldone_gsvb {
	display:none;
}

#videoBar {
	float:left;
	margin:2px 0 0 10px;
	color:#fff;
}

#videoBar td {
	border:0 !important;
}

#videoBar div.resultDiv_gsvb {
	border:0 !important;
}

#photos {
	padding-left:48px;
	border-bottom:2px dotted #c0c0c0;
	display:none;
	padding-bottom:17px;
}

#photos img {
	display:block;
	float:left;
	margin:0 40px 25px 0;
}

#photos p {
	clear:both;
	text-align:right;
	margin-right:45px;
}

#photos p a {
	font-size:12px;
	color:#00aeef;
}

#how {
	padding-top:20px;
}

#buy-spikeball {
	margin-left:25px;
}

#buy-spikeball p {
	margin:0;
}

#buy-spikeball p.price {
	float:left;
	text-align:center;
	margin-right:20px;
	color:#00aeef;
	font-size:26px;
	font-weight:bold;
	line-height:18px;
	padding:5px 0;
}

#buy-spikeball p.price span {
	color:#999;
	font-size:12px;
	font-weight:normal;
}

#buy-spikeball form {
	float:left;
	margin-right:20px;
}

#buy-spikeball p.google-checkout {
	float:left;
	font-size:26px;
	font-weight:bold;
}

#images {
	padding-bottom:20px;
}

#image {
	width:600px;
	height:460px;
	overflow:hidden;
	margin:10px 15px;
}

#info {
	border:1px solid #ccc;
}

#info p {
	margin:10px;
	color:#666;
	font-size:14px;
	text-align:center;
}

/* RIGHT COLUMN */

#rtcol {
	float:left;
	width:253px;
}

#rtcol p {
	font-size:12px;
}

#spread-the-love {
	background:#ffc;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	padding:20px 15px 10px 15px;
	margin-bottom:25px;
}

#spread-the-love p {
	background:#ffc url(images/heart.gif) no-repeat 0 3px;
	margin-top:0;
	font-size:20px;
	font-weight:bold;
	color:#999;
	text-indent:28px;
	line-height:1.2em
}

#spread-the-love p span.red {
	color:#f26c4f;
}

#spread-the-love p span.blue {
	color:#39c;
}

#spread-the-love input.buy-spikeball {
	margin:0 auto;
}

#spikeball-swag {
	background:#daf4fd;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	padding:20px 15px 10px 15px;
	margin-bottom:25px;
}

#spikeball-swag form {
	margin-bottom:20px;
}

#spikeball-swag form p {
	text-align:center;
}

#spikeball-swag input.buy-tshirt,
#spikeball-swag input.buy-ball {
	display:block;
	margin:0 auto;
}

#spikeball-swag input.buy-ball {
	margin-top:5px;
}

#spikeball-swag p {
	margin-top:0;
	color:#999;
	font-weight:bold;
}

#spikeball-swag a {
	color:#00aeef;
	text-decoration:underline;
}

#spikeball-swag img {
	display:block;
	margin:20px auto;
}

#spikeball-swag p.price,
#spikeball-swag p.size {
	float:left;
	padding:5px 0;
}

#spikeball-swag p.price span {
	color:#999;
	font-weight:normal;
	font-size:12px;
}

#spikeball-swag p.size span {
	font-size:20px;
	font-weight:bold;
}

#spikeball-swag p.price {
	text-align:center;
	margin:8px 20px 0 10px;
	color:#00aeef;
	font-size:26px;
	font-weight:bold;
	line-height:18px;
	padding:5px 0;
}

#spikeball-swag form select {
	width:100px;
	font-size:12px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	display:block;
	margin:5px 0 0 0;
}

#newsletter {
	background:#ffc;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	padding:20px 15px;
}

#newsletter p {
	margin:0 0 0.2em 0;
	color:#666;
	font-size:18px;
	font-weight:bold;
}

#newsletter p span {
	color:#999;
}

#newsletter p.small {
	font-size:12px;
	font-weight:normal;
}

#newsletter form {
	margin-top:15px;
}

#newsletter input.text {
	float:left;
	width:155px;
	margin-right:10px;
	font-size:12px;
	color:#666;
}

#newsletter input.button {
	float:left;
}

/* FOOTER STYLES */

#footer {
	border-top:1px dotted #c0c0c0;
	color:#666;
}

#footer p,
#footer ul {
	float:left;
}

#footer ul {
	margin-top:20px;
}

#footer p {
	margin:20px 20px 0 100px;
}

#footer li {
	float:left;
	margin-right:10px;
	line-height:1.3em;
}

#acornhost {
	display:block;
	float:right;
	width:115px;
	height:31px;
	margin:20px 25px 25px 0;
}

/* PAGE STYLES */


/* ABOUT PAGE */
.about #ltcol h2,
.about #ltcol h3 {
	margin:0 25px;
}

.about #ltcol p {
	margin:0.5em 25px 1.5em 25px;
	color:#666;
}

/* CONTACT PAGE */

.contact #ltcol h2,
.contact #ltcol p,
.contact #ltcol form {
	margin:0 25px;
}

.contact #ltcol p {
	margin:1em 25px;
	color:#666;
}

.contact form .field {
	margin:10px 0;
}

.contact form fieldset .field {
	float:left;
	margin:0;
	margin-right:10px;
}

.contact form label {
	display:block;
	font-size:12px;
	font-style:italic;
	line-height:1.3em;
	padding:5px 0;
}

.contact form input {
	display:block;
	font-size:14px;
}

.contact form input.text1 {
	width:500px;
}

.contact form input.text2 {
	width:200px;
}

.contact form input.text3 {
	width:75px;
}

.contact form select {
	width:200px;
	font-size:14px;
}

.contact form textarea {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:14px;
	width:500px;
	height:100px;
	padding:2px;
}

/* PRIVACY POLICY, TERMS OF USE, SHIPPING POLICY */

.shipping-policy #ltcol h2,
.terms-of-use #ltcol h2,
.privacy-policy #ltcol h2 {
	padding-bottom:0.5em;
}

.shipping-policy #ltcol h2,
.shipping-policy #ltcol h3,
.shipping-policy #ltcol p,
.terms-of-use #ltcol h2,
.terms-of-use #ltcol h3,
.terms-of-use #ltcol p,
.privacy-policy #ltcol h2,
.privacy-policy #ltcol h3,
.privacy-policy #ltcol p {
	margin:0 25px;
}

.shipping-policy #ltcol p,
.terms-of-use #ltcol p,
.privacy-policy #ltcol p {
	margin:1em 25px;
	color:#666;
}

.shipping-policy #ltcol a,
.terms-of-use #ltcol a,
.privacy-policy #ltcol a {
	color:#00aeef;
}

.shipping-policy #ltcol a:hover,
.terms-of-use #ltcol a:hover,
.privacy-policy #ltcol a:hover {
	text-decoration:underline;
}