/*
	Style Index
	
	$1 - Site Structure Styles
	$2 - Header Styles
	$3 - Sidebar Styles
	$4 - Content Styles
	$5 - Footer Styles
	$100 - Clearfix Styles
*/


:link,:visited {text-decoration:none}
ul,ol {list-style:none}
h1,h2,h3,h4,h5,h6,pre,code {font-size:1em;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }
a img,:link img,:visited img {border:none}
address {font-style:normal}


/* $1 - Site Structure Styles ///////////////////////////////////////////////////////////////////////////////////*/

body {
	background:none;
	font:11px verdana, arial, sans-serif;
	text-align:center;
	}
	
#container {background:#201F25;}


#header {
	margin-bottom:20px;
	background-color: #201F25;
	}

#content-container {
	width:940px;
	margin:0 auto;
        padding:20px;
        background-color: #FFFFFF;
	text-align:left;
	}

#main-content {
	float:left;
	width:620px;
	margin:0 20px 20px 0;
	}
	
#sidebar-right {
	float:right;
	width:300px;
	margin:0 0 20px 0;
	}

#footer {background:#333;}

/* $2 - Header Styles ///////////////////////////////////////////////////////////////////////////////////*/

#header-strip {
	height:40px;
	line-height:40px;
	background:#333;
	color:#fff;
	}
	
	#header-strip a {color:#fff;}
	
	#header-strip a:hover {text-decoration:underline;}
	
	.header-strip-container {
		position:relative;
		width:940px;
		margin:0 auto;
		text-align:left;
		}
	
	.header-strip-container span {margin-right:10px;}
	
	.header-search {
		position:absolute;
		top:0;
		right:0;
		width:300px;
		padding-top:10px;
		}
	
	.header-search input {
		float:left;
		width:219px;
		margin-right:5px;
		}
	
	.header-search input.button {
		width:69px;
		margin-right:0;
		}
	
	.logo-container {
                width:940px;
                padding-top:5px;
                height:100px;
		margin:0 auto;
		text-align:left;
		}
	
	.main-nav-border {
		border-top:1px solid #CE0B0B;
		border-bottom:1px solid #EAEAEA;
		}
	
	.sub-nav-border {
		border-bottom:2px solid #CE0B0B;
		}

	.archive-nav-border {border-bottom:none;}
	
	.main-nav-border ul,

	.sub-nav-border ul {
		display:block;
		width:940px;
		height:24px;
		margin:0 auto;
		}

	.archive-nav-border ul {
		display:block;
		width:940px;
		height:18px;
		margin:0 auto;
		}
	
	.main-nav-border ul li {float:left;}
		
		.main-nav-border ul li a {
			float:left;
			display:block;
			width:auto;
			padding:0 10px;
			height:24px;
			line-height:24px;
			color:#CE0B0B;
			font-weight:bold;
                        font-size:1.1em;
			}
		
		.main-nav-border ul li a:hover {
                        background:#CE0B0B;
		color:white;
		text-decoration:none;
                        }

		.main-nav-border ul li a.active {
			background:#CE0B0B;
			color:white;
			text-decoration:none;
			}
	
	.sub-nav-border ul li {float:left;}
	
	.sub-nav-border ul li a {
			float:left;
			display:block;
			width:auto;
			padding:0 8px;
			height:22px;
			line-height:22px;
			color:#666666;
                        font-size:1.1em;
			font-weight:bold;
			border-bottom:none; 
			}
		
		.sub-nav-border ul li a:hover,
		.sub-nav-border ul li a.active {
			border-bottom:2px solid #CE0B0B; 
			text-decoration:none;
			}


.separator {
	height: 2px;
	width: 100px;
	margin: 0px;
	padding: 0px;
	background-color:#000;
}
	.archive-nav-border ul li {float:left;}
	
	.archive-nav-border ul li a {
			float:left;
			display:block;
			width:auto;
			padding:0 8px;
			height:22px;
			line-height:32px;
			color:#666666;
			font-weight:bold;
			border-bottom:2px solid white; 
			}
		
		.archive-nav-border ul li a:hover,
		.archive-nav-border ul li a.active {
			border-bottom:2px solid #CE0B0B; 
			text-decoration:none;
			}

	
	
/* $3 - Sidebar Styles ///////////////////////////////////////////////////////////////////////////////////*/


	
/* $3 - Content Styles ///////////////////////////////////////////////////////////////////////////////////*/

