/* ------------------------------------------------

   'Site' Template Stylesheet
   (loaded by Template: 'site.php')
	
   * This stylesheet is loaded by any page that
 	 that uses the default 'Site' template.

--------------------------------------------------- */

/* ------------------------------------------------
	=ADDITIONALLY LOADED STYLESHEETS 
   ------------------------------------------------ */

	@import url('pagination.css'); 			/* Styles paginated Browse pages */
	@import url('popularity-sidebar.css'); 	/* Styles Most Popular Content Widget */

/* ------------------------------------------------
	=GLOBAL LINKS
   ------------------------------------------------ */

	/* EDIT CONTENT LINK */
	a.editlink {
		background-image:url(../images/icon-editlink.gif);
		background-position:top left;
		background-repeat:no-repeat;
		padding-left:18px;
		color:#333333;
		text-decoration:none;
		border-bottom:dotted 1px #cccccc;
		margin-right:15px;
	}
		a.editlink:hover {
			color:#666666;
			text-decoration:none;
			border-bottom:dotted 1px #cccccc;
		}
		
	/* DELETE CONTENT LINK */
	a.deletelink {
		background-image:url(../images/icon-deletelink.gif);
		background-position:top left;
		background-repeat:no-repeat;
		border-bottom:dotted 1px #cccccc;
		color:#333333;
		margin-right:15px;
		padding-left:15px;	
		text-decoration:none;	
	}
		a.deletelink:hover {
			color:#666666;
			text-decoration:none;
			border-bottom:dotted 1px #cccccc;						
		}

