/*
Theme Name: Triathlon Magazine
Theme URI: http://www.triathlonmagazine.ca
Description: Custom Theme for TriathlonMagazine.ca
Version: 1.0
Author: Travis Sitzlar
Author URI: http://infoclipper.com/
*/

/* General styles */
body {
	margin:0 0 20px;
	color:#000;
	font: 12px Arial, Helvetica, sans-serif;
	background:#433;
}
img {border:none;}
a{text-decoration: none; color:#666;}
a:hover{color:#fc0;}
a:focus{outline:none;}
/* form styles */
form, fieldset{
	margin: 0;
	padding: 0;
	border: 0;
}
input, select{
	font: 12px Arial, Helvetica, sans-serif;
	color: #000;
}
.holder {
	overflow: hidden;
	width: 100%;
}
div.topbar fieldset {
	width: 300px;
}
/* headlines styles */
h2{
	margin:0;
	font-size:14px;
	line-height:14px;
	color:#666;
}
h2 a{
	text-decoration:none;
	color:#666;
}
h2 a:hover{
	color:#fc0;
	text-decoration:none;
}
/* main containers styles */
#wrapper {
	width:960px;
	margin:0 auto;
	position:relative;
	background:#fff;
}
/* header block styles */
#header {
	overflow:hidden;
	width: 100%;
	height: 249px;
	position: absolute;
	top:0;
	left:0;
	background:url(images/bg-header.jpg) no-repeat 0 109px;
}
#header .banner{
	position:absolute;
	top:9px;
	left:12px;
	width:728px;
	height:	91px;
}
.cover{
	position:absolute;
	top:9px;
	left:751px;
	width:139px;
	height:186px;
}
.issue{
	position:absolute;
	right:15px;
	top:33px;
	width:48px;
	color:#ccc;
	font:bold 14px/17px Arial, Helvetica, sans-serif;
}
/* logo styles */
.logo {
	position: absolute;
	top: 113px;
	left: 3px;
	margin: 0;
	text-indent: -9999px;
	overflow: hidden;
	width: 335px;
	height: 104px;
	z-index:1;
}
.logo a {
	background: url(images/logo.png) no-repeat;
	cursor: pointer;
	display: block;
	height: 100%;
}
/* main navigation styles */
#nav{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:30px;
	list-style:none;
	margin:0;
	padding:0;
	background:#000;
}
#nav li{
	float:left;
}
#nav li a{
	float:left;
	text-indent: -9999px;
	overflow:hidden;
	font-size:20px;
	height:30px;
	color:#fff;
	background: url(images/nav.gif) no-repeat;
}
#nav li a.home{
	width:79px;
	background-position: 0 0;	
}
#nav li a.current_issue{
	width:126px;
	background-position: -79px 0;
}
#nav li a.forum{
	width:71px;
	background-position: -205px 0;
}
#nav li a.racing{
	width:71px;
	background-position: -276px 0;
}
#nav li a.training{
	width:86px;
	background-position: -347px 0;
}
#nav li a.gear{
	width:59px;
	background-position: -433px 0;
}
#nav li a.calculators{
	width:111px;
	background-position: -492px 0;
}
#nav li a.marketplace{
	width:128px;
	background-position: -603px 0;
}
#nav li a.subscribe{
	width:126px;
	background-position: -731px 0;
}
#nav li a.contact{
	width:103px;
	background-position: -857px 0;
}
/* hover states */
#nav li a.home:hover, #nav li.active a.home{background-position: 0 -30px;}
#nav li a.current_issue:hover, #nav li.active a.current_issue{background-position: -79px -30px;}
#nav li a.forum:hover, #nav li.active a.forum{background-position: -205px -30px;}
#nav li a.racing:hover, #nav li.active a.racing{background-position: -276px -30px;}
#nav li a.training:hover, #nav li.active a.training{background-position: -347px -30px;}
#nav li a.gear:hover, #nav li.active a.gear{background-position: -433px -30px;}
#nav li a.calculators:hover, #nav li.active a.calculators{background-position: -492px -30px;}
#nav li a.marketplace:hover, #nav li.active a.marketplace{background-position: -603px -30px;}
#nav li a.subscribe:hover, #nav li.active a.subscribe{background-position: -731px -30px;}
#nav li a.contact:hover, #nav li.active a.contact{background-position: -857px -30px;}
#main{
	padding:259px 10px 10px;
	width:940px;
	overflow:hidden;
}
/* content block styles */
#content {
	float:left;
	width:630px;
}
#content p{
	line-height:15px;
}
#wide {
	width:100%;
}
#wide p{
	line-height:15px;
}
/* gallery styles start */
.frontgallery{
	width:100%;
	height:250px;
	margin:0 0 9px;
	overflow:hidden;
	background:#000;
}
.frontgallery .images{
	float:left;
	width:20px;
	padding:10px 10px 1px;
	background:#000;
}
.frontgallery .images ul{
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
	overflow:hidden;
}
.frontgallery .images ul li{
	padding:0 0 9px;
	float:left;
	height:21px;
	width:100%;
}
.frontgallery .images ul li img.active{
	display:none;
}
.frontgallery .images ul li.active img{
	display:none;
}
.frontgallery .images ul li.active img.active{
	display:block;
}
.frontgallery .images ul li img{
	float:left;
}
.frontgallery .big-img{
	float:right;
	width:590px;
}
.frontgallery .big-img img{
	display:block;
}
.frontgallery .img-holder {
	position:relative;
	width:590px;
	height:251px;
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
}
.frontgallery .img-holder .active {
	z-index:1;
}
.frontgallery .img-holder span.active img {
	z-index:1;
}

