/*
THEME NAME: Sport BC sportbc.com
THEME URI: http://www.sportbc.com
DESCRIPTION: This is the main site for Sport BC
VERSION: 1.0
AUTHOR: <a href="http://www.ballisticarts.com">Ballistic Arts Media Studios Inc.</a>
AUTHOR URI: http://www.ballisticarts.com
*/

/* COLOURS
BLUE: #0092CF
GREEN: #54B948
MANGO: #FFC425
CHERRY: #E20177
CHARCOAL: #444D3E

SECONDARY COLOURS
LIGHT BLUE: #00AEEF
DARK BLUE: #4874BA
LIGHT GREEN: #8CC63F
DARK GREEN: #009344
LIGHT MANGO: #F9ED33

*/

@import url('css/blog.css');
@import url('css/table-sorter.css');

body {
padding:0; margin:0;
font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:15px; color:#444D3E;
background-color:#FFF;
}
#backdrop1 {background:url(img/backgrounds/bg-mtnbiker01.jpg) top center no-repeat #0092CF;}
#backdrop1 #header #sportbclogo {background:url(img/backgrounds/logo/yellow_logo.png);}
#backdrop2 {background:url(img/backgrounds/bg-swimming.jpg) top center no-repeat #0092CF;}
#backdrop2 #header #sportbclogo {background:url(img/backgrounds/logo/yellow_logo.png);}
#backdrop3 {background:url(img/backgrounds/bg-baseball.jpg) top center no-repeat #0092CF;}
#backdrop3 #header #sportbclogo {background:url(img/backgrounds/logo/red_logo.png);}
#backdrop4 {background:url(img/backgrounds/bg-trackfield.jpg) top center no-repeat #0092CF;}
#backdrop4 #header #sportbclogo {background:url(img/backgrounds/logo/blue_logo.png);}
#backdrop5 {background:url(img/backgrounds/bg-soccerteam.jpg) top center no-repeat #0092CF;}
#backdrop5 #header #sportbclogo {background:url(img/backgrounds/logo/yellow_logo.png);}
#backdrop6 {background:url(img/backgrounds/bg-boxing.jpg) top center no-repeat #0092CF;}
#backdrop6 #header #sportbclogo {background:url(img/backgrounds/logo/green_logo.png);}
#backdrop7 {background:url(img/backgrounds/bg-equestrian.jpg) top center no-repeat #0092CF;}
#backdrop7 #header #sportbclogo {background:url(img/backgrounds/logo/red_logo.png);}
#backdrop8 {background:url(img/backgrounds/bg-soccergoalie.jpg) top center no-repeat #0092CF;}
#backdrop8 #header #sportbclogo {background:url(img/backgrounds/logo/red_logo.png);}
#backdrop9 {background:url(img/backgrounds/bg-hockey.jpg) top center no-repeat #0092CF;}
#backdrop9 #header #sportbclogo {background:url(img/backgrounds/logo/blue_logo.png);}
#backdrop10 {background:url(img/backgrounds/bg-refereefootball.jpg) top center no-repeat #0092CF;}
#backdrop10 #header #sportbclogo {background:url(img/backgrounds/logo/blue_logo.png);}
#backdrop11 {background:url(img/backgrounds/bg-seniortrack.jpg) top center no-repeat #0092CF;}
#backdrop11 #header #sportbclogo {background:url(img/backgrounds/logo/green_logo.png);}
#backdrop12 {background:url(img/backgrounds/bg-wheelchairracer.jpg) top center no-repeat #0092CF;}
#backdrop12 #header #sportbclogo {background:url(img/backgrounds/logo/red_logo.png);}
#backdrop13 {background:url(img/backgrounds/bg-skiing.jpg) top center no-repeat #0092CF;}
#backdrop13 #header #sportbclogo {background:url(img/backgrounds/logo/red_logo.png);}

#blogbackdrop1 {background:url(img/blog_backgrounds/football.jpg) 0px 0px no-repeat #29a63e;}
#blogbackdrop2 {background:url(img/blog_backgrounds/boxing.jpg) -160px -60px no-repeat #29a63e;}
#blogbackdrop3 {background:url(img/blog_backgrounds/icehockey.jpg) -110px -50px no-repeat #29a63e;}
#blogbackdrop1 #blogheader #sportbclogo {background:url(img/backgrounds/logo/yellow_logo.png);}
#blogbackdrop2 #blogheader #sportbclogo {background:url(img/backgrounds/logo/yellow_logo.png);}
#blogbackdrop3 #blogheader #sportbclogo {background:url(img/backgrounds/logo/yellow_logo.png);}


