/* 
SITE STYLES FOR GOLF BUSINESS
-----------------------------
*/


/* Legacy Golf Business Styles */
.gb1 {
	color: #262626;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
	line-height: 14px;
}

.gbmainhead {
	color: #1b5388;
	font-family: Georgia, Times, serif;
	font-size: 14px;	
}

/* General CSS Reset Styles */
body {
	background-image: url('../images/bg_site.gif');
	background-position: 50% 0;
	background-repeat: repeat-y;	
	color: #262626;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
	line-height: 15px;
	margin: 0;
	padding: 0;
}

form {
	padding: 0;
	margin: 0;
}

img {
	border: 0;
}

input, select, textarea {
	color: #262626;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
}

/* removes Firefox "dashed" border around links */
a:active, a:focus, input[type="image"] {
	outline: none;	
}

/* used to fix bug in browser rendering images within hyperlinks */
a img {
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}
	
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;
}

.ulFormat {
	list-style: none;
	margin: 0;
	padding: 0;
}

.dlFormat {
	margin: 0;
	padding: 0;
}

.dlFormat dd {
	margin: 0;
	padding: 0;
}

.clearBoth {
	clear: both;
}


hr {
        clear: both;
        height: 1px;
        color: #666;
        background-color: #666;
        padding: 0;
        border: 0;
}

.clearFix {
	clear: both;
}

