/***5 Hr Energy Landing Page - BASE STYLE***/

/***MAIN***/

HTML {
	padding:0px;
	margin:0px;
	height:100%;
	font:normal normal 12px "Arial","Helvetica";
	line-height:140%;
	color:#bbb;
	}

BODY {
	background:#242424;
	height:100%;
	width:100%;
	margin:0px;
	font:normal normal 12px "Arial","Helvetica";
	line-height:140%;
	color:#bbb;}

#mainContainer {
	margin:0px auto 0 auto;
	width:1000px;
	min-height:auto;
	position:relative;
	padding-bottom:20px;}

#mainBuffer {
	background:#0e0e0e;
  	width:1000px;
  	padding-bottom:10px;
  	}

.clearer {
	clear:both;}

img {
	border:none;
	margin:0px auto;
	display:block;}

	IMG.andy {
		margin-bottom:10px;}

a {
	color:#bbb;
	font:italic bold 100% "Helvetica", "Arial";}

	a:hover {
		color:yellow;
		cursor:pointer;}

P {
	margin-left:10px;}

H1 {
	line-height:130%;}

/***HEADER***/

#header {
	background:url(images/header.jpg) no-repeat;
	width:1000px;
	height:216px;
	margin:0px auto;}

#header .buffer {
	background:;
	width:1000px;
	height:216px;
	margin:0px auto;}


	.nav {
		position:absolute;
		top:9px;
		right:0px;
		text-align:left;}

	#mainFooter .nav{
		position:absolute;
		top:15px;
		left:0px;
		margin-left:0;
		padding-left:0;}


		.nav LI {
			float:left;
			list-style:none;
			margin-right:20px;}

			.nav LI A, #mainFooter .nav LI SPAN {
				font:italic bold 14px "Helvetica", "Arial";
				text-decoration:none;
				color:#fff;}

				.nav LI A.here, .nav LI A:hover, #mainFooter .nav LI A:hover {
					color:#CC0001;}

			#mainFooter .nav LI A, #mainFooter .nav LI SPAN {
				color:#bbb;
				text-transform:uppercase;}


/***PAGE DATA***/


#pageData {
	width:1000px;
	margin:0px auto;
	height:auto;
	padding:0 18px 0 0px;}

#pageData .buffer {
	width:970px;
	margin:0px auto;
	height:auto;
	background:#000;}

.column {
	background:#000;
	display:block;
	float:left;
	width:463px;
	margin-right:12px;
	padding:3px 0 0 0;}

.column.wide {
	width:705px;}

.column.narrow {
	width:240px;}

.row {
	margin-bottom:12px;}

.feature_title {
	color:yellow;
	text-transform:uppercase;
	font:italic bold 28px "Helvetica", "Arial";
	margin:10px 0 0 12px;
	font-size:15px;
	margin-bottom:5px;}

.videos {
	display:block;
	float:left;}

/***FOOTER***/

#mainFooter {
	width:1000px;
	height:80px;
	margin:-20px auto 0 auto;
	padding:0px;
	position:relative;}

#mainFooter P {
	padding-top:25px;
	padding-bottom:10px;
	font-size:10px;
	color:gray;
	text-align:left;}
/**/


#content {
	width:450px;
	color:white;
	font-size:100%;
	line-height:140%;}

.features {
	background:#000000 url(images/5HT_interviews.jpg) no-repeat scroll 10px 10px;
	margin-right:1px;
	width:460px;
	float:left;
	display:block;
	list-style: none;
	list-style-image: none;
	padding-top:35px;}

	.features UL {
		margin-left: 0px;
		padding-left: 0px;
		list-style: none;
		list-style-image: none;}

	.features LI {
		margin:0 0 20px 0;
		padding-left: 5px;
		list-style: none;
		list-style-image: none;}

	.features IMG {
		border: none;
		padding: 5px;
		float: left;
		margin:0px 10px 0 0;}

	.features P {
		margin:0px;
		padding:0px;
		display:block;}

	.features A.title {
		display:block;
		margin:0px;
		padding:0px;}

	.features A.read_more {
		display:inline;
		text-align:right;
		margin:0px;
		padding:0px;}

.racing_headlines, .breaking, .trucking, .racing_schedule {
	padding-top:30px;}

.racing_headlines {
	background:#000000 url(images/headlines_hd.jpg) no-repeat scroll 10px 10px;}

.breaking {
background:#000000 url(images/5HT-breaking.jpg) no-repeat scroll 10px 10px;}

.trucking {
background:#000000 url(images/5HT-community.jpg) no-repeat scroll 10px 10px;}

.racing_schedule {
	background:#000 url(images/5HT-racing-sched.jpg) no-repeat 10px 10px;}

.features UL, .racing_headlines UL, .trucking UL, .breaking UL {
	border-top:1px solid #444;
	padding-top:15px;
	list-style-image:url(images/bullet.jpg);
	font-size:11px;
	line-height:1.5;}

.entry {
	color:#fff!important;
	margin-left:12px;
	margin-top:0;}

	.entry.feature P {
		margin:0px;
		font-size:14px;}

	.entry.feature A {
		color:yellow;
		}

	.entry P {
		margin-top:10px;
		color:#fff!important;}

	.entry P SPAN {
		color:#fff!important;}


.videos {
	background:#000 url(images/videos_hd.jpg) no-repeat 10px 10px;}


table {
	border-top:1px solid #555;
	width:463px;
	margin-top:11px;}

table .table_title td {
	color:white;
	background-color:#000;}

table .odd {
	background-color:#222;}

table .even {
	background-color:#333;}

	td {
		padding:8px 0px 7px 5px;
		color:#bbb;
		font:normal normal 12px "Helvetica", "Arial";
		letter-spacing:1px;}

.t_t {
	padding:3px;}

SMALL {
	margin-left:14px;}

a.permalink {
	font-size:14px;
	text-decoration:none;
	color:#fff;
	margin-top:0px;}

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

.editorial_title {
	background:#000000 url(images/5HT-ask-andy.jpg) no-repeat scroll;
	width:200px;
	height:35px;
	margin-left:10px;}

.subtitle {
	color:#bbb;
	font:italic bold 24px "Helvetica", "Arial";
	margin:20px 10px;
	border-bottom:1px solid #bbb;
	}

#searchform {
 	padding-top:20px;
 	float:right;
 	margin-bottom:20px;}

#searchform LABEL {
	display:none;}

.banners {
	width:468px;
	margin-left:20px;
	background:#333;
	padding:3px;}

.banners.vertical {
	width:233px;
	margin-left:10px;}

.banners A {
	float:left;
	margin:2px;}

P.instructions {
	background:#550000;
	font:italic bold 18px "Helvetica", "Arial";
	padding:10px;}

FORM {
	margin-left:}

FIELDSET {
	border:none;
	font:normal bold 14px "Helvetica", "Arial";}

LABEL {
	display:block;}

#searchsubmit{
 	width:90px;}
 #s{
	width:200px;}

INPUT, TEXTAREA {
	width:300px;}

INPUT.button {
	width:auto;
	display:inline;
	margin-right:50px;}

INPUT.button:hover {
		cursor:pointer;}

.title{
	font-size:14px;}



