/*
Theme Name: 3P Sports
Theme URI: http://wordpress.org/
Description: A custom built Wordpress theme for 3P Sports.
Version: 0.1
Author: Steve Ambielli
Author URI: http://www.steveambielli.com/
Tags: blue, fixed width, two columns, widgets
*/

body {
	font-size: 12px;
	font-family: Arial, Sans-Serif;
	background: #3b6001 url(images/mainBKG.jpg) top center no-repeat;
	color: #333;
	text-align: center;
	padding: 0;
	margin: 0;
}

a:link, a:active, a:visited {
	color: #b71936;
	text-decoration: none;
}

a:hover {
	color: #152e5e;
	text-decoration: underline;
}

a.external {
	background: url(images/new-window-icon.gif) right center no-repeat;
	padding-right: 15px;
}

p {
	margin: 0;
	padding: 6px 0;
	line-height: 15px;
}

h2 {
	margin: 0;
	padding: 0;
	font-size: 18px;
	color: #0e3682;
	font-weight: normal;
}

h3 {
	margin: 0;
	padding: 0;
	font-size: 24px;
	color: #333;
	font-weight: bold;
}

ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul li {
	padding: 6px 0 8px 12px;
	margin: 0;
	background: url(images/plus_small.png) no-repeat 0 8px;
}

ul.faq { font-weight: bold; }

.clear { clear: both; }

.red { color: #ae1a38; font-weight: bold; }

.divider { 
	border-top: 1px solid #8d8d8d;
	height: 2px;
}

.alignleft {
	float: left;
	margin: 6px 6px 0 0;
}

p a.post-edit-link { display: none; }

#container {
	margin: 0 auto;
	width: 950px;
	background-color: #f2f2f2;
	text-align: left;
	padding: 0 10px;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}

#header {
	width: auto;
	/*height: 140px;*/
}

#header .logo {
	float: left;
	padding: 10px 0 10px 16px;
}

#header .endorsements {
	float: right;
	padding: 5px 16px 0 0px;
	color: #152e5e;
	font-size: 17px;
}

#nav {
	width: auto;
	height: 32px;
	background: #112a6e url(images/navBarBKG.gif) repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	clear: both;
	z-index: 9999;
}

#nav .left-cap {
	background-image: url(images/navBarLeftCap.gif) no-repeat;
	float: left;
	width: 1px;
	height: 32px;
}

#nav .right-cap {
	background-image: url(images/navBarRightCap.gif) no-repeat;
	float: right;
	width: 1px;
	height: 32px;
}

#nav a:link, #nav a:active, #nav a:visited, #nav a:hover {
	color: #fff;
	text-decoration: none;
}

#nav h4 { display: none; }

#nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#nav ul li {
	float: left;
	display: block;
	padding: 6px 25px 8px;
	margin: 0;
	position: relative;
	z-index: 9999;
	background: url(images/navBarDIV.gif) right center no-repeat;
}

#nav ul li:hover, #nav ul li.current_page_item, #nav ul li.current_page_parent, #nav ul li.current_page_ancestor {
	background: #750022 url(images/navBarActive2.gif) right center no-repeat;
}

/* HANDLES THE DROP DOWN NAV */

#nav ul li ul, #nav ul li ul li ul li {
	display: none;
}

.hover {
	position: absolute;
	top: 31px;
	left: 0;
	background-image: none;
	background-color: #112b6e;
	padding: 0;
}

#nav ul li ul li {
	margin: 0;
	padding: 8px 10px 8px 10px;
	width: 220px;
	text-align: left;
	border-bottom: 1px solid #ccc;
	background-image: none;
	height: auto;
	font-weight: normal;
}

#nav ul li ul li:hover, #nav ul li ul li.current_page_item, #nav ul li ul li.current_page_parent {
	background: none;
	background-color: #750022;
}


#nav .left-cap {
	background: #112a6e url(images/navBarLeftCap.gif) no-repeat;
}

#nav .right-cap {
	background: #112a6e url(images/navBarRightCap.gif) no-repeat;
}

/* CONTENT */

#container-2 {
	position: relative;
}

#container-2 .entry .divider { 
	border-top: 1px solid #8d8d8d;
	height: 2px;
	padding: 0 0 8px 0;
	margin: 8px 0 0 0;
}

#container-2 ul li {
	padding: 2px 0 2px 8px;
	background-position: 0 6px;
}

#container-2 .content {
	padding: 12px 230px 0 16px;
}

#container-2 .partner {
	width: 170px;
	height: 125px;
	float: left;
}

#container-2 .partner-info {
	width: 355px;
	height: 125px;
	float: right;
}

#container-2 .sub-content {
	padding: 12px 230px 0 180px;
}

#container-2 h4 {
	font-size: 16px;
	font-weight: bold;
	color: #0e3682;
	padding: 0;
	margin: 0;
}

#container-2 h5 {
	font-size: 16px;
	font-weight: bold;
	padding: 5px 0 0 0;
	margin: 0;
}

#container-2 .demo  {
	float: left;
	width: 350px;
	margin-right: 2px;
}

#container-2 .expert-box {
	width: 170px;
	float: left;
	margin: 5px 10px 5px 0;
}

#container-2 .blue-box {
	background-color: #ebf1fd;
	padding: 15px;
	border: 1px solid #c8c8c8;
}

#container-2 .content .left-box {
	float: left;
	width: 346px;
	margin-top: 20px;
}

#container-2 .content .left-box ul li {
	background: url(images/plus_big.png) no-repeat 0 5px;
	font-weight: bold;
	padding-left: 10px;
}

#container-2 .content .left-box .title {
	font-size: 24px;
	font-weight: bold;
}

#container-2 .content .left-box img {
	float: left;
	margin: 3px 0 16px 0;
}

#container-2 .content .left-box .info {
	float: right;
	width: 250px;
}

#container-2 .content .left-box .divider {
	border-top: 1px solid #dfdfdf;
	clear: both;
	margin: 0;
}

#container-2 .promo {
	float: right;
	width: 348px;
	height: 550px;
	margin-top: 22px;
}

#container-2 .promo .title {
	font-size: 24px;
	font-weight: bold;
}

#container-2 .promo-box {
	width: 160px;
	float: left;
	margin-bottom: 10px;
	padding-right: 10px;
}

#container-2 .content .box-first {
	width: 164px;
	float: left;
}

#container-2 .content .box {
	width: 164px;
	float: left;
	margin-left: 13px;
}

#container-2 .content .sub-nav {
	float: left;
	width: 20%;
	font-weight: bold;
}

#container-2 .content .box-full {
	float: right;
	width:79%;
}

#content { position: relative; }

#content h1 {
	position: absolute;
	top: 10px;
	left: 15px;
	z-index: 10;
	color: #fff;
}

#content h1.title {
	position: static;
	color: #333;
	padding: 0;
	margin: 0;
}

#content h2.blue {
	position: absolute;
	top: 60px;
	left: 15px;
	z-index: 10;
	color: #9fcdf5;
	font-size: 18px;
	font-weight: normal;
}

#content #sub-nav {
	display: none;
	width: 170px;
}

#content .nocomments { display: none; }

/* LEFT NAV */

#left-nav {
	float: left;
	width: 163px;
	overflow: hidden;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #e0e0e0;
	z-index: 2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#left-nav a:link, #left-nav a:active, #left-nav a:visited {
	color: #333;
}

#left-nav h4 { display: none; }

#left-nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#left-nav ul li {
	padding: 6px 0 0 12px;
	margin: 0;
	background: #ccc url(images/plus_big.png) no-repeat 0 11px;
	background-image: none;
}

#left-nav ul li.current_page_item ul li {
	font-weight: normal;
}

#left-nav ul li.current_page_item {
	font-weight: bold;
}

#left-nav ul li ul li {
	padding: 6px 4px 6px 14px;
	margin: 0 0 0 -12px;
	background: #e0e0e0 url(images/plus_big.png) no-repeat 2px 11px;
	border-bottom: 1px solid #a8a8a8;
}

#left-nav ul li ul li ul li {
	padding: 6px 4px 6px 12px;
	margin: 0 0 0 -8px;
	background: url(images/plus_big.png) no-repeat 2px 11px;
	border-bottom: none;
}