/* Site Layout Styles */
#siteWrapper {		
	margin: 23px auto 0 auto;
	padding: 0;
	width: 952px;
}

	/* HEADER STYLES */
	#header {}

		#topArea {
			height: 67px;
		}

			#gbLogo {
				float: left;
				padding-left: 32px;
			}
	
			#gbTagline {
				float: left;
				padding: 47px 0 0 2px;
			}

			#gbSearchBar {
				background-image: url('../images/detail_search.gif');
				background-position: center bottom;
				background-repeat: no-repeat;				
				float: right;
				height: 67px;
				margin-right: 30px;
				line-height: 13px;				
				text-align: right;
				font-size: 11px;				
				width: 279px;
			}
			
				#loginLink {
					height: 21px;
				}

				#searchInputBlock {
					background-image: url('../images/bg_searchbox.gif');
					float: left;
					font-size: 0;
					height: 23px;
					line-height: 0;
					margin: 0;
					padding: 0;
					position: relative;
					width: 197px;										
				}

					#searchInputBlock div {
						position: absolute;
						left: 26px;
						top: 0;
						line-height: 0;
						font-size: 0;
						height: 23px;
					}

						#searchInputBlock div input {
							background-color: transparent;
							border: 0;
							color: #999;
							display: block;
							float: left;
							font-family: Georgia, 'Times New Roman', Times, serif;
							font-size: 13px;
							height: 19px;
							line-height: 17px;
							margin: 2px 0 0 2px;
							padding: 0;
							width: 159px;
						}

				#searchButtonBlock {
					float: left;
					padding-left: 10px;
				}

		#chromemenu {		
			clear: both;
			height: 29px;
			line-height: 29px;
			margin: 0;
			padding: 0;
		}

	/* HOMEPAGE AND INTERIOR STYLES */
	#contentHolder {
		float: left;
	}

		#mainColumn {
			float: left;
			width: 661px;
		}

			/* INTERIOR STYLES */
			#leftColumn {
				float: left;
				width: 207px;
			}

				#currentIssueInterior {
					background-image: url('../images/bg_currentissue_interior.gif');
					background-repeat: no-repeat;
					padding: 0 16px 10px 16px;
				}

						#leftColumnTop {
							height: 55px;
						}

							#leftColumnTop h1 {
								margin-bottom: 0;
								padding-top: 34px;
							}
	
						#currentIssueInterior ul {
							margin-top: 11px;
						}

							#currentIssueInterior ul li {
								margin-bottom: 13px;
							}

								#currentIssueInterior ul li.last {
									margin-bottom: 10px;
								}

									#currentIssueInterior h2 {										
										margin-bottom: 0;
										padding-bottom: 5px;
									}

									#currentIssueInterior p {
										margin-bottom: 0; 
									}
		
				#onlineExclusivesInterior {
					background-image: url('../images/bg_onlineexclusives_interior.gif');
					background-repeat: no-repeat;
					padding: 0 16px;
				}
					#onlineExclusivesInterior h1 {
						margin-bottom: 0;
						padding: 11px 0 19px 0;
					}
					
					#onlineExclusivesInterior ul {
						margin-bottom: 25px;
						padding-left: 21px;
					}

						#onlineExclusivesInterior ul li#imgRow {
							display: inline; /* to fix ie issues */
						}

						#onlineExclusivesInterior ul li#navRow {
							padding: 7px 0 10px 0;
						}

								#onlineExclusivesInterior h2 {
									margin-bottom: 0;
									padding-bottom: 5px;
								}

								#onlineExclusivesInterior p {
									margin-bottom: 0;
								}

				#relatedArticles {
					background-image: url('../images/bg_relatedarticles.gif');
					background-repeat: no-repeat;
					padding: 0 16px 10px 16px;
				}

					#relatedArticles h1 {
						margin-bottom: 0;
						padding: 11px 0 19px 0;
					}

					#relatedArticles ul li {
						margin-bottom: 0;
						padding-bottom: 5px;
					}

						#relatedArticles ul li.last {
							margin-bottom: 0;
							padding-bottom: 15px;
						}

			#contentColumn {
				background-image: url('../images/bg_contentarea.gif');
				background-repeat: no-repeat;
				float: left;				
				width: 454px;
			}

				#rightColumnTop {
					height:55px;
					padding:0 23px;
				}

						#rightColumnTop h1 {
							margin-bottom: 0;
							padding-top: 34px;
						}

				#contentFormat {
					margin-top: 11px;
					padding: 0 23px;
				}

						#contentFormat h2 {
							margin-bottom: 0;
							padding-bottom: 5px;
						}

						#contentColumn p, #contentColumn blockquote, #contentColumn ul, #contentColumn ol {
							margin-bottom: 14px;
						}

				#commentsArea {
					background-image: url('../images/bg_comments.gif');
					background-repeat: no-repeat;
					margin-top: 55px;
					padding: 0 23px;					
				}

					#socialBarInterior {
						padding: 22px 0 15px 0;
					}

			/* HOMEPAGE STYLES */
			#topStories {}

			#mustReads {
				background-image: url('../images/bg_mustreads.gif');
				background-repeat: no-repeat;				
				float: left;
				height: 251px;
				padding-left: 53px;
				position: relative;
				width: 608px;
			}

				#socialBar {
					position: absolute;
					right: 20px;
					top: 10px;
				}

				#mustReads h1 {
					margin: 0;
					padding: 41px 0 19px 0;
				}

				#mustReads ul li {
					float: left;
					margin-right: 22px;
					width: 180px;
				}

					#mustReads ul li.last {
						margin-right: 0;
					} 

						#mustReads h2 {
							margin-bottom: 0;
							padding-bottom: 5px;							
						}
		
			#onlineExclusives {
				background-image: url('../images/bg_onlineexclusives.gif');
				background-repeat: no-repeat;
				padding-left: 53px;
			}

				#onlineExclusives h1 {
					margin: 0;
					padding: 16px 0 19px 0;
				}

			#bottomAdvertisement {
				background-image: url('../images/bg_clubcar.gif');
				background-position: center center;
				background-repeat: no-repeat;				
				margin: 45px 0 0 0;
				text-align: center;
			}

		#rightColumn {
			background-image: url('../images/bg_rightcolumn.gif');
			background-repeat: no-repeat;
			float: left;
			width: 291px;
		}

			#rightColumnFormat {
				padding: 23px 18px 23px 23px;
			}

				#bannerAd1 {}

				#bannerAd2 {
					background-image: url('../images/bg_rightcolumn_separator.gif');
					background-repeat: no-repeat;
					padding-top: 30px;
				}

				#brightIdeas {
					background-image: url('../images/bg_brightideas.gif');
					background-repeat: no-repeat;
					padding:34px 0 0 7px;
				}

					#brightIdeas h1 {
						padding-bottom: 19px;
						margin-bottom: 0;
					}

						#brightIdeas h2 {
							margin-bottom: 0;
							padding-bottom: 5px;
						}

		#currentIssue {
			background-image: url('../images/bg_current_issue_separator.gif');
			background-position: 0 57px;
			background-repeat: no-repeat;
			margin-top: 50px;
		}

			#currentIssueGraphic {}

			#currentIssueNavigation {
				background-image: url('../images/bg_currentissue.gif');
				background-repeat: no-repeat;
				padding: 20px 0 0 10px;
			}

				#currentIssueNavigation li {
					float: left;
					margin-right: 5px;
				}

					#currentIssueNavigation li.last {
						margin: 0;
					}

	/* FOOTER STYLES */
	#footer {
		background-image: url('../images/bg_footer.gif');
		background-repeat: no-repeat;
		clear: both;
		float: left;
		margin-top: 40px;		
		width: 952px;		
	}
		
		#megaFooter {
			float: left;			
			padding: 62px 17px 0 17px;			
		}	
	
			#megaFooter li.foot { 
				float: left;
				font-size: 10px;				
				margin-right: 20px;
				width: 136px;				
			}

				#megaFooter li.lastFoot { 
					float: left;
					font-size: 10px;	
					margin: 0;
					width: 136px;				
				}
				
				#megaFooter h5 {
					color: #535353;
					font-family: Arial, Helvetica, sans-serif;
					font-size: 11px;
					font-weight: bold;
					margin: 0 0 4px 0;
					padding: 0;
				}
		
				#megaFooter li ul li {
					float: none;
				} 

					#megaFooter li ul li a {
						color: #535353;				
						font-size: 10px;
						line-height: 14px;	
						text-decoration: none;
					}
		
						#megaFooter li ul li a:hover, #megaFooter li ul li a:active {
							text-decoration: underline;
						}
			
		#copyright {
			clear: both;
			color: #535353;
			font-size: 11px;
			text-align: center;	
		}

			#copyright p {
				font-size: 11px;
				padding-top: 30px;
				padding-bottom: 0;
				margin-bottom: 0;
			} 

		
			#copyright a {
			color: #1b5388;	
				font-size: 11px;
				text-decoration: none;
			}
	
				#copyright a:hover, #copyright a:active {
					text-decoration: underline;
				}

		#logoFooter {
			padding: 15px 0;
		}

