/*******************************************
*  styles.css for Frank Bradford Music
*   by Michael Fulk
*   9/27/2007
*******************************************/


/* Color Scheme 
tan = dbd19e
dark brown = 916d29
dark grey = 141312
light grey = 464646
gold = bd9c44
*/

/* General Styles */
body {
	margin: 0 0 0; padding: 0 0 0;
	font-size: 62.5%;
	background: #564333 url("images/backgroundtile.jpg");
	color: #000;
}

a:link, a:visited{
	text-decoration:none;
}
a:hover, a:active{
	text-decoration:underline;
}
a img {
	border: none;
}
img {
	border:none;
}
a:link{
	background-color: transparent;
	color: #000;
}
a:visited{
	background-color: transparent;
	color: #000;
}

.red {
	color: #990000;
}

/* Container Styles */
#container {
 position: relative;
	display:block;
	margin: auto; padding: auto;
	width: 800px;
}

/* Header Styles */
#header {
 position: relative;
}
#header h1 {
 display: none;
}
#headerLink {
 position: relative;
	top: 20px; left: 50px;
	z-index: 100;
}
#headerLink a:visited {
 color: #000;
}
#headerimg {
 position:absolute;
	top:0px; left:0px;
	margin: 0; padding: 0;
	z-index: 90;
}
#buyCD {
 position:relative;
	top: 25px; left: 535px;
	width: 200px;
	margin: 0; padding: 0;
	z-index: 100;
}
#nav {
	position: absolute;
	width:699px;
	top: 255px; left: 30px;
	margin: 0; padding: 0 30px 0 0;
	text-align: right;
	font: bold 1.4em "Arial Narrow", Arial, Verdana, Helvetica, sans-serif;
	z-index: 100;
	}
#nav a:link {
	background-color: transparent;
	color: #000;
	}

/* Middle Styles */
#middle {
 position: relative;
 top: 80px; left: 30px;
	width: 729px;
	background-color: #ebebeb;
	color: #4C341F;
	z-index: 90;
}
#ltspots {
 position: absolute;
	top: 40px; left: 0px;
}
#rtspots {
 position: absolute;
	top:160px; left: 703px;
}
#contentContainer {
 position:relative;
	left: 30px;
	width: 672px;
	margin: 0 0 -2px; padding: 0;
	background-color: #AD8435;
}
#content {
 position:relative;
	width: 651px; height:auto;
	top: 0px; left: 0px;
	margin: -70px 0px 0px; padding: 20px 0 10px 20px;
	background-color: transparent;
	color: #4C341F;
	font: 1em Arial, Verdana, Helvetica, sans-serif;
	z-index: 110;
}
#content h1 {
	margin: -0.25em 0 0;
}
#content h2.contentHeading {
 margin: -0.25em 0 0;
 color: #fff;
	font: bold 2.2em Arial, Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
}
#content.normal table {
 margin-top: 10px;
 width:590px;
}
#content.normal table th {
 background-color: #936623;
	padding: 5px;
	color: #000;
	text-align: left;
	font: 1.3em Arial, Verdana, Helvetica, sans-serif; 
}
#content.normal table td {
 	padding: 5px;
	background-color: #a2762f;
	border-top: 2px solid #ad8435;
	font: 1.2em Arial, Verdana, Helvetica, sans-serif;
}
#content.normal table td h3 {
 margin: -0.25em 0 0;
 color: #000;
	font: bold 1.2em Arial, Verdana, Helvetica, sans-serif;
}
#content.normal table td p {
 margin: 4px 0;
	color: #4C341F;
}
#content.normal > p {
	font-size: 1.3em;
}
#contentLeft .tracklisting li {
 font: bold 1.3em "American Typewriter", "Lucida Sans Typewriter", "Courier New", Courier, monospace;
 margin: 3px 0;
}
#contentLeft .tracklisting .note {
 font: 0.8em "American Typewriter", "Lucida Sans Typewriter", "Courier New", Courier, monospace;
}
#contentLeft .linksListing li {
 font: 1.2em Arial, Verdana, Helvetica, sans-serif;
}
#contentLeft {
 position:relative;
	width: 316px;
	margin:0; padding: 0px;
	font-size:1.2em;
}
#contentRight {
 float:right;
	width: 396px;
	margin:0; padding: 0 20px 0 0;
	font: 1.4em Arial, Verdana, Helvetica, sans-serif;
}
#imageright {
 position:absolute;
	top: 45px; left: 360px;
}
#imageleft {
 position:relative;
	top: 0px; left: 0px;
}
.player {
	margin-top: -10px;
}

/* Calendar Styles */
.calendar { 
 color: #4C341F;
 background-color: #4C341F;
 width: 610px;
 padding: 3px;
 text-align: left;
}
.calendar_today { background-color: #eb9128; width: 98%; padding: 2px; margin: 4px;}
.calendar_event_1 { background-color: #936623; width: 98%; padding: 2px; margin: 4px;}
.calendar_event_2 { background-color: #a2762f; width: 98%; padding: 2px; margin: 4px;}
.calendar_date_table { border-collapse: collapse; }
.calendar_artist_text { display:none; }
.calendar_date_text { color: #fff; font-size: 1.2em; padding: 0; }
.calendar_event_title_text { color: #4C341F; font-size: 1.4em; font-weight: bold; }
.calendar_venue_text { color: #fff; font-size: 1.2em; }
.calendar_notes_text { color: #fff; font-size: 1.2em; }

/* Blog (News) Styles */
.news { 
	 color: #4C341F; /* text color */
  background-color: #936623;
  width: 610px;
  padding: 10px;
  text-align: center;
	 font-family: Arial, Verdana, Helvetica, sans-serif;
}
.news_entry {  }
.news_date { 
  color: #fff;
  background-color: #4C341F;
  font-weight: bold;
  padding: 2px;
  line-height: 14pt;
	 font-size:1.1em;
  border: 1px solid black;
}
.news_text { 
  color: #000;
  font-weight: bold;
  text-align: top;
  margin: 10px;
  font-size:1.1em;
}

/* Guestbook Styles */
.guestbook { 
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 1.2em;
  color: black; /* text color */
}
.guestbook_entry { }
.guestbook_name { font-weight: bold; }
.guestbook_date { }
.guestbook_comment { }
input, textarea {
 border: 1px solid #4c341f;
}

/* Footer Styles */
#footer {
 float: left;
	clear: both;
	display:block;
	width: 729px; height: 80px;
	margin: 0 0 0 30px;
 background: transparent;
	color: #999;
	font: 1.2em "Arial Narrow", Arial, Verdana, sans-serif;
	text-align: left;
	z-index:100;
}
#footerLogo {
 position:relative;
 width: 200px;
 top: 87px; left:30px;
 z-index: 115;
}
#footerSubscribe {
 position:relative;
 top: 115px; left:514px;
 width: 200px;
 z-index: 115;
}
#footer .left {
 position:relative;
	top: 92px; left:30px;
 z-index: 115;
}
#footer .right {
 position: relative;
	top: 92px; left: 413px;
	z-index: 115;
}
#footerbg {
 position: relative;
	top: -130px; left: 0px;
	z-index: 50;
}
#footerTop {
 position: relative;
	top: 0px; left: 0px;
	width: 689px; height: 120px;
	padding: 0 20px 0 20px;
	background-color: #ebebeb;
	z-index: 20;
}