/*
Theme Name: Pro Ball Theme
Theme URI: http://pro-ball.com/
Description: Custom Pro Ball Theme designed and developed by BustBright
Version: 1.0
Author: Derrick Schultz
Author URI: http://bustbright.com/
*/

@import"css/reset.css";

/* Colors */

/*********************/
/** COLOR USAGE **/
/*********************/

/* 4c black */
body {
	background-color: #000000;
}

.blog h2 a {
	color: #000000;}

/* 10% black */
#pagecontent:hover, #learnmore:hover {
	background-color: rgb(237,237,237);}
	
#sidebar li a:hover, .lbinfo a:hover {
	color: rgb(237,237,237);}

/* 20% black */	
.hasjs .coachlist li:hover, .hasjs .faqs #pagecontent li:hover {
	background-color: rgb(211,211,211);}


/* 30% black */
.home a, #fnav a:hover, p, #sidebar li a, #inav a, .lbinfo a, #follow h1 {
	color: #bcbec0;}
	
#pagecontent, #learnmore, #register-sidebar {
	background-color: #bcbec0;}
	
/* 40% black */
p.intro {
	color: #a7a9ac;}
	
#snav li.selected a, #snav .current_page_item a {
	background-color: #a7a9ac}
	
#snav .current_page_item li a { 
	background-color: transparent;}
	
/* 50% black */
#fnav a, #pagehead .actionlist a:hover, #sidebar .section .actions:hover, #sidebar .section .rss:hover, #snav li a:hover, #snav .selected a:hover, #snav .current_page_item a:hover, #inav a:hover {
	color: #939598;}
	
/* 70% black */
#footer h3, h1, h1 a, #pagehead .actionlist a, #sidebar .section .actions, #sidebar .section .rss, #snav li a {
	color: #636466;}
	
/* 85% black */
#pagecontent, #pagecontent p, .meta a, .commentcontent h6 a:hover, #mnav a, #pnav a, .blog .more, #register-sidebar, #register-sidebar p, #register-sidebar h6 {
	color: rgb(75,75,75);}
	
#inav .selected a, .lbinfo {
	background-color: rgb(75,75,75);}

.coachlist li {
	border-bottom: 1px dotted rgb(75,75,75);
}
	
/* 100% black */

#weektip .post .container, #icontent .col1, #icontent .col2, #inav a, .lbcontent  {
	background-color: #272727;}
	
.section:hover, .home #rightCol:hover {
	background-color: #131212;}

/* red */
.more:hover, #register-f a:hover, #register-section, #registeriface a, #paymentiface a {
	background-color: #6b0b0c;}

.commentcontent h6 a, #register-p a, .required-field, .error {
	color: #6b0b0c;}

/* full white*/
.home a:hover, body, #mnav a:hover, #pnav a:hover, h2 a, .more, #mnav li.selected, #mnav .current_page_item a, .more:hover, #inav .selected a, #inav a:hover, .register .mastertitle {
	color: #ffffff;}

#pagecontent #comments {
	background-color: #ffffff;}


/*********************/
/** TYPOGRAPHY **/
/*********************/

a, #pagecontent p a {
	color: #4B4B4B;
	text-decoration: underline;}
	
a:hover, #pagecontent p a:hover {
	text-decoration: none;}

strong{
	font-weight: bold;}
	
em {
	font-style: italic;}

body {
	font-family: Helvetica, Arial, sans-serif;}

#commentform input, #commentform textarea {
	font-family: Helvetica, Arial, sans-serif;}

.meta a:hover, .meta .commentblock a, a {
	text-decoration: none;}
	
.meta a {
	text-decoration: underline;}
	
#mnav li a {
	font-size: 1.6em;
	line-height: 1.2em;}
	
#fnav a {
	font-size: 1.1em;}
	
#sidebar li li, #commentform input, #commentform textarea {
	font-size: 1.3em;}
	
h1, #pagecontent h3 {
	font-size: 3.6em;
	letter-spacing: .01em;}

h1 {
	text-transform: uppercase;}

