/* 
   Nav-Links-NewRedColor-TextVer-VerTypeface.css
   (CSS Document combination of 5 individual CSS Files:)
   
   NavigationBar.css
   LinkEffects.css
   NewRedColorScheme.css
   TextVerdana.css
   VerdanaTypeface.css
   <misc. changes>
*/

/*  1. NavigationBar.css  */

ul#list-nav 
{
  list-style:   none;
  margin:	0px;
  padding:	0px;
  list-style:	none;
  width:	99%; /* Mark had it 800px */
}

ul#list-nav li 
{
  display:      inline;
}

ul#list-menu li a 
{
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size:   15px;
  text-decoration: none;
  padding:     5px 0px;
  width:       100px;
  background:  #330000;
  color:       #FF99CC;
  float:       left;
}

ul#list-nav li a 
{
  text-align:  center;
  border-left: 1px solid #fff;
}

ul#list-nav li a:hover 
{
  background:  #a2b3a1;
  color:  #FFFFFF   /*  #000 */;  /* Change to white on hover/active */
}

ul#list-nav li#current-page a
{
  background: /* #6732a1 */ #807A82;
  weight: 800;
  color:  #EEEEEE;
  cursor: default;
}

/*  2. LinkEffects.css  */

a:link {
	color: #0000FF;
}

a:visited {
  color: #3366FF;
}

a:hover {
	text-decoration: none;
}

a:active {
	color: #FF0000;
}

a.hidden {
  color: #000000;
}

a.hidden:visited {
  color: #000000;
}

a.hidden:hover {
	color: #0000CC;
}

a.hidden:active {
  color: #000000;
}

a.nav:link {
	color: #333333;
	padding: 2px;}

a.nav:visited {
	color: #cccccc;
	padding: 2px;
}

a.nav:hover {
	color: #FFFFFF;
	background-color: #666666;
	padding: 2px;
}

a.menu {
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	text-decoration: underline;
}

a.menu:hover {
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	text-decoration: underline;
	letter-spacing: 1px;
	}

a.box {
	padding: 3px;
	background-color: #FFFFFF;
	text-decoration: none;
	border: medium solid #CCCCCC;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

a.box:hover {
  color: #000000;
	padding: 3px;
	text-decoration: none;
	background-color: #666666;
	border: medium solid #3366FF;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


/*  3. NewRedColorScheme.css  */

body {
	background-color: #FFFFFF;
}

body, td, th {
	color: #760024;
}

h1 {
	color: #FF6666;
}

h2 {
	color: #DB00AC;
}

h3, h4 {
	color: #DB00AC;
	font-size: 10;
        line-height: .8em; 

}

h5, h6 {
	color: #FFCCCC;
}

a {
	color: #900024;
}

form {
	background-color: #990000;
}

/*  4. TextVerdana.css  */

body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 15px;
}

td {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 15px;
}

th {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 15px;
}

.bodystyle {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 15px;
}

.small {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.medium {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 15px;
}

.big {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 19px;
}

.xbig {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 27px;
}

.expanded {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 19px;
	letter-spacing: 3px;
}

.justified {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: justify;
}

.footer {
	font-family: "Times New Roman", Times, serif;
	font-size: 10px;
	color: #999999;
}

.box1 {
	padding: 3px;
	border-width: thin;
	border-style: solid;
	border-color: #CCCCCC #666666 #666666 #CCCCCC;
}

.box2 {
	font-style: italic;
	word-spacing: 2pt;
	padding: 3px;
	border-width: thin;
	border-style: solid;
}

/*  5. VerdanaTypeface.css  */
body {
  font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
}

td {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
}

th {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
}


/*  6. Misc. changes (Suggestions from Mark) */

p {line-height: 1.5em;}  /*Spaces out the lines a bit in paragraph text */


#list-nav {

    position: relative;

    margin: 0 auto;

}
#list-nav a,
#list-nav a:visited {

    text-decoration: none;
    font-size: 1.2em;            /* changed from 1.125 to avoid line breaks */
    text-transform: lowercase;   /* if you want small caps with an initial large cap, change this to "capitalize" */
    font-variant: small-caps;
    font-family: "Century Gothic",Candara, Calibri, Corbel, Helvetica, Arial, sans-serif;
    padding: 5px 9px 4px;
    background: #ccccd4;
    color: #390061;	/* this is the purple from the guy's necktie */
    margin-right: 2px;	/* an attempt to separate the buttons with a white line. If not working, try "outline: 2px solid white;" */

}

