body { 
  background-color: #001316;
  font-family:      Verdana, helvetica, arial, san-serif;
  font-size:        medium;
  margin:           auto;
  width: 1120px;
  line-height: 155%;
  padding: 0px 0px;
  color: #D0F2EF;
  border: 0px solid white;
}

header.top {
  background-color: #001316;
  margin: 10px 10px 0px 10px;
  height:           auto;
}

header.top img#headerLogo2 {
	float: right;
}

header.top img#headerLogo {
    display: block;
    margin: auto;
    width: 1100px;
}


div#tableContainer {
	display: table;
	border-spacing: 10px;
}

div#tableRow {
	display: table-row;
}

div.tableContainer {
	display: table;
	border-spacing: 10px;
}

div.tableRow {
	display: table-row;
}

div.tableRow p {
	display: table-cell;
	vertical-align: top;
	padding: 0px;
}

div.tableRow p:first-child {
	text-align: right;
}

p.boldHeading {
	
}

section#calendar {
    display: table-cell;
    background-color: #001316;
    min-width: 175px;
    padding: 10px;
    vertical-align: top;
    border: 5px groove;
    border-color: #e6f0ef #001316 #e6f0ef #e6f0ef;
}

/* - no blog just yet :) */
section#main, section#blog {
  display: table-cell;
  background-color: #001316;
  font-size:        105%;
  padding:          10px;
  vertical-align: top;
  max-width: 555px;
  margin:           auto;
  border: 5px groove;
  border-color: #e6f0ef #001316 #e6f0ef #e6f0ef;

}

section#rightSide {
    display: table-cell;
    background-color: #001316;
    max-width: 260px;
    padding: 10px;
    margin: 10px 10px 10px 10px;
    vertical-align: top;
    border: 5px groove;
    border-color: #e6f0ef #e6f0ef #e6f0ef #e6f0ef;

}

img#saddleRack {
	display: block;
    margin: auto;
    width: 350px;

}

footer {
  background-color: #001316;
  color:            #D0F2EF;
  text-align:       center;
  padding:          10px;
  margin: 0px 10px 10px 10px;
  font-size:        90%;
}


h1 {
  font-size:        120%;
  color:            #04bfad;
}

h2 { 
  font-size: 110%; 
  color: #04bfad;
}


h3 { 
  font-size: 100%; 
  color: #04bfad;
}


a:link {
  color:            #e3ced0;
  text-decoration:  none;
  border-bottom:    thin dotted #e3ced0;
}
a:visited {
  color:            #025059;
  text-decoration:  none;
  border-bottom:    thin dotted #e3ced0;
}

a:hover {
	color: #04bfad;
}


.navbar2 {
  overflow: hidden;
  background-color: #333;
  display: none;
}


nav {
    background-color: #458A97;
	margin: 10px 10px 0px 10px;
	font-size:        120%;
	text-align:       center;
 	font-family:	Verdana, helvetica, arial, san-serif;
	font-style: normal;
	font-variant: small-caps;
        border: 5px groove;
        border-color: #e6f0ef #e6f0ef #e6f0ef #e6f0ef;	
  	 color: #D0F2EF;
}

nav ul {
	margin: 0px;
	list-style-type: none;
	padding: 5px 0px 5px 0px;
	border:		thin dotted #001316;
}

nav ul li {
	display: inline;
	padding: 5px 10px 5px 10px;
}

nav li a:hover {
    background-color: #001316;
    color: white;
}

nav ul li a:link, nav ul li a:visited {
	color: #e6f0ef;
	border-bottom: none;
	font-weight: bold;

/*
	text-shadow: 1px 1px 3px #e2c2c2; 
	text-transform: uppercase;
*/
}
nav ul li.selected {
	background-color: #001316;
	color: #D0F2EF;
}


/*--old iframe info---*/
old iframe info {
  width: 560px;
  height: 315px;   
  border-radius: 5px;
  margin: 8px;
    
}

img#facebooksmall {
  max-height: 0;
  width: 0;
}

img#facebook {
  display: block;
    margin: auto;
    width: 100px;
    border: 1px solid #000;
    border-radius: 5px;
}


.myForm1 {
	width: 230px;
	display: table;
	padding: 5px;
	border-top: thin dotted #7e7e7e;
	border-bottom: thin dotted #7e7e7e; 
	background-color: #1a1a1a;  /* 001316 was  and #282828 */
	color: #D0F2EF;
	font-size: 100%;
	font-family:      Verdana, helvetica, arial, san-serif;
}



/*---------------items related to the contact form css--------------------*/

