f/* 
"The Times" Custom CSS | v1.5 | Greg Rickaby dESIGN

Classes are listed in order of their appearce on the
site. Starting at the top, and working their way down.

If you're looking for color attributes, please look in
/custom/styles/

If a class begins with ".custom", then it was used to
cancel out the original Thesis CSS.

There are also three Internet Explorer specific
stylesheets for: IE6, IE7/8 inside /custom/thetimes/css/

That is all. */

/* --- Universal Styles --- */
.custom #page {

	padding-top: 5px;  /*You can adjust how much padding is on top of the site*/
	
}
.custom a:hover {
	text-decoration: underline;
}
li.widget {
	list-style: none;
}
.custom h3 { /*sets most of the H3's on the site*/
	font-size: 16px;
	text-transform: uppercase;
	margin-bottom: 10px;
}
/* --- Leaderboard Ad --- */
#leaderboard {
	margin: 10px;
	text-align: center;
}
/* --- Top Navigation Area --- */
/*left side of top nav area*/
#top_menu { /*top menu area as a whole*/
	height: 15px;
	margin-right:7px;
}
#top_menu a { /*top menu link style*/
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: capitalize;
}
#top_menu a:hover {
	text-decoration: underline;
}
.top_menu_left { /*left side of top nav*/
	float: left;
	width: 250px;
}
.top_menu_left li {
	display: inline;
	padding-right: 10px;
}
#top_menu_right { /*right side of top nav*/
	float: right;
}
#top_line { /*black line below top menu*/
	height: 4px;
	clear: left;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color:#174a19;
}
/*right side of top nav area (Thesis Nav) */
.custom .menu { /*pull the nav up about 10 pixels*/
	position: relative;
	top: -8px;
	left: 0px;
	border: none;
	
}
.custom .menu a { /*nix the background color and letter spacing*/
	background-color: transparent;
	letter-spacing: 0px;
	border: none;
}
.custom .menu a:hover { /*nix the background color */
	background-color: transparent;
}
.custom .menu .current > a, .menu .current-cat > a {  /*nix the background color*/
	background-color: transparent;
}
.custom .menu .current > a, .menu .current-cat > a:hover {  /*nix the background color*/
	background-color: transparent;
}
.custom .menu .current > a, .menu .current-cat > a {  /*change cursor to a pointer*/
	cursor: pointer;
}
/* --- Main Logo --- */
#logos_tagline {
	height: 75px;
	width: 365px;
	float: left;
	margin-top:28px;
}
.custom #header #logo {
	font-size: 65px;
	font-family: "Georgia", serif;
}
.custom #header #logo, logo a {
	display: block;
	height: 75px;
	width: 375px;
	margin: 0px;
	padding: 0;
	
}
.custom #header #logo a:hover {
	text-decoration: none;
}
/* --- Date & Time --- */
#date_time {
	height: 100px;
	width: 570px;
	font-size: 18px;
	float: left;
	position: relative;
	top: 30px; /*push date_time down*/
	left: 40px; /*push date_time to the right*/
}
/* --- Half Banner Ad --- */
#half-banner {
	height: 65px;
	width: 240px;
	float: left;
	position: relative;
	top: 5px; /*push banner down*/
	left: 9px /*push banner to the right*/
}
/* --- Category Nav --- */
#cat-nav {
	position:relative;
	height: 75px;
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0 5px 0 5px;
	clear: both;
	z-index:10;
	
	
}
ul.dropdown a { /*parent link*/
	padding: 7px 8px 7px 8px;
	

}
ul.dropdown a:hover { /*parent link hover*/
	text-decoration: none;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
}
ul.dropdown .current-cat a { /*current parent link*/
	text-decoration: underline;
	padding: 7px 8px 8px 8px;	
}
ul.dropdown .current-cat, .current-cat-parent a { /*active current parent category*/
	text-decoration: none;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
}
ul.dropdown ul.children a { /*child link*/
	background: none;
	border: none;
}
ul.dropdown ul.children a:hover { /*child link hover*/
	border: none;
	text-decoration: underline;
}
ul.dropdown ul.children .current-cat a { /*current child link*/
	text-decoration: underline;
}
ul.dropdown ul.children .current-cat {
	background: none;
	border: none;
}
ul.dropdown, ul.dropdown li, ul.dropdown ul {
	list-style: none;
}
ul.dropdown {
	font-size: 14px;
	position: relative;
	z-index: 597;
	float: left;
}
ul.dropdown li {
	float: left;
	line-height: 1.3em;
	vertical-align: middle;
	zoom: 1;
	margin: 1px 0 0 0;
	padding: 7px 8px 8px 8px;
}
ul.dropdown li.hover, ul.dropdown li:hover {
	position: relative;
	z-index: 599;
	cursor: default;
}
ul.dropdown ul {
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 598;
	width: 98%;
	margin-top: 0;
	background-image: url(thetimes/images/child.gif);
}
ul.dropdown ul li {
	float: none;
	font-weight: normal;
	margin: 4px 0 0 0;
}
ul.dropdown ul ul {
	top: 1px;
	left: 99%;
}
ul.dropdown li:hover > ul { /*on hover show child links*/
	visibility: visible;
}
ul.dropdown li.current-cat > ul { /*show child links when in parent category*/
	visibility: visible;
}
ul.dropdown li.current-cat-parent > ul { /*show child links when in active current parent category*/
	visibility: visible;
}
ul.dropdown-linear {
	width: 100%;
}
ul.dropdown-linear ul li {
	float: left;
}
ul.dropdown-linear li.hover, ul.dropdown-linear li:hover {
	position: static;
}
ul.dropdown-linear ul ul {
	display: none !important;
}
/* --- Custom Home Page Styles --- */
#home {
	width: 960px;
}
#home ul {
	list-style: none;
}
/* --- Breaking News --- */
#breaking-news {
	width: 95%;
	height: auto;
	padding: 10px;
	margin: 0 0 15px 0;
}
#breaking-news img {
	margin-right: 15px;
}
#breaking-news h1 {
	font-weight: bold;
	margin-bottom: 15px;
}
#breaking-news h2 a {
	font-weight: bold;
	margin-bottom: 15px;
	text-decoration: underline;
}
#breaking-news h3 {
	font-size: 10px;
	font-style: italic;
	color: #333;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}