/* gallery styles end */
.info-box h2.title{
	margin:0 0 8px;
	height:31px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(images/bg-title.gif) repeat-x;
}
.info-box h2.title span{
	display:block;
	height:100%;
}
.info-box h2.news span{background: url(images/text-news.gif) no-repeat;}
.info-box h2.racing span{background: url(images/text-racing.gif) no-repeat;}
.info-box h2.training span{background: url(images/text-training.gif) no-repeat;}
.info-box h2.gear span{background: url(images/text-gear-reviews.gif) no-repeat;}
.info-holder{
	width:640px;
	margin:0 -10px 0 0;
	overflow:hidden;
}
.info-holder .info-box{
	float:left;
	width:310px;
	margin:0 10px 10px 0;
}
.info-holder .info{
	width:290px;
	height:259px;
	padding:10px;
	background: url(images/bg-info.jpg) no-repeat;
}
.info .post{
	width:100%;
	overflow:hidden;
	padding:0 0 4px;
}
.info .post .img{
	float:left;
	padding:0 8px 0 2px;
}
.info .post .text{
	height:1%;
	overflow:hidden;
	padding:0 2px 0 0;
}
.info .post .text h2{
	margin:0 0 1px;
	font-size:14px;
}
.info .post .text h2 a{
	text-decoration:none;
	color:#666;
}
.info .post .text h2 a:hover{
	color:#fc0;
}
.info .post .text p{
	margin:0 0 10px;
	line-height:15px;
}
.info-box .more{
	display:block;
	line-height:31px;
	background:#ccc;
	padding:0 0 0 6px;
	text-decoration:none;
	color:#000;
	text-transform:uppercase;
}
.info-box .more:hover{text-decoration:underline;}
#sidebar{
	float:right;
	width:300px;
}
.advert{
	width:300px;
	height:251px;
	margin:0 0 9px;
}
.advert img{display:block;}
/* footer block styles */
#footer {
	height:1%;
	overflow:hidden;
	height:31px;
	background:#000;
	padding:0 24px 0 0;
	position:relative;
	background:url(images/bg-footer.gif) repeat-x;
}
.company{
	position:absolute;
	top:3px;
	right:5px;
	margin:0;
	width:74px;
	font-size:10px;
	letter-spacing:-1px;
	color:#fff;
}
.bottomnav{
	list-style:none;
	margin:0;
	padding:0;
	width:870px;
	height:31px;
	overflow:hidden;
}
.bottomnav li{
	float:left;
}
.bottomnav li a{
	float:left;
	height:31px;
	text-indent:-9999px;
	overflow:hidden;
	background: url(images/bottomnav.gif) no-repeat;
}
.bottomnav li a.contact{
	width:79px;
	background-position: 0 0;
}
.bottomnav li a.advertise{
	width:91px;
	background-position: -79px 0;
}
.bottomnav li a.editorial{
	width:94px;
	background-position: -170px 0;
}
.bottomnav li a.subscribe{
	width:120px;
	background-position: -264px 0;
}
.bottomnav li a.magazine{
	width:243px;
	background-position: -384px 0;
}
.bottomnav li a.running{
	width:163px;
	background-position: -627px 0;
}
.bottomnav li a.gripped{
	width:80px;
	background-position: -790px 0;
}
.bottomnav li a.contact:hover{
	background-position: 0 -31px;
}
.bottomnav li a.advertise:hover{
	background-position: -79px -31px;
}
.bottomnav li a.editorial:hover{
	background-position: -170px -31px;
}
.bottomnav li a.subscribe:hover{
	background-position: -264px -31px;
}
.bottomnav li a.magazine:hover{
	background-position: -384px -31px;
}
.bottomnav li a.running:hover{
	background-position: -627px -31px;
}
.bottomnav li a.gripped:hover{
	background-position: -790px -31px;
}
/* training page */
h2.training{
	margin:0 0 7px;
	text-indent:-9999px;
	overflow:hidden;
	height:50px;
	background:#33cc00 url(images/text-training-title.gif) no-repeat;
}
/* articles block styles */
.otraining-holder{
	width:100%;
	overflow:hidden;
	padding:0 0 10px;
}
.articles .leftcolumn{
	float:left;
	width:470px;
}
.articles p{
	margin:0 0 9px;
	line-height:15px;
}
.articles .art-title{
	margin:0 0 15px;
	font-size:20px;
	color:#666;	
	line-height:20px;
}
.articles .post-info{
	display:block;
	font-size:12px;
	color:#666;
}
.articles .photo{
	padding:11px 0 0;
}
.articles .name{
	font-size:12px;
	color:#ccc;
	font-style:italic;
}
.articles .photo img{
	display:block;
}
.articles .photos{
	width:100%;
	overflow:hidden;
	padding:0 0 8px;
}
.articles .photos .img{
	float:left;
}
.articles .photos .img img{
	float:left;
}
.articles .photos .text{
	float:right;
	width:302px;
}
.articles .photos .text p{
	margin:0;
	font-style:italic;
	color:#666;
}
.articles .note{
	font-style:italic;
	font-size:12px;
	color:#666;
}
.articles .rightcolumn{
	float:right;
	width:150px;
	padding:11px 0 0;
}
.racing-holder .rightcolumn h2.more {
	background: #3cf url(images/text-more-racing.gif) no-repeat;
}
.gear-holder .rightcolumn h2.more {
	background: #3cf url(images/text-more-gear.gif) no-repeat;
}
.training-holder .rightcolumn h2.more {
	background: #3cf url(images/text-more-training.gif) no-repeat;
}
.articles .rightcolumn h2.more{
	margin:0 0 9px;
	text-indent:-9999px;
	overflow:hidden;
	height:31px;
}
.articles .rightcolumn .sidecontent{
	background:#eee;
	padding:0 8px 9px 8px;
}
.articles .rightcolumn .sidecontent p{
	margin:0 0 15px;
	color:#666;
}
.articles .rightcolumn .sidecontent ul {
	padding-left: 15px;
	line-height: 95%;
	margin: 0px;
}
.articles .rightcolumn .sidecontent ul li {
	padding: 0;
}
.articles .subtitle{
	margin:0 0 15px;
	padding:9px 0 0;
	font-size:14px;
	color:#666;
}
.articles .photos .subtitle{
	padding:0;
	margin:0 0 2px;
}
.comment img{
	display:block;
}
/* current-issue page */
.topbar{
	width:100%;
	background:#ccc;
	height:50px;
	margin:0 0 10px;
}
.topbar h2{
	margin:0;
	width:303px;
	padding:0 9px;
	height:50px;
	text-indent:-9999px;
	overflow:hidden;
	float:left;
	background: url(images/text-current-issue.gif) no-repeat;
}
/* issues-form styles */
.topbar .issues-form{
	float:left;
	padding:3px 0 0;
}
.issues-form label{
	display: block;
	font-size:12px;
	color:#000;
	padding:0 0 5px;
}
.issues-form select{
	display:block;
	width: 135px;
}
.main-title{
	margin:0 0 7px;
	padding:0 7px;
	font-size:20px;
	color:#666;
	line-height:31px;
	background:#fc0;
}
.info-block{
	width:100%;
	overflow:hidden;
}
.info-block .columns{
	width:100%;
	overflow:hidden;
	padding:0 0 9px;
}
.info-block .columns .mag-cover{
	float:left;
	margin:0 12px 0 0;
}
* html .info-block .columns .mag-cover{
	margin:0 9px 0 0;
}
.info-block .columns .mag-cover img{
	float:left;
}
.info-block .columns .info{
	overflow:hidden;
	height:1%;
}
.info-block .ttl{
	margin:0 0 8px;
	text-indent:-9999px;
	overflow:hidden;
	background: url(images/bg-ttl.gif) repeat-x;
}
.info-block .ttl span{
	display:block;
	height:31px;
}
.info-block h2.features span{
	background:url(images/text-features.gif) no-repeat;
}
.info-block h2.departments span{
	background:url(images/text-departments.gif) no-repeat;
}
/* news-box styles */
h2.news {
	margin:0 0 7px;
	text-indent:-9999px;
	overflow:hidden;
	height:50px;
	background:#ccc url(images/text-news-title.gif) no-repeat;
}
.news-box{
	overflow:hidden;
	width:100%;
}
.news-box .news{
	width:100%;
	overflow:hidden;
	margin: -2px 0 0;
	padding:8px 0 13px;
	background: url(images/bg-news.gif) repeat-x;
}
.news-box .news .img{
	float:left;
	margin:0 18px 0 0;
	padding:2px 0 0;
}
* html .news-box .news .img{
	margin:0 15px 0 0;
}
.news-box .news .text{
	height:1%;
	overflow:hidden;
}
.news-box .news .text .name{
	display:block;
	font-size:12px;
	color:#666;
}
.news-box .news .text p{margin:0;}
.info-block .columns-b{
	width:652px;
	margin:-2px -11px 0 0;
	overflow:hidden;
}
.info-block .columns-b .column{
	float:left;
	width:310px;
	margin:0 11px 0 0;
}
/* racing page */
h2.racing{
	margin:0 0 10px;
	height:50px;
	text-indent:-9999px;
	overflow:hidden;
	background: #3cf url(images/text-racing-title.gif) no-repeat;
}
.racing-box{
	padding:0 0 0 10px;
	margin:0 0 10px 0;
	background:url(images/bg-racing-box.gif) repeat-y;
}
.racing-box .img img{display:block;}
.racing-box .text{
	height:1%;
	background:url(images/bg-racing-box-line.gif) repeat-y;
}
.racing-box .text .bg{
	padding:10px 9px 15px;
	overflow:hidden;
	background:url(images/bg-racing-box-text.jpg) no-repeat;
}
.racing-box .text p{margin:0;}
/* info-box block styles */
.info-box h2.races-and-travel span{
	background:url(images/text-races-and-travel.gif) no-repeat;
}
.info-box h2.race-finder span{
	background:url(images/text-race-finder.gif) no-repeat;
}
.info-box h2.club-finder span{
	background:url(images/text-club-finder.gif) no-repeat;
}
.info-box h2.profiles span{
	background:url(images/text-profiles.gif) no-repeat;
}
.info-box h2.articles span{
	background:url(images/text-articles-and-blogs.gif) no-repeat;
}
.info-holder .narrow{
	width:150px;
}
.info-holder .narrow .info{
	width:130px;
	background:url(images/bg-info-narrow.jpg) no-repeat;
}
/* training page */
.training-box{
	padding:0 0 0 10px;
	margin:0 0 10px 0;
	background:url(images/bg-training-box.gif) repeat-y;
}
.training-box .img img{display:block;}
.training-box .text{
	height:1%;
	background:url(images/bg-training-box-line.gif) repeat-y;
}
.training-box .text .bg{
	padding:10px 9px 15px;
	overflow:hidden;
	background:url(images/bg-racing-box-text.jpg) no-repeat;
}
.training-box .text p{margin:0;}
/* gear page */
.gear-box{
	padding:0 0 0 10px;
	margin:0 0 10px 0;
	background:url(images/bg-gear-box.gif) repeat-y;
}
.gear-box .img img{display:block;}
.gear-box .text{
	height:1%;
	background:url(images/bg-training-box-line.gif) repeat-y;
}
.gear-box .text .bg{
	padding:10px 9px 15px;
	overflow:hidden;
	background:url(images/bg-racing-box-text.jpg) no-repeat;
}
.gear-box .text p{margin:0;}