a,
a:link,
a:visited {color:#003F7E;}

a:hover {text-decoration:underline;}


h1,h2,h3,h4,h5,h6 {
	
	}
	
h1 {
		font-size:24px;
		color:#333;
		margin-bottom:10px;
	}

h2 {
		font-size:13px;
		color:#333;
		margin-bottom:10px;
	}

h3.block-h3 {
	font-size:12px;
	border-bottom:2px solid #666666;
	margin-bottom:15px;
	}
	
	h3.block-h3 span {
		padding:4px 10px;
		background:url(http://www.cgonline.com/images/interface/h3-bg.png) repeat-x;
		color:white;
		}

h4 {
	font-size:12px;
	margin-bottom:5px;
	}


p {
	line-height:1.5;
	margin-bottom:10px;
	}


img {border:none;}
	
#main-content h2 {
	font-size: 14px;
}	

#main-content p {
	font-size: 12px;
}

.article_list {
	border-bottom: solid 1px #CCC;
	margin-bottom: 10px;
}

/* Column styles ///////////////////*/

.column-left {
	float:left;
	width:300px;
	margin:0 20px 20px 0;
	}

.column-left-dbl {
	float:left;
	width:620px;
	margin:0 20px 20px 0;
	}

.column-center {
	float:left;
	width:300px;
	margin:0 20px 20px 0;
	}

.column-right {
	float:right;
	width:300px;
	margin:0 0 20px 0;
	}

/* Tier styles ///////////////////*/

.top-tier {height:254px;}

html>body .top-tier {height:250px;}

.second-tier {
	height:294px;
	border-top:6px solid #666666;
	}

/* Top stories block ///////////////////*/

.top-stories {
	width:276px;
	height:500px;
	padding:12px;
	background:#F2F2F2 url(http://www.cgonline.com/images/interface/top-stories-bg.png) repeat-x;
	}
	
	.top-stories ul {padding-left:12px;}
	
	.top-stories li {
		margin-bottom:3px;
		list-style-type:disc;
		}
	
	.top-stories a {
		font:bold 12px helvetica, arial, sans-serif;
		}
	
/* Video block ///////////////////*/

.video-block-index {
	height:342px;
	padding-top:12px;
	}

.video-block {
	background-color: #DDDDDD;
	height:80px;
	margin-bottom:20px;
	width: 300px;
	}
	
	.video-block h4 {
		margin-top: 8px;
                padding-top:5px;
	}
	
	.video-block img {
		float:left;
		margin-right:14px;
		}
		
	.video-block p {
			margin-bottom:5px;
			line-height:1;
			}
		
		.video-block p.video-tags {margin-bottom:0;}

/* Voices block ///////////////////*/

.voices-block {
	height:282px;
	padding-top:12px;
	}

.voices-block ul {
		padding-left:15px;
		margin-bottom:20px;
		}
	
	.voices-block li {
		margin-bottom:3px;
		list-style-type:disc;
		}
		
		.voices-block li a {font-weight:bold;}

/* 100px high blocks ///////////////////*/

.h100 {
	display:inline-block;
	height:100px;
	}
	
	.h100 ul {
		padding-left:15px;
		margin-bottom:20px;
		}
	
	.h100 li {
		margin-bottom:3px;
		list-style-type:disc;
		}
		
		.h100 li a {font-weight:bold;}

/* $5 - Footer Styles ///////////////////////////////////////////////////////////////////////////////////*/

.footer-container {
	width:940px;
	padding:20px 0;
	margin:0 auto;
	text-align:center;
	color:#white;
	}
	
	.footer-container a,
	.footer-container a:link,
	.footer-container a:visited {
		font-size:12px;
		color:#999999;
		padding:0 2px;
		}
		
	.footer-search {
		width:300px;
		margin:0 auto 10px auto;
		}
	
	.footer-search input {
		float:left;
		width:219px;
		margin-right:5px;
		}
	
	.footer-search input.button {
		width:69px;
		margin-right:0;
		}
	
	p.footer-large-links,
	p.footer-large-links a,
	p.footer-large-links a:link,
	p.footer-large-links a:visited {
		font-size:12px;
		font-weight:bold;
		color:#999999;
		}
	
	p.footer-copy {
		font-size:12px;
		color:#999999;
		}

/* $100 - Clearfix Styles ///////////////////////////////////////////////////////////////////////////////////*/



.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;display:inline-block;}
/* End hide from IE-mac */