/*
	iRunNation - Main Stylesheet
	Created by Industrial Media/Phil Champagne
	www.industrialmedia.ca
*/


/* =General
---------------------------------------------------------------------------------------------------- */
body {
	background: #660000;
	font-family: arial, sans-serif;
	font-size: 12px;
	color: #000000;
	margin: 20px auto 0 auto;
	padding: 0;
}

table  td {
	font-family: arial, sans-serif;
	font-size: 12px;
	color: #666666;
}

/* =Layout Homepage
---------------------------------------------------------------------------------------------------- */
#home-wrapper {
	background:#cc0033 url(../images/background-arrows.jpg) bottom left no-repeat;
	width: 980px;
	margin: 0 auto 0 auto;
	min-height: 700px;
	_height: 700px;
}

#home-content {
	background: #fffffff;
	border-top: 10px solid #ffffff;
	border-left: 10px solid #ffffff;
	border-right: 10px solid #ffffff;
}

#home-main-content {
	border-bottom: 10px solid #ffffff;
	width:475px;
}

#forum-main-content {
	border-bottom: 10px solid #ffffff;
	width:780px;
}

#center-padding{
	padding:0 30px 0 10px;
}

#home-main-content strong {
	color: #666666;
}

#home-events {
	width: 170px;
	height: 288px;
	color: #ffffff;
	text-align: right;
	font-size: 11px;
	border-bottom: 10px solid #ffffff;
}

#login-head {
	background: #CC0033;
	color: white;
	font-weight: bold;
	text-align: left;
	font-size: 12px;
	padding: 3px 7px 3px 7px;
}
#login-head a {
	font-weight: normal;
	color: #FFff99 !important;
}
#login {
	text-align: left;
	background: #333333;
	padding: 5px 5px 5px 5px;
}
#login td {
	color: white;
	font-size: 11px;
}
#login input {
	font-size: 11px;
}
#login .submit {
	border: 1px solid #A7A6AA;
}

#home-events #pick-up-issue{
	background: url('../images/wrapper/events-bg.jpg') left top no-repeat;
	padding:5px 0 20px 0;
}

#home-events h2 {
	color: #ccff99;
	margin: 10px 10px 10px 0;
	font-size: 14px;
}

#home-events p {
	margin: 0 0 8px 0;
	padding: 0 10px 0 10px;
	color: #ffffff;
}

#home-events a {
	color: #ccff99;
}

#home-events img{
	border:none;
}

#home-sub-content {
	background: #ccff66;
	color: #666666;
	font-size: 11px;
	border-bottom: 10px solid #ffffff;
}	

#home-sub-content p {
	margin: 0;
	padding: 5px 8px 0 8px;
	/*text-align: right;*/
}

#home-sub-content table tr td {
	background: #EEEEEE;
	color: #666666;
	font-size: 11px;
}

#home-main-content ul {
	margin-left: 0px;
	padding-left: 10px;
}
#home-main-content li {
	list-style: none;
}
#home-main-content li a {
	font-size: 11px;
	font-weight: bold;
}

#home-main-content li span {
	font-size: 10px;
	font-weight: normal;
}

/* =Layout
---------------------------------------------------------------------------------------------------- */
#wrapper {
	width: 980px;
	margin: 0 auto 0 auto;
	min-height: 700px;
	_height: 700px
}

.clear {
	margin: 0;
	padding: 0;
	font-size: 1px;
	clear: both;
}

#branding {
	background: url('../images/wrapper/branding-bg.jpg') right top no-repeat;
	position: relative;
}

#branding #banner-ad {
	position: absolute;
	top: 25px;
	left: 243px;
}

#flashbannerad {

}

#content-bg {
	background: url('../images/wrapper/content-bg.jpg') repeat-y;
	min-height: 520px;
	_height: 520px;
}

#content-bg-gear {
	background: url('../images/wrapper/content-bg-gear.jpg') repeat-y;
	min-height: 520px;
	_height: 520px;
}

#main-content {
	float: left;
	width: 475px;
}

#text-content {
	padding: 12px 12px 0 30px;

}

#text-content-gear {
	
	
}

	
#events {
	float: left;
	width: 170px;
	height: 288px;
	background: url('../images/wrapper/events-bg.jpg') left bottom no-repeat;
	color: #ffffff;
	text-align: right;
	font-size: 11px;
	border-top: 10px solid #ffffff;
	border-bottom: 10px solid #ffffff;	
	border-left: 10px solid #ffffff;
}

#events h2 {
	color: #ccff99;
	margin: 10px 10px 10px 0;
	font-size: 14px;
}