a, a:link, a:visited, a:active {color:#009344; text-decoration:none;}
a:hover {color:#E20177; text-decoration:underline;}

h1, h2, h3, h4, h5, h6 {margin:0 0 8px; padding:0;}
h1 {font-size:22px; line-height:28px; color:#0092CF;}
h2 {font-size:15px; line-height:19px;}
h3 {font-size:15px; line-height:19px; color:#4874BA; font-weight:normal;}
h4 {}
h5 {}
h6 {}

p {line-height:17px; padding:0; margin:0 0 12px;}

img {border:none;}

.clear {clear:both;}

.alignleft {float:left; margin:0 20px 20px 0;}
.alignright {float:right; margin:0 0 20px 20px;}

#container {width:1000px; height:auto; padding:0; margin:0;}

#contentarea {width:1000px; padding:10px 0 0; margin:0; float:left; background:#FFF; text-align:left;}

/* HEADER - SPORT BC NETWORK 
========================================================= */



/* HEADER - WEBSITE 
========================================================= */	

#header {width:1000px; height:210px; padding:20px 0 0; margin:0; float:left; text-align:left; overflow:hidden; position:relative;}
#blogheader{width:1000px; height:230px; padding:20px 0 0; margin:0; float:left; text-align:left; overflow:hidden; position:relative;}
#header img, #blogheader img {margin:15px 0 0;}
#header #titleimage, #blogheader #titleimage {width:500px; float:left;}
#header #search, #blogheader #search {width:350; height:25px; padding:170px 0px 10px 10px; float:right; margin: 0;}
#header #textform, #blogheader #textform{border: 1px solid #747474; background:#FFF;}
#header #submitbo, #blogheader #submitbo {border: 2px #fff solid; background: #0099d0; color: #fff; width: 80px;}
#header #sportbclogo, #blogheader #sportbclogo {margin:0; padding: 0; width: 150px; height: 72px; position:absolute; right:0; top: 56px;font-size:0; text-indent: -9999px;}
#header #sportbclogo a, #blogheader #sportbclogo a {width: 150px; height: 72px; display: block; margin: 0; padding: 0;}

/* HEADER - MAIN NAVIGATION
========================================================= */

#navigationtop {width:1000px; float:left;}
#navtop {width:auto; height:25px; padding:10px 10px 0; float:right; background:#FFF; color:#FFF;}
#navtop ul {height:20px; background:url(img/gradients/gradient-green-300.jpg) 0 0 no-repeat #8dc641; float:left; padding:5px 10px 0; margin:0; list-style:none;}
#navtop li {padding:0 5px; margin:0; list-style:none; float:left;}
#navtop li a {color:#FFF; text-decoration:none;}
#navtop #menu-top-nav {margin: 0; padding: 0; float: left;}
#navtop .toppage_nav {float: left; margin: 0; padding: 0;}

#navigationbar {width:960px; padding:0 10px; margin:0; float:left; background:url(img/gradients/gradient-blue.jpg) 0 0 no-repeat; border:10px #FFF solid; border-bottom:30px; *border-bottom:0px; }
ul#menu-sportbc {float:left; padding:5px 0 0; margin:0; list-style:none;}
ul#menu-sportbc li {padding:0 10px 5px; margin:0; list-style:none; float:left; *position:relative; *z-index:99;}
ul#menu-sportbc li a {color:#FFF; text-decoration:none; display:block;}
ul#menu-sportbc li a:hover {color:#FFC425; text-decoration:none;}

ul#menu-sportbc li ul {
	position: absolute;
	height: auto;
	padding: 0px;
	list-style: none;
	margin:0;
	text-align: left;
	background: #0092CF;
	color: #FFF;
	display: none;
	text-indent:0px;
	z-index:1;
	
}

#navigationbar #menu-sportbc li ul li { margin: 0; padding:0; float: none;}
#navigationbar #menu-sportbc li ul li a {*width:230px; display:block; font-size:12px; float: none; padding:5px 25px 5px 5px; color: #FFF !important; background: #0092CF; border-bottom: 1px solid #FFF; _height: 20px; _line-height: 15px; }
#navigationbar #menu-sportbc li ul li a:hover { background: #4874BA; color: #FFFFFF; text-decoration:none; _height: 20px; _line-height: 15px; }
#navigationbar #menu-sportbc li:hover ul { display: block; }
#navigationbar #menu-sportbc li.iehover ul { display: block; z-index:99;}

#navigationbar li ul li ul {display:none;}



/* CONTENT - SECONDARY NAVIGATION
========================================================= */

#topsubnavigation {width:960px; padding:0 10px; margin:0; float:left; background:url(img/gradients/gradient-mango-960.jpg) 0 0 no-repeat; border:10px #FFF solid;}
#topsubnavigation ul {float:left; padding:5px 0 0; margin:0; list-style:none;}
#topsubnavigation li {padding:0 10px 5px; margin:0; list-style:none; float:left;}
#topsubnavigation li a {color:#000; text-decoration:none; display:block;}
#topsubnavigation li a:hover {color:#4874BA; text-decoration:none;}

#topsubnavigation li ul {
	position: absolute;
	height: auto;
	padding: 0px;
	list-style: none;
	margin:0;
	text-align: left;
	background: #FFC425;
	color: #000;
	display: none;
	text-indent:0px;
	z-index:1;
}

#topsubnavigation li ul li { margin: 0; padding:0; float: none;}
#topsubnavigation li ul li a {display:block; font-size:12px; float: none; padding:5px 25px 5px 5px; color: #000 !important; background: #FFC425; border-bottom: 1px solid #FFF; _height: 20px; _line-height: 15px; }
#topsubnavigation li ul li a:hover { background: #FBB040; color: #000; text-decoration:none; _height: 20px; _line-height: 15px; }
#topsubnavigation li:hover ul { display: block; }
#sub_navigation li.iehover ul { display: block; _width:250px; }

#topsubnavigation li ul li ul {display:none;}


/* SITEMAP - NAVIGATION
========================================================= */
#sitemaparea {width:960px; padding:10px; background:url(img/gradients/gradient-blue-footer.jpg) 0 0 no-repeat; float:left; border:10px #FFF solid; color:#FFF; text-align:left; overflow:hidden;}
#sitemaparea ul {padding:0; margin:0; list-style:none;}
#sitemaparea li {padding:5px 0; margin:0; list-style:none; border-bottom:1px #FFF dashed;}
#sitemaparea a {color:#FFF; text-decoration:none;}
#sitemaparea a:hover {color:#FFC425; text-decoration:none;}

#sitemaparea h3 {margin:5px 0; padding:0; font-size:14px; color:#FFC425;}

#sitemaparea .columns {width:200px; padding:0; margin:0 0 0 30px; float:left;}


/* FOOTER
========================================================= */
#footerarea {width:980px; padding:0; margin:0 0 20px; background:#FFF; float:left; border:10px #FFF solid; text-align:left; overflow:hidden;}
#footerarea .information {width:960px; padding:10px; margin:0 0 10px; background:#DADBD9; float:left;}
#footerarea .footnotes {width:980px; padding:0; margin:0; float:left; color:#8F948C; font-size:11px;}
#footerarea .copyright {display:inline; float:left;}
#footerarea .credits {display:inline; float:right;}

#footerarea a {color:#8F948C; text-decoration:none;}
#footerarea a:hover {color:#000;}


/* CONTENT AREA - LEFT COLUMN
========================================================= */

#contentleft, #contentright {background:#FFF; border:10px #FFF solid;}

#contentleft {width:650px; height:auto; padding:0; margin:0 0 20px; float:left; overflow:hidden; }

#featured-section {width:670px; height:auto; float:left; overflow:hidden; text-align:left; margin:0 0 20px;}

/* #contentleft #advertisementbar {width:650px; height:60px; padding:0; margin:0 0 10px; overflow:hidden; float:left;} */
#contentleft #advertisementbar {display:none; visibility:hidden;}
#contentleft #advertisementbar #advertisement468 {width:468px; height:60px; padding:0; margin:0; float:left; background:#CCCCCC; display:block;}
#contentleft #advertisementbar #advertisement172 {width:172px; height:60px; padding:0; margin:0; float:right; background:#CCCCCC; display:block;}

.leftcontainer {width:650px; float:left; margin:0 0 10px; overflow:hidden; text-align:left;}


/* CONTENT AREA - SIDEBAR
========================================================= */

#contentright {width:300px; height:auto; padding:0; margin:0; float:right; background:#FFF; overflow:hidden;}
#contentright #advertisement-top {width:300px; height:auto; margin:0 0 20px; background:#FFF; float:left;}

/*NEWS BOX*/
.slides div ul {padding:0; margin:0; list-style:none;}
.slides div li {height:25px; padding:8px 5px; margin:0; list-style:none; border-bottom:1px #CCCCCC solid; font-size:11px; overflow:hidden;}
.slides div li.even {background:#FFF;}
.slides div li.odd {background:#DADBD9;}
.slides div li a {color:#444D3E; text-decoration:none; font-size:11px;}

/*VIDEO BOX*/
.mediabox {width:278px; padding:10px; margin:0 0 20px; border:1px solid #FFC425; float:left;}
.mediabox h2 {}

/*RANDOM QUOTES*/
.randomquotes {width:280px; padding: 0 10px 20px; margin:0; float:left;}
.randomquotes p {margin:0; padding:0; font-size:14px; line-height:17px; color:#000;}


.twittercolumn_right {width:220px; padding:50px 5px 10px; margin:0 0 0 35px; _margin: 0 0 0 15px; float:left; background:url(img/pages/twitter-logo.gif) center 10px no-repeat #0092CF; color:#FFF; text-align:left;}
.twittercolumn_right ul {padding:0; margin:0; list-style:none;}
.twittercolumn_right li {padding:5px 8px; margin:0; list-style:none; border-bottom:1px #FFF solid;}
.twittercolumn_right li a {color:#FFF; text-decoration:underline;}
.twittercolumn_right li a:hover {color:#FFC425;}
div.sociable { float: left; margin: 16px 0; }
div.wp_twitter_button {float: left; margin: 0; padding: 14px 0 0 10px; }
div.fb_share {float: left; margin: 0; padding: 14px 0 0 10px;}

#contentright #sidebar_social{ padding: 7px 0 0; width: 300px; float: left; text-align: right;}
#sidebar_poll {float: left; margin: 0 0 20px; padding: 0 0 10px; width: 295px; overflow: hidden; border: 1px solid #0092CF;}
#sidebar_poll p {float: left; margin: 0; padding: 0;}

/* CONTENT AREA - POST
========================================================= */

.post {width:640px; height:auto; padding:0 0 0 10px; margin:0 0 10px; float:left; text-align:left;}
.divider {width:650px; height:auto; padding:0; margin:0 0 10px; float:left; border-bottom:1px #DADBD9 solid;}
.postinfo {width:630px; height:auto; padding:10px; margin:0 0 10px; float:left; text-align:left; background:#DADBD9;}
.postinfo a {color:#444D3E;}
.date {color:#999999; font-weight:bold;}

#sportslist {}
#sportslist p {width:310px; margin:0 10px 20px 0; float:left; display:inline-block;}

/*TABLES*/
.post td {padding:2px 20px 2px 0;}

/*POSt PAGE CATEGORY NAVIGATION*/
#insidenavigation {width:172px; padding:0; margin:0 0 20px 20px; display:inline-block; float:right; font-size:11px;}
#insidenavigation ul {padding:0; margin:0; list-style:none;}
#insidenavigation li {padding:0; margin:0; list-style:none; font-weight:bold;}
#insidenavigation li a {padding:5px; display:block; border-bottom:2px #FFF solid; background:#0092CF; color:#FFF;}
#insidenavigation li li a {padding:5px; display:block; border-bottom:2px #FFF solid; background:#00AEEF; color:#FFF;}

/*PAGINATE*/
.navigation {height:35px; text-align:center;}
.navigation ol li a {}
.navigation ol li a:hover {background:#FFC425;}
.navigation ol li .current {background:#0092CF; color:#FFF;}


/* CONTENT AREA - HOME PAGE ELEMENTS
========================================================= */
.leftcontainer .herocolumn {width:234px; height:auto; padding:0; margin:0 0 15px; float:left; }
.leftcontainer .powercolumn {width:234px; height:auto; padding:0; margin:0 0 15px; float:left;}
.leftcontainer .blogcolumn {width:650px; height:auto; padding:0 5px 0 8px; margin:0; float:left; }
.leftcontainer #eventlistcolumn {width:670px; height:auto; padding:0 0 0 8px; margin:0; float:left;}
.more_events_link { float: right; margin: 0; padding: 5px 35px 0 0;}
.leftcontainer h2 {width: 234px; height: 78px; padding:0 0 6px; margin:0; }
.leftcontainer h2#sporthero_index {background:url(img/pages/community_sport_hero_awards.gif) 0 0 no-repeat;}
.leftcontainer h2#sporthero_index a, .leftcontainer h2#powersport_index a {display: block;text-indent: -9999px; width: 234px; height: 78px; font-size:0;}

.leftcontainer h2#powersport_index {background:url(img/pages/power_of_sport_tour.gif) 0 0 no-repeat;}
.leftcontainer .herocolumn p, .leftcontainer .powercolumn p {margin:0; padding: 0 7px 5px;}
.leftcontainer .blogcolumn h1 {color: #009344; font-size: 14px;}
.leftcontainer .blogcolumn ul { width: 170px; padding: 0; margin: 8px 0 10px;}
.leftcontainer .blogcolumn li {padding: 2px 0; margin: 2px;}
.leftcontainer .blogcolumn .read_more {text-align: right; padding-right: 15px;}

.leftcontainer div#amateur_blog {color: #0092CF; font-size: 17px; display: block; height: 32px; margin: 10px 0 0; padding: 0 0 10px;}
.leftcontainer span.recent_post_list {display: block; color: #444D3E; font-size: 15px; margin: 0; padding: 0 0 5px; font-weight: bold;}
.leftcontainer div#home_event_lists {color: #0092CF; font-size: 17px; display: block; width: 650px; height: 32px; margin: 5px 0 10px; padding: 15px 0 0; border-top: 1px dotted #999;}
ul#more_post_home {width: 650px; float: left;}
ul#more_post_home li{width: 650px; float: left;}

/*recent event list*/
ul.home_recent_events {width: 630px; padding: 0; margin: 0; float: left; list-style: none; border: 1px solid #444D3E;}
ul.home_recent_events li {float: left; list-style: none; padding: 15px; margin: 0; font-weight: bold; background: #fff;}
ul.home_recent_events li:nth-child(odd) { /* this will make it so every odd child in the list will be a different colour, aka zebra strips */background-color:#e0f1de; overflow: hidden;}

ul.home_recent_events li li {width: 630px; float: left; list-style: none; padding: 15px; margin: 0 0 5px; font-weight: normal; background: #000;}

ul.home_recent_events div.homepage_events_start_date { width: 180px; margin: 0; padding: 0; float: left;}
ul.home_recent_events div.homepage_events_title { width: 310px; margin: 0; padding: 0; float: left;}
ul.home_recent_events div.homepage_events_location { width: 110px; margin: 0; padding: 0; float:left;}


#eventlistcolumn ul.home_recent_events li {}
#eventlistcolumn ul.home_recent_events li.evenevent {background-color:#e0f1de;}

ul.home_recent_events li.homepage_recent_events {width: 100px;  float: left;  border: none; color: #444D3E; font-size: 13px;}
.leftcontainer .herocolumn p, .leftcontainer .powercolumn p {margin:0; padding: 0 7px 5px;}

p.get_more {margin: 0; padding: 10px;}

.leftcontainer ul {padding:0; margin:0; list-style:none;}
.powercolumn li {height:10px; padding:5px 9px; margin:0; list-style:none; font-size:11px; overflow:hidden; font-weight:bold;}
.leftcontainer .twittercolumn {width:162px; padding:50px 5px 10px; margin:0; float:right; background:url(img/pages/twitter-logo.gif) 0 0 no-repeat #0092CF; color:#FFF; text-align:left;}c
.twittercolumn ul {padding:0; margin:0; list-style:none;}
.twittercolumn li {padding:5px 8px; margin:0; list-style:none; border-bottom:1px #FFF solid;}
.twittercolumn li a {color:#FFF; text-decoration:underline;}
.twittercolumn li a:hover {color:#FFC425;}

ul.sponsors_box {width: 650px; float: left; list-style: none; padding: 0 0 0 10px; margin: 0;}
ul.sponsors_box li {float: left; height: 100px; list-style: none; padding: 0 5px; margin: 0; overflow: hidden; }

/* SEARCH
========================================================= */

.search-terms {margin:0 3px; padding:0 3px; background:#F9ED33; display:inline-block;}
.search-excerpt {margin:0 3px; padding:0 3px; background:#F9ED33; display:inline-block;}


/* SITEMAP
========================================================= */

.sitemap {width:640px; height:auto; padding:0 0 0 10px; margin:0 0 10px; float:left; text-align:left; font-size:11px;}
.sitemap h2 {font-size:13px;}

.sitemap .columns {width:190px; height:auto; padding:0; margin-right:30px; float:left;}
.sitemap .columns ul {padding:0; margin:0 0 20px; list-style:none;}
.sitemap .columns ul ul {padding:0; margin:0; list-style:none;}
.sitemap .columns li {padding:0; margin:0; list-style:none;}
.sitemap .columns li a {padding:5px 0; border-bottom:1px #CCC solid; display:block; font-weight:bold;}
.sitemap .columns li li a {padding:5px 5px; font-weight:normal;}


/* FEATURE BOX
========================================================= */

#featured-section {width:670px; height:auto; float:left; overflow:hidden; text-align:left; margin:0 0 10px; padding:0 0 5px; *width:640px;}

#featured {width:670px; float:left; height:350px; background:#FFF; *width:640px;}
 
 #featured img {*width:640px; overflow:hidden;}
 
#featured ul.ui-tabs-nav {float:left; list-style:none; padding:5px 0; margin:0; width:670px; background:#444D3E; *width:640px;}
#featured ul.ui-tabs-nav li{float:left; padding:0 5px; font-size:12px; color:#666;}
#featured li.ui-tabs-nav-item a{ 
	float:left;
	display:block; 
	color:#FFF;  background:#444D3E; 
	line-height:14px;
	padding:5px;
	text-decoration:none;
}
#featured li.ui-tabs-nav-item a:hover{ 
	background:#0092CF; 
}
#featured li.ui-tabs-selected{ background:url('images/selected-item.gif') top left no-repeat; }

#featured ul.ui-tabs-nav li.ui-tabs-selected a{background:#0092CF;}
#featured .ui-tabs-panel{ 
	width:670px; height:325px; *width:640px;
	background:#444D3E; position:relative;
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	top:265px; left:0; 
	height:60px; width:630px; padding:0 20px; *width:600px;
	background: url('http://www.sportbc.com/network/images/featurebox/transparentdark-bg.png'); 
}

/*
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	top:190px; left:0; 
	height:60px; 
	background: url('../images/featurebox/transparent-bg.png'); 
} */

#featured .info h2{ 
	font-size:18px; font-family:Arial, sans-serif; 
	color:#fff; padding:5px; margin:0;
	overflow:hidden; 
}
#featured .info p{ 
	margin:5px 5px 0; 
	font-family:Arial; font-size:13px; 
	line-height:15px; color:#f0f0f0;
}
#featured .info a{ text-decoration:none; color:#fff; }
#featured .info a:hover{ text-decoration:underline; }
#featured .ui-tabs-hide{ display:none; }

/* COMMENTS
========================================================= */

.discussionright {width:380px; height:auto; padding:0; margin:0; float:right; overflow:hidden;}
.discussionleft {width:250px; height:auto; padding:0; margin:0; float:left; overflow:hidden;}

.discussionleft .postsection {width:380px; margin:0; padding:0; float:left; border-bottom:1px dashed #CCC; text-align:left;}
.discussionleft .postsection p {width:380px; margin:0 0 10px; padding:0;}

ul.commentlist {margin:0; padding:0; list-style:none;}
ul.commentlist li {margin:0 0 10px; padding:0 0 10px; list-style:none; border-bottom:1px dashed #CCC;}