form {
	width: 60%;
	display: table;
	padding: 1px;
	margin: auto;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	border-color: #e6f0ef;
	border-radius: 5px;
	background-color: #001316;  /* was #282828 */
	color: #D0F2EF;
	font-size: 110%;
	font-family:      Verdana, helvetica, arial, san-serif;
}

input[type=button], input[type=submit] {
    background-color: #D0F2EF; /* flat black */
    border: 1px groove;
    border-color: blue;
    color: #001316;
    padding: 4px;
    padding-left: 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 4px 4px 0px 0px;
    cursor: pointer;
	font-family:      Verdana, helvetica, arial, san-serif;
  	font-size:        medium;
	border-radius: 4px;
	float: left;
}

section#contact {
  display: table-cell;
  background-color: #001316;
  font-size:        105%;
  padding:          10px;
  vertical-align: top;
  max-width: 1560px;
  margin:           auto;
  border: 5px groove;
  border-color: #e6f0ef #e6f0ef #e6f0ef #e6f0ef;

}

textarea { 
	font-size: 18px; 
}


/* below items related to the about page--------------------------------*/

table.about {
	width: auto;
	background-color: #000;
	margin-left: 10px;
}

.leftSideImage {
	width: 50%;
	float: right;
	margin-right: 74px;
}

.leftSidePeople {
	width: 50%;
	margin-left: 12px;
}

.rightSideImage {
	width: 50%;
	float: left;
	margin-left: 12px;
}

.rightSidePeople {
	width: 50%;
	margin-right: 54px;
	text-align: right;
	padding-right: 12px;
	
}

#meetTheBandTopText {
	text-align: left;
	padding-right: 12px;
	color: #fff;
	font-size: 120%;
}

img#meet-melissa-newer, img#meet-len-new, img#meet-eric-new {
      width: 333px;
	height: 475px;
}

/*---below jeff img format seems to work on a mac, not sure about explorer----*/
img[src="images/meet-jeff-new.jpg"]{
      width: 489px;
	height: 475px;
}



img[src="images/meet-jeff-new-crop.jpg"]{
      width: 333px;
	height: 475px;
}



img#meet-len-new {
      width: 333px;
	height: 475px;
}

img#melissa {
      width: 182px;
	height: 95px;
}

img#mike {
      width: 170px;
	height: 82px;
	
}
img#eric {
      width: 131px;
	height: 63px;
	
}
img#jeff {
      width: 151px;
	height: 115px;
}

img#len {
      width: 142px;
	height: 82px;
}

img#hdr-meet-the-band {
	width: 212px;
	height: 304px;
	float: left;
}

/* below items related to the calendar page--------------------------------*/

section#calendar2 {
  display: table-cell;
  background-color: #001316;
  font-size:        105%;
  padding:          10px;
  vertical-align: top;
  width: 1100px;
  margin-left:      10px;
  
  border: 5px groove;
  border-color: #e6f0ef #e6f0ef #e6f0ef #e6f0ef;

}

table.calendar {
	width: 650px;
	margin-left: 238px;
	
}


.topText {
	width: 55%;
	text-align: left;
	padding: 12px;
	font-size: 150%;
	border-top: 0px solid gray;
	border-bottom: 0px solid gray;
	padding-left: 0px;
}


.dateText {
	width: 55%;
	text-align: center;
	padding: 12px;
	font-size: 110%;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	padding-left: 50px;
}

.dateText2 {
	width: 55%;
	text-align: center;
	padding: 12px;
	font-size: 110%;
	border-top: 0px solid gray;
	border-bottom: 1px solid gray;
	padding-left: 30px;
}


/* below items related to the photos page--------------------------------*/


h3 {
  font-size:        110%;
  color:            #04bfad;
	text-align: center;
}



section#leftPhotos {
    display: table-cell;
    background-color: #001316;
    max-width: 150px;
    padding: 10px;
    vertical-align: top;
    border: 5px groove;
    border-color: #e6f0ef #001316 #e6f0ef #e6f0ef;
}

section#rightPhotos {
    display: table-cell;
    background-color: #001316;
    max-width: 140px;
    padding: 10px;
    vertical-align: top;
    border: 5px groove;
    border-color:  #e6f0ef #e6f0ef #e6f0ef #001316;

}
section#mainPhotos {
  display: table-cell;
  background-color: #001316;
  font-size:        105%;
  padding:          10px;
  vertical-align: top;
  width: 840;
  margin:           auto;
  border: 5px groove;
  border-color: #e6f0ef #001316 #e6f0ef #001316;

}

img#fullSize {
    display: block;
    margin: auto;
    width: 100%;
    
    border-radius: 15px;
	
}

.thumbnails {
	align: center;
	border:  1px inset #e6f0ef; 
	padding:4px;
	margin: 1px;
}