/* SIDEBAR */

#sidebar {
	width: 182px;
	margin: 0 15px 0 0;
	background: #e5e5e5 url(images/rt-sidebar-top-shadow.gif) top center no-repeat;;
	position: absolute;
	right: 0;
	top: 0;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	padding: 0 8px;
}

#sidebar h4 { display: none; }

#sidebar .textwidget {
	/*border-top: 1px solid #8d8d8d;*/
}

#sidebar h3.red {
	font-size: 14px;
	font-weight: bold;
	color: #b71936;
	padding: 8px 0;
	margin: 0;
}

#sidebar h3.blue {
	font-size: 14px;
	font-weight: bold;
	color: #0e3682;
	padding: 8px 0;
	margin: 0;
}

#sidebar h3.grey {
	font-size: 20px;
	font-weight: bold;
	color: #333;
	padding: 8px 0;
	margin: 0;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#sidebar ul li {
	padding: 4px 0 4px 10px;
	background-position: 0 8px;
}

#sidebar .expert-block {
	clear: both;
}

#sidebar .avatar {
	float: left;
	width: 80px;
	margin: 0 0 20px 0;
}

#sidebar .expert {
	float: right;
	width: 90px;
	font-size: 11px;
}

#sidebar .expert .name {
	font-weight: bold;
	color: #ae1a38;
}

/* MAIN CONTENT */

#home-banner {
	width: 950px;
	height: 496px;
	background: #000 url(images/mainBKGimage.jpg) no-repeat;
	position: relative;
}

#home-banner h1 {
	position: absolute;
	top: 70px;
	left: 38px;
	color: #fff;
	font-size: 36px;
	font-weight: bold;
	width: 400px;
}

#home-banner h2 {
	position: absolute;
	top: 228px;
	left: 38px;
	color: #9fcdf5;
	font-size: 24px;
	font-weight: normal;
	width: 450px;
}

#home-banner h3 {
	position: absolute;
	top: 288px;
	left: 38px;
	color: #fff;
	font-size: 16px;
	font-weight: normal;
	width: 902px;
}

#home-banner h3 a:link, #home-banner h3 a:visited, #home-banner h3 a:active {
	color: #fff;
	text-decoration: none;
}

#home-banner h3 a:hover {
	color: #fff;
	text-decoration: underline;
}

#home-banner img.image {
	padding: 3px;
}

#home-banner .text {
	font-size: 12px;
	color: #333;
	padding: 2px 9px 0 9px;
}

#home-banner ul {
	margin: 0;
	padding: 0 0 0 9px;
	list-style-type: none;
}

#home-banner ul li {
	padding: 3px 0 2px 10px;
	font-size: 12px;
	font-weight: bold;
	background: url(images/plus_big.png) no-repeat 0 6px;
}

#home-banner .box1 {
	position: absolute;
	bottom: 10px;
	left: 13px;
	color: #fff;
	font-size: 16px;
	font-weight: normal;
	background: #fff;
	width: 170px;
	height: 170px;
}

#home-banner .box2 {
	position: absolute;
	bottom: 10px;
	left: 192px;
	color: #fff;
	font-size: 16px;
	font-weight: normal;
	background: #fff;
	width: 170px;
	height: 170px;
}

#home-banner .box3 {
	position: absolute;
	bottom: 10px;
	left: 371px;
	color: #fff;
	font-size: 16px;
	font-weight: normal;
	background: #fff;
	width: 170px;
	height: 170px;
}

#home-banner .box4 {
	position: absolute;
	bottom: 10px;
	left: 550px;
	color: #fff;
	font-size: 16px;
	font-weight: normal;
	background: #fff;
	width: 170px;
	height: 170px;
}


/* FOOTER */

#footer {
	clear: both;
	border-top: 1px solid #ccc;
	margin: 3px 15px 0 15px;
}

#footer .footer-quote {
	margin: 0 auto;
}

#footer .testimonial {
	/*position: relative;*/
	float: left;
	padding: 13px 0;
	color: #5a5a5a;
}

