/* 
"The Times" Custom CSS | v1.3.1 | 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, and IE8 inside /custom/thetimes/css/

*/

/* Please change the paths below to reflect your websever. To learn more about OpenType fonts, visit: http://www.css3.info/preview/web-fonts-with-font-face/ */

/* EOT file for IE */
@font-face {
	font-family: Old London;
	src: url("/wp-content/themes/thesis_16/custom/thetimes/styles/fonts/OldLondon.eot") 
}
/* TTF file for Firefox, Safari, & Chrome */
@font-face {
	font-family: Old London;
	src: url("/wp-content/themes/thesis_16/custom/thetimes/styles/fonts/OldLondon.ttf")
}
/* --- 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 {
	text-align: center;
	margin: 0px;
	padding: 0px;
}
#leaderboard li {
	list-style-type: none;
}
/* --- Top Navigation Area --- */
/*left side of top nav area*/
#top_menu { /*top menu area as a whole*/
	height: 15px;
}
#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;
	color: #000
}
#top_menu a:hover {
	text-decoration: underline;
}
.top_menu_left { /*left side of top nav*/
	float: left;
	width: 300px;
}
.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: 5px;
	clear: left;
	border-bottom-width: 4px;
	border-bottom-style: solid;
}
/*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;
}
/* --- Header --- */
.custom #header {
	height: 130px; /* This will adjust the over height of the header. It's not exaxct, and should be used for spacing purposes only */
	padding: 0;
	margin: 0;
}
/* --- Main Logo --- */
#logos_tagline {
	height: 75px;
	width: 365px;
	float: left;
}
.custom #header #logo {
	font-size: 65px;
	font-family: "Old London", Georgia, serif;
}
.custom #header #logo, logo a {
	display: block;
	height: 75px;
	width: 375px;
	margin: 0;
	padding: 0;
}
.custom #header #logo a:hover {
	text-decoration: none;
}
/* --- Tagline --- */
.custom #tagline {
}
/* --- Date & Time --- */
#date_time {
	height: 75px;
	width: 300px;
	font-size: 18px;
	float: left;
	position: relative;
	top: 30px; /*push date_time down*/
	left: 40px; /*push date_time to the right*/
}
/* --- Top Banner Ad --- */
#header-banner {
	height: 65px;
	width: 240px;
	float: left;
	position: relative;
	top: 25px; /*push banner down*/
	left: 45px /*push banner to the right*/
}
#header-banner li {
	list-style-type: none;
}
/* --- Main Category Nav (Superfish Menu) --- */
.custom #main_nav {
	display: block;
	height: 82px;
	position: relative;
	top: -20px;
	left: 0px;
	border: none;
	margin: 0px;
	padding: 0px;
	clear: both;
	overflow: hidden;
}
/* --- Custom Home Page Styles --- */
#home {
	width: 960px;
}
#home ul {
	list-style: none;
}
/* --- Breaking News --- */
#breaking-news {
	width: 96%;
	height: 300px;
	padding: 10px;
	margin-bottom: 10px;
	border: 5px solid #ff0000;
}
#breaking-news img {
	margin-right: 15px;
}
#breaking-news h1 {
	font-size: 32px;
	font-weight: bold;
	margin-bottom: 15px;
	color: #f00
}
#breaking-news h2 {
	font-size: 28px;
	font-weight: bold;
	margin-bottom: 15px;
}
#breaking-news p {
	font-size: 16px;
}
#breaking-news a {
	font-size: 20px;
	line-height: 50px;
	color: #F00
}
/*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: 3px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	padding-top: 6px;
}
#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 {
	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;
	width: 300px;
	float: left;
	padding-left: 10px;
	clear: both;
}
#right-body-1 {
	width: 638px;
	float: right;
	margin-left: 5px;
}
#middle-banner {
	width: 620px;
	text-align: center;
}
/* --- BODY 2 STYLES --- */
#left-body-2 {
	width: 638px;
	float: left;
	margin-left: 5px;
	clear: both;
}
#right-body-2 {
	width: 300px;
	float: right;
	padding-left: 10px;
}
#middle-square {
	width: 100%;
	text-align: center;
}
/*Category Box Styles*/
#cat-box {
	padding-bottom: 20px;
}
#cat-box-title {
	height: 30px;
	width: 100%;
	border-top-width: 3px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	margin-bottom: 10px;
}
#cat-box-title h1 a {
	color: #000;
	font-size: 24px;
}
#cat-box-thumb img {
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
}
#cat-box-headline {
	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;
	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: 10px;
}
#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;
	width: 18%;
	padding: 2px;
}
#column2 {
	float: left;
	width: 18%;
	padding: 2px;
	margin-left: 10px;
}
#column3 {
	float: left;
	width: 18%;
	padding: 2px;
	margin-left: 10px;
}
#column4 {
	float: left;
	width: 18%;
	padding: 2px;
	margin-left: 10px;
}
#column5 {
	float: left;
	width: 18%;
	padding: 2px;
	margin-left: 10px;
}
/* --- Vanity Plate --- */
#vanity {
	width: 100%;
	padding: 15px;
	text-align: center;
}