#events p {
	margin: 0 0 8px 0;
	padding: 0 10px 0 10px;
	color: #ffffff;
}

#events a {
	color: #ccff99;
}

#sub-content {
	//float: right;
	width: 299px;
	background: #ccff66;
	color: #666666;
	font-size: 11px;
}	

#sub-content p {
	margin: 0;
	/*= text-align: right;*/
}

#sub-content table tr td {
	background: #EEEEEE;
	color: #666666;
	font-size: 11px;
}

/*= features-discussions
---------------------------------------------------------------------------------------------------- */
#features-discussions{
	background: #cc0033;
}

#features-discussions li{
	margin-bottom:0;
}

#features-discussions li a{
	text-decoration:none;
	color:#333333;
	font-size:11px;
}

#features-discussions a:hover{
	color:#CC0000;
}

#discussions{
	/*background:url(../images/discussions-bottom-corner.gif) bottom right no-repeat;*/
}

/* =Current Issue
---------------------------------------------------------------------------------------------------- */
h2.article-title{
	font-size:13px;
	color:#cc0033;
	margin:0 0 0 142px;
}

h2.article-title-centre{
	font-size:13px;
	color:#cc0033;
	margin:0 0 0 0px;
}

h2.article-title a{
	text-decoration:none;
	border:none;
}

p.article-desc a, p.article-desc a img{
	text-decoration:none;
	border:none;
}

p.article-desc{
	margin:5px 0 15px 142px;
	font-size:11px;
}

span.web-extra{
	font-weight:bold;
}

#no-image-TOC-desc h2{
	font-size:13px;
	color:#cc0033;
	margin:0 0 5px 0;
}

#no-image-TOC-desc a, #no-image-TOC-desc a img{
	text-decoration:none;
	border:none;
}

#no-image-TOC-desc img{
	margin-bottom:10px;
}

#no-image-TOC-desc a img{
	margin-bottom:0;
}

#no-image-TOC-desc p{
	font-size:11px;
	margin-bottom:0;
	padding-bottom:0;
}

.current-issue-header{
	margin-bottom:15px;
}

/* =June 2008 - Articles
---------------------------------------------------------------------------------------------------- */
#june-2008{
	padding:0 25px 10px 10px;
}

#june-2008 span.h1-blue{
	font-size:16px;
	color:#66CCFF;
}

#june-2008 span.h1-green{
	font-size:16px;
	color:#66CC99
}

#june-2008 span.boldred{
   color:#FF0000;
   font-weight:bold;

}

#june-2008 span.h1{
	font-size:16px;
	color:#cc0033;
}

#june-2008 h2{
	font-size:14px;
	color:#666666;
	margin-top:20px;
}

#june-2008 span.runner-name{
	color:#cc0033;
}

#june-2008 span.quote-sayer{
	font-weight:bold;
	margin-left:5px;
}

#june-2008 span.web-extra{
	color:#cc0033;
}

#june-2008 a, #june-2008 img{
	border:none;
	text-decoration:none;
}

#june-2008 h1{
	font-size:16px;
	color:#cc0033;
}

#june-2008 h2{
	margin-bottom:5px;
}

#june-2008 h3{
	font-size:12px;
	color:#cc0033;
	margin-bottom:5px;
}

#june-2008 h3.stories{
	font-size:14px;
	color:white;
	background-color:#cc0033;
	margin-bottom:5px;
}


#june-2008 h4{
	color:#666666;
	margin-bottom:0;
}

#june-2008 p.quote{
	font-size:16px;
	color:#cc0033;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#june-2008 p.author{
	font-size:11px;
	margin-top:0;
	font-style:italic;
}

#june-2008 #sub-title{
	font-size:13px;
}

.back-to-link{
	font-size:11px;
	text-decoration: none;
	color: #666666;
}

#june-2008 div.relatedArticles {
	border:1px #CCCCCC solid;
	padding:2px; 
	width: 134px;
	margin-top:4px;
	font-size:8pt;

}

/* =Navigation
---------------------------------------------------------------------------------------------------- */
#main-nav {
	position:relative;
	background: #333333;
	color: #cccccc;
	font-size: 12px; 
	font-weight: bold;
	border-top: 1px solid #ffffff;
	border-left: 10px solid #ffffff;
	border-right: 10px solid #ffffff;
	padding: 3px 0 3px 0;
}

#main-nav a {
	color: #cccccc;
	font-size: 12px; 
	font-weight: bold;
	text-decoration: none;
	margin: 0 8px 0 8px;
}

#main-nav-left a {
	color: #cccc99;
}