#footer .testimonial .quote {
	font-size: 20px;
	font-weight: bold;
	padding: 0 25px;
}

#footer .testimonial .attribution {
	font-size: 14px;
	font-weight: bold;
	padding: 0 25px;
}

#footer .left-quote {
	/*position: absolute;
	left: 0;
	top: 0;*/
	float: left;
	width: 33px;
	height: 41px;
	background: url(images/openQuote.gif) no-repeat;
}

#footer .right-quote {
	/*position: absolute;
	right: 0;
	top: 0;*/
	float: left;
	width: 33px;
	height: 41px;
	background: url(images/closeQuote.gif) no-repeat;
}

#footer .footer2 {
	clear: both;
	border-top: 1px solid #ccc;
}

#footer .site-map {
	float: left;
	font-size: 11px;
	width: 695px;
	height: 150px;
	overflow: hidden;
}

#footer .site-map h3 {
	font-weight: bold;
}

#footer .site-map a:link, #footer .site-map a:active, #footer .site-map a:visited {
	color: #333;
}

#footer .site-map a:hover {
	color: #b71936;
	text-decoration: underline;
}

#footer .site-map ul li {
	padding: 3px 0 3px 8px;
	background-position: 0 6px;
	font-weight: normal;
}

#footer .sm-box {
	width: 165px;
	float: left;
	margin: 7px 7px 0 0;
}

#footer .sm-box h3 {
	font-size: 11px;
}

#footer .newsletter {
	float: right;
	background: url(images/newsletter-sign-up.gif) no-repeat;
	width: 199px;
	/*width: 235px;*/
	height: 110px;
	/*height: 250px;*/
	overflow: hidden;
	padding: 30px 5px 10px 10px;
}

#footer .newsletter h3 {
	font-weight: bold;
	font-size: 12px;
	padding: 0;	
	margin: 0;
}

#footer .copyright {
	font-size: 11px;
	clear: both;
	border-top: 1px solid #ccc;
	padding: 20px 0 20px 13px;
}

#footer .copyright a:link, #footer .copyright a:active, #footer .copyright a:visited {
	color: #b71936;
}

#footer .copyright a:hover {
	color: #152e5e;
	text-decoration: underline;
}

/* PLUGINS */
div.sociable { 
	margin: 16px 0 16px 10px;
	padding: 10px 0;
	background: url(images/socialBar-fill.png)  repeat-x;
	width: 75%;
	height: 37px;
	position: relative;
	text-align: center;
	z-index: 1;
}


.sociable .sociable-left {
	background: url(images/socialBar-ltCap.png) no-repeat;
	width: 8px;
	height: 37px;
	float: left;
	position: absolute;
	top: 0;
	left: -8px;
}

.sociable .sociable-right {
	background: url(images/socialBar-rtCap.png) no-repeat;
	width: 8px;
	height: 37px;
	float: right;
	position: absolute;
	top: 0;
	right: -8px;
}

span.sociable_tagline { position: relative; }

span.sociable_tagline span { display: none; width: 14em; }

span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	line-height: 1.25em;
}

.sociable span {
	display: block;
}

.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}


.sociable ul li {
	background: none;
	display: inline !important;
	list-style-type: none;
	margin: 0 16px;
	padding: 1px;
}

.sociable ul li:before { content: ""; }

.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}

.sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}

#simplemodal-overlay {background-color:#000;}
#simplemodal-container {background-color: #f2f2f2; border:8px solid #ccc; padding:12px; height: auto;}
#simplemodal-container h3 { color: #000; padding: 0 0 8px 0; }
#save-80 { color: #000; width: 400px; font-size: 14px;  text-align: left; line-height: 18px; }
 #money-back { color: #000; width: 400px; font-size: 14px;  text-align: left; line-height: 18px;}
 #how-works {  color: #000; width: 750px; font-size: 12px;  text-align: left; line-height: 18px;}
 #how-works .promo .title {
	font-size: 24px;
	font-weight: bold;
}

 #how-works .promo-box {
	width: 160px;
	float: left;
	margin-right: 10px;
	padding-right: 10px;
}

#how-works ul li { background-position: 0 12px; }