/* taa2.css
Style Sheet for theamericanautumn.com ver 1.0 (the '.0' makes it sound professional)
*/

/******* General Stuff *********/

body {
	/*background-color: #336699;
	background-image: url("images/grungeblue_bg.png");
	background-repeat: repeat; */
	
	background: #336699 url("images/grungeblue_bg.png") repeat top left fixed;
	
	margin: 0px;
	padding: 0px;
	
	/* font-family: Tahoma, Verdana, Arial, Georgia, sans-serif; */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 0.8em;
	line-height: 1.3em; 
}

#side_art {
	background-image: url("images/sideart.png");
	background-repeat: no-repeat;
	position: fixed;
	top: 0px;
	left: 0px;
	
	width: 277px;
	min-width: 277px;
	height: 585px; 
	min-height: 585px;
	
	z-index: 1;
}

#loggedin_cell {
	position: absolute;
	top: 0px;
	left: 0px;
	
	/*width: 200px;
	min-width: 200px;
	height: 30px;
	min-height: 30px;
	*/
	
	padding: 4px;
	
	z-index: 2;
	
	background: url("images/white_translucent_bg.png") repeat top left fixed;
}

#loggedin_cell a  {
	color: #339900;
	border-bottom: 1px #339900 dashed;
	text-decoration: none;
}

#loggedin_cell a:hover {
	color: #336699;
	border-bottom: 1px #336699 dashed;	
	text-decoration: none;
}

#passiton_cell {
	position: absolute;
	top: 0px;
	left: 0px;
	
	/*width: 207px;
	min-width: 207px;
	height: 208px;
	min-height: 208px;
	*/
	
	padding: 4px;
	
	z-index: 2;
}

h3 {
	font-size: 1.5em;
	font-weight: bold;
	border-bottom: 1px #000 dashed;	
	margin-right: 10px;
}

input[type=text] {
	font-family: Tahoma, Verdana, Arial, Georgia, sans-serif;
	color: #333333;
	border: 1px #000000 solid;
	padding: 2px;	
}

input[type=password] {
	font-family: Tahoma, Verdana, Arial, Georgia, sans-serif;
	color: #333333;
	border: 1px #000000 solid;
	padding: 2px;	
}

input[type=file] {
	font-family: Tahoma, Verdana, Arial, Georgia, sans-serif;
	color: #333333;
	border: 1px #000000 solid;
	padding: 2px;	
}

input[type=button] {
	border: 1px #000000 solid;
	padding: 2px;	
}

textarea {
	font-family: Tahoma, Verdana, Arial, Georgia, sans-serif;
	font-size: 1em;
	color: #333333;
	border: 1px #000000 solid;
	padding: 2px;	
}

select {
	font-family: Tahoma, Verdana, Arial, Georgia, sans-serif;
	font-size: 1em;
	color: #333333;
	border: 1px #000000 solid;
	padding: 2px;	
}

.biggish {
	font-size: 1.2em;	
}

.small_note {
	font-size: 0.8em;
	color: #333333;
}

#side_shadow {
	background-image: url("images/side_shadow.png");
	background-repeat: repeat-y;
	background-position: top right;
	
	float: right;
	clear: left;
	position: relative;
	
	width: 10px;
	min-width: 10px;
	height: 100%;
	min-height: 400px;
	
	margin-top: 40px;
	margin-bottom: 40px;
}

#shadow_shell {
	background-image: url("images/side_shadow.png");
	background-repeat: repeat-y;
	background-position: top left;	
	
	float: right;
	position: relative;
	top: 0px;
	left: 0px;
	
	padding-left: 12px;
	width: 80%;
	min-width: 650px;

	margin-top: 40px;
	margin-bottom: 20px;
	
	z-index: 2;
}

#top_tear_shadow {
	background-image: url("images/top_tear_shadow.png");
	background-repeat: repeat-x;
	background-position: bottom right;
	
	float: right;
	position: relative;
	top: 0px;
	left: 0px;
	
	width: 100%;
	min-width: 650px;
	height: 16px;
	min-height: 16px;
	
	/* margin-top: 40px;*/
	
	z-index: 2;
} 

#bottom_tear_shadow {
	background-image: url("images/bottom_tear_shadow.png");
	background-repeat: repeat-x;
	background-position: top right;
	
	float: right;
	position: relative;
	top: 0px;
	left: 0px;
	
	width: 100%;
	min-width: 650px;
	height: 16px;
	min-height: 16px;
	
	/*margin-bottom: 20px; */
	
	z-index: 2;
} 