#breaking-news a {
	line-height: 50px;
	text-decoration: underline;
}
/*the fold area*/
#the-fold {
	width: 955px;
	height: 600px;
}
/*setup the 3 columns inside the fold*/
#left {
	width: 400px;
	float: left;
	padding-right: 2px;
	overflow: visible;
}
#middle {
	height: 443px;
	width: 215px;
	float: left;
	padding-left: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	overflow: hidden;
	
	
}
#right {
	height: 575px;
	width: 310px;
	float: left;
	padding-left: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	overflow: visible;	
	
}

#middle h3 {
	height: 26px;
	width: 90%;
	border-top-width: 1px;
	border-bottom-width: 1px ;
	border-top-style: solid;
	border-bottom-style: solid;
	padding-top: 6px;
	border-top-color:#F00;
	
}
#featured-images {
	width: 625px;
	float: left;
	text-align: center;
	padding-top: 10px;
}
#featured-images-thumb {
	width: 200px;
	padding: 3px;
	float: left;
}
#featured-images-headline {
	font-size: 11px;
}
#header-square {
	height: auto;
	width: 300px;
	margin: 10px;
	text-align: center;
}
/*search box*/
#s {
	width: 270px;
	font-size: 16px;
	color: #000;
	padding: 6px 10px 6px 30px;
	margin-bottom: 10px;
}
/* --- BODY 1 STYLES --- */
#left-body-1 {
	display: block;
	height: auto;
	width: 320px;
	float: right;
	padding-left: 10px;
	clear: both;
	border:1px #3F0;
}
#right-body-1 {
	height: auto;
	width: 610px;
	float: left;
	margin-left: 5px;
}
#middle-banner {
	height: auto;
	width: 637px;
	margin: 10px 0 10px 0;
	text-align: center;
}
/* --- BODY 2 STYLES --- */
#left-body-2 {
	height: auto;
	width: 610px;
	float: left;
	margin-left: 5px;
	clear: both;
	
}
#right-body-2 {
	height: auto;
	width: 320px;
	float: right;
	padding-left: 10px;
}
#bottom-square {
	height: auto;
	width: 300px;
	margin: 10px 0 10px 0;
	text-align: center;
}
#bottom-banner {
	height: auto;
	width: 637px;
	margin: 10px 0 10px 0;
	text-align: center;
}
/*Category Box Styles*/
#cat-box {
	padding-bottom: 20px;
	padding-top:10px;
}
#cat-box-title {
	height: 25px;
	width: 100%;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	margin-bottom: 10px;
	background-color:#030;
	padding-left:10px;
	padding-top:2px;
}
#cat-box-title h1 a {
	color: #fff;
	font-size: 18px;
	
}
#cat-box-title h1 {
	color: #fff;
	font-size: 18px;
	
}
#cat-box-thumb img {
	float: left;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
}
#cat-box-headline h2{
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
}
#cat-box-excerpt {
	font-size: 12px;
}
.hp_teaser_permalink {
	font-size: 12px;
	font-weight: bold;
	line-height: 30px;
}
/* --- Custom Footer --- */
.custom #footer {
	height: 300px;
	width: 935px;
	border: none;
	
}
#custom_footer {
	background-color: #003466;
	text-align: left;
}
#custom_footer p {
	font-size: 11px;
}
#custom_footer h3 {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
}
#custom_footer li {
	list-style: none;
	line-height: normal;
}
#custom_footer li a {
	font-size: 13px;
	text-decoration: none;
	border: none;
}
#custom_footer li a:hover {
	text-decoration: underline;
}
/* --- Footer Widget Boxes --- */
#column1 {
	float: left;
	height: auto;
	width: 23%;
	padding: 2px 2px 2px 10px;
}
#column2 {
	float: left;
	height: auto;
	width: 23%;
	padding: 2px;
	margin-left: 10px;
}
#column3 {
	float: left;
	height: auto;
	width: 23%;
	padding: 2px;
	margin-left: 10px;
}
#column4 {
	float: left;
	height: auto;
	width: 23%;
	padding: 2px;
	margin-left: 10px;
}
/* --- Vanity Plate --- */
#vanity {
	width: 100%;
	padding: 0px;
	text-align: center;
}