.thumbnailsTop {
	align: center;
	border:  1px inset #e6f0ef; 
	padding:11px;
	margin: 1px;
}



.button {
    background-color: #D0F2EF; /* flat black */
    border: 1px groove;
    border-color: blue;
    color: #001316;
    padding: 4px;
    padding-left: 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 0px 0px 10px 10px;
    cursor: pointer;
	font-family:      Verdana, helvetica, arial, san-serif;
  	font-size:        medium;
	border-radius: 4px;
}

section#mainPhotosMobile {
  display: none;
}

/* below items related to the hiResPhotos page--------------------------------*/

img#hiResPhotos {
    display: block;
    margin: auto;
    width: 94%;
    border: 1px solid #000;
    border-radius: 15px;
}


section#mainHiResPhotos {
  display: table-cell;
  background-color: #001316;
  font-size:        80%;
  padding:          10px;
  vertical-align: top;
  max-width: 1560px;
  margin:           auto;
  border: 4px groove;
  border-color: #e6f0ef #e6f0ef #e6f0ef #e6f0ef;

} {
  display: table-cell;
  background-color: #001316;
  font-size:        105%;
  padding:          10px;
  vertical-align: top;
  max-width: 1560px;
  margin:           auto;
  border: 5px groove;
  border-color: #e6f0ef #e6f0ef #e6f0ef #e6f0ef;

}

/* below items related to the music page--------------------------------*/

section#music {
  display: table-cell;
  background-color: #000;
  font-size:        105%;
  padding-top:          10px;
  vertical-align: top;
  width: auto;
  margin-left:      0px;
  border: 5px groove;
  border-color: #e6f0ef #e6f0ef #e6f0ef #e6f0ef;

}

.musicImageLeft {
	width: 446px;
	background-image:url(images/hdr-sidebar-music-samples.png);
	background-repeat:no-repeat;
} 


.song_title {
	color:#FFF; 
}

.introText {
	font-size:17px; 
	margin-left:100px; 
	margin-top:145px;
	text-align:justify;
}


.introTextMini {
	font-size:0px; 
	margin-left:0px; 
	margin-top:0px;
	text-align:justify;
}




.playerLocation1 {
	vertical-align: text-top;
	width: 385px;
}

.playerLocation2 {
	margin-left:210px; 
	margin-top:50px;
}

.playerLocation3 {
	border: 0; 
	cellspacing: 0;
	cellpadding: 0; 
	width:342px !important; 
	height:260px !important; 
	background-image:url(images/music-player-frame.jpg); 
	background-repeat:no-repeat;
}

.songList1 {
	align: left;
	valign: top;
	colspan: 3;
	color: yellow;
}

.songList2 {
	border: 0;
	bordercolor: #FFFFFF;
	cellpadding: 5; 
	cellspacing: 0; 
	color:#f8f5d5; 
	background-color: #000;
}

/* below items related to the videos page--------------------------------*/
section#videos {
  display: table-cell;
  background-color: #000;
  font-size:        105%;
  padding-top:          10px;
  vertical-align: top;
  width: 1100px;
  margin-left:      10px;
  border: 5px groove;
  border-color: #e6f0ef #e6f0ef #e6f0ef #e6f0ef

}

#pourMe {
	border-top: 2px solid gray;
	border-bottom: 0px solid gray;
	margin-left: 80px;
	margin-right: 80px;
	padding-bottom: 10px;
}

#SaddleRackLiveVideo {
	border-top: 2px solid gray;
	border-bottom: 0px solid gray;
	margin-left: 250px;
	margin-right: 250px;
	padding-bottom: 10px;
}



/* below items related to the EPK page--------------------------------*/

img#cougarband {
	display: block;
    margin: auto;
    width: 94%;
    border: 1px solid #000;
    border-radius: 15px;
}

section#left {
    display: table-cell;
    background-color: #001316;
    min-width: 250px;
    padding: 10px;
    vertical-align: top;
    border: 5px groove;
    border-color: #e6f0ef #001316 #e6f0ef #e6f0ef
}

div#musicPlayer {
    border-radius: 25px;
    Border: 2px solid;
    padding: 20px;
    width: 400px;
    height: 250px;
    border-color: #e6f0ef
}


section#mainEpk  {
  display: table-cell;
  background-color: #001316;
  font-size:        105%;
  padding:          10px;
  vertical-align: top;
  max-width: 560px;
  margin:           auto;
  border: 5px groove;
  border-color: #e6f0ef #e6f0ef #e6f0ef #e6f0ef

}

img#loveAndTheft {
	display: block;
    margin: auto;
    width: 550px;

}