/* info-box block styles */
.info-box h2.races-and-travel span{
	background:url(images/text-races-and-travel.gif) no-repeat;
}
.info-box h2.race-finder span{
	background:url(images/text-race-finder.gif) no-repeat;
}
.info-box h2.club-finder span{
	background:url(images/text-club-finder.gif) no-repeat;
}
.info-box h2.profiles span{
	background:url(images/text-profiles.gif) no-repeat;
}
.info-box h2.articles span{
	background:url(images/text-articles-and-blogs.gif) no-repeat;
}
.info-box h2.swimgear span {
	background:url(images/text-gear-swim.gif) no-repeat;	
}
.info-box h2.bikegear span {
	background:url(images/text-gear-bike.gif) no-repeat;	
}
.info-box h2.rungear span {
	background:url(images/text-gear-run.gif) no-repeat;	
}
.info-box h2.nutritiongear span {
	background:url(images/text-gear-nutrition.gif) no-repeat;	
}
.info-box h2.generalgear span {
	background:url(images/text-gear-general.gif) no-repeat;	
}
.info-box h2.swim span {
	background:url(images/text-training-swim.gif) no-repeat;	
}
.info-box h2.bike span {
	background:url(images/text-training-bike.gif) no-repeat;	
}
.info-box h2.run span {
	background:url(images/text-training-run.gif) no-repeat;	
}
.info-box h2.nutrition span {
	background:url(images/text-training-nutrition.gif) no-repeat;	
}
.info-box h2.trainingarticles span {
	background:url(images/text-training-articles.gif) no-repeat;	
}