/* Site Content Styles */
h1 {
	color: #781214;
	font-family: Georgia, Times, serif;
	font-weight: bold;
	font-size: 14px;
	line-height: 16px;
	margin-top: 0;
}

h2 {
	color: #1b5388;
	font-family: Georgia, Times, serif;	
	font-size: 14px;	
	font-weight: normal;
}

	h2 a { 
		color: #1b5388;
		text-decoration: none;
	}

		h2 a:hover, h2 a:active {
			text-decoration: underline;
		} 

p {
	color: #262626;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
	line-height: 15px;
	margin-top: 0;
	padding-top: 0;
}

a { 
	color: #1b5388;
	text-decoration: none;
}

	a:hover, a:active {
		text-decoration: underline;
	} 


a.readMore {
	background-image: url('../images/icon_morelink.gif');
	background-position: right 3px;
	background-repeat: no-repeat;	
	color: #1b5388; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;	
	font-weight: bold;
	line-height: 15px;
	padding-right: 9px;
	text-decoration: none;
	text-transform: none;
}

	a.readMore:hover, a.readMore:active {
		/* insert background image */
		text-decoration: underline;
	} 

img.readMore, span.readMore img {
	padding: 0 6px;
	vertical-align: baseline;
}

.imageFloatRight {
	float: right;
	padding: 0 0 10px 10px;
}

.imageFloatLeft {
	float: left;
	padding: 0 0 10px 10px;
}

/* custom style for Ektron search highlight terms */
.spanWrap {
	background-color: #e5e5e5;
	padding: 0 1px;
	
}

/* Site comments section */
#commentsArea dl.dlFormat dd {
	margin: 2px solid #FFF;
	padding: 4px;
}

	#commentsArea dl.dlFormat dd.commentPadding {
		padding-bottom: 8px;
	}

#commentsArea h1 {
	margin-bottom: 8px;
	padding: 0;
}

#commentsArea .commentBox {
	border: 1px solid #666;	
	height: 150px;
	color: #262626;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
	line-height: 15px;
	overflow: auto;
	width: 404px;
}

#commentsArea #commentBlock {
	margin-bottom: 8px;
	width: 408px;
}

	#commentsArea li.offRow {
		width: 408px;
	}

	#commentsArea li.onRow {
		background-color: #eff1f4;
		width: 408px;
	}

		#commentsArea li table {
			margin: 6px;
		}

			#commentsArea li table td.postBy {
				color: #1b5388;
				font-size: 10px;
			}		
	
			#commentsArea li table td.postDate {
				color: #1b5388;
				font-size: 10px;
				text-align: right;
				white-space: nowrap;
			}