#list-nav a:hover {

    cursor:pointer;
    background: #390061;
    color: #fff;

}


/* Animate the hover color's entrance on the menu buttons */
#list-nav a {

    -webkit-transition: background .8s ease-in-out, color .4s ease-in-out;
    -moz-transition: background .8s ease-in-out, color .4s ease-in-out;
    -o-transition: background .8s ease-in-out, color .4s ease-in-out;
    -ms-transition: background .8s ease-in-out, color .4s ease-in-out;
    transition: background .8s ease-in-out, color .4s ease-in-out;

}

/* Round the corners of the menu buttons */
#list-nav a {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

/* Put space and drop shadow around photo on main page */
img#library-gig-picture {

    margin: 15px;
    /* For drop shadow:  */
    -webkit-box-shadow: 2px 2px 10px rgba(45, 45, 59, 0.700);
    box-shadow: 2px 2px 10px rgba(45, 45, 59, 0.700);
}

/* Put drop shadow around photos on other pages */
img#misc-picture {

    -webkit-box-shadow: 2px 2px 10px rgba(45, 45, 59, 0.700);
    box-shadow: 2px 2px 10px rgba(45, 45, 59, 0.700);
}


/* Put a drop-shadow on Sentimental Journey in the title */
h1#sj {
    font-size: 40px;
    text-shadow: 2px 2px 5px rgba(81, 51, 32, 0.521);
}

/* Gradient */

body {
/*
     background: #daeffa;	/* this is for computers that can't do the gradient; if you prefer, you can change this to white */
     background: -moz-linear-gradient(top,  #daeffa 0%, #edf2f4 45%, #edf2f4 79%, #daeffa 100%);
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#daeffa), color-stop(45%,#edf2f4), color-stop(79%,#edf2f4), color-stop(100%,#daeffa));
     background: -webkit-linear-gradient(top,  #daeffa 0%,#edf2f4 45%,#edf2f4 79%,#daeffa 100%);
     background: -o-linear-gradient(top,  #daeffa 0%,#edf2f4 45%,#edf2f4 79%,#daeffa 100%);
     background: -ms-linear-gradient(top,  #daeffa 0%,#edf2f4 45%,#edf2f4 79%,#daeffa 100%);
     background: linear-gradient(to bottom,  #daeffa 0%,#edf2f4 45%,#edf2f4 79%,#daeffa 100%);
*/
background: #e3f2f9; /* Old browsers */
background: -moz-linear-gradient(top, #e3f2f9 0%, #edf2f4 30%, #edf2f4 87%, #e6f1f7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3f2f9), color-stop(30%,#edf2f4), color-stop(87%,#edf2f4), color-stop(100%,#e6f1f7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e3f2f9 0%,#edf2f4 30%,#edf2f4 87%,#e6f1f7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e3f2f9 0%,#edf2f4 30%,#edf2f4 87%,#e6f1f7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #e3f2f9 0%,#edf2f4 30%,#edf2f4 87%,#e6f1f7 100%); /* IE10+ */
background: linear-gradient(to bottom, #e3f2f9 0%,#edf2f4 30%,#edf2f4 87%,#e6f1f7 100%); /* W3C */
}

   /* fix for IE9 on Gradient */
   body #ie9 {  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UzZjJmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iI2VkZjJmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg3JSIgc3RvcC1jb2xvcj0iI2VkZjJmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmYxZjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);


     }