/*This stylesheet contains all of the values to make asthetic changes to the site #97A68B; #738A69;*/
/*Created by Luke MacNeil on 7/13/06*/

/* This is the headline div block */
#headline{font-size: smaller; width: 50%; margin-right:auto; margin-left:auto;}

#sitebody{ width: 98%; height: 95%; margin-right: auto; margin-left: auto; background-color:white; padding-top: 0; color: #3C3930; }
#sitebody a {color: #284e72; text-decoration: none;}
#sitebody a:hover {color: maroon;}
/* This section controls the navigation bar */
#pageheader{   margin-bottom: 10px;  padding: .5em;  width: 95%; font-size: larger; text-align: center;  color: #3C3930; border-bottom: 1px solid; margin-right: auto; margin-left: auto;}
#pageheader img{margin-right: 50px; margin-left: 50px;}
#navcontainer{ margin-right: 20px; font-size: smaller; width: 20%;  padding: 0; background-color: #284e72; border: 2px outset;  float: left;}
#navcontainer ul{ margin-left: 0; padding-left: 0; list-style-type: none; text-align: center;}
#navcontainer a{ display: block;  width: 100%; color: #f7f4ef; background-color: #284e72; padding-top: 3px; padding-bottom: 3px; text-decoration: none; font-variant: small-caps; font-weight: bold;  }
#navcontainer a:hover{ background-color: #369; color: #fff; }
#navcontainer img{ border: none; }

#summarycontainer {  background-color: white; color: #3C3930; margin-top: 20px;  text-align: center; margin-bottom: 0px;}
#summarycontainer h2{   font-size: smaller; font-weight: bold; text-align: center; }
#summarylist {  list-style-type: none; text-align:left;  } 
#summarylist li{}
#summarycheckout a {  text-align: center;  display: inline;background-color: white; color: maroon; margin: 5px;}
#summarycheckout a:hover { color: blue; text-decoration: none; background-color: white; }

/* This section controls the general center content style */
#contentcontainer { width: 70%; float: right; margin-right: 5%;  padding-top: 10px; height:85%;  }

/* This section controls the main index page */
#mainpage {margin-left: auto; margin-right: auto; height:85%;  width: 100%;  text-align: center;}
#mainpage a{font-weight: bold;}
#mainpage table{ height: 100%; border-spacing: 40px;}
#mainpage td{  padding-right: 2%; padding-left: 5%; }

/* This section controls the bio page */
#aboutsteve { margin-left: auto; margin-right: auto; height:80%;  width: 100%; margin-top: 50px; }
#aboutsteve img {float: left; margin: 20px; }

#book img{ float: left; margin: 50px; }
#book p{ font-style: italic; }
/* This section controls the article list container */

#articlelistcontainer { margin-right: auto; margin-left: auto;}
#articlelistcontainer ul{ list-style-type: none; }
#articlelist a { color: #284e72; text-decoration: none;  }
#articlelistcontainer a:hover{ color: maroon; }

/* This section controls the actual article style */
#articlecontainer{  border: 1px outset #3C3930; background-color: #f7f4ef;  border-bottom: 1px solid #3C3930;}
#articletitle{ background-color: #f7f4ef;font-weight: bold; font-size: larger;  color: #3C3930; text-align: center; }
#articleauthor{ background-color: #f7f4ef; text-align: center;color: #284E72;  }
#articlebody{  background-color: #f7f4ef;font-size: smaller; overflow: auto; border-top: 1px solid; margin-right: 20px; margin-left: 20px;  }


/*This section is for the footer */
#footer{   margin-top: 20px; text-align: center; bottom: 15px; font-size: smaller; }
#footer a{ color:  #284e72; text-decoration: none; }
#footer a:hover{ color: maroon; }

/*This section controls the links pages */
#linklistcontainer{ overflow: auto; margin-right: auto; margin-left: auto;}
#linklistcontainer ul{ list-style-type: circle;}
#linklistcontainer li{padding-bottom: 2%;}
#linklistcontainer a{  color: #284e72;  text-decoration: none;}
#linklistcontainer a:visited { color: #284e72; text-decoration: none; }
#linklistcontainer a:hover{  color: maroon; }
.linkdesc {font-size: smaller;}