/* search form styles */
.search-form label{
	display: block;
	padding:0 0 5px;
}
.search-form .holder{
	padding:0 0 7px;
}
.search-form select{
	width:130px;
}
/* gear page */
h2.gear{
	background:#e00 url(images/text-gear-reviews-title.gif) no-repeat;
	height:50px;
	margin:0 0 4px;
	overflow:hidden;
	text-indent:-9999px;
}
.prod-holder{
	width:100%;
	overflow:hidden;
	padding:2px 0 10px;
}
.prod-holder .leftcolumn{width:308px;}
.prod-holder .rightcolumn{
	width:310px;
	padding:0;
}
/* product box styles */
.product-box{
	overflow:hidden;
	width:100%;
	margin:-6px 0 0;
}
.product-box .product{
	width:100%;
	overflow:hidden;
	margin: 0;
	padding:10px 0 8px;
	background: url(images/bg-product.gif) repeat-x 0 100%;
}
.product-box .product .holder{
	padding:0 0 8px;
}
.product-box .product .img{
	width:75px;
	background:#e00;
}

.product-box .product .img{
	float:left;
	margin:0 14px 0 0;
}
* html .product-box .product .img{
	margin:0 11px 0 0;
}
.product-box .product .text{
	height:1%;
	overflow:hidden;
}
.product-box .product .text .inform{
	display:block;
	font-size:12px;
	color:#666;
}
.product-box .product p{margin:0;}

