@charset "UTF-8";
/* CSS Document */

body
{
	background: 		url(http://media.albertalocalnews.com/designimages/WGH_weGot_bkgrnd.jpg);
	font-size:			100%;
    line-height:		1.125em;
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	margin: 			0;
	padding: 			0;
}

a
{
	color: 				#005353;
	font-weight:		bold;
}

a:hover
{
	color:				#007F7F;
}

a.redLink, a.featuredHomesLink
{
	color: 				#9F2828; 
	font-weight: 		bold;
}

a.redLink:hover, a.featuredHomesLink:hover
{
	color: 				#005353;
}

a.featuredHomesLink
{
	text-decoration:	none;
}

a.featuredHomesLink:hover
{
	text-decoration:	underline;
}


#weGotHomes
{
	margin-left: 		auto;
	margin-right: 		auto;
	position: 			relative;
	margin-top: 		8px;
	width: 				1005px;
	border-top: 		6px solid #d40000;
}

.header
{
	background-color: 	#FFFFFF;
	margin-bottom: 		18px;
        padding:                   3px 30px;
        height:                      90px;
}

.contentArea
{
	background: 		url(http://media.albertalocalnews.com/designimages/WGH_cont_bkgrnd.gif);
	border: 			2px solid #000000;
	position: 			relative;
	padding-bottom: 	14px;
	float: 				left;
	font-size: 			0.6875em;
        width:                       1001px;
}

.leftColumn
{
	width: 				670px;
	float: 				left;
}

.rightColumn
{
	width: 				315px;
	float: 				right;
overflow:  hidden;
}

.mainItem
{
	background-color: 	#FFFFFF;
	text-align: 		left;
	padding: 			4px 8px 12px;
	margin-bottom: 		16px;
	width:				654px;
	clear: 				both;
	float:				left;
}

.sectionTitle
{
	margin-left: 		8px;
}

.roundedBorder
{
	position: 			relative;
	border: 			4px solid #000000;
	padding: 			8px 6px;
}

.secondaryItem
{
	background-color: 	#FFFFFF;
	float: 				left;
	margin: 			0 8px 16px;
	padding: 			4px;
	border:				1px dashed #000000;
}

.leftColumn .secondaryItem
{
	width: 				644px;
}

.rightColumn .secondaryItem
{
	width: 				291px;
	margin:				0 3px 16px;
}

.searchItem
{
	float: 				left;
	text-align: 		center;
	width: 				192px;
	margin-left: 		60px;
	padding: 			0 4px;
}

.searchItem img
{
	display: 			block;
	margin-left: 		auto;
	margin-right: 		auto;
}

.navBar
{
	background: 		url(http://media.albertalocalnews.com/designimages/WGH_navBar.gif) no-repeat;
	margin: 			0 7px 16px;
	padding: 			8px 12px 10px 70px;
	width: 				217px;
}

.navBar a
{
	display: 			block;
	text-align: 		right;
	font-weight: 		bold;
	color: 				#FFFFFF;
	text-decoration: 	none;
	padding: 			2px 0;
	border-bottom: 		1px solid #FFFFFF;
}

.navBar a:hover
{
	color: 				#9F2828;
}

a.titleLink
{
	font-size: 			1.2em; 
	color: 				#9F2828; 
	font-weight: 		bold;
}

a.titleLink:hover
{
	color: 				#8A0000;
}

#footer
{
	margin-left: 		auto;
	margin-right: 		auto;
	position: 			relative;
	width: 				1000px;
	font-size: 			0.67em;
}

.moreLink
{
	font-size: 			0.9em;
	text-transform:		uppercase;
}

.left
{
	float: 				left;
}

.right
{
	float: 				right;
}

a.noBorder
{
	border: 			none;
}

/* STORY PAGE */

h1
{
	 color: #005353; 
	 margin-top: 0px;
	 margin-bottom: 5px; 
	 padding: 0; 
	 font-size: 1.8em;	
	 line-height: 1em;
}

#story
{
	margin: 4px 0;
	float: left;
	text-align: left;
	width: 652px;
}

#story h1
{
	color: #d40000;
	clear: left;
}

#photoCaption
{
	font-size: 0.9em;
	float: right;
	border: 0px;
	padding: 0 0 10px 20px;
	width: 400px;
}

#photoCaption .byLine, #mostReadStories .byLine, .storyListDisplay .byLine
{
	color: #666666;
	font-style: italic;
}

#photoCaption img
{
	margin-bottom: 5px;
}

#photoCaption h3
{
	font-size: 1.5em;
}

#photoCaption ul li a
{
	font-size: 0.9em;
}

.imWare
{
	/*width: 628px;*/
    background-color:#eeeded;
	text-align: left;
	position: relative;
	margin: 10px 0 3px;
    padding:5px;
}

.imWare img
{
	margin-bottom: -2px;
}

.imWareText
{
	font-size: 1.5em;
	text-align: right;
}

#mostReadStories
{
	margin-bottom: 10px;
}

#mostReadStories .titleBar
{
	float: left;
	width: 644px;
	border-bottom: 1px solid #666666;
}

#mostReadStories h2
{
	color: #005353; 
	margin-top: 0px;
	margin-bottom: 5px; 
	position: relative; 
	padding: 0; 
	font-size: 1.3em;	
	line-height: 1em;
	float: left;
}

#mostReadStories .rightLinks
{
	float: right;
}

#mostReadStories .boxContent
{
	padding: 10px 19px;
}

#mostReadStories .boxContent ul li a
{
	color: 				#9F2828; 
}

#mostReadStories .boxContent ul li a:hover
{
	color: 				#8A0000;
}

/* CYCLE STYLES */

div.featureHeadlines
{
	position: 			relative;
	height: 			190px;
}

div.featureHomes
{
	width: 				632px;
	position: 			relative;
	height: 			190px;
}

.featureHeadlines ul, .featureHomes ul
{
	list-style: 		none;
	padding: 			0;
	margin:				0;
	float: 				left; 
}

.featureHeadlines li
{
	float: 				left; 
	width: 				634px; 
	height: 			170px;
}

 .featureHomes li
{
	float: 				left; 
	width: 				158px; 
	height: 			170px;
}

.featureHomes ul
{
	width: 				634px;
}

div.headlinePagination, div.homesPagination
{
	position: 			absolute;
	padding:	 		3px 8px 5px;
	top: 				175px;
	right: 				0;
	_right:				16px;  /* For IE6 and less */
	z-index: 			100;
	background: 		#FFFFFF;
}

div.headlinePagination a, div.homesPagination a
{
	padding: 			0 4px 1px;
	margin-right: 		3px;
	background-color: 	#999999;
	color: 				#333333;
	text-decoration:	none;
	border: 			1px solid #CCCCCC;
}

div.headlinePagination a:hover, div.homesPagination a:hover
{
	color: 				#d40000;
	border-color: 		#333333;
}

div.headlinePagination a.activeSlide, div.homesPagination a.activeSlide
{
	font-weight:		bold;
	color: 				#000000;
	background-color:	#999999;
	border: 			1px solid #d40000;
}


/* CORNERS */

.topLeft
{
	position: 			absolute;
	top: 				-4px;
	left: 				-4px;
	_display:			none; /* For IE6 and under browsers */
}

.topRight
{
	position: 			absolute;
	top: 				-4px;
	right: 				-4px;
	_display:			none; /* For IE6 and under browsers */
}

.bottomLeft
{
	position: 			absolute;
	bottom: 			-4px;
	left: 				-4px;
	_display:			none; /* For IE6 and under browsers */
}

.bottomRight
{
	position: 			absolute;
	bottom: 			-4px;
	right: 				-4px;
	_display:			none; /* For IE6 and under browsers */
}


/* AD STYLES */

.adBanner
{
	clear: 				both;
	padding: 			8px 14px;
	text-align: 		center;
}

.adColumn
{
	float: 				left;
	clear: 				both;
	margin: 			20px 3px 13px;
	width:				300px;
}

/* Blog Highlight */

.highlightStoryArea
{
	float: 				left;
}

.highlightStoryArea img
{
	float: 				left;
}

.hlStory
{
	padding:			0 0 0 4px;
	float: 				left;
	width:				184px;
	height:				80px;
	position:			relative;
}

.hlStory a.moreLInk
{
	position:			absolute;
	bottom:				0px;
	right:				1px;
}

/*** Hot Spots **/
.hot-topics {
     border-color:        #D2222C;
     font-family:Arial,Helvetica,sans-serif;
     font-size:13px;
}

.hot-topics .titleBar {
     background-color:    #D2222C;
     background-image: none;
     border-color:     #D2222C;
}

.box {
        border:   1px solid #006699;
}

.titleBar {
     -moz-background-clip:border;
     -moz-background-inline-policy:continuous;
     -moz-background-origin:padding;
     background:transparent url(http://media.bclocalnews.com/designimages/titleBackground.gif) repeat-x scroll 0 0;
     border-bottom:1px solid #006699;
     padding:3px 19px;
}