

body {
   background-color: #408080; 
   font-family:  Verdana, Arial, "Helvetica", sans-serif; 
   color: #3D0A0A;
   margin: 4px;
   margin-top: 3px;
}


div#banner {
   height: 75px; 
   background-color: #480C0C; 
   margin: 0;
   padding: 0;
}


div#banner img {
   border: 0; 
   padding-left: 5px;
   padding-right: 5px;
   margin-bottom: 0px; 
}

a.homelink {
   color: #9A9A9A;
   text-decoration: none;
   font-size: 12px; 
   font-weight: bold;  
   border: 0px;
   margin: 0px;
} 


div#nav {
   background-color: #ECD9AD; 
   width: 100%;
   padding-top: 0;
   padding-bottom: 0; 
   border: 0;
   border-bottom: 0;
   border-top: 3px solid #9A9A9A;
   text-align: center;
   min-width: 375px; /* increase this if adding navbar buttons - for centering */
}

/* float fix: see http://www.webmasterworld.com/forum83/1725.htm */
div#nav:after {
   content: ".";
   display: block;
   line-height: 1px;
   font-size: 1px;
   clear: both;
}

div#nav ul#navbar {
   width:290px;   /* increase this if adding navbar buttons - for centering */
   border: 0;
   margin: 0;
   margin-left: auto;
   margin-right:auto;
   padding: 0px;
   list-style-type: none;
}

ul#navbar li {
   display: inline;
   padding: 0px;
   margin: 0px;
   float:left;
}

ul#navbar li a {
  background-color: #ECD9AD; 
  color: #764949;
  border: 0px;
  border-top: 0px;
/*  border-right: 1px solid #9A9A9A; */
  border-bottom: 0px;
  border-left: 0px; 
  border-right: 1px solid #C9B893;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 10px;
  padding-right: 12px;
  margin: 0px;
  text-decoration: none;
  display: block;
  float: left; 
  text-align: center;
  font-family:  Verdana, Arial, "Helvetica", sans-serif;
  font-size: 15px;
  font-weight: bold;
  white-space: nowrap;
  font-variant: small-caps;
}


ul#navbar li a#left{
  border-left: 1px solid #C9B893;
} 



/* Owen hack */
html>body ul#navbar li a {
  width: 95px;
}

head:first-child+body ul#navbar li a {
  width: auto;
}


ul#navbar li a.navon, ul#navbar li a.navon:focus, ul#navbar li a.navon:active {
   color: #366D6D;
}

ul#navbar li a:hover, ul#navbar li a.navon:hover  {
  color: #133423;
  background-color: #7e9a8b;
}


div#nav a {
  color: #764949;
  text-decoration: none;
  font-weight: bold;
  font-size: 12px;
  padding: 0;
  padding-top: 7px;
  padding-left: 10px;
  padding-right: 10px;
  border: 0;
  margin: 0;
  vertical-align: middle;
  width: 50px;
}

div#nav a.navon, div#nav a.navon:focus, div#nav a.navon:active {
   color: #366D6D;
}

div#nav a:hover, div#nav a.navon:hover {
  color: #7e9a8b;
}

div#main_text {
   background-color: #F6EDD7;
   padding-left: 5%;
   padding-right: 5%;
   padding-top: 25px;
   font-size: 15px;
   color: #3D0A0A;
   clear: both;
} 


table#cart tr.toprow td {
   background-color: #70A0A0;
   color: #183030;
   font-size: 12px;
   font-weight: bold;
   margin: 0;
   border: 0;
   padding-top: 3px;
   padding-bottom: 3px;
}

table#cart tr.toprow td.item {
   text-align: center;
}

table#cart td {
   font-size: 13px;
   text-align: right;
   color: #183030;
   background-color: #B8D0D0;
   padding-top: 5px;
   padding-bottom: 5px;
   padding-right: 3px;
   padding-left: 0;

}

table#cart td.item {
   text-align: left;
   padding-left: 5px;
}

table#cart td.total, table#cart td.total2 {
   color: #360909;
   padding-top: 4px;
   padding-bottom: 4px;
   background-color: #B0C1C1; 
   text-align: right;
}