h2 {
	font-size: 1.5em;
	text-transform: uppercase;
	letter-spacing: .025em;
}

#inav a {
	font-size: 1.8em;
	line-height: 1.125em;}

#inav a span {
	display: block;
	clear: left;
	font-size: .75em;
}

h4 {
	font-size: 2.7em;}

h6 {
	font-size: 1.8em;
	line-height: 1.3em;}

.intro {
	font-size: 1.1em;
	line-height: 1.272em;
}
	
#footer h3 {
	font-size: 2.7em;}
	
#footer h3 span {
	font-size: .5926em;}

/*********************/
/** STRUCTURE **/
/*********************/

.clearfloat {
	clear: both;}

/* Global */
#rap {
	width: 890px;
	padding: 0 0 0 70px;
	margin: 0 auto;
	background: #000000 url(img/basic/bodybg.gif) repeat-y top left;}
	
#header {
	position: relative;
	height: 150px;
}

#homelogo {
	position: absolute;
	left: -73px;
	top: 24px;
	z-index: 20;}
	
h1#tagline {
	position: absolute;
	top: 13px;
	left: 73px;}

h1#tagline a {
	display: block;
	text-indent: -999em;
	background: transparent url(img/basic/tagline.gif) no-repeat top left;
	height: 53px;
	width: 678px;}
	
h1#tagline a:hover {
	background-position: bottom left;}
	
#mnav {
	position: absolute;
	top: 81px;
	left: 115px;
}

#mnav li {
	float: left;
	width: 100px;
	margin-right: 30px;
	padding-top: 6px;
	border-top: 3px solid #000000;}

#mnav li.selected, #mnav li.current_page_item {
	border-top-color: #ffffff;}

#pnav {
	position: absolute;
	top: 13px;
	right: 1px;
	width: 99px;}

#pnav a {
	display: block;
	padding: 2px 8px 3px;
	text-align: right;}

#leftCol .mastertitle, #rightCol #follow h1 {
margin-bottom: 0px;}

#leftCol .mastertitle {
	width: 380px;}

#pagecontent h3 {
	margin-bottom: 20px;}
	
#pagecontent h6, #pagecontent p {
	margin-bottom: 12px;}

#register-p a {
	padding: 5px 8px 5px;
	margin-bottom: 4px;}

#leftCol h1, #rightCol h1 {
	margin-bottom: 20px;}
	
#follow {
	border-top: 0px;}

#follow #facebook {
	display: block;
	text-indent: -999em;
	background: transparent url(img/basic/facebook.png) no-repeat top left;
	height: 64px;
	width: 64px;
	position: absolute;
	right: 93px;
	bottom: 6px;
}

#follow #twitter {
	display: block;
	text-indent: -999em;
	background: transparent url(img/basic/twitter.png) no-repeat top left;
	height: 64px;
	width: 64px;
	position: absolute;
	right: 16px;
	bottom: 6px;
}

#follow #rss {
	position: absolute;
	bottom: -14px;
	right: 20px;
}

#follow #twitter:hover, #follow #facebook:hover {
	background-position: bottom left;}

.section {
	padding: 20px;}
	
#register-section .col1, #register-section .col2 {
	float: left;
	width: 130px;
	margin-bottom: 18px;}
	
#register-section .col1 {
	margin-right: 20px;}
	
#register-section #register {
	clear: left;
	display: block;
	text-indent: -999em;
	background: transparent url(img/basic/registerbutton.png) no-repeat top left;
	height: 33px;
	width: 280px;}
	
#register-section #register:hover {
	background-position: bottom left;}
	
#sidebar li li {
	padding: 10px 0px;
	border-bottom: 1px dotted #bcbec0;
}

#weektip .post {
	padding-bottom: 36px;
	background: transparent url(img/basic/tip-arrow.png) no-repeat 220px bottom;
	margin-bottom: 4px;
}

#weektip .post .container {
	padding: 14px;
}

#weektip .tipauthor {
	margin-top: 12px;
}

#weektip .intro {
	position: absolute;
	bottom: 20px;
	left: 20px;
	width: 150px;}