/*This section is for the web store*/
#webstore { overflow: auto; text-align: center; margin-left: auto; margin-right: auto; }
#webstore h1{ font-size: larger; }
#webstore table{ width:95%; margin-left: auto; margin-right: auto;   }
#webstore td {width: 10%; height: 10%; border: 1px outset; background-color: #f7f4ef;}
#webstore td:hover { background-color: #f7f4ef; color: white; }
.product {  margin-right: auto; margin-left: auto; color: #3C3930; text-align: center;  }
.product h1 { font-size: larger; }
.producttitle{ font-weight: bold;  }
.productprice{ color: maroon; }
.product img{   }
.productdesc{ font-size: smaller;  }
.productstatus{color: RED;}
#productdetails { width: 60%;  margin-right: auto; margin-left: auto;}
#productdetails ul { list-style-type: none; margin-right: auto; margin-left: auto; width: 60%;}
#productdetails li{ display: block;  color: #3C3930; padding-top: 3px; padding-bottom: 3px; }
#productdetails a { color: #369; }
#productdetails a:link, a:visited { text-decoration: none; color: #369; }
#productdetails a:hover{  color: maroon; }
#guitardetails { text-align: center;  width: 80%; margin-right: auto; margin-left: auto;  margin-top: 20px;}
#guitardetails table { width: 100%; margin-right: auto; margin-left: auto; }
#guitardescription { padding: 5%;  }

/*This section is for viewing the shopping cart*/
#cartcontainer { width:80%; margin-right: auto; margin-left: auto; border: 1px solid; }
#cartcontainer table{ width: 100%; height: 100%;text-align: center; }
#cartcontainer td {border: 1px solid; }
#cartcontainer form {display: inline;}
#cartheader { font-weight: bold; background-color: #284E72; color: white; text-align: center; }
#cartfooter { display: block; margin-bottom: 25px; border-top: 1px solid; border-bottom: 1px solid; text-align: center; }
#cartsubtotal { text-align: center; }
#cartshipping { border-bottom: 1px solid; text-align: center; }
#carttotal{  color: maroon; text-align: center; margin-bottom: 10px; }
#cartbuttons{text-align: center; }
.cartitemtitle{ display: inline; }
.cartitemdesc { font-size: smaller; display: inline; }


/*This section controls the gig calendar*/
#gigcontainer{  cursor:pointer;  }
#gigcontainer table{ width:100%;  border: 1px inset; margin-left: auto; margin-right: auto; background-color: #f7f4ef; }
.event {  background-color: #f7f4ef; cursor: pointer;  display: block; }
.gigrow1 {  background-color:#284e72;; color: white;}
.gigrow1:hover { background-color: #369; color: white; }
.gigrow2 {   background-color:  #284e72;;color: white; }
.gigrow2:hover { background-color: #369; color: white; }
.gigvenue {  font-size: larger; display: block; }
.gigdate{   display: block; }
.gigtime{ display: block;  }
.gigwebsite{ font-size: smaller;  display: block; }
.gigage{ font-size: smaller; }
.gigcover{ font-size: smaller; }
.gigaddress { font-size: smaller; }
.gigcity { font-size: smaller; }
.gigstate { font-size: smaller; }
.gigzip { font-size: smaller; }
.gigphone { font-size: smaller; }
.gigdesc {  }



/*This section is for the Administration Panel*/
#adminbody { margin-right: auto; margin-left: auto;  background-color:#eeeadf; text-align: center; }
#adminbody input.text { width:250px; }
#adminbody textarea { height:200px; width: 400px; }
#adminbody table { margin: 0; padding: 0; width: 90%;  margin-right: auto; margin-left: auto; }
#adminbody td { }
#adminbody form { width: 80%; margin-left: auto; margin-right: auto; }
#adminbody h1 {  text-align: center; color: black; font-variant: small-caps; border-bottom: 1px solid; margin-bottom: 10px; }
#adminbody h2 { text-align: center;}
#adminbody pre { font-size: 10pt; }

#adminLogin table {width: 10%; }


#adminlistcontainer { float: left; width: 250px;  left:10px; top: 25px; padding: 0; text-align: left; }
#adminlistcontainer ul {    }
#adminlistcontainer a{  margin: 0; padding: 0}
#adminlistcontainer a:link{ text-decoration: none; }
#adminlistcontainer a:hover{ color: maroon; }


#adminframe { margin-left: 250px;  height:90%; }
#adminIFrame {width:90%; height:100%; }

#adminLinkList tr { padding: 0px; cursor: pointer; }
#adminArticleList tr {  padding: 0px; cursor: pointer; }
#adminEditArticle table { width: 100%; height: 80%; }
#adminEditArticle textarea { width: 100%; height: 300px; }


#admineditdetails { margin-right: auto; margin-left: auto; text-align: center; }
#admindisplayproduct { width: 50%;margin-right: auto; margin-left: auto; text-align: center; margin-top: 25px; margin-bottom: 25px; }
#adminaddtracks {  width: 60%; margin-right: auto; margin-left: auto; text-align: center; }
#admintracknames {  width: 60%; margin-right: auto; margin-left: auto; text-align: center; margin-right: auto; margin-left: auto; text-align: center; }
#mp3upload {  width: 60%; margin-right: auto; margin-left: auto; }