/* ------------------------------------------------
	=GLOBAL STRUCTURE
   ------------------------------------------------ */

	body {
		background-color:#FFFFFF;
		background-image:url(../images/bg-body.gif);
		background-position:top left;
		background-repeat:repeat-x;
		color:#333333;	
		font-size:12px;
		font-family:Arial, Helvetica, sans-serif;	
		margin:0px;
		padding:0px;
	}
		.clear {
			clear:both;
			height:1px;
		}
	
	/* -----------------------
		=HEADER
	   ----------------------- */
	
		#header-container {	
			margin:0px auto 0px auto;
			padding:0px;
			/*background-image:url(../images/bg-page-header.gif);
			background-position:top left;
			background-repeat:repeat-x;*/
		}
		
		/* TOP-LEVEL NAV BAR */
		#network-bar {
			padding-top:4px;
			height:26px;
			width:978px;
			margin:0px auto;
		}
			
			/* TOP-LEVEL SECTIONS NAV */
			ul.network-nav {
				font-size:10px;
				color:#cccccc;
				list-style:inside;
				list-style-type:none;
				margin:0px;
				padding:0px;
			}	
				ul.network-nav li {
					font-size:11px;
					color:#cccccc;
					float:left;
					padding:5px 10px 7px 10px;
					background-color:#181818;	
					margin-right:4px;
				}	
					ul.network-nav li a {
						color:#cccccc;
						text-decoration:none;		
					}
						ul.network-nav li a:hover {
							color:#999999;
							text-decoration:none;
							border-bottom:dotted 1px #cccccc;		
						}
				ul.network-nav li.selected {
					font-size:11px;
					color:#333333;
					padding:5px 13px 7px 13px;	
					background-color:#ffffff;
					/*border-top:solid 1px #757575;
					background-image:url(../images/bg-networknav-selected.gif);
					background-position:top left;
					background-repeat:repeat-x;*/
					margin-right:4px;
					height:14px;
				}
					ul.network-nav li.selected a {
						color:#333333;
						text-decoration:none;		
					}
						ul.network-nav li.selected a:hover {
							color:#333333;
							text-decoration:none;
							border-bottom:dotted 1px #cccccc;		
						}		
				
			/* TOP-LEVEL SECTIONS NAV */
			ul.additional-nav {
				font-size:10px;
				color:#cccccc;
				list-style:inside;
				list-style-type:none;
				margin:0px 0px 0px 15px;
				padding:0px;
			}	
				ul.additional-nav li {
					font-size:11px;
					color:#cccccc;
					float:left;
					padding:5px 10px 2px 10px;	
				}	
					ul.additional-nav li a {
						color:#cccccc;
						text-decoration:none;		
					}
						ul.additional-nav li a:hover {
							color:#999999;
							text-decoration:none;
							border-bottom:dotted 1px #cccccc;		
						}
						
				ul.additional-nav li.social-icon {
					font-size:11px;
					color:#cccccc;
					float:left;
					padding:5px 4px 2px 4px;	
				}
								
			/* USER ACCOUNT NAV */
			ul.user-nav {
				font-size:11px;
				list-style:inside;
				list-style-type:none;
				margin:0px;
				padding:0px;
				float:right;		
			}
				ul.user-nav li {
					color:#cccccc;
					margin:0px;
					padding:5px 5px;
					float:left;		
				}
					ul.user-nav li a {
						color:#cccccc;
						text-decoration:none;	
					}
						ul.user-nav li a:hover {
							color:#999999;
							text-decoration:none;
							border-bottom:dotted 1px #cccccc;	
						}
				ul.user-nav li.user-greeting {
					color:#cccccc;
					margin:0px;
					padding:5px 10px;
					float:left;		
				}
					ul.user-nav li.user-greeting a {
						color:#cccccc;
						text-decoration:none;
						border-bottom:dotted 1px #cccccc;
					}
						ul.user-nav li.user-greeting a:hover {
							color:#999999;
							text-decoration:none;
							border-bottom:dotted 1px #cccccc;
						}
		
		/* HEADER CONTENT AREA */
		#main-banner {
			clear:both;
			height:107px;
			padding-top:13px;
			width:978px;
			margin:0px auto;		
		}
			
			/* LOGO */
			#main-banner #logo {
				float:left;	
				margin-top:5px;	
			}	
			
			/* =AD - LEADERBOARD (fits 728px by 90px ad) */	
			#main-banner .ad-leaderboard {
				width:728px;
				height:90px;
				float:right;
				border:solid 1px #7c7c7c;
			}
			
	/* -----------------------
		=NAVIGATION
	   ----------------------- */
		
		#main-navigation {
			clear:both;
			margin-top:4px;
			width:978px;
			margin:0px auto;
			height:25px;	
		}
			
			ul.toplevel-nav {
				font-size:11px;
				list-style:inside;
				list-style-type:none;
				margin:0px;	
				padding:0px;
				height:31px;
			}
				ul.toplevel-nav li {
					text-transform:uppercase;
					float:left;
					padding:9px 8px;
					border:solid 1px #dedede;
					background-color:#f9f9f9;
					border-bottom:none;
					margin-right:-1px;
				}
					ul.toplevel-nav li a {
						color:#333333;
						text-decoration:none;					
					}
						ul.toplevel-nav li a:hover {
							color:#666666;
							text-decoration:none;
							border-bottom:dotted 1px #999999; 					
						}
				ul.toplevel-nav li.selected {
					font-weight:800;
					background-color:#cf0d10;
					padding:8px 12px 9px 12px;
					border-bottom:solid 2px #cf0d10;
					border-left:solid 1px #cf0d10;
					border-right:solid 1px #cf0d10;
					border-top:solid 2px #cf0d10;
					margin:-2px 0px -1px 0px;	
					height:15px;						
				}
					ul.toplevel-nav li.selected a {
						color:#ffffff;
						text-decoration:none;					
					}
						ul.toplevel-nav li.selected a:hover {
							color:#ffffff;
							text-decoration:none;
						}
					
				
				ul.toplevel-nav li.top-level-nav-ads {
					float:left;
					margin:0px 0px 0px 5px;
					color:#666666;
					padding: 0px;
					border:none;
					background:transparent;
				}
					li.top-level-nav-ads ul li {
						display:inline;
						margin:0px;	
						border:none;
						background:transparent;
					}
						li.top-level-nav-ads ul li a {
							color:#fb9b38;
							text-decoration:none;	
						}
							li.top-level-nav-ads ul li a:hover {
								color:#fb9b38;
								text-decoration:none;
								border-bottom:dotted 1px #ffbe7b;	
							}
					
	/* -----------------------
		=SUB-NAVIGATION
	   ----------------------- */
		
		#sub-navigation {
			clear:both;
			margin-top:0px;
			border-bottom: solid 1px #bcbec0;
			/*border-left:solid 1px #bcbec0;
			border-right:solid 1px #bcbec0;*/
			background-color:#ffffff;
			height:35px;	
			width:978px;
			margin:0px auto;
		}
			
			ul.level2-nav {
				font-size:11px;
				color:#666666;
				list-style:inside;
				list-style-type:none;
				margin:10px 0px 0px -1px;
				padding:7px 0px 0px 0px;
				position:relative;	
				overflow:hidden;
			}
				ul.level2-nav li {
					float:left;
					padding:5px 0px 8px;
					text-transform:uppercase;
					margin-left:1px;
				}
					ul.level2-nav li a {
						color:#666666;
						text-decoration:none;
						padding:5px 8px;					
					}
						ul.level2-nav li a:hover {
							color:#cf0d10;
							text-decoration:none;
						}
				ul.level2-nav li.selected {
					text-decoration:none;
					padding:5px 0px 9px 0px;
					background-image:url(../images/bg-secondarynav-selected.gif);
					background-position:bottom center;
					background-repeat:no-repeat;						
				}
					ul.level2-nav li.selected a {
						color:#cf0d10;
						text-decoration:none;
						border-bottom:none;	
					}
						ul.level2-nav li.selected a:hover {
							color:#cf0d10;
							text-decoration:none;
							border-bottom:none; 					
						}
						
				ul.level2-nav li.sitewide-google-search {
					position:absolute;
					right:1px;
					top:0px;
					padding:2px 10px 0px 0px;
					/*background-image:url(../images/bg-googlesearch.gif);
					background-position:top left;
					background-repeat:no-repeat;*/
					text-align:right;
					width:335px;
					height:24px;					
				}	
					li.sitewide-google-search input.search {
						font-size:12px;
						color:#333333;
						width:178px;
					}
					li.sitewide-google-search input {
						font-size:12px;
					}
					
	/* -----------------------
		=CONTENT AREA
	   ----------------------- */
		
		#content-container {
			width:976px;
			margin:10px auto 0px auto;
			padding-bottom:15px;
			border-left:solid 1px #e9e9e9;
			border-right:solid 1px #e9e9e9;
			border-top:solid 1px #e9e9e9;
			overflow: hidden;
			position:relative;
			background-color:#FFFFFF;
		}
			
			#pencil-ad-container {
				background-color: #F4F4F4;
			    clear: both;
			    height: 35px;
			    margin: 10px auto;
			    width: 978px;
			}
			
			/* BROWSER NOTICE - IE6 ONLY */
			#browser-notice {
				background-color:#fff7e5;
				padding:5px 0px 5px 45px;
				background-image:url(../images/bg-browser-notice.gif);
				background-position:top left;
				background-repeat:no-repeat;
				border-bottom:solid 1px #dadada;
				margin:1px 0px 0px 0px;
			}			
				#browser-notice p {
					font-size:12px;
					line-height:16px;
					color:#888888;	
				}
					#browser-notice p a {
						color:#666666;
						text-decoration:none;
						border-bottom:dotted 1px #999999;	
					}
						#browser-notice p a:hover {
							color:#CF0D10;
							text-decoration:none;
							border-bottom:dotted 1px #999999;	
						}
			
			/* BREAKING NEWS AREA */
			#content-breaking {
				height:25px;
				border-bottom:solid 1px #ececec;
				padding:10px;
				background-image:url(../images/bg-breakingnews2.gif);
				background-position:0px 1px;
				background-repeat:no-repeat;
				background-color:#ffeeee;
				/*margin-bottom:10px;
				border-right:solid 1px #bcbec0;*/
			}	
				#content-breaking span.breaking-label {
					padding:6px 7px 6px 11px;
					/*background-color:#ffe400;*/
					text-transform:uppercase;
					/*color:#231f20;*/
					color:#FFFFFF;
					font-size:12px;
					font-weight:800;
					margin-right:35px;
				}
				#content-breaking p.breaking-headline {
					padding:6px 12px 9px 0px;
					color:#333333;
					font-size:12px;
					margin:0px;
				}
					#content-breaking p.breaking-headline a {
						color:#333333;
						text-decoration:none;
						border-bottom:dotted 1px #cccccc;
					}
						#content-breaking p.breaking-headline a:hover {
							color:#C8292A;
							text-decoration:none;
							border-bottom:dotted 1px #cccccc;
						}
					p.breaking-headline .breaking-time {
						color:#C8292A;
						font-size:11px;
						margin-left:7px;
						font-weight:400;
					}
					
			/* -----------------------
				=CONTENT LEFT COLUMN
			   ----------------------- */
				
				#content-columnleft {
					/*width:610px;
					border-right:solid 1px #ececec;
					margin-top:10px;
					padding:0px 10px 10px 10px;*/
					float:left;
					position:relative;					
				}
				
					#content-columnleft input.required,
					#content-columnleft select.required,
					#content-columnleft textarea.required {
						/*border: 1px solid #fff0f0;*/
						background-color: #ffa4a4;
					}
						
			/* -----------------------
				=CONTENT RIGHT COLUMN
			   ----------------------- */
			   	
				#content-columnright {
					/*border-right:solid 1px #ececec;
					margin-top:10px;*/
					float:left;
					position:relative;
				}
				
					/* SITEWIDE GOOGLE SEARCH */
					#sitewide-search {
						border-top:solid 4px #CF0D10;
						border-bottom:solid 1px #CF0D10;
						margin-bottom:20px;
						padding-bottom:4px;
						overflow:hidden;
					}
						#sitewide-search img.sitewide-search-title {
							float:left;
						}
						#sitewide-search .search-field {
							float:left;
							background-color:#CF0D10;
							border-top:solid 1px #CF0D10;
							padding:15px 9px;
							clear:both;
						}
							.search-field input.search {
								width:208px;
								font-family:Arial, Helvetica, sans-serif;
								font-size:13px;
								color:#333333;
							}
							.search-field input.keywords {
								margin-bottom:10px;
							}
						
				
			/* -----------------------
				=CONTENT FOOTER
				 * This is the site-wide featured 
				   content strip.
			   ----------------------- */
			   
				#content-footer {
					clear:both;
					border-top:solid 3px #ececec;
					border-bottom:solid 3px #ececec;
					margin:20px 10px 20px 10px;
					padding:0px 0px 10px 0px;
					overflow:hidden;
				}
				
					h2.content-footer-title {
						border-bottom:solid 1px #ececec;
						padding:5px 0px 5px 5px;
						font-size:12px;
						color:#999999;
						text-transform:uppercase;
						font-weight:400;
						margin-bottom:10px;
					}
					
					.footer-item {
						min-height:165px;
						width:174px;
						float:left;
						border-left:solid 1px #ececec;
						padding-left:8px;
						margin-right:8px;
					}
					div > .footer-item:first-child {
						min-height:165px;
						width:174px;
						float:left;
						border-left:none;
						padding-left:5px;
						margin-right:8px;
					}
						.footer-item h4.item-section-title {
							font-size:11px;
							font-weight:400;
							text-transform:uppercase;
							color:#CF0D10;
							margin-bottom:10px;
							margin-top:5px;
						}
							.footer-item h4.item-section-title a {
								color:#CF0D10;
								text-decoration:none;
							}
								.footer-item h4.item-section-title a:hover {
									color:#145ba4;
									text-decoration:none;
								}
						.footer-item h3.item-article-title {
							font-size:14px;
							font-weight:400;
							color:#231f20;
							margin-bottom:5px;
						}
							.footer-item h3.item-article-title a {
								color:#231f20;
								text-decoration:none;
								border-bottom:dotted 1px #cccccc;
							}
								.footer-item h3.item-article-title a:hover {
									color:#CF0D10;
									text-decoration:none;
									border-bottom:dotted 1px #cccccc;
								}
						.footer-item p.item-article-body {
							font-size:12px;
							line-height:16px;
							color:#666666;
						}
				
	/* -----------------------
		=FOOTER
	   ----------------------- */
		
		#footer-container {
			width:100%;
			background-color:#f5f5f5;
			border-top:solid 1px #e9e9e9;
			
		}
			#footer-content {
				width:967px;
				margin:0px auto 0px auto;
				padding:10px 0px 20px 10px;
				border-left:solid 1px #e9e9e9;
				overflow: auto;
				position:relative;
			}
				.footer-flint {
					position:absolute;
					top:10px;
					right:10px;
					width:101px;
					height:51px;
					font-size:12px;
					color:#999999;
				}
					.footer-flint a {
						width:101px;
						height:24px;
						background-image:url(../images/gr-poweredby-flint.gif);
						background-position:0px 0px;
						background-repeat:no-repeat;
						display:block;
					}
						.footer-flint a:hover {;
							background-image:url(../images/gr-poweredby-flint.gif);
							background-position:0px -28px;
							background-repeat:no-repeat;
						}
				
				#footer-content-nav {
					float:left;
					/*width:750px;*/
					font-size:12px;
					color:#999999;
					padding:5px 0px 0px 0px;
				}
					#footer-content-nav ul.footer-nav-pages {
						list-style-position:inside;
						list-style-image:none;
						list-style-type:none;
						margin:0px 0px 10px 0px;
						padding:0px;
						overflow:hidden;
						
					}
						#footer-content-nav ul.footer-nav-pages li {
							margin:0px 12px 5px 0px;
							font-size:12px;
							float:left;
							position:relative;
						}
							#footer-content-nav ul.footer-nav-pages li img {
								display:inlinet;
								margin-left:3px;
								position:relative;
								top:4px;
								margin-top:-4px;
							}
							#footer-content-nav ul.footer-nav-pages li a {
								color:#145ba4;
								text-decoration:none;
								border-bottom:dotted 1px #cccccc;
							}	
								#footer-content-nav ul.footer-nav-pages li a:hover {
									color:#CF0D10;
									text-decoration:none;
									border-bottom:dotted 1px #cccccc;
								}
							
					#footer-content-nav ul.footer-nav-rootlevel {
						list-style-position:inside;
						list-style-image:none;
						list-style-type:none;
						margin:0px 0px 5px 0px;
						padding:0px;
						overflow:hidden;
						clear:both;
						
					}
						#footer-content-nav ul.footer-nav-rootlevel li {
							margin:0px 20px 5px 0px;
							font-size:12px;
							float:left;
						}
								
							#footer-content-nav ul.footer-nav-rootlevel li a {
								color:#666666;
								text-decoration:none;
								border-bottom:dotted 1px #cccccc;
							}
								#footer-content-nav ul.footer-nav-rootlevel li a:hover {
									color:#CF0D10;
									text-decoration:none;
									border-bottom:dotted 1px #cccccc;
								}
					
					#footer-content-nav ul.footer-nav-toplevel {
						margin:0px;
						padding:0px;
						overflow:hidden;
						clear:both;					
					}
						ul.footer-nav-toplevel li {
							margin-right:20px;
							float:left;
						}
							ul.footer-nav-toplevel li h5 {
								font-weight:400;
								margin-bottom:5px;
								font-size:11px;
							}
								ul.footer-nav-toplevel li h5 a {
										color:#666666;
										text-decoration:none;
										border-bottom:dotted 1px #cccccc;
									}
										ul.footer-nav-toplevel li h5 a:hover {
											color:#CF0D10;
											text-decoration:none;
											border-bottom:dotted 1px #cccccc;
										}
							
								ul.footer-nav-toplevel li ul {
									font-size:11px;
									line-height:14px;
								}
									ul.footer-nav-toplevel li ul li {
										float:none;
										margin-right:0px;
									}
										ul.footer-nav-toplevel li ul li a {
											color:#999999;
											text-decoration:none;
											border-bottom:dotted 1px #cccccc;
										}
											ul.footer-nav-toplevel li ul li a:hover {
												color:#CF0D10;
												text-decoration:none;
												border-bottom:dotted 1px #cccccc;
											}		
					
					#footer-content-nav p.footer-copyright {
						font-size:11px;
						color:#cccccc;
						margin-top:20px;						
					}
					