/*#main_shell {
	background-color: #FFFFFF;
	background-image: url("images/coffeestain.png");
	background-repeat: no-repeat;
	background-position: bottom right;
	
	position: fixed;
	right: 0px;
	top: 0px;
	bottom: 20px;
	overflow: auto;
	
	width: 80%;
	min-height: 400px;
	
	margin-top: 60px;
	margin-left: 200px;
	margin-bottom: 20px;
} */

#main_shell {
	background-color: #FFFFFF;
	background-image: url("images/coffeestain.png");
	background-repeat: no-repeat;
	background-position: bottom right;

	float: right;
	position: relative;
	top: 0px;
	left: 0px;
	
	width: 100%;
	min-width: 650px;

	/*margin-top: 60px; */	
	padding-bottom: 5px;
	
	z-index: 2;
}

/*#bottom-left_grunge {
	background-image: url("images/bottom-left_grunge.png");
	background-repeat: no-repeat;
	background-position: bottom left;
	
	bottom: 0px;
	left: 0px;
	
	width: 100%;
	min-height: 400px;
	height: 100%;
} */

#title {
	padding-left: 12px;	
	padding-bottom: 6px;
	padding-top: 4px;
	float: left;
	clear: none;
}

#tread_bar {
	background-image: url("images/treadmark.png");
	background-repeat: repeat-x;
	
	width: 100%;
	min-height: 40px;	
	
	display: block;
	clear: both;
}

#navigation {
	padding-left: 10px;
	clear: right;
	width: 650px;
	min-width: 650px;
}

#navigation ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;	
}

#navigation ul li {
	margin-left: 0;
	list-style: none;
	display: inline;
}

#admin_nav {
	padding-top: 10px;
	font-size: 1.5em;
	font-weight: bold;
}

#admin_nav a {
	color: #336699;
	text-decoration: none;
}

#admin_nav a:hover {
	color: #000000;
	text-decoration: none;
}

#theband_cur {
	display: inline;
	float: left;
	padding: 0px;
	width: 75px;
	height: 50px;
	max-width: 75px;
	max-height: 50px;
	padding-right: 5px;
	background: url("images/theband_cur.png") 0 0 no-repeat;
}

#theband {
	display: inline;
	float: left;
	padding: 0px;
	width: 75px;
	height: 50px;
	max-width: 75px;
	max-height: 50px;
	padding-right: 5px;
}

#theband a {
	display: block;
	width: 75px;
	height: 50px;
	background: url("images/theband.png") 0 0 no-repeat;
}

#theband a:hover {
	width: 75px;
	height: 50px;
	background-position: 0 -50px;
}

#shows_cur {
	display: inline;
	float: left;
	padding: 0px;
	width: 100px;
	height: 50px;
	max-width: 100px;
	max-height: 50px;
	padding-right: 8px;
	background: url("images/shows_cur.png") 0 0 no-repeat;
}

#shows {
	display: inline;
	float: left;
	padding: 0px;
	width: 100px;
	height: 50px;
	max-width: 100px;
	max-height: 50px;
	padding-right: 8px;
}

#shows a {
	display: block;
	width: 100px;
	height: 50px;
	background: url("images/shows.png") 0 0 no-repeat;
}

#shows a:hover {
	width: 100px;
	height: 50px;
	background-position: 0 -50px;
}

#pics_cur {
	display: inline;
	float: left;
	padding: 0px;
	width: 70px;
	height: 50px;
	max-width: 70px;
	max-height: 50px;
	padding-right: 9px;
	background: url("images/pics_cur.png") 0 0 no-repeat;
}

#pics {
	display: inline;
	float: left;
	padding: 0px;
	width: 70px;
	height: 50px;
	max-width: 70px;
	max-height: 50px;
	padding-right: 9px;
}

#pics a {
	display: block;
	width: 70px;
	height: 50px;
	background: url("images/pics.png") 0 0 no-repeat;
}

#pics a:hover {
	width: 70px;
	height: 50px;
	background-position: 0 -50px;
}

#music_cur {
	display: inline;
	float: left;
	padding: 0px;
	width: 95px;
	height: 50px;
	max-width: 95px;
	max-height: 50px;
	background: url("images/music_cur.png") 0 0 no-repeat;
}

#music {
	display: inline;
	float: left;
	padding: 0px;
	width: 95px;
	height: 50px;
	max-width: 95px;
	max-height: 50px;
}

#music a {
	display: block;
	width: 95px;
	height: 50px;
	background: url("images/music.png") 0 0 no-repeat;
}

#music a:hover {
	width: 95px;
	height: 50px;
	background-position: 0 -50px;
}