/* marketplace page */
.marketplace-holder{
	width:100%;
	overflow:hidden;
}
.marketplace-holder .leftcolumn{
	float:left;
	width:150px;
}
.marketplace-holder .rightcolumn{
	float:right;
	width:470px;
}
.marketplace-holder .rightcolumn .img img{
	display:block;
}

/* calculators page */
.calc-holder{
	width:100%;
	overflow:hidden;
}
.calc-holder .leftcolumn{
	float:left;
	width:150px;
}
.calc-holder .rightcolumn{
	float:right;
	width:470px;
}
.calc-holder .rightcolumn .img img{
	display:block;
}
.about{
	background:url(images/bg-about-line.gif) repeat-y;
}
.about .bg{
	padding:8px 11px;
	min-height:353px;
	background:url(images/bg-about.jpg) no-repeat;
}
* html .about .bg{
	height:353px;
}
.about p{
	margin:0 0 25px;
}
a.calculate{
	display:block;
	line-height:31px;
	background:#ccc;
	padding:0 0 0 6px;
	text-decoration:none;
	color:#000;
	text-transform:uppercase;
}
a.calculate:hover{
	text-decoration:underline;
}
h2.heading{
	margin:0 0 9px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(images/bg-heading.gif) repeat-x;
}
h2.heading span{
	display:block;
	height:31px;
}
h2.heading span.calc{
	background:url(images/text-calculators.gif) no-repeat;		
}
h2.heading span.marketplace{
	background:url(images/text-marketplace.gif) no-repeat;		
}
h2.heading span.racefinder{
	background:url(images/text-racefinder.gif) no-repeat;		
}
h2.heading span.clubfinder{
	background:url(images/text-clubfinder.gif) no-repeat;		
}