#footer {
	border-top: 1px solid #ffffff;
	padding: 15px 29px 29px 19px;
	position: relative;
	height: 16px;
	margin-top: -1px;
}

#footer h3 {
	position: absolute;
	width: 785px;
	text-transform: uppercase;
	top: 15px;
	left: 19px;
}

.hasjs #footer h3 {
	width: 525px;}

#footer h3 span {
	position: absolute;
	top: 1px;
	right: 0px;
}

#fnav li {
	padding-left: 20px;
	display: inline;
	float: left;
}

.hasjs #fnav {
	position: absolute;
	right: 20px;
	top: 18px;}
	
.hasjs #credits div {
	display: none;}
	
p, td {
	font-size: 1.2em;
	line-height: 1.5em;}

/* Home */

#home-interface {
	padding: 21px 0 24px;
	position: relative;
	border-bottom: 1px solid #ffffff;}

.hasjs #home-interface {
	height: 369px;
	position: relative;}

#home-interface .image {
	padding-left: 1px;}

#piggy {
	margin: 20px 0 0 24px;}
	
.hasjs #piggy {
	margin-top: 0px;}
	
.hasjs .hi1, .hasjs .hi3 {
	width: 177px;
	overflow: hidden;
	position: absolute;
	top: 22px;
	z-index: 10;}
	
.hasjs .hi2, .hasjs .hi4, .hasjs .hi5 {
	width: 178px;
	overflow: hidden;
	position: absolute;
	top: 22px;
	z-index: 101;}
	
.hasjs .hi1 img, .hasjs .hi3 img, .hasjs .hi2 img, .hasjs .hi4 img, .hasjs .hi5 img {
	position: relative;
	top: 0px;}
	
#player, .video, object {
	position: relative;
	z-index: 2;}
	
.hasjs .hi1 {
	left: 0px;}
	
.hasjs .hi1 img {
	left: 0px;} 
	
.hasjs .hi2 {
	left: 177px;}
	
.hasjs .hi2 img {
	left: -177px;} 

.hasjs .hi3 {
	left: 355px;}
	
.hasjs .hi3 img {
	left: -355px;}
	
.hasjs .hi4 {
	left: 532px;}
	
.hasjs .hi4 img {
	left: -532px;} 

.hasjs .hi5 {
	left: 710px;}
	
.hasjs .hi5 img {
	left: -710px;}

#inav {
	width: 320px;
	float: left;
	margin-top: 21px;}
	
#inav li.selected {
	padding-left: 34px;
	background: transparent url(img/basic/home-arrow.gif) no-repeat 12px center;}
	
#inav a {
	display: block;
	padding: 8px 23px 10px 9px;
	margin-bottom: 6px;
	background-image: url(img/basic/ifacebg.png);
	background-repeat: repeat-y;
	background-position: top right;}
	
#icontent {
	width: 520px;
	float: left;}
	
.hasjs #icontent {
	position: relative;}
	
.hasjs #icontent .panel{
	position: absolute;
	top: 0px;
	left: 0px;}

#icontent .col1, #icontent .col2 {
	width: 478px;
	height: 328px;
	padding: 21px 21px 20px 21px;}
	
#panel1 .col1 {
	display: none;}

.home #news {
	background: transparent url(img/basic/homenews.gif) repeat-y 1px top;
	padding: 0px 1px 0px 0px;
}

.home #leftCol, .home #rightCol {
	float: left;
	display: inline;
	border-top: 0px;}

.home #leftCol {
	width: 338px;
	padding-right: 1px;
	border-bottom: 1px solid #ffffff;}

.home #rightCol {
	width: 478px;
	padding: 20px 35px 55px;
	border-bottom: 1px solid #ffffff;}

.home .section {
	width: 297px;}

.section, .home #rightCol {
	position: relative;
	overflow: hidden;}

.section {
	border-top: 1px solid #ffffff;}

.home .rss {
	position: absolute;
	right: -5px;
	top: 22px;
	background: transparent url(img/basic/rss-inline.png) no-repeat top right;
	height: 30px;
	width: 83px;
	display: block;
	text-indent: -999em;}
	
.home .rss:hover {
	background-position: bottom right;}

.home .intro {
	width: 150px;}
	
.home .post {
	padding-top: 20px;}

.home #rightCol .post {
	padding-top: 35px;}