#links_cur {
	display: inline;
	float: left;
	padding: 0px;
	width: 80px;
	height: 50px;
	max-width: 80px;
	max-height: 50px;
	background: url("images/links_cur.png") 0 0 no-repeat;
}

#links {
	display: inline;
	float: left;
	padding: 0px;
	width: 80px;
	height: 50px;
	max-width: 80px;
	max-height: 50px;
}

#links a {
	display: block;
	width: 80px;
	height: 50px;
	background: url("images/links.png") 0 0 no-repeat;
}

#links a:hover {
	width: 80px;
	height: 50px;
	background-position: 0 -50px;
}

#merch {
	display: inline;
	float: left;
	padding: 0px;
	width: 105px;
	height: 50px;
	max-width: 105px;
	max-height: 50px;
}

#merch a {
	display: block;
	width: 105px;
	height: 50px;
	background: url("images/merch.png") 0 0 no-repeat;
}

#merch a:hover {
	width: 105px;
	height: 50px;
	background-position: 0 -50px;
}

#extra_cur {
	display: inline;
	float: left;
	clear: right;
	padding: 0px;
	width: 90px;
	height: 50px;
	max-width: 90px;
	max-height: 50px;
	background: url("images/extra_cur.png") 0 0 no-repeat;
}

#extra {
	display: inline;
	float: left;
	clear: right;
	padding: 0px;
	width: 90px;
	height: 50px;
	max-width: 90px;
	max-height: 50px;
}

#extra a {
	display: block;
	width: 90px;
	height: 50px;
	background: url("images/extra.png") 0 0 no-repeat;
}

#extra a:hover {
	width: 90px;
	height: 50px;
	background-position: 0 -50px;
}


.music_bg { 
	background-image: url("images/music_title.png");
	background-position: top right;
	background-repeat: no-repeat; 
	width: 75px;
	min-width: 75px;
	height: 280px;
	min-height: 280px;
}

.shows_bg { 
	background-image: url("images/shows_title.png");
	background-position: top right;
	background-repeat: no-repeat; 
	width: 80px;
	min-width: 80px;
	height: 296px;
	min-height: 296px;
}

.pics_bg { 
	background-image: url("images/pics_title.png");
	background-position: top right;
	background-repeat: no-repeat; 
	width: 80px;
	min-width: 80px;
	height: 205px;
	min-height: 205px;
}

.links_bg { 
	background-image: url("images/links_title.png");
	background-position: top right;
	background-repeat: no-repeat; 
	width: 80px;
	min-width: 80px;
	height: 231px;
	min-height: 231px;
}

.extra_bg { 
	background-image: url("images/extra_title.png");
	background-position: top right;
	background-repeat: no-repeat; 
	width: 80px;
	min-width: 80px;
	height: 268px;
	min-height: 268px;
}

.bandonly_bg { 
	background-image: url("images/bandonly_title.png");
	background-position: top right;
	background-repeat: no-repeat; 
	width: 80px;
	min-width: 80px;
	height: 458px;
	min-height: 458px;
}

.blog_bg { 
	background-image: url("images/blog_title.png");
	background-position: top right;
	background-repeat: no-repeat; 
	width: 80px;
	min-width: 80px;
	height: 233px;
	min-height: 233px;
}


#main_content {
	padding: 0px 0px 5px 20px;
	clear: both;
	
}

#main_content a  {
	color: #339900;
	border-bottom: 1px #339900 dashed;
	text-decoration: none;
}

#main_content a:hover {
	color: #336699;
	border-bottom: 1px #336699 dashed;	
	text-decoration: none;
}

#left_cell {
	clear: none;
	float: left;
	width: 68%;
	height: 100%;
}

#left_cell p {
	line-height: 1.3em;	
}

#rss_link {
	width: 100%;
	text-align: right;	
}

#right_cell {
	clear: none;
	float: right;
	width: 28%;
	height: 100%;
}

#footer {
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 5px;
	text-align: center;

	font-size: .8em;
	
	border-top: 1px #000 dashed;	
	padding-top: 2px;
}

#footer a  {
	color: #339900;
	border-bottom: 1px #339900 dashed;
	text-decoration: none;
}

#footer a:hover {
	color: #336699;
	border-bottom: 1px #336699 dashed;	
	text-decoration: none;
}

/* class for section title images */
.section_title {
	float: right;	
}

.news_post {
	/*background-image: url("images/news_div.png");
	background-position: bottom right;
	background-repeat: no-repeat; */
	padding: 5px;
	margin-bottom: 10px;
}