.list-box{
	background: url(images/bg-list-box-line.gif) repeat-x;
}
.list-box .bg{
	min-height:560px;
	background:url(images/bg-list-box.jpg) no-repeat;
	padding:8px;
}
* html .list-box .bg{
	height:560px;
}
.list-box ul{
	list-style:none;
	margin:0;
	padding:0;
}
.list-box ul li{
	padding:0 0 15px;
}
.list-box ul li a{
	font-size:12px;
	text-decoration:none;
	line-height:15px;
	color:#000;
}
.list-box ul li a:hover{text-decoration:underline;}
/* contact page */
h2.heading span.options{
	background:url(images/text-options.gif) no-repeat;		
}
.list-box .contact-list{
	background: url(images/bg-list-box.jpg) no-repeat;
	min-height:284px;
	padding:6px 10px;
}
* html .list-box .contact-list{
	height:284px;
}
.list-box .contact-list ul li{
	padding:0 0 6px;
}
h2.contact{
	margin:0 0 11px;
	padding:0 9px;
	height:50px;
	text-indent:-9999px;
	overflow:hidden;
	background: #ccc url(images/text-contact.gif) no-repeat;
}
/* contact block styles */
.wrapper {
	overflow:hidden;
	height:1%;
}
.contact-block{
	height:1%;
	overflow:hidden;
	margin:-20px 0 26px;
	padding:21px 0 0;
	background:url(images/divider.gif) repeat-x;
}
.contact-box{
	margin:0 0 15px;
}
.contact-box address{
	font-style:normal;
}
.contact-box address span{
	display:block;
}
.contact-box p{
	margin:0;
}
.contact-box .mail{
	color:#666;
	text-decoration:none;
}
.contact-box .mail:hover{
	color:#fc0;
	text-decoration:none;
}
.contact-box .featured-mail, .contact-box .featured-mail a{
	color:#f0f;
}
.contact-box .featured-mail a:hover{
	text-decoration:underline;
}
.contact-block .left{
	float:left;
	width:230px;
}
.contact-block .right{
	float:right;
	width:226px;
}
.tabcontentstyle{ /*style of tab content oontainer*/
border: 1px solid gray;
width: 450px;
margin-bottom: 1em;
padding: 10px;
}

.tabcontent{
display:none;
}

.text2 {
padding: 8px 11px;
}

.marketplace img { display: block; float: left; margin-left: 10px; margin-bottom: 10px; }
select.postform {
        outline-offset: 0px;
        outline: none;
        padding: 0;
}
hr { text-align: right; height: 1px; color: #000; border: none; } /* For Internet Explorer */
html>body hr { margin-right: 0; height: 1px; background-color: #000; border: none; } /* For Gecko-based browsers */
html>body hr { margin-right: 0; height: 1px; background-color: #000; border: 0px solid #F00; } /* For Opera and Gecko-based browsers */