#main-nav a:hover {
	color: #ffffff;
	font-size: 12px; 
	font-weight: bold;
	text-decoration: none;
}

#main-nav #main-nav-right {
	position:absolute;
	right:0;
}

/* =Scrolling Quotes
---------------------------------------------------------------------------------------------------- */
#scroll-quotes {
	background-color: #FFFFFF;
	height: 25px;
}

#scroll-quotes .invis {
	position: absolute; 
	background: white; 
	mozOpacity: 0; 
	opacity: 0; 
	KhtmlOpacity: 0; 
	filter: alpha(opacity=0); 
	display: none;
}


/* =Lists
---------------------------------------------------------------------------------------------------- */
ul {
	MARGIN: 0 0 0 17PX;
	padding: 0 0 0 16px;
}

ol {
	MARGIN: 0 0 0 17PX;
	padding: 0 0 0 16px;
}

ul li, ol li {
	padding: 10px 0 0 0;
}

/* =Links
---------------------------------------------------------------------------------------------------- */
a {
	outline: none;
	color: #cc0033;
}

a:hover {
	outline: none;
	color: #b86609;
}

/* =Typography
---------------------------------------------------------------------------------------------------- */
p {
	color: #666666;
	margin: 5px 0 12px 0;
}
p.byline {
	font-size: 11px;
	font-style: italic; 
}

h1, h2, h3 

{

	font-family: Georgia,Verdana,Arial,Helvetica,sans-serif;

	font-weight: bold;

}


h1 {
	font-size: 16px;
	margin:  5px 0 3px 0;
}

h3 {
    font-size: 14px;
	margin:  5px 0 3px 0;
}
h1.inthisissue {
	background: url('../images/issue-header.gif') no-repeat;
	display: block;
	height: 46px;
	padding: 11px 0 0 191px;
	color: #cc0033;
	text-transform: uppercase;
	font-size: 20px;
	margin: 0 0 7px 0;
}
/* =Home page Ticker
---------------------------------------------------------------------------------------------------- */
.ticker {
	padding: 5px 0 7px 10px;
	margin: 0;
	color: #999999;

}

.irun {
	font-weight:bold;
	color: #cc0033;
}

/* =Forms
---------------------------------------------------------------------------------------------------- */
form {
	margin: 0;
	padding: 0;
}

#form1 {
	border: 1px solid #b86609;
	padding: 10px;
	width: 410px;
}
#form2 {
	border: 1px solid #b86609;
	padding: 10px;
	width:190px;
	float: left;

	
}
#form3 {
	border: 1px solid #b86609;
	padding: 10px;
	width:190px;
	float: right;
	z-index: 1;
	
}
form .input-1 {
	background: #efefef;
	border: 1px solid #333333;
}

#form1 td {
	padding: 3px 2px 3px 2px;
}

#form1 td span.label {
	/*color: #b86609;*/
	color: #666666;
}

.validation {
	color: #ff0000;
	font-weight: bold;
}
input.validationbox {
	border: 1px solid red;
}

/* =Gear Page
---------------------------------------------------------------------------------------------------- */

.gear-att {
	font-weight: bold;
	color: #666666;

}
.gear-title{
	font-weight: bold;
	color: #cc0033;

}
.gear-desc {

}
.gear-price{
	color : #CC0035

}

.gear-qty-input {
	background: #ECECEC;
	border:none;
	border: 1px solid #333333;
}

.gear-img {
	padding: 5px 5px 5px 0px; 
}

#text-content-gear select {
	width: 110px;
	background: #ECECEC;
	border:none;
	border: 1px solid #333333;
}

.button {
	background: #ECECEC;
	border: none;
	color: #636363;
}

/* =Photo Galleries
---------------------------------------------------------------------------------------------------- */

span.galleryname{
	font-weight: bold;
	color: black;
	font-size: 10px;
}

span.photographer{
	font-weight: bold;
	color: red;
	font-size: 9px;
}

a.image{
	outline: none;
	color: white;	
}

a.image:hover{
	outline: none;
	color: white;	
}

/* =Archives
---------------------------------------------------------------------------------------------------- */
img.Archive{
 align: left;
 padding-top: 15px;
 
 }


/* =Blog Design
---------------------------------------------------------------------------------------------------- */
.BlogHeader{
  color:#590000;   
 }
 
.BlogHeader a, .BlogHeader a:hover {
	 text-decoration:none;
}
 
div.WhiteLine {
  	border-top:  1px solid #FFFFFF;
	padding: 0 0 0 0;
	width: 280;
	margin: 1px 1px 1px 1px;
	
}