.news_title {
	font-size: 1.1em;
	font-weight: bold;
}

.news_date {
	font-size: .8em;
	color: #333333;
}

.news_posted_by {
	float: right;
}

.show_date {
	font-weight: bold;
	font-size: 1.1em;
	line-height: 1.1em;
}

.show_cell {
	padding: 5px;
	margin-bottom: 10px;
}

#mailing_list_signup {
	padding: 0px 5px 10px 5px;
}

#mailing_list_signup a {
	border: 0px #FFFFFF solid;
}

#mailing_list_signup a:hover {
	border: 0px #FFFFFF solid;
}

ul.recent_blogs {
	list-style: none;	
	text-indent: -2em;
	
}

ul.links {
	list-style: none;
	text-indent: -1em;
	line-height: 1.9em;
}

a.no_border img {
	border: 0px;
	border-bottom: 0px;
}

ul.form {
		list-style-type: none;
		line-height: 1.2em;
}

/* last.fm feed display stuff */
ul.bandlastfmfeed {
	margin-left:0px;
	padding-left: 0px;
}

 li.lastfm {
	list-style-type: none;
	margin-left:0px;
	padding-left: 0px;
	border-right: 5px solid white;
	border-bottom: 1px solid white;
	
}

li.dave_lastfm {
	/* background-color: #339900; */
	background: url("images/dave_lastfm_bg.png") repeat top left fixed;
	padding: 2px;
}

li.chris_lastfm {
	/* background-color: #990000; */
	background: url("images/chris_lastfm_bg.png") repeat top left fixed;
	padding: 2px;
}

li.josh_lastfm {
	/* background-color: #336699; */
	background: url("images/josh_lastfm_bg.png") repeat top left fixed;
	padding: 2px;
}

li.dane_lastfm {
	/* background-color: #FFFF99; */
	background: url("images/dane_lastfm_bg.png") repeat top left fixed;
	padding: 2px;
}

#pastshows {
	display: none;
}

img.thmb_pic {
	/* margin: 5px; */
	border-style: none;
}

#main_content a.img {
	border-bottom: none;
}

img.rss_icon {
	border-style: none;
}

img.no_border {
	border-style: none;
}

.dropshadow {
	background: url("images/dropshadow_100.png");
	background-repeat: no-repeat;
	display: block;
	min-width: 121px;
	min-height: 118px;
	max-width: 121px;
	max-height: 118px;
	padding-top: 7px;
	padding-left: 10px;
	
	float: left;
	clear: none;
}

.powered_by {
	text-align: right;
}

table.shows {
	border-style: none;
	border: 0px;
	border-collapse: collapse;

}


table.shows tr{
	/* background: url("images/josh_lastfm_bg.png") repeat top left fixed; */
	background-color: #F0F0F0;
	font-size: .85em;
	border-top: 2px solid white;
}

table.shows tr.shows_head{
	background-image: none;
	background-color: white;
	font-size: 1em;
	font-weight: bold;
	
}

table.shows tr td {
	border-right: 1px dashed white;
	padding: 4px;
}

.blog_post {
	/*background-image: url("images/news_div.png");
	background-position: bottom right;
	background-repeat: no-repeat; */
	padding: 5px;
	margin-bottom: 10px;
}

.blog_title {
	font-size: 1.4em;
	font-weight: bold;
}

#main_content .blog_title a {
	border-bottom: none;
	color: black;
}

#main_content .blog_title a:hover {
	color: #FFFFFF;
	background-color: #336699;
}

.blog_p {
	margin-left: 10px;
	margin-right: 10px;
}

.blog_date {
	font-size: .8em;
	color: #666666;
}

.blog_poster {
	font-weight: bold;
	font-size: 1.1em;
	margin-left: 5px;
}

.blog_comment {
	margin-left: 20px;
}

.blog_comment2 {
	background: url("images/josh_lastfm_bg.png") repeat top left fixed;
	padding: 4px;
	border-bottom: 2px solid white;
}

.blog_reply {
	padding-left: 20px;
}

#newer_posts {
	float: left;
	clear: none;
	padding-left: 15px;

}

#older_posts {
	float: right;
	clear: none;
	padding-right: 15px;
}

#social_links {
	text-align: center;
}

.cover_img {
	margin-right: 10px;
}

.track_list {
	list-style-type: none;
	margin-left:0px;	
	position: static;
	bottom: -180px;
}

.white_trans_bg {
	background: url("images/white_trans_bg.png") repeat top left fixed;
}

#flash_player {
	float: right;
	clear: right;
	margin-top: 15px;
	width: 300px;
	height: 32px;
}