.home #weektip .post {
	padding-top: 0px;
}
	
.home .post .image, .post .image {
	border: 1px solid #ffffff;
	line-height: 0;
	display: inline;
	float: left;
	margin-right: 25px;
	height: 150px;
	overflow: hidden;}
	
.home .post .postcontent, .post .postcontent {
	width: 275px;
	float: left;
	display: inline;}
	
.home .more, .blog .more {
	font-size: 1.5em;
}

.home .postcontent p, #press p {
	margin-bottom: 10px;
}

.more {
	border-top: 1px dotted #ffffff;
	padding-top: 6px;
}

/* Secondary Styles */
.second #body, .blog #body {
	background: transparent url(img/basic/second-bg.gif) repeat-y top left;
}

#bannerimg {
	height: 150px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;}
	
.home #leftCol {
	border-top: 0px;}
	
#leftCol {
	width: 558px;
	padding: 0px 1px;
	float: left;}
	
#pagehead {
	padding: 20px 20px 20px;
	position: relative;}
	
#pagehead .actionlist,.blog .section .actions, .second .section .actions, .blog .section .rss, .second .section .rss {
	position: absolute;
	right: 20px;
	top: 24px;
	text-align: right;}
	
#pagecontent {
	border-top: 1px solid #ffffff;
	padding: 20px 60px 20px 20px;}
	
#rightCol {
	float: left;
	width: 329px;
	padding-right: 1px;}
	
#sidebar #learnmore li {
	font-size: 1.8em;
	border-bottom: none;
	margin: 12px 0px;
	padding: 0px 0px 0px 16px;}

#sidebar #learnmore li li {
	font-size: 1em;
	margin-left: -16px;}

#sidebar #learnmore li a {
	padding: 5px;}
	
.actionlist li {
	padding-bottom: 4px;}

#snav li {
	background: transparent url(img/basic/listtype.png) no-repeat left 5px;}
	
/* Coaches List */
.coachlist li {
	padding-top: 20px;}
	
.hasjs .coachlist li:hover {
	cursor: pointer;
	}

.coachlist .img {
	width: 60px;
	height: 90px;
	float: left;
	margin-bottom: 20px;}

.coachlist .coachbio {
	width: 375px;
	margin-left: 20px;
	float: left;}
	
.coachlist .coachhide, .coachhide p, .coachhide .vidreplace {
	width: 375px;}	

.coachbio h4 {
	margin-bottom: 3px;}

.coachbio h6 {
	margin-bottom: 20px;}
	
.coachbio p {
	width: 375px;}
	
/* FAQS */
.faqs h6 span {
	font-size: 2em;}
	
.faqs #pagecontent li {
	padding-top: 9px;
	border-top: 1px dotted rgb(75,75,75);
	padding-bottom: 12px;}
	
.faqs #pagecontent .answer span {
	font-size: 3.2em;}
	
.faqs #pagecontent h6 {
	margin-bottom: 0px;}
	
.faqs .answer {
	margin-top: 12px;}
	
.hasjs .faqs #pagecontent li:hover {
	cursor: pointer;}
	
/* Blog */
.blog #pagecontent .post, .blog #pagecontent #comments, .blog #pagecontent #commentform {
	padding: 20px 60px 20px 20px;}
	
.blog #pagecontent img {
	margin-bottom: 18px;
}
	
.commentlist {
	margin-top: 18px;}
	
