/*  
Theme Name: E1T1
Description: Custom theme for Each 1 Teach 1 Youth Sports
Author: Postmodern Sublime
*/

/*=== Setup ===*/
*{border: 0;margin: 0;padding: 0; outline: none; list-style: none; text-indent: none}
body{background: #005095 url(images/bg-body.png) repeat 0 0; color: #000; font: 0.9em/1.3 Helvetica, Arial, sans-serif;}
.clear {clear: both}
a{color: #005095;text-decoration: none}
a:hover{color: #333}
a:active, a:focus {outline: none}

input,select,textarea{/*border: #ccc 1px solid; background: #fff;*/padding: 2px; font: normal 100% Helvetica, sans-serif}
select{padding: 0}
h1, h2, h3, h4 {margin: 0 0 10px;
	padding: 0;
	line-height: 1em; text-transform: uppercase; letter-spacing: 0.02em}
h1 {font-size: 26px; padding: 0 0 5px; border-bottom: 1px #ddd dashed}
h2 {font-size: 18px;}
h3, h4 {font-size: 12px;}
/*=== Layout ===*/

#page{margin: 0 auto;width: 920px; padding: 10px 20px; background: url(images/bg-page.png) repeat-y center 0}

/*=== Header ===*/
#header{position: relative; margin: 0 0 10px; height: 140px; z-index:99}
#header .logo {text-indent: -9999px; height: 100px; width: 400px; float:left; margin: 0 0 10px; padding: 0; border: none}
#header #sponsors {float: right; height: 75px;}
#header h1 a{height: 100px; width: 400px; display:block; background: url(images/logo.png) no-repeat 0 0 }
#promo {overflow: hidden; margin: 0 0 10px}
#banner {float: left; width: 480px; overflow: hidden }
#video-player {float: right; width: 430px; position: relative}

#slider {position: relative; z-index:1; height: 350px; overflow: hidden}
#slider .scroll {overflow: hidden; height: 270px;position:relative; z-index: 1; margin: 0 0 10px}
#slider .panel {position: relative; z-index: 1; width: 480px; height: 270px}
#slider .panel img {position: absolute; z-index: 1; }
#slider .panel .overlay {position: absolute; z-index: 2; bottom: 0; left: 0; width: 100%; background: url(images/bg-trans.png)}
#slider .slider-nav {overflow: hidden}
#slider .slider-nav li {float: left; margin: 0 10px 0 0}
#slider h2 {margin: 10px}
#slider h2 a {color: #fff;}
#slider h2 a:hover {color: #f55c00}
#slider .excerpt {color: #ebebeb; margin: 0 10px 10px}
#slider #slider-thumbs {width: 560px}
/*========= NAVIGATION =========*/
/*main nav*/
	#main-nav {position: relative; z-index: 99; height:30px; clear: both; width: 100%; background: url(images/bg-menu.png) repeat-x 0 0}
	#main-nav ul {position: relative; z-index: 99; }
	#main-nav li {float: left; text-transform: uppercase; font: 12px "Century Gothic", Futura, "Helvetica Neue", Helvetica, Arial, sans-serif; position: relative; z-index: 99;}
		#main-nav li a {display:block; color: #fff; padding: 9px 10px; *padding: 6px 10px}
		#main-nav .current_page_item, #main-nav .current_page_parent, #main-nav .current-cat {}
		#main-nav .current_page_item a, #main-nav .current_page_parent a, #main-nav .current-cat a, #main-nav .current-cat-parent a, #main-nav .hover a, #main-nav li a:hover {color: #f7f7f7; background: #990000}
			#main-nav li ul {display: none;position: absolute; top: auto; left: -1px; z-index: 99; background: #fff; border-style: solid; border-width: 1px; border-color: #999; opacity: 0.96; -moz-opacity: 0.96; filter: alpha(opacity=96); width: 200px}
				#main-nav li li {float: none; font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif; border-bottom: 1px #999 solid; text-transform: none!important }
					#main-nav li li	a {color: #002b81!important; background: #fff!important; display: block; padding: 3px 5px 3px 10px;}	
					#main-nav li li	a:hover {background: #e6e6e6!important;color: #002b81!important;}	
#social {position: absolute; width: 125px; height: 20px; top: 85px; right: 0; z-index: 100}
a.faceyspace {float: right; height: 20px; width: 20px; display: block; margin:0px 3px 0 0; background-image: url(images/social.png); background-repeat: no-repeat}
	a#myspace {background-position: -42px 0 }
	a#twitter {background-position: -21px 0 }
	a#facebook {background-position:0 0 }
	a#youtube {background-position: -84px 0 }
	a#rss {background-position: -105px 0 }	
/*top right search*/	
	#search {position: absolute; width: 207px; height: 20px; background: url(images/bg-search.png) no-repeat 0 0; top: 5px; right: 5px}					
		#search input#s{position: absolute; left: 3px; top: 3px; height: 11px; border: 0;width: 150px; padding:2px; color:#000; font: 11px Arial, sans-serif; outline: 0}
		#search input#searchsubmit{position: absolute; height: 20px; width: 35px; top: 0; right: 0; border:0; outline:0; background: none; padding: 3px; color: #000; background: none; border: 0; font: bold 11px Arial, sans-serif; cursor: pointer}

	
/*=== Main column ===*/
#columns{width:100%; clear: both; margin: 0 0 10px; overflow: hidden }
#main{width: 600px; background: #fff; float: left; padding: 15px; border-width: 1px; border-style: solid; border-color: #eee #ddd #ccc;}
	.main-content {}
/*=== Post ===*/
.post {margin:0 0 15px; clear:both; overflow:hidden; border-bottom: 1px #ddd dashed; padding: 0 0 5px}
	.th {float: left; margin: 0 10px 0 0}
	.store-item {float: right; margin: 0 0 0 10px; font-size: 90%}
		.store-item img {margin: 0 0 5px 0; display: block}	
	img.alignright {margin: 0 0 0 10px;}
	img.alignleft {margin: 0 10px 0 0}
	.post-previous-next {clear:both; overflow:hidden; line-height: normal;}
		.post-previous-next a {font-weight: bold}
		.next-post {float: right; width: 40%; text-align:right}
		.previous-post {float: left; width: 40%}
	.post-title {text-transform: uppercase; margin: 0 0 10px}
	
	.post-meta {color: #808080; font-size: 80%;margin: 0 0 5px}
		.post-meta a {}
			.post-meta .post-author {border-right: 1px #fff solid; padding: 0 5px 0 0; margin: 0 5px 0 0}
		.post-time {padding: 0 5px 0 0; margin: 0 5px 0 0}
		.post-link a, .post-author a {font-weight: bold}
		.post-link a:hover, .post-author a:hover  {color: #DB3D3C}
	.post-content {margin: 0 0 5px; line-height: 1.4; clear:both; overflow: hidden}
	.post-content p {margin: 0 0 10px;}
	.post-content ol {list-style: outside decimal!important; padding: 0 0 0 20px; margin: 0 0 10px }
	.post-content ol li {list-style: outside decimal!important; margin: 0 0 0 10px}
		.post-content .wp-caption-text {margin: 3px 12px; font-style: italic; text-align: left; color: #ccc; font-size: 90%}
		.post-content blockquote {font-style: italic; padding: 0 30px}
		.post-content ul {list-style-position: outside; list-style-type: disc; margin: 0 0 10px 0}
			.post-content ul li {margin: 0 0 0 15px; list-style-position: outside; list-style-type: disc; }
	.comment-actions {margin: 10px 0 0 }
		.comment, .trackback, .comments-rss {border-right: 1px #fff solid; padding: 0 5px 0 0; margin: 0 5px 0 0}
.wp-caption {margin-bottom: 10px}			
.posted{color: #666666;font: italic 100%/20px Georgia,serif; padding: 0; float:right}
.edit, #rss-link {float:right}	
.more {float: right; padding: 5px 0 0}
/*=== sidebar == */
#sidebar {float:right; width: 246px; padding: 15px; background: #fff; position: relative; font-size: 90%; border-width: 1px; border-style: solid; border-color: #eee #ddd #ccc;}
#sidebar-content {}
#sidebar li { list-style: none; }
#sidebar .widget {margin: 0 0 10px 0; padding: 0 0 5px 0;border-bottom: 1px #ddd dashed; overflow: hidden}
		#sidebar h3 {text-transform: uppercase; margin: 0 0 10px}
		#sidebar a {}
		#sidebar a:hover {}
		#sidebar ul{margin: 0;}
			#sidebar ul li {margin: 0 0 5px;border:none; padding: 0 0 5px; overflow:hidden; }
			#sidebar ul ul {padding: 0; margin: 0}

#sidebar .date {display: block; color: #808080; font-size: 80%}
#sidebar .event-title, #sidebar .news-title {font-weight: bold; font-style:italic; display: block;}
.featured-posts-more-news {text-transform: uppercase; color: #000; font-weight: bold;}
/*Page navigation*/
#sidebar .menu li.current_page_item, #left-menu .menu li.current_page_item, #sidebar li.current-cat, #left-menu li.current-cat  {font-weight: bold}
	#sidebar .menu li.current_page_item ul, #left-menu .menu li.current_page_item ul, #sidebar li.current-cat ul, #left-menu li.current-cat ul {font-weight: normal}

/*team index*/
.team-box {float: left; overflow: hidden; width: 190px; margin: 0 5px 10px;}
.team-box h3 {font-size: 11px; text-align: center}
.team-icon {height: 100px; overflow: hidden; margin: 0 0 5px}
.team-box img {display: block; margin: 0 auto}

/*team page*/
#team-photo {clear: both; width: 100%; margin: 0 0 10px;}
#team-profiles {overflow: hidden; padding: 0 0 10px; margin: 0 0 10px; border-bottom: 1px #ddd dashed}
#highlight-player {float: right; width: 375px; border-left: 1px #ddd dashed; padding: 0 0 0 10px}
#coach-profiles {}
.coach-profile {}
.coach-profile h3 {font-size: 11px}

.player-photo {margin: 0 0 10px; display: block}
.player-profile {}
.player-profile .player-details-box {float: left;width: 170px}
.player-details {list-style: none; font-size: 90% }
.player-bio {font-size: 90%; width:225px; float: right}
.player-details li {list-style: none !important; margin: 0 0 5px!important}
.player-details .heading {font-weight: bold; display: block;}
.coach-photo {margin: 0 auto 10px; display:block}
.coach-photo-full, .player-photo-full {float: left; background: #fcfcfc; padding: 5px; border: 1px #ddd solid; margin: 0 0 10px 10px; float:right}

#tabs-nav { margin: 0 10px 10px 0; padding: 0 10 10px 0; width: 200px; float: left}
#tabs-nav li {list-style: none; font-weight: bold; margin: 0 0 5px}
#tabs-nav li.ui-state-hover {}
#tabs-nav li.ui-state-active, #tabs-nav li.ul-state-active.ui-state-hover {}
#tabs-nav li a {}
#tabs-nav li.ui-state-active a {color: #000}

.tabs-panel-container {overflow: hidden}
.ui-tabs-panel {}
.ui-tabs-hide {display: none}



/*footer*/
#footer{clear: both; overflow:hidden; padding: 5px 15px; font:normal 90% Arial, Helvetica, sans-serif;}

/*========= COMMENTS =========*/
#li-2-5, #li-2-5items {display: none}
textarea#comment {width: 400px}
#comments_wrap {padding: 15px 0 0 } 
.leave-a-reply{margin: 0 0 15px; font-size: 130%}
#comment {clear: both;}
ol.commentlist{margin: 10px 0 20px;padding: 0;list-style: none;font-size: 12px;line-height: 20px;}
ol.commentlist p{line-height: 20px;}
ol.commentlist cite{font-style: normal;font-weight: bold;}
ol.commentlist li{padding: 10px 10px 0 10px; border:1px solid #b2b2b2; margin: 0 0 15px}
ol.commentlist li.alt{}
.comment-author-michaelj, .comment-author-mj, .comment-author-admin {background: #4D4D4D}
input#submit {margin: 10px 0; padding: 3px 15px; text-align:center; text-transform: uppercase; font: normal 100% Arial, Helvetica, sans-serif; cursor: pointer}
input#submit:hover {background: #ccc}
ol.commentlist .comment-meta{font-size:0.8em; line-height: 1; color: #b2b2b2; padding: 5px 0}	
ol.commentlist li .avatar {float:left;margin-right: 7px;}
ol.commentlist li .even{}
ol.commentlist li ul {margin: 0 -10px 0 20px}
ol.commentlist li ul li {padding: 10px; background: none!important ;}
ol.commentlist li ul li ul li.alt {}
ol.commentlist li .reply {text-align: right; padding: 0 0 10px; font-size: 0.8em}
ol.commentlist li .awaiting-moderation {color: #F45700; font-style: italic; padding: 0 0 5px}
#respond p{margin-bottom:10px;padding:0;}
.says {font-weight: bold}
.post-alt p {padding:0;}




/*=== Page Navigation (Next / Previous Posts) ===*/
.navigation {overflow: auto; clear:both; }
.navigation a {}
.navigation a:hover {}
.alignleft{display:inline;float:left;}
.alignright{display:inline;float:right;}
.aligncenter {display: block; margin: 0 auto; text-align:center}

/*scrollbar*/

.jScrollPaneContainer {position: relative;overflow: hidden;z-index: 1;}

.jScrollPaneTrack {position: absolute;cursor: pointer;right: 0;top: 0;height: 100%;	background: #1c1c1c;}
.jScrollPaneDrag {position: absolute;background: #2e2e2e;cursor: pointer;overflow: hidden;}
.jScrollPaneDragTop {position: absolute;top: 0;left: 0;overflow: hidden;}
.jScrollPaneDragBottom {position: absolute;bottom: 0;left: 0;overflow: hidden;}
a.jScrollArrowUp {display: block;position: absolute;z-index: 1;top: 0;right: 0;text-indent: -2000px;overflow: hidden;height: 9px;}
a.jScrollArrowUp:hover {}
a.jScrollArrowDown {display: block;position: absolute;z-index: 1;bottom: 0;right: 0;text-indent: -2000px;overflow: hidden;height: 9px;}
a.jScrollArrowDown:hover {}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {}