/*====================================================
Title:		1015theeagle.com
Version:	1.0
Author:		mcd
Date:		20071126

====================================================
 Colors:			
====================================================*/










/* reset (modified eric meyer)
====================================================*/

html, body, div, span, object, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code,
del, dfn, em, img, 
strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {outline: 0;} /* remember to define focus styles! */

body {font-family: "lucida grande", verdana, sans-serif; font-size: 62.5%; color: #fff;}
ol, ul {list-style: none;}
table {border-collapse: separate; border-spacing: 0;} /* tables still need 'cellspacing="0"' in the markup */
caption {display: none;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}


/* backdrops
====================================================*/

body {background:
#ecf4ff url(http://1015theeagle.com/images/eagle/backdrop/clouds.jpg) no-repeat 50% 0;}
/* #fff url(http://1015theeagle.com/images/eagle/backdrop/fff.jpg) no-repeat 50% 0; */
/* Cody asked me to make the sky background 50%, so the above "{OR}" logic was added .

/* general styles
====================================================*/

h1, h2, h3 {font-family: 'lucida grande', 'trebuchet ms', verdana, arial, sans-serif;}
h1 {font-size: 2em; text-transform: uppercase;}
h2 {font-size: 1.8em;}
h3 {font-size: 1.5em;}
h4 {font-size: 1.3em;}
h5 {color: #ccc; font-size: 1.1em; font-style: italic;}
h6 {font-size: .9em;}
p, a, li, td, th {font-size: 1.3em; line-height: 1.5em;}
p a, li a, td a {font-size: 1em;}
p {padding: 10px 20px;}
hr {clear: both; visibility: hidden;}

.side_fing img {margin: 0px; padding: 0px;}

.right {float: right;}
.left {float: left;}
.text_center {text-align: center;}
.text_right {text-align: right;}
.clear {clear: both;}
.clear_right {clear: right;} 

ul.inline li {display: inline; float: left;}

a {color: #195697; text-decoration: none;}
a:hover {color: #36c; text-decoration: underline;}


/* layout 
====================================================*/

#toplinks {background: #333; border-bottom: solid 2px #222; height: 30px;}
	ul#toplinks_wrap {height: 30px; margin: 0 auto; width: 960px;}
	ul#toplinks_wrap li {float: right; display: inline; margin-top: 5px;}
	ul#toplinks_wrap li a {color: #999; font-size: .9em; padding-left: 30px;}
	ul#toplinks_wrap li#welcome {color: #999; font-size: 1.1em; float: left; margin-top: 7px;}

#recent_tracks {background-color: #393e42; border-top: solid 1px #444; border-bottom: solid 1px #444; border-left: solid 0px #444; height: 200px; left: 420px; overflow: hidden; position: static; top: 157px; width: 319px; z-index: 20;}
	#recent_tracks h1 {font-family: 'lucida grande', verdana, arial, sans-serif;}
	#recent_tracks h1.now {color: #fff; font-size: 1.7em; height: 18px; margin: 5px 10px 7px;}
	#recent_tracks #now_playing {height: 25px; overflow: hidden; width: 319px;}
	#recent_tracks #now_playing p {color: #fff; font-size: 1.1em; line-height: 2em; padding: 0 0 8px; text-align: center;}
	#recent_tracks  #now_playing p span {font-weight: bold;}
	#recent_tracks h1.recent {background-color: #999; border-bottom: solid 2px #777; color: #111; font-size: 1.3em; font-weight: bold; height: 12px; margin: 0; padding: 2px 10px 5px;}
/*	#recent_tracks #now_playing_box {background-color: #64bb04; color: #333; height: 17px; margin: 0 auto 7px; overflow: hidden; padding: 0px; text-align: center; width: 230px;}*/
/*	#recent_tracks input#now_playing_text {margin: 0 0 7px 25px; width: 319px;}*/
#recent_tracks ul {background-color: #90c753; font-size: .8em; height: 180px; list-style-type: none;}
	#recent_tracks ul li {color: #333; height: 19px; line-height: 2.1em; padding: 2px 5px 5px 15px; overflow: hidden;}
	#recent_tracks ul li.alt {border-top: solid 1px #f0f0f0; background-color: #ffd400; height: 19px;}
	#recent_tracks ul li.last {background-color: #393e42; color: #fff; font-size: 1.1em; font-weight: bold; text-align: right;}
	#recent_tracks ul li span {font-weight: bold;}

#head {height: 150px;}
#head_wrap {margin: 0 auto; position: relative; width: 960px;}
	#head_wrap li#top_ad {background: #eee; border: solid 2px #d3c689; height: 90px; left: 230px; position: absolute; top: 20px; width: 728px;}
	#head_wrap li#top_ad a:hover {border: solid 2px #195697;}
	#head_wrap li#go_home a {height: 125px; left: 0; position: absolute; text-indent: -999em; top: 10px; width: 210px;}

#wrap {background: transparent url(http://1015theeagle.com/images/eagle/bg_wrap_default.gif) repeat-y 0 0; border: solid 3px #5c0000; height: 100%; margin: 0 auto 30px; width: 960px;}
body#home_page #wrap {background: transparent url(http://1015theeagle.com/images/eagle/bg_wrap_home.gif) repeat-y 0 0; border: solid 3px #5c0000;} /*puts divider line through fresh features*/
#content_primary {float: left; width: 640px;}

#content_secondary {background: #d3c689; float: right; width: 320px;}

#content_tertiary {background: #444; clear: both;}
	#content_tertiary #bottom_ads

#foot {margin: 30px auto 0; width: 960px;}


/* navigation
====================================================*/

.nav_main {background: #d3c689 url(http://1015theeagle.com/images/eagle/bg_nav_main.gif) repeat-y 0 0;/* float: right;*/ position: relative; width: 320px;}

.nav_main_wrap {padding: 120px 30px 0 20px;}

.nav_main a.nav_listen_online {background: #5c0000 url(http://1015theeagle.com/images/eagle/listen_online_hover.gif) no-repeat 0 0; border: solid 3px #5c0000; border-width: 3px 3px 0 0; height: 140px; left: 0; position: absolute; top: -20px; width: 320px;}
.nav_main a.nav_listen_online:hover {background: #5c0000 url(http://1015theeagle.com/images/eagle/listen_online_hover.gif) no-repeat 0 -140px;}

.nav_main h4 {background: #d3c689 url(http://1015theeagle.com/images/eagle/bg_nav_line.gif) repeat-x 0 80%; color: #5c0000; padding: 20px 0 0;}
.nav_main h4 span.nav_title {background: #d3c689 none repeat scroll 0%; color: #5c0000; font-weight: bold; padding-right: 5px;}
.nav_main li {color: #195697;}
.nav_main li a {font-size: .9em; font-weight: bold; margin: 0;}
/*.nav h4.current_section span.nav_title {color: red; font-weight: bold;}*/
.nav_main li.current_nav a {background: #36c; /*border: dotted 1px limegreen;*/ border-width: 1px 0; color: #d3c689; padding: 0 5px}
.nav_main ul li span.nav_amp {color: #555;}
.nav_main ul li.current_nav a span.nav_photo_video {border: solid 1px {grey_nav}; color: #195697;}	
.nav_main ul li.nav_even {float: right; width: 140px;}
.nav_main ul li.nav_odd {float: left; width: 130px;} 
.nav_main ul li ul li.nav_odd.nav_sub a {border-bottom: none; border-top: none; color: #195697; margin-left: 20px}
.nav_main ul li ul li.nav_odd.nav_sub.current_nav a {color: red;}
.nav_main ul li ul li.nav_sub {font-size: .9em; width: 130px;}
.nav_advert img {margin: 30px 0 10px 10px;}


/* #content_primary
====================================================*/

#primary_a {background: #A59380; height: 235px;}
.primary_b {background: transparent url(http://1015theeagle.com/images/eagle/bg_primary.gif) no-repeat 0 41px;}
#default_page .primary_b,
#music_page .primary_b {min-height: 500px ; height:auto !important; height: 500px;}

.primary_b h1.heading {background: #5c0000 url(http://1015theeagle.com/images/eagle/primary_heading.gif) no-repeat 0 2px; color: #d3c689; height: 32px; padding: 9px 0 0 50px;}
#fresh_features.primary_b {background: #eee url(http://1015theeagle.com/images/eagle/bg_fresh_features.gif) no-repeat 0 41px;}
	.feature {float: left; height: 15.5em; width: 315px;}
	.feature h3 {color: #5c0000; font-weight: bold; padding: 20px 0 5px 165px;}
	.feature h3 a {font-size: 1em; line-height: .9em;}
	.feature p {color: #333; font-size: 1.1em; padding: 0 10px 0 165px;}
	.feature img {background: #bca78f; border: solid 1px #5c0000; float: left; margin: 20px 0 0 10px; padding: 2px;}
	.feature img:hover {background: #195697; border: solid 1px #195697;}
	
	#not_a_contest {display: none;}
	

#eagle_exclusives.primary_b {background: transparent url(http://1015theeagle.com/images/eagle/bg_exclusive2.gif) no-repeat 0 41px; color: #d3c689;}
#eagle_exclusives.primary_b #blog_podcast_artist {float: left; width: 314px;}
#eagle_exclusives.primary_b #blog_podcast_artist h3 {font-weight: bold; text-transform: uppercase;}
#eagle_exclusives.primary_b #blog_podcast_artist #blog_podcast p {line-height: 1.1em;}
#eagle_exclusives.primary_b #blog_podcast_artist #blog_podcast p, 
#eagle_exclusives.primary_b #blog_podcast_artist #blog_podcast ul {background: #341709; border: solid 1px #d3c689; margin: 0 15px 15px; padding: 10px 15px;}
#eagle_exclusives.primary_b #blog_podcast_artist #blog_podcast h3 {background: #d3c689; border: solid 2px #341709; border-width: 2px 2px 0 2px; color: #341709; margin: 20px 25px 0; padding: 5px; text-align: center;}
#eagle_exclusives.primary_b #blog_podcast_artist #blog_podcast p span.blog_entry_date {color: #999; font-size: .85em; font-style: italic; line-height: 2em; padding: 10px 0;}

#eagle_exclusives.primary_b #blog_podcast_artist #fresh_face img {background: #5c0000; border: solid 1px #d3c689; float: left; margin: 20px 20px 10px; padding: 3px;}
#eagle_exclusives.primary_b #blog_podcast_artist #fresh_face h3 {padding: 20px 15px 5px 0;}
#eagle_exclusives.primary_b #blog_podcast_artist #fresh_face p {font-size: 1.2em; padding: 0 15px 30px 20px;}

#eagle_exclusives.primary_b #eagle_video {float: right; width: 313px;}
#eagle_exclusives.primary_b #eagle_video h3 {background: #195697; border: solid 2px #341709; border-width: 2px 2px 0 2px; color: #341709; margin: 20px 25px 0; padding: 5px; text-align: center; font-weight: bold; text-transform: uppercase;}
#eagle_exclusives.primary_b #eagle_video object {display: block; height: 260px; margin: 0 auto; width: 280px;}

#data_table table {font-size: .9em; margin-top: 10px; width: 100%;}
#data_table tr {background: #bca78f;}
#data_table tr.odd {background: #a59380;}
#data_table th, #data_table td {border-left: solid 1px #a59380; border-right: solid 1px #5c0000; padding: 7px 10px 7px 10px;}
#data_table th {background: #5c0000; border: solid 1px #333; border-width: 1px; color: #d3c689; text-align: center;}
#data_table td {color: #5c0000;}
#data_table th.col_01 {width: 10%;}
#data_table th.col_02 {width: 35%;}
#data_table th.col_03 {width: 35%;}
#data_table th.col_04 {width: 20%;}
#data_table td.center_data {text-align: center;}


.item {background-color: #341709; border: solid 1px #d3c689; margin: 50px auto; position: relative; width: 570px;}
.item h2 {background-color: #341709; border: solid 1px #d3c689; color: #d3c689; margin: 0 0 10px 20px; padding: 5px 10px; position: absolute; top: -25px;}
.item h5 {padding: 20px 30px 0 30px;}
.item p {margin: 20px; padding: 0 20px;}
.item img {float: left; margin: 20px 20px 10px 30px;}
.subitem {border-top: solid 1px #d3c689; margin: 30px 60px 0;}
.subitem h3 {color: #d3c689; padding-top: 10px;}
#advertise .item {height: 400px;}

#blog_nav {background: #341709 url(http://1015theeagle.com/images/eagle/bg_blog_nav.gif) repeat-y 0 0; float: right; font-size: .85em; margin-bottom: 20px; min-height: 400px;  padding-bottom: 80px; width: 158px;}
#blog_nav h3 {color: #d3c689; margin: 30px 20px 0;}
#blog_nav ul {margin: 10px 0 0 20px;}
#blog_nav p {color: #ddd;}
#blog_nav ul li.current_nav a {border: dotted 1px red; border-width: 1px 0; color: red;}
#weblog #blog_data {margin: 30px 0 30px 40px;}
.blog_entry {border-bottom: solid 1px #d3c689; margin-bottom: 30px; overflow: hidden; padding-bottom: 10px; width: 430px;}
.blog_entry p {margin-right: 0;}
.blog_entry h1 {background: none; height: 100%; padding: 10px 0 20px; text-align: center;}
.blog_entry h2 {margin-bottom: 5px; padding-top: 5px;}
.blog_entry h2 a {background: #341709; font-size: 1em; line-height: .9em; padding: 5px 10px 5px 10px;}
.blog_entry img {margin: 20px 10px;}

#blog_next_prev {padding-bottom: 25px; width: 430px;}
#blog_next {float: right; width: 200px;}
#blog_prev {float: left; width: 200px;}
#blog_next p, #blog_next a {margin: 10px 10px 10px 0; text-align: right;}
#blog_prev p, #blog_prev a {margin: 10px 0 10px 10px; text-align: left;}


/* #content_secondary
====================================================*/

#sidebar {background: #430101; color: #d3c689;}
#sidebar h1.heading {background: #5c0000 url(http://1015theeagle.com/images/eagle/primary_heading.gif) no-repeat 0 2px; color: #d3c689; height: 32px; padding: 9px 0 0 50px;}
#sidebar table {margin: 20px auto 0; padding-bottom: 20px; width: 280px;}
#sidebar table th {border-bottom: solid 1px #d3c689; font-weight: bold; text-align: center; text-transform: uppercase;}
#sidebar table td {font-size: 1.2em; padding: 5px 0 0; text-align: center;}
#sidebar table td#phone_eagle_live_text {font-size: 1.7em; padding-top: 10px;}

#recent_tracks {background-color: #1e1e1e; border-top: solid 3px #444; border-left: solid 3px #444; float: left; height: 259px; left: 672px; overflow: hidden; position: absolute; top: 157px; width: 285px; z-index: 20;}
	#recent_tracks h1 {font-family: 'lucida grande', verdana, arial, sans-serif;}
	#recent_tracks h1.now {color: #fff; font-size: 1.7em; height: 18px; margin: 5px 10px 7px;}
	#recent_tracks #now_playing {height: 25px; overflow: hidden; width: 270px;}
	#recent_tracks #now_playing p {color: #fff; font-size: 1.1em; line-height: 2em; padding: 0 0 8px; text-align: center;}
	#recent_tracks  #now_playing p span {font-weight: bold;}
	#recent_tracks h1.recent {background-color: #999; border-bottom: solid 2px #777; color: #111; font-size: 1.3em; font-weight: bold; height: 12px; margin: 0; padding: 2px 10px 5px;}
/*	#recent_tracks #now_playing_box {background-color: #ccc; color: #333; height: 17px; margin: 0 auto 7px; overflow: hidden; padding: 3px; text-align: center; width: 230px;}*/
/*	#recent_tracks input#now_playing_text {margin: 0 0 7px 25px; width: 230px;}*/
	#recent_tracks ul {background-color: #90c753; font-size: .8em; height: 180px; list-style-type: none;}
	#recent_tracks ul li {color: #333; height: 19px; line-height: 2.1em; padding: 2px 5px 5px 15px; overflow: hidden;}
	#recent_tracks ul li.alt {border-top: solid 1px #f0f0f0; background-color: #cacaca; height: 19px;}
	#recent_tracks ul li.last {background-color: #1e1e1e; color: #fff; font-size: 1.1em; font-weight: bold; text-align: right;}
	#recent_tracks ul li span {font-weight: bold;}



/* foot
====================================================*/

#foot {background: #a59380; border-top: solid 3px #5c0000; color: #d3c689;}
#foot .nav_main {background: none; font-size: .9em; float: left; width: 660px;}
#foot .nav_main ul li.nav_even {float: left; width: 100%;}
#foot .nav_main ul li.nav_odd {float: left; width: 100%;} 
#foot .nav_main li {color: #195697;}
#foot .nav_main .nav_advert,
#foot .nav_main a.nav_listen_online {display: none;}
#foot .nav_main h4 {background: #a59380 url(http://1015theeagle.com/images/eagle/bg_nav_line.gif) repeat-x 0 80%; width: 140px;}
#foot .nav_main h4 span.nav_title {background: #a59380 none repeat scroll 0%;}
#foot .nav_main .nav_section {float: left; margin-bottom: 20px; width: 160px;}
#foot .nav_main .nav_section a {font-size: 1em; font-weight: normal;}
#foot .nav_main li.current_nav a {color: #bca78f;}

#foot .nav_main_wrap {padding: 0 0 0 20px;}

#foot p {background-color: transparent;}
#foot a {font-size: 1em;}
#foot ul {list-style: none;}
#foot ul li {color: #a59380;}
#foot #links {background: #5c0000;}
#foot #links ul {background: #d3c689; border-top: solid 1px #5c0000;}
#foot #links ul li {font-size: 1.1em; margin: 10px 20px;}
#foot #info {background-color: #bca78f; border: solid 1px #5c0000; border-bottom-width: 2px; color: #5c0000; float: left; margin-top: 10px; width: 280px;}
#foot #info p {font-size: 1.1em; padding: 10px;}
#foot #info ul#info_email {margin-left: 0; padding-left: 10px; padding-bottom: 10px;}
#foot #info ul#info_email li {display: inline; margin-left: 5px;}

#breathing_room {height: 2px;}


/* miscellaneous
====================================================*/


.three_fifth {width: 480px;}
.two_fifth {width: 384px;}
.one_fifth {width: 192px;}
.one_sixth {background: #195697; border: solid 1px #ccc; height: 120px; width: 150px;}
.one_third {background: #195697; border: solid 1px #ccc; height: 120px; width: 318px;}
.one_half {background: #195697; border: solid 1px #ccc; height: 120px; width: 480px;}


/* forms
====================================================*/

#form_wrap {background-color: #5c0000; border: solid 1px #fff; border-bottom: solid 2px #cdcdcd; font-size: 90%; margin: 40px auto; padding: 10px; width: 400px;}
	#login_page #form_wrap {margin: 80px auto 100px;}
#form_wrap p {color: #341709; font-size: 1.2em; margin: 15px 0 5px 5px;}
#form_wrap p.story_register {font-size: 1.6em; margin-top: 5px; padding-right: 5px;}
#form_wrap p.member_search {font-style: italic; margin: 0 0 10px 0; padding: 0; text-align: center;}
#form_wrap p.member_search_links {text-align: center;}

#form_wrap h3 {color: #FFF; font-size: 1.7em; font-weight: bold; margin: 10px 0;}
#form_wrap h3.member_search {margin: 5px 0 10px 0; text-align: center;}
#form_wrap h3.member_result {color: #36c; margin: 5px 0 0 0; text-align: center;}

#form_wrap #member_result_wrap {background-color: #eee; border: solid 1px #fff; border-bottom: solid 2px #cdcdcd; color: {border_light}; margin: 5px; padding: 10px 0 15px 15px;}
#form_wrap fieldset {background-color: #eee; border: solid 1px #bbb; border-bottom: solid 2px #cdcdcd; color: #341709; margin: 5px; padding: 10px 0 5px 15px;}
#form_wrap fieldset p {margin-left: 10px;}
#form_wrap legend {color: {border_light}; font-size: 2em; font-weight: bold;}

#form_wrap label {font-size: 1.4em; font-weight: bold;}
#form_wrap label.radio {display: inline; float: left; margin-left: 10px; width: 5em;}
#form_wrap label.text {float: left; width: 9em;}
	#form_wrap em.required {color: #999; font-size: .8em; font-style: italic; font-weight: normal; padding-left: 5px; padding-right: 10px;}

#form_wrap input.submit {font-size: 1.5em;}
#form_wrap input.member_submit {font-size: 1.5em;}
#form_wrap input.radio {margin-left: 20px; margin-top: 3px; float: left;}
#form_wrap input.text {color: {border_light}; font-size: 1.3em; margin: 10px 20px 3px; width: 260px;}
#form_wrap textarea {color: {border_light}; font-size: 1.3em; margin: 0 20px 10px; width: 260px;}
#form_wrap input:focus, textarea:focus {background: #ff8;}

#form_wrap div.submit {clear: both; margin: 15px 0 5px; text-align: center;}