table#cart td.total2 {
   background-color: #A7B5B5;
   font-weight: bold;
}

table#cart td.empty {
   font-size: 15px;
   font-weight: bold;
   background-color: #F6EDD7;;
}

td#refresh{
   padding-top: 10px;
}

input#refresh {
   width: 80px;
   font-size: 11px;
}

input, select, textarea {
   font-family:verdana ; 
   font-size: 12px;
} 

input.submit {
   color: #360909; 
   border-width: 2px; 
   border-color: #480C0C; 
   text-align: center;
   padding: 2px;

}

input.submit2 {
   font-weight: bold;
   border-width: 4px;
   border-color:  #764949;
   background-color: #BBA5A5;
   color: #480C0C;
   padding: 3px;
   width: 180px;
}

table#checkout {
   font-size: 12px;
   margin-top: 30px;
   border: 3px solid #408080;
}

table#checkout td.left {
   text-align: right;
   padding-right: 25px;
   width: 35%; 
   color: #360909;
   width: 350px;
}

table#checkout td.right {
   color: #183030;
}

table#checkout td {
   vertical-align: top;
   padding-top: 5px;
   padding-bottom: 5px;
}

td.cname {
   text-align: left;
   width: 40%;
   color: #2E0808;
}

td.cdelivery {
   background-color: #ECD9AD;
   color: #2E0808;
   padding-left: 10px;
}


.field {
   width: 300px;
   background: ;
   color: #408080;
   background-color: #ffffff;
}

.error {
   color: red;
}

.note {
   color: #2E0808;
}

.paypal {
  color: #2E0808;
}

td.navigation {
   border: 1px solid #2E0808; 
   background-color: #764949; 
   padding-top: 4px;
   padding-bottom: 4px;
   padding-right: 4px;
   padding-left: 15px;
}

td.navigation a {
   text-decoration:  none; 
   color: #ECD9AD;  
   font-weight: bold;
} 

td.navigation a.navon {
   color: #F6EDD7;
   font-size: 17px;
   padding-right: 25px;
}

td.navigation a.navoff {
   color: #ECD9AD;  
   padding-right: 25px;
}

.navigation a.navoff:hover, .navigation a.navoff:focus, .navigation a.navoff:active, .navigation a.navon:hover, .navigation a.navon:focus, .navigation a.navon:active {
   color:  #408080;  
}

td.content {
   border: 2px solid #480C0C;
   padding: 15px
}

table.manage {
  font-size: 11px;
  color: #183030;
}

table.manage a {
  color: #764949;
  text-decoration: none;
}

table.manage  a:hover {
   color: #F6EDD7;
}

table.manage tr.toprow td {
   font-weight: bold;
}

table.manage td {
   padding-top: 3px;
   padding-bottom: 3px;
   padding-right: 1px;
   padding-left: 2px;
   border-right: 1px solid #9BA7A7;
}

table.manage td.noborder {
   border-right: none;
}

table.manage td.zinename {
   width: 102px; 
}

table.manage td.center {
   text-align: center;
}

table.summary {
   font-size: 12px;
   color: #2E0808;
}

table.summary td.count {
   padding-right: 25px;
}

p.contable {
   font-size: 16px;
   color: #360909;
   font-weight: bold;
   padding-top: 0;
   padding-bottom: 8px;
   margin-bottom: 0;
}

table.order td {
   font-size: 12px;
   color: #360909;
   border: none;
   vertical-align: top;
   padding-right: 40px;
   padding-left: 0;
}

table.order td.class1 {
   color: #183030;
   padding-right: 50px;
}

.class1 {
   color: #183030;
   font-weight: bold;
   text-decoration: none;
}

table.order td.class2 {
   padding-right: 7px;
   text-align: right;
}

table.order a {
  color: #764949;
  text-decoration: none;
  font-weight: bold;
}

table.order a:hover {
  color: #7e9a8b;
}

td.order_number {
   font-size: 1.5em; 
   text-align: center;
   color: #2E0808;
   font-weight: bold;
}

td.order_date {
  text-align: center;
   color: #2E0808;
   font-weight: bold;
}