/* ------------------------------------------------
	=GLOBAL ELEMENTS
   ------------------------------------------------ */

	/* ----------------------------
		=FILTER CONTENT TYPE NAV		
		 * This is the tabbed navigation bar that
		 filters by content type.
	   ---------------------------- */
		
		.content-nav {
			margin-bottom:25px;
			clear:both;
		}

			.content-nav ul {
				height:32px;
				background-image:url(../images/bg-nav-filter.gif);
				background-position:top left;
				background-repeat:repeat-x;
				list-style-image:none;
				list-style-type:none;
				list-style-position:inside;
				margin:0px;
				padding:0px;
			}
				.content-nav ul li {
					float:left;
					font-size:12px;
					line-height:10px;
					color:#666666;
					margin-top:1px;
					padding:7px 10px 7px 10px;
				}
				.content-nav ul li.selected {
					line-height:10px;
					margin-top:1px;
					padding:7px 10px 7px 10px;
					background-color:#ececec;
					color:#333333;
					background-image:url(../images/bg-nav-filter-selected-arrow.gif);
					background-position:50% 25px;
					background-repeat:no-repeat;
					height:16px;			
				}
				.content-nav ul li:hover {
					background-color:#f4f4f4;
				}
				.content-nav ul li.selected:hover {
					background-color:#ececec;
				}
					.content-nav ul li a {
						color:#666666;
						text-decoration:none;
						padding:7px 0px 7px 0px;
						outline:none;					
					}
						.content-nav ul li a:hover {
							color:#333333;
							text-decoration:none;						
						}
				
	/* ----------------------------
		=FILTERED CONTENT ITEMS
		 * These styles pertain to the content
		 items filterd buy the nav bar.
	   ---------------------------- */	
		
		.content-items {
			margin-bottom:55px;
			padding:0px 10px 0px 10px;
			display: none;
		}
			/* TITLE OF SELECTED CONTENT TYPE */
			.content-items .latest-title {
				font-size:11px;
				font-weight:400;
				text-transform:uppercase;
				color:#CF0D10;
				margin-bottom:15px;
			}
			/* LINK TO VIEW ALL OF SELECTED CONTENT TYPE */
			.content-items a.viewall {
				background-image:url(../images/icon-post-readmore.gif);
				background-position:2px 4px;
				background-repeat:no-repeat;
				padding-left:11px;
				color:#333333;
				text-decoration:none;
				border-bottom:dotted 1px #cccccc;
			}
				.content-items a.viewall:hover {
					color:#CF0D10;
					text-decoration:none;
					border-bottom:dotted 1px #cccccc;
				}
					
	/* ----------------------------
		=SHARE CONTENT POPUP		
		 * This is displayed when a user hovers over the 
		 'Share" icon witin an article or blog post.
	   ---------------------------- */
		
		#share-container {
			position: relative;
			z-index:100;
		}
		
			#share {
				width: 110px; 
				border: 1px solid #d4e7ed; 
				background-color: #f9feff; 
				position: absolute; 
				right: -70px; 
				text-align: left; 
				padding: 10px;
			}
			
				#share h4 {
					color: #78a9c0;
					font-size: 12px;
					font-family: Arial;
					font-weight:400;
					margin-bottom: 10px;
				}
				
				#share ul {
					margin-left: 2px;
				}
					
					#share ul li {
						margin-top: 10px;
					}
						#share ul li a {
							font-size: 12px;
							color: #666666;
							text-decoration: none;
							background-repeat: no-repeat;
							background-position:0px 2px;
							padding:3px 0px 3px 25px;
						}
							#share ul li a:hover {
								color: #145ba4;
								text-decoration: none;
							}
							
						/* ICONS FOR SOCIAL SITES */
						#share ul li a.twitter {
							background-image:url(http://twitter-badges.s3.amazonaws.com/t_mini-a.png);
						}
						#share ul li a.newsvine {
							background-image:url(../images/icon-share-newsvine.gif);
						}
						#share ul li a.digg {
							background-image:url(../images/icon-share-digg.gif);
						}
						#share ul li a.fb {
							background-image:url(../images/icon-share-fb.gif);
						}
						#share ul li a.delicious {
							background-image:url(../images/icon-share-delicious.gif);
						}
						#share ul li a.reddit {
							background-image:url(http://www.reddit.com/static/spreddit1.gif);
						}
						#share ul li a.stumbleupon {
							background-image:url(http://cdn.stumble-upon.com/images/16x16_su_solid.gif);
						}