.commentlist li {
	margin-bottom: 18px;
	border-bottom: 1px dotted #939598;}
	
.commentlist li .img, .commentlist li .commentcontent {
	float: left;}
	
.commentlist li .img {
	width: 60px;
	margin-right: 18px;}
	
.commentlist li .commentcontent {
	width: 400px;}

.meta {
	border-top: 1px solid #000000;
	margin-top: 30px;
	background: transparent url(img/basic/commentblock.gif) repeat-y top left;}
	
.meta .commentblock, .meta .authorblock, .meta .postmetablock {
	float: left;
	padding: 12px;}
	
.meta .authorblock, .meta .postmetablock {
	padding-left: 13px;}
	
.meta .commentblock {
	padding: 12px 12px 0px 0px;
	width: 48px;}
	
.meta .commentblock a{
	background: transparent url(img/basic/commentbg.png) no-repeat top left;
	width: 48px;
	height: 42px;
	text-align: center;
	display: block;
	padding-top: 6px}
	
.meta .authorblock {
	width: 150px;}
	
.meta .postmetablock {
	width: 216px;}
	
#pagecontent .meta p {
	margin-bottom: 0px;}
	
.blog #pagecontent {
	padding: 0px;}
	
/* comment form */
#commentform {
	margin-top: 42px;}
	
#commentform label {
	display: block;
	font-weight: bold;
	padding: 18px 0 6px;
	font-size: 1.4em;}
	
textarea#comment {
	margin-bottom: 18px;}
	
#commentform input, #commentform textarea {
	display: block;
	background-color: #ffffff;
	border: none;
	width: 458px;
	padding: 5px;
	border: 1px solid #bcbec0;}
	
#commentform textarea {
	height: 90px;
	resize: vertical;}
	
#commentform input:focus, #commentform textarea:focus {
	background-color: rgb(237,237,237);
	border: 1px solid #939598;}
	
#submitComment {
	clear: left;
	display: block;
	text-indent: -999em;
	background: transparent url(img/basic/comment-button.png) no-repeat top left;
	height: 33px;
	width: 280px;
	border: none;
	cursor: pointer;}
	
#submitComment:hover {
	background-position: bottom left;}
	
#commentform input[type="hidden"] {
	display: none;}
	
/* Photos & Videos */

#photolist li, #videolist li {
	float: left;
	overflow: hidden;
	height: 140px;}

#photolist li {
	width: 140px;
	margin: 0px 18px 18px 0;
}

#videolist li {
	margin: 0px 18px 18px 0;}
	
body #gallery-1 img {
	border:none !important;
	height:105px !important;
	width:105px !important;}
	
/* LightBox */

html, body {
	height: 100%;
}

#lightboxwall {
	height: 100%;
	width: 100%;
	background: transparent url(img/basic/lightboxbg.png) repeat top left;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 100;
	opacity: 0;}

* html div#lightboxwall {
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#lightbox {
	position: relative;
	margin: 125px auto 0px;
	width: 600px;
	height: 400px;
	overflow: visible;
	width: 888px;
	padding-left: 71px;}
	
.lbcontent {
	padding: 18px;
	width: 600px;
	float: left;}
	
.lbcontent img {
	width: 598px;}
	
.lbinfo {
	float: left;
	width: 186px;
	margin-top: 18px;
	padding: 36px 30px 36px 36px;
	background-image: url(img/basic/lightbox-contentbg.png);
	background-repeat: repeat-y;
	background-position: top left;
	position: relative;}
	
.lbinfo .caption {
	padding-bottom: 14px;
	border-bottom: 1px dotted #ffffff;
	margin-bottom: 15px;
}

.removelightbox {
	display: block;
	text-indent: -999em;
	background: transparent url(img/basic/lightbox-close.gif) no-repeat top left;
	height: 21px;
	width: 21px;
	position: absolute;
	top: 18px;
	right: 30px;}
	
.removelightbox:hover{
	background-position: bottom left;}

.lbinfo .prev, .lbinfo .next {
	display: block;}
	