table#config input {
  width: 300;
}

table#config td {
  font-size: 12px;
  color: #360909;
}

table#config td.left {
   text-align: right;
   padding-right: 15px;
}

.gap {
   background-color: #480C0C; 
   height: 1px; 
   line-height: 1px; 
   font-size: 1px;
   margin-top: 25px;
   margin-bottom: 25px;
   padding: 0;
   padding-bottom: 1px;

}

div#home_page {
   text-align: center;
   padding-top: 15px;
}

div#home_page p.welcome {
   font-size: 18px;
   padding:0;
   margin-top: 10px;
   margin-bottom:0;
}

div#home_page p.title {
   font-size: 35px;
   font-weight: bold;
   padding: 0;
   margin-top: 35px;
   margin-bottom: 25px;
}

div#home_page p.announcement {
   color: #960404;
   padding-top: 20px; 
   padding-bottom:20px;
}


a.cq {
   font-size:18px; 
   color: #005D24;
   text-decoration: none;
}

a.cq:hover {
  color: #7e9a8b;
}

.copyright {
   color: #183030;
   font-size: 12px;
   padding-bottom: 0;
   margin-bottom: 0;
}

div.line {
   background-color: #480C0C;
   color: #480C0C;
   margin-left: 35%;
   margin-right: 35%;
   margin-top: 25px;
   margin-bottom: 25px;
   height: 2px;
   font-size: 2px;
}

div.zine_description {
/*   padding-left: 25px; */
} 

img.zines {
   padding-top: 25px;
   padding-bottom: 0;
   margin-left: 95px;
}


/*div.zine_description ul {
    color: #183030;
    margin-left: 30px;
    margin-right: 200px;
    padding-left: 30px;
    padding-right: 200px;
    margin-top: 0;
    padding-top: 0;
} */

div.zine_description p.desc {
    color: #183030;
  /* border: 1px solid #183030; */
    line-height: 110%;
    padding:0;
    font-size: 12px;
    margin-left: 25px;
    margin-right: 25px;
}

table.zine_description td {
   padding: 10px;
}

div.zine_description p {
   margin-left: 25px;
}

div.zine_description div.line {
   background-color: #F6EDD7;
   color: #F6EDD7;
   border-bottom: 1px solid #480C0C;;
   margin-left:40%;
   margin-right:25%;
   margin-top: 25px;
   margin-bottom: 0;
   height: 3px;
   font-size: 2px;
}

ul.zine_stories {
   list-style-type: none;
   color: #3D0A0A;
   color: #183030;
   padding-left: 15px;
   margin-left: 15px;
   padding-right: 100px;
}

ul.zine_stories li {
   padding-bottom: 15px;
   font-size: .95em;
}

ul.zine_stories span.title {
   color: #3D0A0A;
   color: #366D6D;
   font-weight: bold;
   font-size: 1.2em;
}

ul.zine_stories span.pages {
   font-size: .9em;
}

div.zine_description ul.zine_stories p.story {
   margin:0;
   padding:0;
}

div.zine_description ul.zine_stories p.blurb {
   color: #183030;
   color: #3D0A0A;
   margin-top:0;
   padding-top:0;
   margin-left: 0;
   font-size: .9em;
}

div.zine_description ul.zine_stories p.line{
   height: 2px;
   font-size: 2px;
   color: #F6EDD7;
   background-color: #F6EDD7;
 /*  border-bottom: 1px solid #408080;
   border-bottom: 1px solid #183030; */
   margin:0;
   padding:0;
   margin-top: 0;
   margin-bottom: 2px;

}

div#faq {
   padding-left: 50px;
}

.faq_question {
   font-weight: bold;
   font-size: 1.05em;
   padding: 0;
   padding-left: 50px;
   padding-bottom: 5px;
   margin: 0;

}

.faq_answer {
   color: #183030;
   font-size: .95em;
   padding: 0;
   margin: 0;
   margin-left: 50px;
   margin-top: 5px;
   margin-bottom: 40px;
 }

p.title {
   font-size: 1.5em;
   text-align: center;
   font-weight: bold;
}


hr.basic {
   color: #480C0C;
}