/*Stylesheet for baitshopboys.net
created by Renee Maxwell*/

body { 
  font-family: Georgia, Times, "Times New Roman", serif; 
  background-image: url(songsheet-bg.jpg);
  color: #630;
  margin: 0 auto;
}

#wrap {
  width: 750px;
  padding: 0;
  margin: 0 auto;
  background: #ffc;
} 

#header {
  width: 750px;
  height: 158px;
  vertical-align: top;
  background: #000;
  margin: 0 auto;
  padding: 0;
}

#header img {
  border: none;
}

#main {
  background: #ffc;
  margin: 0;
  padding: 0;
}

#main h2 {
  text-align: center;
  color: #c30;
  padding: 10px;
  margin: 0;
  width: 740px%;
  border-bottom: 1px dotted #fc6;
}

#main img {
  padding: 10px;
}

#feature {
  padding: 0 30px 20px 30px;
}

/*-----------------------
styles for show listings*/
#fringe {
  margin: 0 auto;
  margin-top: 75px;
  width: 800px;
  background: #ffc url(fringe2.gif) no-repeat;
  padding-top: 30px;
  padding-bottom: 14px;
}

#indexWrap {
  margin: 0 auto;
  width: 755px;
}

#mainPhoto {
  float: left;
  background-color: #630;
  height: 450px;
  padding: 1px;
}

#livebait {
  text-align: center;
  background-color: #930;
  color: #ffc;
  margin: 0;
  padding: 8px;
}

#schedule {
  width: 300px;
  height: 450px;
  background-color: #ffc;
  float: right;
  padding: 0;
  margin: 0;
}

.showlisting {
  font-size: 80%;
  text-indent: -20px;
  list-style: none;
  line-height: 150%;
}

#schedule a {
  font-weight: bold;
  color: #c30;
  text-decoration: none;
  display: inline;
}

#schedule a:hover {
  font-weight: bold;
  color: #900;
  text-decoration: none;
  display: inline;
}

/*End show listing styles
-------------------------*/

/*Styles for bios--------*/
.bio {
  padding: 0px 30px 40px 20px;  
  clear: both;
}

.bio img {
  float: left;
  clear: left;
  padding-right: 15px;
  padding-bottom: 10px;
}

/*---Photo page styles ------------*/
#gallery {
  margin: 0 auto;
  text-align: center;
  padding: 0 0 0 30px;
}

#gallery img {
  padding: 0;
}

.thumb {
  float: left;
  padding: 5px;
  text-align: center;
  margin-bottom: 20px;
}

.thumb img {
  padding: 2px;
  border: 5px double #000;
}

.thumb img:hover {
  padding: 2px;
  border: 5px double #900;
}

/*Footer styles -------------*/
#footer {
  background-color: #ffc;
  font-size: 75%;
  text-align: center;
  padding: 0 20px 20px 20px;
  clear: both;
}

#footer a {
  font-weight: bold;
  color: #c30;
  text-decoration: none;
  display: inline;
}

#footer a:hover {
  font-weight: bold;
  color: #900;
  text-decoration: none;
  display: inline;
}

/*----------------------
Nav Menu styling*/
#nav {
  width: 748px;
  height: 50px;  
  clear: both;
  margin: 0 auto;
  padding-top: 6px;
  text-align: center;
  /*background: url(navbar.gif) repeat-x;*/
}

#frontnav {
  margin: 0 auto;
  text-align: center;
  width: 90%;
}

#nav a {
  display: block;
  height: 35px;
  text-decoration: none;
  color: #630;
  font-weight: bold;
  padding: 5px 25px 12px 25px;
  float: left;
}

#nav a:hover {
  color: #900;
}

#navAll {
  width: 750px;
  height: 30px;  
  clear: both;
  margin: 0 auto;
  padding-top: 6px;
  background: #630;
  text-align: center;
}

.mainnav a {
  display: block;
  width: 138px;
  text-decoration: none;
  color: #ffc;
  font-weight: bold;
  padding: 0 0 12px 0;
  background: #000;
}

#mainnav {
  margin: 0 auto;
  text-align: center;
  width: 90%;
}

#navAll a {
  display: block;
  text-decoration: none;
  color: #ffc;
  font-weight: bold;
  padding: 0 25px 12px 25px;
  float: left;
}

#navAll a:hover {
  background: #ffc;
  color: #900;
}

/*--------------------
Links Page styles */

#links {
  padding: 0 30px 30px 30px;
  margin: 0 auto;
}

#links li {
  font-size: 90%;
}

#links h4 {
  text-align: left;
}
/*---------------------
General links styling*/

#main a {
  font-weight: bold;
  color: #c30;
  text-decoration: none;
  display: inline;
}

#main a:hover {
  font-weight: bold;
  color: #900;
  text-decoration: none;
  display: inline;
}

/*End links styling
----------------------*/
.red {
  color: #900; 
}

.small {
  font-size: 75%;
}

.bold {
  font-weight: bold;
}

h4 {
  text-align: center;
}

.center {
  text-align: center;
}

.author {
  text-align: right;
  font-size: 65%;
}

legend {
  font-weight: bold;
  color: #630;
}

fieldset {
  margin: 20px;
  border: dashed 1px #630;
  padding: 5px;
}

#song img {
  padding: 3px;
}

.top {
  padding-top: 20px;
}

.rates {
	float: left;
	margin: 5px 40px 5px 0;
	padding: 0;
	border-collapse: 0;
}

.rates td {
	text-align: left;
	width: 75px;
	border: 1px solid #630;
	padding: 3px;
}

.rates th {
	text-align: center;
	background-color: #630;
	color: #ffc; 
	padding: 3px;
}

.clear {
	clear: both;
}