.lbinfo h1, p {
	color: #ffffff;}
	
.lbinfo .prev, .lbinfo .next {
	padding: 10px 0 11px 42px;
	height: 12px;
	font-size: 1.2em;
	margin-bottom: 12px;}

.lbinfo .prev{
	background: transparent url(img/basic/lightbox-prev.gif) no-repeat top left;}

.lbinfo .prev:hover {
	background-position: bottom left;}

.lbinfo .next{
	background: transparent url(img/basic/lightbox-next.gif) no-repeat top left;}
	
.lbinfo .next:hover {
	background-position: bottom left;}
	
/* Add to Any */
ul.addtoany_list li a {
	padding: 0px !important;}

.hasjs ul.addtoany_list { 	
	display: block !important;
	margin: -5px 0 0 !important;}
	
/* schedule */
.page-template-schedule-php table .column1 {
	width: 100px;}
	
.page-template-schedule-php table tr {
	margin-bottom: 9px;
	padding-bottom: 9px;}
	
/* !camps */
.page-template-camps-php #pagecontent div {
	margin-bottom: 48px;}
	
	
/* register */
.register #pagecontent h6 {
	margin-bottom: 6px;
	margin-top: 0px;
	padding-top: 15px;
	display: block;
	clear: left;}

.register label {
	display: block;
	margin-top: 9px;
	margin-bottom: 3px;
	font-size: 1.2em;}
	
.register p label {
	font-size: 1em;}
	
.fprint {
	margin-top: 6px;}
	
.register fieldset {
	margin-bottom: 36px;}
	
.register input[type="text"] {
	width: 460px;}
	
.register input[type="radio"], .register label {
	float: left;}
	
	
.register textarea {
	resize: vertical;
	width: 460px;
	height: 120px;}
	
.register select {
	width: 300px;}
	
.page-template-register-php #pagehead {
	background-color: #6b0b0c;}
	
.register input[type="text"], textarea {
	font-size: 1.2em;
	font-family: Helvetica, Arial, sans-serif;
	padding: 4px;}
	
.register input[type="radio"] {
	margin-top: 8px;
	margin-right: 6px;}

#camp-field input[type="radio"], #hotel1, #throws1, #bats1 {
	clear: both;
	margin-left: 0px;
	padding-left: 0px;}
	
.register #first-p, .register #last-p, .register #age-p, .register #bdate-p, .register #city-p, .register #state-p, .register #zip-p, .register #hphone-p, .register #wphone-p, .register #em_hphone-p, .register #em_wphone-p, .register #league1-p, .register #league2-p, .register #leagueother-p, .register #league0-p, .register #fieldpos1-p, .register #fieldpos2-p {
	float: left;}
	
.register #first-p, .register #last-p, .register #hphone-p, .register #wphone-p, .register #em_hphone-p, .register #em_wphone-p, #city-p, .register #fieldpos1-p, .register #fieldpos2-p {
	width: 220px;}
	
#age-p {
	width: 55px;}
	
#state-p, #zip-p {
	width: 96px;}

#bdate-p {
	width: 385px;}
	
.register #first-p, #age-p, #city-p, .register #hphone-p, .register #em_hphone-p, #hotel1-label, #state-p, .register #fieldpos1-p, #throws1-label, #bats1-label, #league1-label, #league2-label, #otherleague {
	margin-right: 28px;}

#otherleague-label {
	margin-right: 10px;}

.register #first-p input, .register #last-p input, .register #hphone-p input, .register #wphone-p input, .register #em_hphone-p input, .register #em_wphone-p input, #city-p input {
	width: 212px;}	
	
.register #fieldpos1-p select, .register #fieldpos2-p select {
	width: 220px;}

.register #age-p input{
	width: 47px;}
	
.register #state-p input, .register #zip-p input {
	width: 88px;}

.register #otherleague {
	width: 112px;}

.register #bdate-p input {
	width: 377px;}
	
#learn-label, #league-text {
	margin-top: 18px;}
	
#register-sidebar p {
	font-size: 1.1em;
	margin-bottom: 12px;}
	
#register-sidebar h6 + h6 {
	margin-top: 12px;}
	
#register-sidebar ul {
	padding-left: 14px;}
	
#register-sidebar li {
	list-style-type: disc;
	margin-bottom: 12px;}
	
#register-sidebar a {
	text-decoration: underline;}
	
#register-sidebar a:hover {
	text-decoration: none;}
	
/* Special Styles */
#post-596 h2 a {
	color: #bf1012;
	font-size: 21px;
	margin-top: -4px;
}